@charset "UTF-8";@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.4.0/css/font-awesome.min.css); article, aside, footer, header, nav, section { display: block } h1 { font-size: 2em; margin: .67em 0 } figcaption, figure, main { display: block } figure { margin: 1em 40px } hr { box-sizing: content-box; height: 0; overflow: visible } pre { font-family: monospace, monospace; font-size: 1em } a { background-color: transparent; -webkit-text-decoration-skip: objects } abbr[title] { border-bottom: none; text-decoration: underline; -webkit-text-decoration: underline dotted; text-decoration: underline dotted } b, strong { font-weight: inherit; font-weight: bolder } code, kbd, samp { font-family: monospace, monospace; font-size: 1em } dfn { font-style: italic } mark { background-color: #ff0; color: #000 } small { font-size: 80% } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline } sub { bottom: -.25em } sup { top: -.5em } audio, video { display: inline-block } audio:not([controls]) { display: none; height: 0 } img { border-style: none } svg:not(:root) { overflow: hidden } button, input, optgroup, select, textarea { font-family: sans-serif; font-size: 100%; line-height: 1.15; margin: 0 } button, input { overflow: visible } button, select { text-transform: none } [type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button } [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: none; padding: 0 } [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring { outline: 1px dotted ButtonText } fieldset { padding: .35em .75em .625em } legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal } progress { display: inline-block; vertical-align: baseline } textarea { overflow: auto } #search-widget-container{ border-top: 0px  !important; } [type=checkbox], [type=radio] { box-sizing: border-box; padding: 0 } [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button { height: auto } [type=search] { -webkit-appearance: textfield; outline-offset: -2px } [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none } ::-webkit-file-upload-button { -webkit-appearance: button; font: inherit } details, menu { display: block } summary { display: list-item } canvas { display: inline-block } [hidden], template { display: none } .aspect-ratio { height: 0; position: relative } .aspect-ratio--16x9 { padding-bottom: 56.25% } .aspect-ratio--9x16 { padding-bottom: 177.77% } .aspect-ratio--4x3 { padding-bottom: 75% } .aspect-ratio--3x4 { padding-bottom: 133.33% } .aspect-ratio--6x4 { padding-bottom: 66.6% } .aspect-ratio--4x6 { padding-bottom: 150% } .aspect-ratio--8x5 { padding-bottom: 62.5% } .aspect-ratio--5x8 { padding-bottom: 160% } .aspect-ratio--7x5 { padding-bottom: 71.42% } .aspect-ratio--5x7 { padding-bottom: 140% } .aspect-ratio--1x1 { padding-bottom: 100% } .aspect-ratio--object { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100 } .bg-rebel-pink { background-color: #f71963 } .bg-heavy-rebel-pink { background-color: #dd1659 } .bg-elite-purple { background-color: #8914cc } .bg-near-black { background-color: #3f3f40 } .bg-dark-gray { background-color: #585959 } .bg-mid-gray { background-color: #727273 } .bg-gray { background-color: #979899 } .bg-silver { background-color: #cacbcc } .bg-light-gray { background-color: #e3e4e6 } .bg-light-silver { background-color: #f2f4f5 } .bg-near-white { background-color: #f7f9fa } .bg-white { background-color: #fff } .bg-washed-blue { background-color: #edf4fa } .bg-light-blue { background-color: #cce8ff } .bg-blue { background-color: #368df7 } .bg-heavy-blue { background-color: #2a6dbf } .bg-light-marine { background-color: #3d5980 } .bg-marine { background-color: #25354d } .bg-serious-black { background-color: #142032 } .bg-green { background-color: #8bc34a } .bg-washed-green { background-color: #eafce3 } .bg-red { background-color: #ff4c4c } .bg-washed-red { background-color: #ffe6e6 } .bg-yellow { background-color: #ffb100 } .bg-washed-yellow { background-color: #fff6e0 } .bg-black-90 { background-color: rgba(0, 0, 0, .9) } .bg-black-80 { background-color: rgba(0, 0, 0, .8) } .bg-black-70 { background-color: rgba(0, 0, 0, .7) } .bg-black-60 { background-color: rgba(0, 0, 0, .6) } .bg-black-50 { background-color: rgba(0, 0, 0, .5) } .bg-black-40 { background-color: rgba(0, 0, 0, .4) } .bg-black-30 { background-color: rgba(0, 0, 0, .3) } .bg-black-20 { background-color: rgba(0, 0, 0, .2) } .bg-black-10 { background-color: rgba(0, 0, 0, .1) } .bg-black-05 { background-color: rgba(0, 0, 0, .05) } .bg-black-025 { background-color: rgba(0, 0, 0, .025) } .bg-black-0125 { background-color: rgba(0, 0, 0, .0125) } .bg-white-90 { background-color: hsla(0, 0%, 100%, .9) } .bg-white-80 { background-color: hsla(0, 0%, 100%, .8) } .bg-white-70 { background-color: hsla(0, 0%, 100%, .7) } .bg-white-60 { background-color: hsla(0, 0%, 100%, .6) } .bg-white-50 { background-color: hsla(0, 0%, 100%, .5) } .bg-white-40 { background-color: hsla(0, 0%, 100%, .4) } .bg-white-30 { background-color: hsla(0, 0%, 100%, .3) } .bg-white-20 { background-color: hsla(0, 0%, 100%, .2) } .bg-white-10 { background-color: hsla(0, 0%, 100%, .1) } .bg-white-05 { background-color: hsla(0, 0%, 100%, .05) } .bg-white-025 { background-color: hsla(0, 0%, 100%, .025) } .bg-white-0125 { background-color: hsla(0, 0%, 100%, .0125) } .bg-base { background-color: #fff } .bg-base--inverted { background-color: #03044e } .bg-action-primary { background-color: #0f3e99 } .bg-action-secondary { background-color: #eef3f7 } .bg-emphasis { background-color: #f71963 } .bg-disabled { background-color: #f2f4f5 } .bg-success { background-color: #8bc34a } .bg-success--faded { background-color: #eafce3 } .bg-danger { background-color: #ff4c4c } .bg-danger--faded { background-color: #ffe6e6 } .bg-warning { background-color: #ffb100 } .bg-warning--faded { background-color: #fff6e0 } .bg-muted-1 { background-color: #727273 } .bg-muted-2 { background-color: #979899 } .bg-muted-3 { background-color: #cacbcc } .bg-muted-4 { background-color: #e3e4e6 } .bg-muted-5 { background-color: #f2f4f5 } .bg-transparent { background-color: transparent } .cover { background-size: cover  !important } .contain { background-size: contain  !important } .bg-center { background-position: 50% } .bg-center, .bg-top { background-repeat: no-repeat } .bg-top { background-position: top } .bg-right { background-position: 100% } .bg-bottom, .bg-right { background-repeat: no-repeat } .bg-bottom { background-position: bottom } .bg-left { background-repeat: no-repeat; background-position: 0 } .ba { border-style: solid; border-width: 1px } .bt { border-top-style: solid; border-top-width: 1px } .br { border-right-style: solid; border-right-width: 1px } .bb { border-bottom-style: solid; border-bottom-width: 1px } .bl { border-left-style: solid; border-left-width: 1px } .bn { border-style: none; border-width: 0 } .b--rebel-pink { border-color: #f71963 } .b--heavy-rebel-pink { border-color: #dd1659 } .b--elite-purple { border-color: #8914cc } .b--near-black { border-color: #3f3f40 } .b--dark-gray { border-color: #585959 } .b--mid-gray { border-color: #727273 } .b--gray { border-color: #979899 } .b--silver { border-color: #cacbcc } .b--light-gray { border-color: #e3e4e6 } .b--light-silver { border-color: #f2f4f5 } .b--near-white { border-color: #f7f9fa } .b--white { border-color: #fff } .b--washed-blue { border-color: #edf4fa } .b--light-blue { border-color: #cce8ff } .b--blue { border-color: #368df7 } .b--heavy-blue { border-color: #2a6dbf } .b--light-marine { border-color: #3d5980 } .b--marine { border-color: #25354d } .b--serious-black { border-color: #142032 } .b--green { border-color: #8bc34a } .b--washed-green { border-color: #eafce3 } .b--red { border-color: #ff4c4c } .b--washed-red { border-color: #ffe6e6 } .b--yellow { border-color: #ffb100 } .b--washed-yellow { border-color: #fff6e0 } .b--black-90 { border-color: rgba(0, 0, 0, .9) } .b--black-80 { border-color: rgba(0, 0, 0, .8) } .b--black-70 { border-color: rgba(0, 0, 0, .7) } .b--black-60 { border-color: rgba(0, 0, 0, .6) } .b--black-50 { border-color: rgba(0, 0, 0, .5) } .b--black-40 { border-color: rgba(0, 0, 0, .4) } .b--black-30 { border-color: rgba(0, 0, 0, .3) } .b--black-20 { border-color: rgba(0, 0, 0, .2) } .b--black-10 { border-color: rgba(0, 0, 0, .1) } .b--black-05 { border-color: rgba(0, 0, 0, .05) } .b--black-025 { border-color: rgba(0, 0, 0, .025) } .b--black-0125 { border-color: rgba(0, 0, 0, .0125) } .b--white-90 { border-color: hsla(0, 0%, 100%, .9) } .b--white-80 { border-color: hsla(0, 0%, 100%, .8) } .b--white-70 { border-color: hsla(0, 0%, 100%, .7) } .b--white-60 { border-color: hsla(0, 0%, 100%, .6) } .b--white-50 { border-color: hsla(0, 0%, 100%, .5) } .b--white-40 { border-color: hsla(0, 0%, 100%, .4) } .b--white-30 { border-color: hsla(0, 0%, 100%, .3) } .b--white-20 { border-color: hsla(0, 0%, 100%, .2) } .b--white-10 { border-color: hsla(0, 0%, 100%, .1) } .b--white-05 { border-color: hsla(0, 0%, 100%, .05) } .b--white-025 { border-color: hsla(0, 0%, 100%, .025) } .b--white-0125 { border-color: hsla(0, 0%, 100%, .0125) } .b--action-primary { border-color: #0f3e99 } .b--action-secondary { border-color: #eef3f7 } .b--emphasis { border-color: #f71963 } .b--disabled { border-color: #e3e4e6 } .b--success { border-color: #8bc34a } .b--success--faded { border-color: #eafce3 } .b--danger { border-color: #ff4c4c } .b--danger--faded { border-color: #ffe6e6 } .b--warning { border-color: #ffb100 } .b--warning--faded { border-color: #fff6e0 } .b--muted-1 { border-color: #727273 } .b--muted-2 { border-color: #979899 } .b--muted-3 { border-color: #cacbcc } .b--muted-4 { border-color: #e3e4e6 } .b--muted-5 { border-color: #f2f4f5 } .b--transparent { border-color: transparent } .br0 { border-radius: 0 } .br1 { border-radius: .125rem } .br2 { border-radius: .25rem } .br3 { border-radius: .5rem } .br4 { border-radius: 1rem } .br-100 { border-radius: 100% } .br-pill { border-radius: 9999px } .br--bottom { border-top-left-radius: 0; border-top-right-radius: 0 } .br--top { border-bottom-right-radius: 0 } .br--right, .br--top { border-bottom-left-radius: 0 } .br--right { border-top-left-radius: 0 } .br--left { border-top-right-radius: 0; border-bottom-right-radius: 0 } .b--dotted { border-style: dotted } .b--dashed { border-style: dashed } .b--solid { border-style: solid } .b--none { border-style: none } .bw0 { border-width: 0 } .bw1 { border-width: .125rem } .bw2 { border-width: .25rem } .bw3 { border-width: .5rem } .bw4 { border-width: 1rem } .bw5 { border-width: 2rem } .bt-0 { border-top-width: 0 } .br-0 { border-right-width: 0 } .bb-0 { border-bottom-width: 0 } .bl-0 { border-left-width: 0 } .shadow-1 { box-shadow: 0 0 4px 2px rgba(0, 0, 0, .2) } .shadow-2 { box-shadow: 0 0 8px 2px rgba(0, 0, 0, .2) } .shadow-3 { box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, .2) } .shadow-4 { box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2) } .shadow-5 { box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, .2) } .border-box, a, article, aside, blockquote, body, code, dd, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, html, input[type=email], input[type=number], input[type=password], input[type=tel], input[type=text], input[type=url], legend, li, main, nav, ol, p, pre, section, table, td, textarea, th, tr, ul { box-sizing: border-box } .pre { overflow-x: auto; overflow-y: hidden; overflow: scroll } .pa0 { padding: 0 } .ma0, .na0 { margin: 0 } .pl0 { padding-left: 0 } .ml0, .nl0 { margin-left: 0 } .pr0 { padding-right: 0 } .mr0, .nr0 { margin-right: 0 } .pt0 { padding-top: 0 } .mt0, .nt0 { margin-top: 0 } .pb0 { padding-bottom: 0 } .mb0, .nb0 { margin-bottom: 0 } .pv0 { padding-top: 0; padding-bottom: 0 } .mv0, .nv0 { margin-top: 0; margin-bottom: 0 } .ph0 { padding-left: 0; padding-right: 0 } .mh0, .nh0 { margin-left: 0; margin-right: 0 } .pa1 { padding: .125rem } .ma1 { margin: .125rem } .na1 { margin: -.125rem } .pl1 { padding-left: .125rem } .ml1 { margin-left: .125rem } .nl1 { margin-left: -.125rem } .pr1 { padding-right: .125rem } .mr1 { margin-right: .125rem } .nr1 { margin-right: -.125rem } .pt1 { padding-top: .125rem } .mt1 { margin-top: .125rem } .nt1 { margin-top: -.125rem } .pb1 { padding-bottom: .125rem } .mb1 { margin-bottom: .125rem } .nb1 { margin-bottom: -.125rem } .pv1 { padding-top: .125rem; padding-bottom: .125rem } .mv1 { margin-top: .125rem; margin-bottom: .125rem } .nv1 { margin-top: -.125rem; margin-bottom: -.125rem } .ph1 { padding-left: .125rem; padding-right: .125rem } .mh1 { margin-left: .125rem; margin-right: .125rem } .nh1 { margin-left: -.125rem; margin-right: -.125rem } .pa2 { padding: .25rem } .ma2 { margin: .25rem } .na2 { margin: -.25rem } .pl2 { padding-left: .25rem } .ml2 { margin-left: .25rem } .nl2 { margin-left: -.25rem } .pr2 { padding-right: .25rem } .mr2 { margin-right: .25rem } .nr2 { margin-right: -.25rem } .pt2 { padding-top: .25rem } .mt2 { margin-top: .25rem } .nt2 { margin-top: -.25rem } .pb2 { padding-bottom: .25rem } .mb2 { margin-bottom: .25rem } .nb2 { margin-bottom: -.25rem } .pv2 { padding-top: .25rem; padding-bottom: .25rem } .mv2 { margin-top: .25rem; margin-bottom: .25rem } .nv2 { margin-top: -.25rem; margin-bottom: -.25rem } .ph2 { padding-left: .25rem; padding-right: .25rem } .mh2 { margin-left: .25rem; margin-right: .25rem } .nh2 { margin-left: -.25rem; margin-right: -.25rem } .pa3 { padding: .5rem } .ma3 { margin: .5rem } .na3 { margin: -.5rem } .pl3 { padding-left: .5rem } .ml3 { margin-left: .5rem } .nl3 { margin-left: -.5rem } .pr3 { padding-right: .5rem } .mr3 { margin-right: .5rem } .nr3 { margin-right: -.5rem } .pt3 { padding-top: .5rem } .mt3 { margin-top: .5rem } .nt3 { margin-top: -.5rem } .pb3 { padding-bottom: .5rem } .mb3 { margin-bottom: .5rem } .nb3 { margin-bottom: -.5rem } .pv3 { padding-top: .5rem; padding-bottom: .5rem } .mv3 { margin-top: .5rem; margin-bottom: .5rem } .nv3 { margin-top: -.5rem; margin-bottom: -.5rem } .ph3 { padding-left: .5rem; padding-right: .5rem } .mh3 { margin-left: .5rem; margin-right: .5rem } .nh3 { margin-left: -.5rem; margin-right: -.5rem } .pa4 { padding: .75rem } .ma4 { margin: .75rem } .na4 { margin: -.75rem } .pl4 { padding-left: .75rem } .ml4 { margin-left: .75rem } .nl4 { margin-left: -.75rem } .pr4 { padding-right: .75rem } .mr4 { margin-right: .75rem } .nr4 { margin-right: -.75rem } .pt4 { padding-top: .75rem } .mt4 { margin-top: .75rem } .nt4 { margin-top: -.75rem } .pb4 { padding-bottom: .75rem } .mb4 { margin-bottom: .75rem } .nb4 { margin-bottom: -.75rem } .pv4 { padding-top: .75rem; padding-bottom: .75rem } .mv4 { margin-top: .75rem; margin-bottom: .75rem } .nv4 { margin-top: -.75rem; margin-bottom: -.75rem } .ph4 { padding-left: .75rem; padding-right: .75rem } .mh4 { margin-left: .75rem; margin-right: .75rem } .nh4 { margin-left: -.75rem; margin-right: -.75rem } .pa5 { padding: 1rem } .ma5 { margin: 1rem } .na5 { margin: -1rem } .pl5 { padding-left: 1rem } .ml5 { margin-left: 1rem } .nl5 { margin-left: -1rem } .pr5 { padding-right: 1rem } .mr5 { margin-right: 1rem } .nr5 { margin-right: -1rem } .pt5 { padding-top: 1rem } .mt5 { margin-top: 1rem } .nt5 { margin-top: -1rem } .pb5 { padding-bottom: 1rem } .mb5 { margin-bottom: 1rem } .nb5 { margin-bottom: -1rem } .pv5 { padding-top: 1rem; padding-bottom: 1rem } .mv5 { margin-top: 1rem; margin-bottom: 1rem } .nv5 { margin-top: -1rem; margin-bottom: -1rem } .ph5 { padding-left: 1rem; padding-right: 1rem } .mh5 { margin-left: 1rem; margin-right: 1rem } .nh5 { margin-left: -1rem; margin-right: -1rem } .pa6 { padding: 1.5rem } .ma6 { margin: 1.5rem } .na6 { margin: -1.5rem } .pl6 { padding-left: 1.5rem } .ml6 { margin-left: 1.5rem } .nl6 { margin-left: -1.5rem } .pr6 { padding-right: 1.5rem } .mr6 { margin-right: 1.5rem } .nr6 { margin-right: -1.5rem } .pt6 { padding-top: 1.5rem } .mt6 { margin-top: 1.5rem } .nt6 { margin-top: -1.5rem } .pb6 { padding-bottom: 1.5rem } .mb6 { margin-bottom: 1.5rem } .nb6 { margin-bottom: -1.5rem } .pv6 { padding-top: 1.5rem; padding-bottom: 1.5rem } .mv6 { margin-top: 1.5rem; margin-bottom: 1.5rem } .nv6 { margin-top: -1.5rem; margin-bottom: -1.5rem } .ph6 { padding-left: 1.5rem; padding-right: 1.5rem } .mh6 { margin-left: 1.5rem; margin-right: 1.5rem } .nh6 { margin-left: -1.5rem; margin-right: -1.5rem } .pa7 { padding: 2rem } .ma7 { margin: 2rem } .na7 { margin: -2rem } .pl7 { padding-left: 2rem } .ml7 { margin-left: 2rem } .nl7 { margin-left: -2rem } .pr7 { padding-right: 2rem } .mr7 { margin-right: 2rem } .nr7 { margin-right: -2rem } .pt7 { padding-top: 2rem } .mt7 { margin-top: 2rem } .nt7 { margin-top: -2rem } .pb7 { padding-bottom: 2rem } .mb7 { margin-bottom: 2rem } .nb7 { margin-bottom: -2rem } .pv7 { padding-top: 2rem; padding-bottom: 2rem } .mv7 { margin-top: 2rem; margin-bottom: 2rem } .nv7 { margin-top: -2rem; margin-bottom: -2rem } .ph7 { padding-left: 2rem; padding-right: 2rem } .mh7 { margin-left: 2rem; margin-right: 2rem } .nh7 { margin-left: -2rem; margin-right: -2rem } .pa8 { padding: 3rem } .ma8 { margin: 3rem } .na8 { margin: -3rem } .pl8 { padding-left: 3rem } .ml8 { margin-left: 3rem } .nl8 { margin-left: -3rem } .pr8 { padding-right: 3rem } .mr8 { margin-right: 3rem } .nr8 { margin-right: -3rem } .pt8 { padding-top: 3rem } .mt8 { margin-top: 3rem } .nt8 { margin-top: -3rem } .pb8 { padding-bottom: 3rem } .mb8 { margin-bottom: 3rem } .nb8 { margin-bottom: -3rem } .pv8 { padding-top: 3rem; padding-bottom: 3rem } .mv8 { margin-top: 3rem; margin-bottom: 3rem } .nv8 { margin-top: -3rem; margin-bottom: -3rem } .ph8 { padding-left: 3rem; padding-right: 3rem } .mh8 { margin-left: 3rem; margin-right: 3rem } .nh8 { margin-left: -3rem; margin-right: -3rem } .pa9 { padding: 4rem } .ma9 { margin: 4rem } .na9 { margin: -4rem } .pl9 { padding-left: 4rem } .ml9 { margin-left: 4rem } .nl9 { margin-left: -4rem } .pr9 { padding-right: 4rem } .mr9 { margin-right: 4rem } .nr9 { margin-right: -4rem } .pt9 { padding-top: 4rem } .mt9 { margin-top: 4rem } .nt9 { margin-top: -4rem } .pb9 { padding-bottom: 4rem } .mb9 { margin-bottom: 4rem } .nb9 { margin-bottom: -4rem } .pv9 { padding-top: 4rem; padding-bottom: 4rem } .mv9 { margin-top: 4rem; margin-bottom: 4rem } .nv9 { margin-top: -4rem; margin-bottom: -4rem } .ph9 { padding-left: 4rem; padding-right: 4rem } .mh9 { margin-left: 4rem; margin-right: 4rem } .nh9 { margin-left: -4rem; margin-right: -4rem } .pa10 { padding: 8rem } .ma10 { margin: 8rem } .na10 { margin: -8rem } .pl10 { padding-left: 8rem } .ml10 { margin-left: 8rem } .nl10 { margin-left: -8rem } .pr10 { padding-right: 8rem } .mr10 { margin-right: 8rem } .nr10 { margin-right: -8rem } .pt10 { padding-top: 8rem } .mt10 { margin-top: 8rem } .nt10 { margin-top: -8rem } .pb10 { padding-bottom: 8rem } .mb10 { margin-bottom: 8rem } .nb10 { margin-bottom: -8rem } .pv10 { padding-top: 8rem; padding-bottom: 8rem } .mv10 { margin-top: 8rem; margin-bottom: 8rem } .nv10 { margin-top: -8rem; margin-bottom: -8rem } .ph10 { padding-left: 8rem; padding-right: 8rem } .mh10 { margin-left: 8rem; margin-right: 8rem } .nh10 { margin-left: -8rem; margin-right: -8rem } .pa11 { padding: 16rem } .ma11 { margin: 16rem } .na11 { margin: -16rem } .pl11 { padding-left: 16rem } .ml11 { margin-left: 16rem } .nl11 { margin-left: -16rem } .pr11 { padding-right: 16rem } .mr11 { margin-right: 16rem } .nr11 { margin-right: -16rem } .pt11 { padding-top: 16rem } .mt11 { margin-top: 16rem } .nt11 { margin-top: -16rem } .pb11 { padding-bottom: 16rem } .mb11 { margin-bottom: 16rem } .nb11 { margin-bottom: -16rem } .pv11 { padding-top: 16rem; padding-bottom: 16rem } .mv11 { margin-top: 16rem; margin-bottom: 16rem } .nv11 { margin-top: -16rem; margin-bottom: -16rem } .ph11 { padding-left: 16rem; padding-right: 16rem } .mh11 { margin-left: 16rem; margin-right: 16rem } .nh11 { margin-left: -16rem; margin-right: -16rem } .top-0 { top: 0 } .right-0 { right: 0 } .bottom-0 { bottom: 0 } .left-0 { left: 0 } .top-1 { top: 1rem } .right-1 { right: 1rem } .bottom-1 { bottom: 1rem } .left-1 { left: 1rem } .top-2 { top: 2rem } .right-2 { right: 2rem } .bottom-2 { bottom: 2rem } .left-2 { left: 2rem } .top--1 { top: -1rem } .right--1 { right: -1rem } .bottom--1 { bottom: -1rem } .left--1 { left: -1rem } .top--2 { top: -2rem } .right--2 { right: -2rem } .bottom--2 { bottom: -2rem } .left--2 { left: -2rem } .absolute--fill { top: 0; right: 0; bottom: 0; left: 0 } .cf:after, .cf:before { content: " "; display: table } .cf:after { clear: both } .cf { *zoom: 1 } .cl { clear: left } .cr { clear: right } .cb { clear: both } .cn { clear: none } .dn { display: none } .di { display: inline } .db { display: block } .dib { display: inline-block } .dit { display: inline-table } .dt { display: table } .dtc { display: table-cell } .dt-row { display: table-row } .dt-row-group { display: table-row-group } .dt-column { display: table-column } .dt-column-group { display: table-column-group } .dt--fixed { table-layout: fixed; width: 100% } .flex { display: -webkit-box; display: flex } .inline-flex { display: -webkit-inline-box; display: inline-flex } .flex-auto { -webkit-box-flex: 1; flex: 1 1 auto; min-width: 0; min-height: 0 } .flex-none { -webkit-box-flex: 0; flex: none } .flex-column { -webkit-box-orient: vertical; flex-direction: column } .flex-column, .flex-row { -webkit-box-direction: normal } .flex-row { -webkit-box-orient: horizontal; flex-direction: row } .flex-wrap { flex-wrap: wrap } .flex-nowrap { flex-wrap: nowrap } .flex-wrap-reverse { flex-wrap: wrap-reverse } .flex-column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse } .flex-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse } .items-start { -webkit-box-align: start; align-items: flex-start } .items-end { -webkit-box-align: end; align-items: flex-end } .items-center { -webkit-box-align: center; align-items: center } .items-baseline { -webkit-box-align: baseline; align-items: baseline } .items-stretch { -webkit-box-align: stretch; align-items: stretch } .self-start { align-self: flex-start } .self-end { align-self: flex-end } .self-center { align-self: center } .self-baseline { align-self: baseline } .self-stretch { align-self: stretch } .justify-start { -webkit-box-pack: start; justify-content: flex-start } .justify-end { -webkit-box-pack: end; justify-content: flex-end } .justify-center { -webkit-box-pack: center; justify-content: center } .justify-between { -webkit-box-pack: justify; justify-content: space-between } .justify-around { justify-content: space-around } .content-start { align-content: flex-start } .content-end { align-content: flex-end } .content-center { align-content: center } .content-between { align-content: space-between } .content-around { align-content: space-around } .content-stretch { align-content: stretch } .order-0 { -webkit-box-ordinal-group: 1; order: 0 } .order-1 { -webkit-box-ordinal-group: 2; order: 1 } .order-2 { -webkit-box-ordinal-group: 3; order: 2 } .order-3 { -webkit-box-ordinal-group: 4; order: 3 } .order-4 { -webkit-box-ordinal-group: 5; order: 4 } .order-5 { -webkit-box-ordinal-group: 6; order: 5 } .order-6 { -webkit-box-ordinal-group: 7; order: 6 } .order-7 { -webkit-box-ordinal-group: 8; order: 7 } .order-8 { -webkit-box-ordinal-group: 9; order: 8 } .order-last { -webkit-box-ordinal-group: 100000; order: 99999 } .flex-grow-0 { -webkit-box-flex: 0; flex-grow: 0 } .flex-grow-1 { -webkit-box-flex: 1; flex-grow: 1 } .flex-shrink-0 { flex-shrink: 0 } .flex-shrink-1 { flex-shrink: 1 } .fl { float: left } .fl, .fr { _display: inline } .fr { float: right } .fn { float: none } body, button, input, optgroup, select, textarea { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .sans-serif, body, button, input, optgroup, select, textarea { font-family: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif } .code, code { font-family: Consolas, monaco, monospace } .i { font-style: italic } .fs-normal { font-style: normal } .input-reset { -webkit-appearance: none; -moz-appearance: none } .button-reset::-moz-focus-inner, .input-reset::-moz-focus-inner { border: 0; padding: 0 } .link { text-decoration: none } .link, .link:active, .link:focus, .link:hover, .link:link, .link:visited { -webkit-transition: color .15s ease-in; transition: color .15s ease-in } .link:focus { outline: 1px dotted currentColor } .list { list-style-type: none } .h1 { height: 1rem } .h2 { height: 2rem } .h3 { height: 4rem } .h4 { height: 8rem } .h5 { height: 16rem } .h-25 { height: 25% } .h-50 { height: 50% } .h-75 { height: 75% } .h-100 { height: 100% } .min-h-100 { min-height: 100% } .vh-25 { height: 25vh } .vh-50 { height: 50vh } .vh-75 { height: 75vh } .vh-100 { height: 100vh } .min-vh-100 { min-height: 100vh } .h-auto { height: auto } .h-inherit { height: inherit } .h-small { height: 2rem; box-sizing: border-box } .min-h-small { min-height: 2rem; box-sizing: border-box } .h-regular { height: 2.5rem; box-sizing: border-box } .min-h-regular { min-height: 2.5rem; box-sizing: border-box } .h-large { height: 3rem; box-sizing: border-box } .min-h-large { min-height: 3rem; box-sizing: border-box } .rebel-pink { color: #f71963 } .heavy-rebel-pink { color: #dd1659 } .elite-purple { color: #8914cc } .near-black { color: #3f3f40 } .dark-gray { color: #585959 } .mid-gray { color: #727273 } .gray { color: #979899 } .silver { color: #cacbcc } .light-gray { color: #e3e4e6 } .light-silver { color: #f2f4f5 } .near-white { color: #f7f9fa } .white { color: #fff } .washed-blue { color: #edf4fa } .light-blue { color: #cce8ff } .blue { color: #368df7 } .heavy-blue { color: #2a6dbf } .light-marine { color: #3d5980 } .marine { color: #25354d } .serious-black { color: #142032 } .green { color: #8bc34a } .washed-green { color: #eafce3 } .red { color: #ff4c4c } .washed-red { color: #ffe6e6 } .yellow { color: #ffb100 } .washed-yellow { color: #fff6e0 } .black-90 { color: rgba(0, 0, 0, .9) } .black-80 { color: rgba(0, 0, 0, .8) } .black-70 { color: rgba(0, 0, 0, .7) } .black-60 { color: rgba(0, 0, 0, .6) } .black-50 { color: rgba(0, 0, 0, .5) } .black-40 { color: rgba(0, 0, 0, .4) } .black-30 { color: rgba(0, 0, 0, .3) } .black-20 { color: rgba(0, 0, 0, .2) } .black-10 { color: rgba(0, 0, 0, .1) } .black-05 { color: rgba(0, 0, 0, .05) } .black-025 { color: rgba(0, 0, 0, .025) } .black-0125 { color: rgba(0, 0, 0, .0125) } .white-90 { color: hsla(0, 0%, 100%, .9) } .white-80 { color: hsla(0, 0%, 100%, .8) } .white-70 { color: hsla(0, 0%, 100%, .7) } .white-60 { color: hsla(0, 0%, 100%, .6) } .white-50 { color: hsla(0, 0%, 100%, .5) } .white-40 { color: hsla(0, 0%, 100%, .4) } .white-30 { color: hsla(0, 0%, 100%, .3) } .white-20 { color: hsla(0, 0%, 100%, .2) } .white-10 { color: hsla(0, 0%, 100%, .1) } .white-05 { color: hsla(0, 0%, 100%, .05) } .white-025 { color: hsla(0, 0%, 100%, .025) } .white-0125 { color: hsla(0, 0%, 100%, .0125) } .c-action-primary { color: #0f3e99 } .c-action-secondary { color: #eef3f7 } .c-link { color: #0f3e99 } .c-emphasis { color: #f71963 } .c-disabled { color: #979899 } .c-success { color: #8bc34a } .c-success--faded { color: #eafce3 } .c-danger { color: #ff4c4c } .c-danger--faded { color: #ffe6e6 } .c-warning { color: #ffb100 } .c-warning--faded { color: #fff6e0 } .c-muted-1 { color: #727273 } .c-muted-2 { color: #979899 } .c-muted-3 { color: #cacbcc } .c-muted-4 { color: #e3e4e6 } .c-muted-5 { color: #f2f4f5 } .c-on-base { color: #3f3f40 } .c-on-action-primary, .c-on-base--inverted { color: #fff } .c-on-action-secondary { color: #0f3e99 } .c-on-emphasis { color: #fff } .c-on-disabled { color: #979899 } .c-on-success { color: #fff } .c-on-success--faded { color: #3f3f40 } .c-on-danger { color: #fff } .c-on-danger--faded { color: #3f3f40 } .c-on-warning { color: #fff } .c-on-warning--faded { color: #1a1a1a } .c-on-muted-1, .c-on-muted-2 { color: #fff } .c-on-muted-3, .c-on-muted-4, .c-on-muted-5 { color: #3f3f40 } .hover-rebel-pink:focus, .hover-rebel-pink:hover { color: #f71963 } .hover-heavy-rebel-pink:focus, .hover-heavy-rebel-pink:hover { color: #dd1659 } .hover-elite-purple:focus, .hover-elite-purple:hover { color: #8914cc } .hover-near-black:focus, .hover-near-black:hover { color: #3f3f40 } .hover-dark-gray:focus, .hover-dark-gray:hover { color: #585959 } .hover-mid-gray:focus, .hover-mid-gray:hover { color: #727273 } .hover-gray:focus, .hover-gray:hover { color: #979899 } .hover-silver:focus, .hover-silver:hover { color: #cacbcc } .hover-light-gray:focus, .hover-light-gray:hover { color: #e3e4e6 } .hover-light-silver:focus, .hover-light-silver:hover { color: #f2f4f5 } .hover-near-white:focus, .hover-near-white:hover { color: #f7f9fa } .hover-white:focus, .hover-white:hover { color: #fff } .hover-washed-blue:focus, .hover-washed-blue:hover { color: #edf4fa } .hover-light-blue:focus, .hover-light-blue:hover { color: #cce8ff } .hover-blue:focus, .hover-blue:hover { color: #368df7 } .hover-heavy-blue:focus, .hover-heavy-blue:hover { color: #2a6dbf } .hover-light-marine:focus, .hover-light-marine:hover { color: #3d5980 } .hover-marine:focus, .hover-marine:hover { color: #25354d } .hover-serious-black:focus, .hover-serious-black:hover { color: #142032 } .hover-green:focus, .hover-green:hover { color: #8bc34a } .hover-washed-green:focus, .hover-washed-green:hover { color: #eafce3 } .hover-red:focus, .hover-red:hover { color: #ff4c4c } .hover-washed-red:focus, .hover-washed-red:hover { color: #ffe6e6 } .hover-yellow:focus, .hover-yellow:hover { color: #ffb100 } .hover-washed-yellow:focus, .hover-washed-yellow:hover { color: #fff6e0 } .hover-black-90:focus, .hover-black-90:hover { color: rgba(0, 0, 0, .9) } .hover-black-80:focus, .hover-black-80:hover { color: rgba(0, 0, 0, .8) } .hover-black-70:focus, .hover-black-70:hover { color: rgba(0, 0, 0, .7) } .hover-black-60:focus, .hover-black-60:hover { color: rgba(0, 0, 0, .6) } .hover-black-50:focus, .hover-black-50:hover { color: rgba(0, 0, 0, .5) } .hover-black-40:focus, .hover-black-40:hover { color: rgba(0, 0, 0, .4) } .hover-black-30:focus, .hover-black-30:hover { color: rgba(0, 0, 0, .3) } .hover-black-20:focus, .hover-black-20:hover { color: rgba(0, 0, 0, .2) } .hover-black-10:focus, .hover-black-10:hover { color: rgba(0, 0, 0, .1) } .hover-black-05:focus, .hover-black-05:hover { color: rgba(0, 0, 0, .05) } .hover-black-025:focus, .hover-black-025:hover { color: rgba(0, 0, 0, .025) } .hover-black-0125:focus, .hover-black-0125:hover { color: rgba(0, 0, 0, .0125) } .hover-white-90:focus, .hover-white-90:hover { color: hsla(0, 0%, 100%, .9) } .hover-white-80:focus, .hover-white-80:hover { color: hsla(0, 0%, 100%, .8) } .hover-white-70:focus, .hover-white-70:hover { color: hsla(0, 0%, 100%, .7) } .hover-white-60:focus, .hover-white-60:hover { color: hsla(0, 0%, 100%, .6) } .hover-white-50:focus, .hover-white-50:hover { color: hsla(0, 0%, 100%, .5) } .hover-white-40:focus, .hover-white-40:hover { color: hsla(0, 0%, 100%, .4) } .hover-white-30:focus, .hover-white-30:hover { color: hsla(0, 0%, 100%, .3) } .hover-white-20:focus, .hover-white-20:hover { color: hsla(0, 0%, 100%, .2) } .hover-white-10:focus, .hover-white-10:hover { color: hsla(0, 0%, 100%, .1) } .hover-white-05:focus, .hover-white-05:hover { color: hsla(0, 0%, 100%, .05) } .hover-white-025:focus, .hover-white-025:hover { color: hsla(0, 0%, 100%, .025) } .hover-white-0125:focus, .hover-white-0125:hover { color: hsla(0, 0%, 100%, .0125) } .hover-bg-rebel-pink:focus, .hover-bg-rebel-pink:hover { background-color: #f71963 } .hover-b--rebel-pink:focus, .hover-b--rebel-pink:hover { border-color: #f71963 } .hover-bg-heavy-rebel-pink:focus, .hover-bg-heavy-rebel-pink:hover { background-color: #dd1659 } .hover-b--heavy-rebel-pink:focus, .hover-b--heavy-rebel-pink:hover { border-color: #dd1659 } .hover-bg-elite-purple:focus, .hover-bg-elite-purple:hover { background-color: #8914cc } .hover-b--elite-purple:focus, .hover-b--elite-purple:hover { border-color: #8914cc } .hover-bg-near-black:focus, .hover-bg-near-black:hover { background-color: #3f3f40 } .hover-b--near-black:focus, .hover-b--near-black:hover { border-color: #3f3f40 } .hover-bg-dark-gray:focus, .hover-bg-dark-gray:hover { background-color: #585959 } .hover-b--dark-gray:focus, .hover-b--dark-gray:hover { border-color: #585959 } .hover-bg-mid-gray:focus, .hover-bg-mid-gray:hover { background-color: #727273 } .hover-b--mid-gray:focus, .hover-b--mid-gray:hover { border-color: #727273 } .hover-bg-gray:focus, .hover-bg-gray:hover { background-color: #979899 } .hover-b--gray:focus, .hover-b--gray:hover { border-color: #979899 } .hover-bg-silver:focus, .hover-bg-silver:hover { background-color: #cacbcc } .hover-b--silver:focus, .hover-b--silver:hover { border-color: #cacbcc } .hover-bg-light-gray:focus, .hover-bg-light-gray:hover { background-color: #e3e4e6 } .hover-b--light-gray:focus, .hover-b--light-gray:hover { border-color: #e3e4e6 } .hover-bg-light-silver:focus, .hover-bg-light-silver:hover { background-color: #f2f4f5 } .hover-b--light-silver:focus, .hover-b--light-silver:hover { border-color: #f2f4f5 } .hover-bg-near-white:focus, .hover-bg-near-white:hover { background-color: #f7f9fa } .hover-b--near-white:focus, .hover-b--near-white:hover { border-color: #f7f9fa } .hover-bg-white:focus, .hover-bg-white:hover { background-color: #fff } .hover-b--white:focus, .hover-b--white:hover { border-color: #fff } .hover-bg-washed-blue:focus, .hover-bg-washed-blue:hover { background-color: #edf4fa } .hover-b--washed-blue:focus, .hover-b--washed-blue:hover { border-color: #edf4fa } .hover-bg-light-blue:focus, .hover-bg-light-blue:hover { background-color: #cce8ff } .hover-b--light-blue:focus, .hover-b--light-blue:hover { border-color: #cce8ff } .hover-bg-blue:focus, .hover-bg-blue:hover { background-color: #368df7 } .hover-b--blue:focus, .hover-b--blue:hover { border-color: #368df7 } .hover-bg-heavy-blue:focus, .hover-bg-heavy-blue:hover { background-color: #2a6dbf } .hover-b--heavy-blue:focus, .hover-b--heavy-blue:hover { border-color: #2a6dbf } .hover-bg-light-marine:focus, .hover-bg-light-marine:hover { background-color: #3d5980 } .hover-b--light-marine:focus, .hover-b--light-marine:hover { border-color: #3d5980 } .hover-bg-marine:focus, .hover-bg-marine:hover { background-color: #25354d } .hover-b--marine:focus, .hover-b--marine:hover { border-color: #25354d } .hover-bg-serious-black:focus, .hover-bg-serious-black:hover { background-color: #142032 } .hover-b--serious-black:focus, .hover-b--serious-black:hover { border-color: #142032 } .hover-bg-green:focus, .hover-bg-green:hover { background-color: #8bc34a } .hover-b--green:focus, .hover-b--green:hover { border-color: #8bc34a } .hover-bg-washed-green:focus, .hover-bg-washed-green:hover { background-color: #eafce3 } .hover-b--washed-green:focus, .hover-b--washed-green:hover { border-color: #eafce3 } .hover-bg-red:focus, .hover-bg-red:hover { background-color: #ff4c4c } .hover-b--red:focus, .hover-b--red:hover { border-color: #ff4c4c } .hover-bg-washed-red:focus, .hover-bg-washed-red:hover { background-color: #ffe6e6 } .hover-b--washed-red:focus, .hover-b--washed-red:hover { border-color: #ffe6e6 } .hover-bg-yellow:focus, .hover-bg-yellow:hover { background-color: #ffb100 } .hover-b--yellow:focus, .hover-b--yellow:hover { border-color: #ffb100 } .hover-bg-washed-yellow:focus, .hover-bg-washed-yellow:hover { background-color: #fff6e0 } .hover-b--washed-yellow:focus, .hover-b--washed-yellow:hover { border-color: #fff6e0 } .hover-bg-black-90:focus, .hover-bg-black-90:hover { background-color: rgba(0, 0, 0, .9) } .hover-b--black-90:focus, .hover-b--black-90:hover { border-color: rgba(0, 0, 0, .9) } .hover-bg-black-80:focus, .hover-bg-black-80:hover { background-color: rgba(0, 0, 0, .8) } .hover-b--black-80:focus, .hover-b--black-80:hover { border-color: rgba(0, 0, 0, .8) } .hover-bg-black-70:focus, .hover-bg-black-70:hover { background-color: rgba(0, 0, 0, .7) } .hover-b--black-70:focus, .hover-b--black-70:hover { border-color: rgba(0, 0, 0, .7) } .hover-bg-black-60:focus, .hover-bg-black-60:hover { background-color: rgba(0, 0, 0, .6) } .hover-b--black-60:focus, .hover-b--black-60:hover { border-color: rgba(0, 0, 0, .6) } .hover-bg-black-50:focus, .hover-bg-black-50:hover { background-color: rgba(0, 0, 0, .5) } .hover-b--black-50:focus, .hover-b--black-50:hover { border-color: rgba(0, 0, 0, .5) } .hover-bg-black-40:focus, .hover-bg-black-40:hover { background-color: rgba(0, 0, 0, .4) } .hover-b--black-40:focus, .hover-b--black-40:hover { border-color: rgba(0, 0, 0, .4) } .hover-bg-black-30:focus, .hover-bg-black-30:hover { background-color: rgba(0, 0, 0, .3) } .hover-b--black-30:focus, .hover-b--black-30:hover { border-color: rgba(0, 0, 0, .3) } .hover-bg-black-20:focus, .hover-bg-black-20:hover { background-color: rgba(0, 0, 0, .2) } .hover-b--black-20:focus, .hover-b--black-20:hover { border-color: rgba(0, 0, 0, .2) } .hover-bg-black-10:focus, .hover-bg-black-10:hover { background-color: rgba(0, 0, 0, .1) } .hover-b--black-10:focus, .hover-b--black-10:hover { border-color: rgba(0, 0, 0, .1) } .hover-bg-black-05:focus, .hover-bg-black-05:hover { background-color: rgba(0, 0, 0, .05) } .hover-b--black-05:focus, .hover-b--black-05:hover { border-color: rgba(0, 0, 0, .05) } .hover-bg-black-025:focus, .hover-bg-black-025:hover { background-color: rgba(0, 0, 0, .025) } .hover-b--black-025:focus, .hover-b--black-025:hover { border-color: rgba(0, 0, 0, .025) } .hover-bg-black-0125:focus, .hover-bg-black-0125:hover { background-color: rgba(0, 0, 0, .0125) } .hover-b--black-0125:focus, .hover-b--black-0125:hover { border-color: rgba(0, 0, 0, .0125) } .hover-bg-white-90:focus, .hover-bg-white-90:hover { background-color: hsla(0, 0%, 100%, .9) } .hover-b--white-90:focus, .hover-b--white-90:hover { border-color: hsla(0, 0%, 100%, .9) } .hover-bg-white-80:focus, .hover-bg-white-80:hover { background-color: hsla(0, 0%, 100%, .8) } .hover-b--white-80:focus, .hover-b--white-80:hover { border-color: hsla(0, 0%, 100%, .8) } .hover-bg-white-70:focus, .hover-bg-white-70:hover { background-color: hsla(0, 0%, 100%, .7) } .hover-b--white-70:focus, .hover-b--white-70:hover { border-color: hsla(0, 0%, 100%, .7) } .hover-bg-white-60:focus, .hover-bg-white-60:hover { background-color: hsla(0, 0%, 100%, .6) } .hover-b--white-60:focus, .hover-b--white-60:hover { border-color: hsla(0, 0%, 100%, .6) } .hover-bg-white-50:focus, .hover-bg-white-50:hover { background-color: hsla(0, 0%, 100%, .5) } .hover-b--white-50:focus, .hover-b--white-50:hover { border-color: hsla(0, 0%, 100%, .5) } .hover-bg-white-40:focus, .hover-bg-white-40:hover { background-color: hsla(0, 0%, 100%, .4) } .hover-b--white-40:focus, .hover-b--white-40:hover { border-color: hsla(0, 0%, 100%, .4) } .hover-bg-white-30:focus, .hover-bg-white-30:hover { background-color: hsla(0, 0%, 100%, .3) } .hover-b--white-30:focus, .hover-b--white-30:hover { border-color: hsla(0, 0%, 100%, .3) } .hover-bg-white-20:focus, .hover-bg-white-20:hover { background-color: hsla(0, 0%, 100%, .2) } .hover-b--white-20:focus, .hover-b--white-20:hover { border-color: hsla(0, 0%, 100%, .2) } .hover-bg-white-10:focus, .hover-bg-white-10:hover { background-color: hsla(0, 0%, 100%, .1) } .hover-b--white-10:focus, .hover-b--white-10:hover { border-color: hsla(0, 0%, 100%, .1) } .hover-bg-white-05:focus, .hover-bg-white-05:hover { background-color: hsla(0, 0%, 100%, .05) } .hover-b--white-05:focus, .hover-b--white-05:hover { border-color: hsla(0, 0%, 100%, .05) } .hover-bg-white-025:focus, .hover-bg-white-025:hover { background-color: hsla(0, 0%, 100%, .025) } .hover-b--white-025:focus, .hover-b--white-025:hover { border-color: hsla(0, 0%, 100%, .025) } .hover-bg-white-0125:focus, .hover-bg-white-0125:hover { background-color: hsla(0, 0%, 100%, .0125) } .hover-b--white-0125:focus, .hover-b--white-0125:hover { border-color: hsla(0, 0%, 100%, .0125) } .hover-bg-transparent:focus, .hover-bg-transparent:hover { background-color: transparent } .hover-b--transparent:focus, .hover-b--transparent:hover { border-color: transparent } .hover-c-action-primary:focus, .hover-c-action-primary:hover { color: #072c75 } .hover-c-action-secondary:focus, .hover-c-action-secondary:hover { color: #dbe9fd } .hover-c-link:focus, .hover-c-link:hover { color: #0c389f } .hover-c-emphasis:focus, .hover-c-emphasis:hover { color: #dd1659 } .hover-c-success:focus, .hover-c-success:hover { color: #8bc34a } .hover-c-success--faded:focus, .hover-c-success--faded:hover { color: #eafce3 } .hover-c-danger:focus, .hover-c-danger:hover { color: #e13232 } .hover-c-danger--faded:focus, .hover-c-danger--faded:hover { color: #ffe6e6 } .hover-c-warning:focus, .hover-c-warning:hover { color: #ffb100 } .hover-c-warning--faded:focus, .hover-c-warning--faded:hover { color: #fff6e0 } .hover-c-on-action-primary:focus, .hover-c-on-action-primary:hover { color: #fff } .hover-c-on-action-secondary:focus, .hover-c-on-action-secondary:hover { color: #0f3e99 } .hover-c-on-emphasis:focus, .hover-c-on-emphasis:hover, .hover-c-on-success:focus, .hover-c-on-success:hover { color: #fff } .hover-c-on-success--faded:focus, .hover-c-on-success--faded:hover { color: #3f3f40 } .hover-c-on-danger:focus, .hover-c-on-danger:hover { color: #fff } .hover-c-on-danger--faded:focus, .hover-c-on-danger--faded:hover { color: #3f3f40 } .hover-c-on-warning:focus, .hover-c-on-warning:hover { color: #fff } .hover-c-on-warning--faded:focus, .hover-c-on-warning--faded:hover { color: #1a1a1a } .visited-c-link:visited { color: #0c389f } .hover-bg-action-primary:focus, .hover-bg-action-primary:hover { background-color: #072c75 } .hover-bg-action-secondary:focus, .hover-bg-action-secondary:hover { background-color: #dbe9fd } .hover-bg-emphasis:focus, .hover-bg-emphasis:hover { background-color: #dd1659 } .hover-bg-success:focus, .hover-bg-success:hover { background-color: #8bc34a } .hover-bg-success--faded:focus, .hover-bg-success--faded:hover { background-color: #eafce3 } .hover-bg-danger:focus, .hover-bg-danger:hover { background-color: #e13232 } .hover-bg-danger--faded:focus, .hover-bg-danger--faded:hover { background-color: #ffe6e6 } .hover-bg-warning:focus, .hover-bg-warning:hover { background-color: #ffb100 } .hover-bg-warning--faded:focus, .hover-bg-warning--faded:hover { background-color: #fff6e0 } .hover-bg-muted-1:focus, .hover-bg-muted-1:hover { background-color: #727273 } .hover-bg-muted-2:focus, .hover-bg-muted-2:hover { background-color: #979899 } .hover-bg-muted-3:focus, .hover-bg-muted-3:hover { background-color: #cacbcc } .hover-bg-muted-4:focus, .hover-bg-muted-4:hover { background-color: #e3e4e6 } .hover-bg-muted-5:focus, .hover-bg-muted-5:hover { background-color: #f2f4f5 } .hover-b--action-primary:focus, .hover-b--action-primary:hover { border-color: #072c75 } .hover-b--action-secondary:focus, .hover-b--action-secondary:hover { border-color: #dbe9fd } .hover-b--emphasis:focus, .hover-b--emphasis:hover { border-color: #dd1659 } .hover-b--success:focus, .hover-b--success:hover { border-color: #8bc34a } .hover-b--success--faded:focus, .hover-b--success--faded:hover { border-color: #eafce3 } .hover-b--danger:focus, .hover-b--danger:hover { border-color: #e13232 } .hover-b--danger--faded:focus, .hover-b--danger--faded:hover { border-color: #ffe6e6 } .hover-b--warning:focus, .hover-b--warning:hover { border-color: #ffb100 } .hover-b--warning--faded:focus, .hover-b--warning--faded:hover { border-color: #fff6e0 } .hover-b--muted-1:focus, .hover-b--muted-1:hover { border-color: #727273 } .hover-b--muted-2:focus, .hover-b--muted-2:hover { border-color: #979899 } .hover-b--muted-3:focus, .hover-b--muted-3:hover { border-color: #cacbcc } .hover-b--muted-4:focus, .hover-b--muted-4:hover { border-color: #e3e4e6 } .hover-b--muted-5:focus, .hover-b--muted-5:hover { border-color: #f2f4f5 } .active-c-link:active { color: #0c389f } .active-c-emphasis:active { color: #dd1659 } .active-c-success:active { color: #8bc34a } .active-c-success--faded:active { color: #eafce3 } .active-c-danger:active { color: #ff4c4c } .active-c-danger--faded:active { color: #ffe6e6 } .active-c-warning:active { color: #ffb100 } .active-c-warning--faded:active { color: #fff6e0 } .active-c-on-action-primary:active { color: #fff } .active-c-on-action-secondary:active { color: #0f3e99 } .active-c-on-emphasis:active, .active-c-on-success:active { color: #fff } .active-c-on-success--faded:active { color: #3f3f40 } .active-c-on-danger:active { color: #fff } .active-c-on-danger--faded:active { color: #3f3f40 } .active-c-on-warning:active { color: #fff } .active-c-on-warning--faded:active { color: #1a1a1a } .active-bg-action-primary:active { background-color: #0c389f } .active-bg-action-secondary:active { background-color: #dbe9fd } .active-bg-emphasis:active { background-color: #dd1659 } .active-bg-success:active { background-color: #8bc34a } .active-bg-success--faded:active { background-color: #eafce3 } .active-bg-danger:active { background-color: #ff4c4c } .active-bg-danger--faded:active { background-color: #ffe6e6 } .active-bg-warning:active { background-color: #ffb100 } .active-bg-warning--faded:active { background-color: #fff6e0 } .active-bg-muted-1:active { background-color: #727273 } .active-bg-muted-2:active { background-color: #979899 } .active-bg-muted-3:active { background-color: #cacbcc } .active-bg-muted-4:active { background-color: #e3e4e6 } .active-bg-muted-5:active { background-color: #f2f4f5 } .active-b--action-primary:active { border-color: #0c389f } .active-b--action-secondary:active { border-color: #dbe9fd } .active-b--emphasis:active { border-color: #dd1659 } .active-b--success:active { border-color: #8bc34a } .active-b--success--faded:active { border-color: #eafce3 } .active-b--danger:active { border-color: #ff4c4c } .active-b--danger--faded:active { border-color: #ffe6e6 } .active-b--warning:active { border-color: #ffb100 } .active-b--warning--faded:active { border-color: #fff6e0 } .active-b--muted-1:active { border-color: #727273 } .active-b--muted-2:active { border-color: #979899 } .active-b--muted-3:active { border-color: #cacbcc } .active-b--muted-4:active { border-color: #e3e4e6 } .active-b--muted-5:active { border-color: #f2f4f5 } .active-bg-transparent:active, .hover-bg-transparent:focus, .hover-bg-transparent:hover { background-color: transparent } .tracked { letter-spacing: .1em } .tracked-tight { letter-spacing: -.05em } .tracked-mega { letter-spacing: .25em } .lh-solid { line-height: 1 } .lh-title { line-height: 1.25 } .lh-copy { line-height: 1.5 } .mw1 { max-width: 1rem } .mw2 { max-width: 2rem } .mw3 { max-width: 4rem } .mw4 { max-width: 8rem } .mw5 { max-width: 16rem } .mw6 { max-width: 32rem } .mw7 { max-width: 48rem } .mw8 { max-width: 64rem } .mw9 { max-width: 96rem } .mw-none { max-width: none } .mw-100 { max-width: 100% } .nested-copy-line-height ol, .nested-copy-line-height p, .nested-copy-line-height ul { line-height: 1.5 } .nested-headline-line-height h1, .nested-headline-line-height h2, .nested-headline-line-height h3, .nested-headline-line-height h4, .nested-headline-line-height h5, .nested-headline-line-height h6 { line-height: 1.25 } .nested-list-reset ol, .nested-list-reset ul { padding-left: 0; margin-left: 0; list-style-type: none } .nested-copy-indent p+p { text-indent: 1em; margin-top: 0; margin-bottom: 0 } .nested-copy-separator p+p { margin-top: 1.5em } .nested-img img { width: 100%; max-width: 100%; display: block } .nested-links a { color: #368df7 } .nested-links a, .nested-links a:focus, .nested-links a:hover { -webkit-transition: color .15s ease-in; transition: color .15s ease-in } .nested-links a:focus, .nested-links a:hover { color: #cce8ff } .dim { opacity: 1 } .dim, .dim:focus, .dim:hover { -webkit-transition: opacity .15s ease-in; transition: opacity .15s ease-in } .dim:focus, .dim:hover { opacity: .5 } .dim:active { opacity: .8; -webkit-transition: opacity .15s ease-out; transition: opacity .15s ease-out } .glow, .glow:focus, .glow:hover { -webkit-transition: opacity .15s ease-in; transition: opacity .15s ease-in } .glow:focus, .glow:hover { opacity: 1 } .hide-child .child { opacity: 0; -webkit-transition: opacity .15s ease-in; transition: opacity .15s ease-in } .hide-child:active .child, .hide-child:focus .child, .hide-child:hover .child { opacity: 1; -webkit-transition: opacity .15s ease-in; transition: opacity .15s ease-in } .underline-hover:focus, .underline-hover:hover { text-decoration: underline } .grow { -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: -webkit-transform .25s ease-out; transition: -webkit-transform .25s ease-out; transition: transform .25s ease-out; transition: transform .25s ease-out, -webkit-transform .25s ease-out } .grow:focus, .grow:hover { -webkit-transform: scale(1.05); transform: scale(1.05) } .grow:active { -webkit-transform: scale(.9); transform: scale(.9) } .grow-large { -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: -webkit-transform .25s ease-in-out; transition: -webkit-transform .25s ease-in-out; transition: transform .25s ease-in-out; transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out } .grow-large:focus, .grow-large:hover { -webkit-transform: scale(1.2); transform: scale(1.2) } .grow-large:active { -webkit-transform: scale(.95); transform: scale(.95) } .pointer:hover, .shadow-hover { cursor: pointer } .shadow-hover { position: relative; -webkit-transition: all .5s cubic-bezier(.165, .84, .44, 1); transition: all .5s cubic-bezier(.165, .84, .44, 1) } .shadow-hover:after { content: ""; box-shadow: 0 0 16px 2px rgba(0, 0, 0, .2); border-radius: inherit; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; -webkit-transition: opacity .5s cubic-bezier(.165, .84, .44, 1); transition: opacity .5s cubic-bezier(.165, .84, .44, 1) } .shadow-hover:focus:after, .shadow-hover:hover:after { opacity: 1 } .bg-animate, .bg-animate:focus, .bg-animate:hover { -webkit-transition: background-color .15s ease-in-out; transition: background-color .15s ease-in-out } .o-100 { opacity: 1 } .o-90 { opacity: .9 } .o-80 { opacity: .8 } .o-70 { opacity: .7 } .o-60 { opacity: .6 } .o-50 { opacity: .5 } .o-40 { opacity: .4 } .o-30 { opacity: .3 } .o-20 { opacity: .2 } .o-10 { opacity: .1 } .o-05 { opacity: .05 } .o-025 { opacity: .025 } .o-0 { opacity: 0 } .rotate-45 { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .rotate-90 { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .rotate-135 { -webkit-transform: rotate(135deg); transform: rotate(135deg) } .rotate-180 { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .rotate-225 { -webkit-transform: rotate(225deg); transform: rotate(225deg) } .rotate-270 { -webkit-transform: rotate(270deg); transform: rotate(270deg) } .rotate-315 { -webkit-transform: rotate(315deg); transform: rotate(315deg) } .outline { outline: 1px solid } .outline-transparent { outline: 1px solid transparent } .outline-0 { outline: 0 } .overflow-visible { overflow: visible } .overflow-hidden { overflow: hidden } .overflow-scroll { overflow: scroll } .overflow-auto { overflow: auto } .overflow-x-visible { overflow-x: visible } .overflow-x-hidden { overflow-x: hidden } .overflow-x-scroll { overflow-x: scroll } .overflow-x-auto { overflow-x: auto } .overflow-y-visible { overflow-y: visible } .overflow-y-hidden { overflow-y: hidden } .overflow-y-scroll { overflow-y: scroll } .overflow-y-auto { overflow-y: auto } .static { position: static } .relative { position: relative } .absolute { position: absolute } .fixed { position: fixed } .sticky { position: -webkit-sticky; position: sticky } .strike { text-decoration: line-through } .underline { text-decoration: underline } .no-underline { text-decoration: none } .tl { text-align: left } .tr { text-align: right } .tc { text-align: center } .tj { text-align: justify } .ttc { text-transform: capitalize } .ttl { text-transform: lowercase } .ttu { text-transform: uppercase } .ttn { text-transform: none } .v-base { vertical-align: baseline } .v-mid { vertical-align: middle } .v-top { vertical-align: top } .v-btm { vertical-align: bottom } .f1 { font-size: 3rem } .f2 { font-size: 2.25rem } .f3 { font-size: 1.5rem } .f4 { font-size: 1.25rem } .f5 { font-size: 1rem } .f6 { font-size: .875rem } .f7 { font-size: .75rem } .measure { max-width: 30em } .measure-wide { max-width: 34em } .measure-narrow { max-width: 20em } .small-caps { font-variant: small-caps } .indent { text-indent: 1em; margin-top: 0; margin-bottom: 0 } .truncate { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .t-heading-1 { font-size: 3rem } .t-heading-1, .t-heading-2 { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 700; text-transform: none; letter-spacing: 0 } .t-heading-2 { font-size: 2.25rem } .t-heading-3 { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 700; font-size: 1.75rem; text-transform: none; letter-spacing: 0 } .t-heading-4 { font-size: 1.5rem } .t-heading-4, .t-heading-5 { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 400; text-transform: none; letter-spacing: 0 } .t-heading-5 { font-size: 1.25rem } .t-heading-6 { font-size: 1.25rem } .t-body, .t-heading-6, body { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 400; text-transform: none; letter-spacing: 0 } .t-body, body { font-size: 1rem } .t-small { font-size: .875rem } .t-mini, .t-small { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 400; text-transform: none; letter-spacing: 0 } .t-mini { font-size: .75rem } .t-action { font-size: 1rem } .t-action, .t-action--small { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 500; text-transform: uppercase; letter-spacing: 0 } .t-action--small { font-size: .875rem } .t-action--large { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 500; font-size: 1.25rem; text-transform: uppercase; letter-spacing: 0 } .t-code { font-family: Consolas, monaco, monospace; font-size: 1rem; text-transform: none; letter-spacing: 0 } .normal, .t-code { font-weight: 400 } .b { font-weight: 700 } .fw1 { font-weight: 100 } .fw2 { font-weight: 200 } .fw3 { font-weight: 300 } .fw4 { font-weight: 400 } .fw5 { font-weight: 500 } .fw6 { font-weight: 600 } .fw7 { font-weight: 700 } .fw8 { font-weight: 800 } .fw9 { font-weight: 900 } .overflow-container { overflow-y: scroll } .center { margin-left: auto } .center, .mr-auto { margin-right: auto } .ml-auto { margin-left: auto } .clip { position: fixed  !important; _position: absolute  !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px) } .ws-normal { white-space: normal } .nowrap { white-space: nowrap } .pre { white-space: pre } .w1 { width: 1rem } .w2 { width: 2rem } .w3 { width: 4rem } .w4 { width: 8rem } .w5 { width: 16rem } .w-10 { width: 10% } .w-20 { width: 20% } .w-25 { width: 25% } .w-30 { width: 30% } .w-33 { width: 33% } .w-34 { width: 34% } .w-40 { width: 40% } .w-50 { width: 50% } .w-60 { width: 60% } .w-70 { width: 70% } .w-75 { width: 75% } .w-80 { width: 80% } .w-90 { width: 90% } .w-100 { width: 100% } .w-third { width: 33.33333% } .w-two-thirds { width: 66.66667% } .w-auto { width: auto } .vw-10 { width: 10vw } .vw-20 { width: 20vw } .vw-25 { width: 25vw } .vw-30 { width: 30vw } .vw-33 { width: 33vw } .vw-34 { width: 34vw } .vw-40 { width: 40vw } .vw-50 { width: 50vw } .vw-60 { width: 60vw } .vw-70 { width: 70vw } .vw-75 { width: 75vw } .vw-80 { width: 80vw } .vw-90 { width: 90vw } .vw-100 { width: 100vw } .vw-third { width: 33.33333vw } .vw-two-thirds { width: 66.66667vw } .z-0 { z-index: 0 } .z-1 { z-index: 1 } .z-2 { z-index: 2 } .z-3 { z-index: 3 } .z-4 { z-index: 4 } .z-5 { z-index: 5 } .z-999 { z-index: 999 } .z-9999 { z-index: 9999 } .z-max { z-index: 2147483647 } .z-inherit { z-index: inherit } .z-initial { z-index: auto } .z-unset { z-index: unset } @media screen and (min-width: 20em) { .aspect-ratio-s { height: 0; position: relative } .aspect-ratio--16x9-s { padding-bottom: 56.25% } .aspect-ratio--9x16-s { padding-bottom: 177.77% } .aspect-ratio--4x3-s { padding-bottom: 75% } .aspect-ratio--3x4-s { padding-bottom: 133.33% } .aspect-ratio--6x4-s { padding-bottom: 66.6% } .aspect-ratio--4x6-s { padding-bottom: 150% } .aspect-ratio--8x5-s { padding-bottom: 62.5% } .aspect-ratio--5x8-s { padding-bottom: 160% } .aspect-ratio--7x5-s { padding-bottom: 71.42% } .aspect-ratio--5x7-s { padding-bottom: 140% } .aspect-ratio--1x1-s { padding-bottom: 100% } .aspect-ratio--object-s { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100 } .cover-s { background-size: cover  !important } .contain-s { background-size: contain  !important } .bg-center-s { background-position: 50% } .bg-center-s, .bg-top-s { background-repeat: no-repeat } .bg-top-s { background-position: top } .bg-right-s { background-position: 100% } .bg-bottom-s, .bg-right-s { background-repeat: no-repeat } .bg-bottom-s { background-position: bottom } .bg-left-s { background-repeat: no-repeat; background-position: 0 } .ba-s { border-style: solid; border-width: 1px } .bt-s { border-top-style: solid; border-top-width: 1px } .br-s { border-right-style: solid; border-right-width: 1px } .bb-s { border-bottom-style: solid; border-bottom-width: 1px } .bl-s { border-left-style: solid; border-left-width: 1px } .bn-s { border-style: none; border-width: 0 } .br0-s { border-radius: 0 } .br1-s { border-radius: .125rem } .br2-s { border-radius: .25rem } .br3-s { border-radius: .5rem } .br4-s { border-radius: 1rem } .br-100-s { border-radius: 100% } .br-pill-s { border-radius: 9999px } .br--bottom-s { border-top-left-radius: 0; border-top-right-radius: 0 } .br--top-s { border-bottom-right-radius: 0 } .br--right-s, .br--top-s { border-bottom-left-radius: 0 } .br--right-s { border-top-left-radius: 0 } .br--left-s { border-top-right-radius: 0; border-bottom-right-radius: 0 } .b--dotted-s { border-style: dotted } .b--dashed-s { border-style: dashed } .b--solid-s { border-style: solid } .b--none-s { border-style: none } .bw0-s { border-width: 0 } .bw1-s { border-width: .125rem } .bw2-s { border-width: .25rem } .bw3-s { border-width: .5rem } .bw4-s { border-width: 1rem } .bw5-s { border-width: 2rem } .bt-0-s { border-top-width: 0 } .br-0-s { border-right-width: 0 } .bb-0-s { border-bottom-width: 0 } .bl-0-s { border-left-width: 0 } .shadow-1-s { box-shadow: 0 0 4px 2px rgba(0, 0, 0, .2) } .shadow-2-s { box-shadow: 0 0 8px 2px rgba(0, 0, 0, .2) } .shadow-3-s { box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, .2) } .shadow-4-s { box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2) } .shadow-5-s { box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, .2) } .pa0-s { padding: 0 } .ma0-s, .na0-s { margin: 0 } .pl0-s { padding-left: 0 } .ml0-s, .nl0-s { margin-left: 0 } .pr0-s { padding-right: 0 } .mr0-s, .nr0-s { margin-right: 0 } .pt0-s { padding-top: 0 } .mt0-s, .nt0-s { margin-top: 0 } .pb0-s { padding-bottom: 0 } .mb0-s, .nb0-s { margin-bottom: 0 } .pv0-s { padding-top: 0; padding-bottom: 0 } .mv0-s, .nv0-s { margin-top: 0; margin-bottom: 0 } .ph0-s { padding-left: 0; padding-right: 0 } .mh0-s, .nh0-s { margin-left: 0; margin-right: 0 } .pa1-s { padding: .125rem } .ma1-s { margin: .125rem } .na1-s { margin: -.125rem } .pl1-s { padding-left: .125rem } .ml1-s { margin-left: .125rem } .nl1-s { margin-left: -.125rem } .pr1-s { padding-right: .125rem } .mr1-s { margin-right: .125rem } .nr1-s { margin-right: -.125rem } .pt1-s { padding-top: .125rem } .mt1-s { margin-top: .125rem } .nt1-s { margin-top: -.125rem } .pb1-s { padding-bottom: .125rem } .mb1-s { margin-bottom: .125rem } .nb1-s { margin-bottom: -.125rem } .pv1-s { padding-top: .125rem; padding-bottom: .125rem } .mv1-s { margin-top: .125rem; margin-bottom: .125rem } .nv1-s { margin-top: -.125rem; margin-bottom: -.125rem } .ph1-s { padding-left: .125rem; padding-right: .125rem } .mh1-s { margin-left: .125rem; margin-right: .125rem } .nh1-s { margin-left: -.125rem; margin-right: -.125rem } .pa2-s { padding: .25rem } .ma2-s { margin: .25rem } .na2-s { margin: -.25rem } .pl2-s { padding-left: .25rem } .ml2-s { margin-left: .25rem } .nl2-s { margin-left: -.25rem } .pr2-s { padding-right: .25rem } .mr2-s { margin-right: .25rem } .nr2-s { margin-right: -.25rem } .pt2-s { padding-top: .25rem } .mt2-s { margin-top: .25rem } .nt2-s { margin-top: -.25rem } .pb2-s { padding-bottom: .25rem } .mb2-s { margin-bottom: .25rem } .nb2-s { margin-bottom: -.25rem } .pv2-s { padding-top: .25rem; padding-bottom: .25rem } .mv2-s { margin-top: .25rem; margin-bottom: .25rem } .nv2-s { margin-top: -.25rem; margin-bottom: -.25rem } .ph2-s { padding-left: .25rem; padding-right: .25rem } .mh2-s { margin-left: .25rem; margin-right: .25rem } .nh2-s { margin-left: -.25rem; margin-right: -.25rem } .pa3-s { padding: .5rem } .ma3-s { margin: .5rem } .na3-s { margin: -.5rem } .pl3-s { padding-left: .5rem } .ml3-s { margin-left: .5rem } .nl3-s { margin-left: -.5rem } .pr3-s { padding-right: .5rem } .mr3-s { margin-right: .5rem } .nr3-s { margin-right: -.5rem } .pt3-s { padding-top: .5rem } .mt3-s { margin-top: .5rem } .nt3-s { margin-top: -.5rem } .pb3-s { padding-bottom: .5rem } .mb3-s { margin-bottom: .5rem } .nb3-s { margin-bottom: -.5rem } .pv3-s { padding-top: .5rem; padding-bottom: .5rem } .mv3-s { margin-top: .5rem; margin-bottom: .5rem } .nv3-s { margin-top: -.5rem; margin-bottom: -.5rem } .ph3-s { padding-left: .5rem; padding-right: .5rem } .mh3-s { margin-left: .5rem; margin-right: .5rem } .nh3-s { margin-left: -.5rem; margin-right: -.5rem } .pa4-s { padding: .75rem } .ma4-s { margin: .75rem } .na4-s { margin: -.75rem } .pl4-s { padding-left: .75rem } .ml4-s { margin-left: .75rem } .nl4-s { margin-left: -.75rem } .pr4-s { padding-right: .75rem } .mr4-s { margin-right: .75rem } .nr4-s { margin-right: -.75rem } .pt4-s { padding-top: .75rem } .mt4-s { margin-top: .75rem } .nt4-s { margin-top: -.75rem } .pb4-s { padding-bottom: .75rem } .mb4-s { margin-bottom: .75rem } .nb4-s { margin-bottom: -.75rem } .pv4-s { padding-top: .75rem; padding-bottom: .75rem } .mv4-s { margin-top: .75rem; margin-bottom: .75rem } .nv4-s { margin-top: -.75rem; margin-bottom: -.75rem } .ph4-s { padding-left: .75rem; padding-right: .75rem } .mh4-s { margin-left: .75rem; margin-right: .75rem } .nh4-s { margin-left: -.75rem; margin-right: -.75rem } .pa5-s { padding: 1rem } .ma5-s { margin: 1rem } .na5-s { margin: -1rem } .pl5-s { padding-left: 1rem } .ml5-s { margin-left: 1rem } .nl5-s { margin-left: -1rem } .pr5-s { padding-right: 1rem } .mr5-s { margin-right: 1rem } .nr5-s { margin-right: -1rem } .pt5-s { padding-top: 1rem } .mt5-s { margin-top: 1rem } .nt5-s { margin-top: -1rem } .pb5-s { padding-bottom: 1rem } .mb5-s { margin-bottom: 1rem } .nb5-s { margin-bottom: -1rem } .pv5-s { padding-top: 1rem; padding-bottom: 1rem } .mv5-s { margin-top: 1rem; margin-bottom: 1rem } .nv5-s { margin-top: -1rem; margin-bottom: -1rem } .ph5-s { padding-left: 1rem; padding-right: 1rem } .mh5-s { margin-left: 1rem; margin-right: 1rem } .nh5-s { margin-left: -1rem; margin-right: -1rem } .pa6-s { padding: 1.5rem } .ma6-s { margin: 1.5rem } .na6-s { margin: -1.5rem } .pl6-s { padding-left: 1.5rem } .ml6-s { margin-left: 1.5rem } .nl6-s { margin-left: -1.5rem } .pr6-s { padding-right: 1.5rem } .mr6-s { margin-right: 1.5rem } .nr6-s { margin-right: -1.5rem } .pt6-s { padding-top: 1.5rem } .mt6-s { margin-top: 1.5rem } .nt6-s { margin-top: -1.5rem } .pb6-s { padding-bottom: 1.5rem } .mb6-s { margin-bottom: 1.5rem } .nb6-s { margin-bottom: -1.5rem } .pv6-s { padding-top: 1.5rem; padding-bottom: 1.5rem } .mv6-s { margin-top: 1.5rem; margin-bottom: 1.5rem } .nv6-s { margin-top: -1.5rem; margin-bottom: -1.5rem } .ph6-s { padding-left: 1.5rem; padding-right: 1.5rem } .mh6-s { margin-left: 1.5rem; margin-right: 1.5rem } .nh6-s { margin-left: -1.5rem; margin-right: -1.5rem } .pa7-s { padding: 2rem } .ma7-s { margin: 2rem } .na7-s { margin: -2rem } .pl7-s { padding-left: 2rem } .ml7-s { margin-left: 2rem } .nl7-s { margin-left: -2rem } .pr7-s { padding-right: 2rem } .mr7-s { margin-right: 2rem } .nr7-s { margin-right: -2rem } .pt7-s { padding-top: 2rem } .mt7-s { margin-top: 2rem } .nt7-s { margin-top: -2rem } .pb7-s { padding-bottom: 2rem } .mb7-s { margin-bottom: 2rem } .nb7-s { margin-bottom: -2rem } .pv7-s { padding-top: 2rem; padding-bottom: 2rem } .mv7-s { margin-top: 2rem; margin-bottom: 2rem } .nv7-s { margin-top: -2rem; margin-bottom: -2rem } .ph7-s { padding-left: 2rem; padding-right: 2rem } .mh7-s { margin-left: 2rem; margin-right: 2rem } .nh7-s { margin-left: -2rem; margin-right: -2rem } .pa8-s { padding: 3rem } .ma8-s { margin: 3rem } .na8-s { margin: -3rem } .pl8-s { padding-left: 3rem } .ml8-s { margin-left: 3rem } .nl8-s { margin-left: -3rem } .pr8-s { padding-right: 3rem } .mr8-s { margin-right: 3rem } .nr8-s { margin-right: -3rem } .pt8-s { padding-top: 3rem } .mt8-s { margin-top: 3rem } .nt8-s { margin-top: -3rem } .pb8-s { padding-bottom: 3rem } .mb8-s { margin-bottom: 3rem } .nb8-s { margin-bottom: -3rem } .pv8-s { padding-top: 3rem; padding-bottom: 3rem } .mv8-s { margin-top: 3rem; margin-bottom: 3rem } .nv8-s { margin-top: -3rem; margin-bottom: -3rem } .ph8-s { padding-left: 3rem; padding-right: 3rem } .mh8-s { margin-left: 3rem; margin-right: 3rem } .nh8-s { margin-left: -3rem; margin-right: -3rem } .pa9-s { padding: 4rem } .ma9-s { margin: 4rem } .na9-s { margin: -4rem } .pl9-s { padding-left: 4rem } .ml9-s { margin-left: 4rem } .nl9-s { margin-left: -4rem } .pr9-s { padding-right: 4rem } .mr9-s { margin-right: 4rem } .nr9-s { margin-right: -4rem } .pt9-s { padding-top: 4rem } .mt9-s { margin-top: 4rem } .nt9-s { margin-top: -4rem } .pb9-s { padding-bottom: 4rem } .mb9-s { margin-bottom: 4rem } .nb9-s { margin-bottom: -4rem } .pv9-s { padding-top: 4rem; padding-bottom: 4rem } .mv9-s { margin-top: 4rem; margin-bottom: 4rem } .nv9-s { margin-top: -4rem; margin-bottom: -4rem } .ph9-s { padding-left: 4rem; padding-right: 4rem } .mh9-s { margin-left: 4rem; margin-right: 4rem } .nh9-s { margin-left: -4rem; margin-right: -4rem } .pa10-s { padding: 8rem } .ma10-s { margin: 8rem } .na10-s { margin: -8rem } .pl10-s { padding-left: 8rem } .ml10-s { margin-left: 8rem } .nl10-s { margin-left: -8rem } .pr10-s { padding-right: 8rem } .mr10-s { margin-right: 8rem } .nr10-s { margin-right: -8rem } .pt10-s { padding-top: 8rem } .mt10-s { margin-top: 8rem } .nt10-s { margin-top: -8rem } .pb10-s { padding-bottom: 8rem } .mb10-s { margin-bottom: 8rem } .nb10-s { margin-bottom: -8rem } .pv10-s { padding-top: 8rem; padding-bottom: 8rem } .mv10-s { margin-top: 8rem; margin-bottom: 8rem } .nv10-s { margin-top: -8rem; margin-bottom: -8rem } .ph10-s { padding-left: 8rem; padding-right: 8rem } .mh10-s { margin-left: 8rem; margin-right: 8rem } .nh10-s { margin-left: -8rem; margin-right: -8rem } .pa11-s { padding: 16rem } .ma11-s { margin: 16rem } .na11-s { margin: -16rem } .pl11-s { padding-left: 16rem } .ml11-s { margin-left: 16rem } .nl11-s { margin-left: -16rem } .pr11-s { padding-right: 16rem } .mr11-s { margin-right: 16rem } .nr11-s { margin-right: -16rem } .pt11-s { padding-top: 16rem } .mt11-s { margin-top: 16rem } .nt11-s { margin-top: -16rem } .pb11-s { padding-bottom: 16rem } .mb11-s { margin-bottom: 16rem } .nb11-s { margin-bottom: -16rem } .pv11-s { padding-top: 16rem; padding-bottom: 16rem } .mv11-s { margin-top: 16rem; margin-bottom: 16rem } .nv11-s { margin-top: -16rem; margin-bottom: -16rem } .ph11-s { padding-left: 16rem; padding-right: 16rem } .mh11-s { margin-left: 16rem; margin-right: 16rem } .nh11-s { margin-left: -16rem; margin-right: -16rem } .top-0-s { top: 0 } .right-0-s { right: 0 } .bottom-0-s { bottom: 0 } .left-0-s { left: 0 } .top-1-s { top: 1rem } .right-1-s { right: 1rem } .bottom-1-s { bottom: 1rem } .left-1-s { left: 1rem } .top-2-s { top: 2rem } .right-2-s { right: 2rem } .bottom-2-s { bottom: 2rem } .left-2-s { left: 2rem } .top--1-s { top: -1rem } .right--1-s { right: -1rem } .bottom--1-s { bottom: -1rem } .left--1-s { left: -1rem } .top--2-s { top: -2rem } .right--2-s { right: -2rem } .bottom--2-s { bottom: -2rem } .left--2-s { left: -2rem } .absolute--fill-s { top: 0; right: 0; bottom: 0; left: 0 } .cf-s:after, .cf-s:before { content: " "; display: table } .cf-s:after { clear: both } .cf-s { *zoom: 1 } .cl-s { clear: left } .cr-s { clear: right } .cb-s { clear: both } .cn-s { clear: none } .dn-s { display: none } .di-s { display: inline } .db-s { display: block } .dib-s { display: inline-block } .dit-s { display: inline-table } .dt-s { display: table } .dtc-s { display: table-cell } .dt-row-s { display: table-row } .dt-row-group-s { display: table-row-group } .dt-column-s { display: table-column } .dt-column-group-s { display: table-column-group } .dt--fixed-s { table-layout: fixed; width: 100% } .flex-s { display: -webkit-box; display: flex } .inline-flex-s { display: -webkit-inline-box; display: inline-flex } .flex-auto-s { -webkit-box-flex: 1; flex: 1 1 auto; min-width: 0; min-height: 0 } .flex-none-s { -webkit-box-flex: 0; flex: none } .flex-column-s { -webkit-box-orient: vertical; flex-direction: column } .flex-column-s, .flex-row-s { -webkit-box-direction: normal } .flex-row-s { -webkit-box-orient: horizontal; flex-direction: row } .flex-wrap-s { flex-wrap: wrap } .flex-nowrap-s { flex-wrap: nowrap } .flex-wrap-reverse-s { flex-wrap: wrap-reverse } .flex-column-reverse-s { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse } .flex-row-reverse-s { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse } .items-start-s { -webkit-box-align: start; align-items: flex-start } .items-end-s { -webkit-box-align: end; align-items: flex-end } .items-center-s { -webkit-box-align: center; align-items: center } .items-baseline-s { -webkit-box-align: baseline; align-items: baseline } .items-stretch-s { -webkit-box-align: stretch; align-items: stretch } .self-start-s { align-self: flex-start } .self-end-s { align-self: flex-end } .self-center-s { align-self: center } .self-baseline-s { align-self: baseline } .self-stretch-s { align-self: stretch } .justify-start-s { -webkit-box-pack: start; justify-content: flex-start } .justify-end-s { -webkit-box-pack: end; justify-content: flex-end } .justify-center-s { -webkit-box-pack: center; justify-content: center } .justify-between-s { -webkit-box-pack: justify; justify-content: space-between } .justify-around-s { justify-content: space-around } .content-start-s { align-content: flex-start } .content-end-s { align-content: flex-end } .content-center-s { align-content: center } .content-between-s { align-content: space-between } .content-around-s { align-content: space-around } .content-stretch-s { align-content: stretch } .order-0-s { -webkit-box-ordinal-group: 1; order: 0 } .order-1-s { -webkit-box-ordinal-group: 2; order: 1 } .order-2-s { -webkit-box-ordinal-group: 3; order: 2 } .order-3-s { -webkit-box-ordinal-group: 4; order: 3 } .order-4-s { -webkit-box-ordinal-group: 5; order: 4 } .order-5-s { -webkit-box-ordinal-group: 6; order: 5 } .order-6-s { -webkit-box-ordinal-group: 7; order: 6 } .order-7-s { -webkit-box-ordinal-group: 8; order: 7 } .order-8-s { -webkit-box-ordinal-group: 9; order: 8 } .order-last-s { -webkit-box-ordinal-group: 100000; order: 99999 } .flex-grow-0-s { -webkit-box-flex: 0; flex-grow: 0 } .flex-grow-1-s { -webkit-box-flex: 1; flex-grow: 1 } .flex-shrink-0-s { flex-shrink: 0 } .flex-shrink-1-s { flex-shrink: 1 } .fl-s { float: left } .fl-s, .fr-s { _display: inline } .fr-s { float: right } .fn-s { float: none } .i-s { font-style: italic } .fs-normal-s { font-style: normal } .h1-s { height: 1rem } .h2-s { height: 2rem } .h3-s { height: 4rem } .h4-s { height: 8rem } .h5-s { height: 16rem } .h-25-s { height: 25% } .h-50-s { height: 50% } .h-75-s { height: 75% } .h-100-s { height: 100% } .min-h-100-s { min-height: 100% } .vh-25-s { height: 25vh } .vh-50-s { height: 50vh } .vh-75-s { height: 75vh } .vh-100-s { height: 100vh } .min-vh-100-s { min-height: 100vh } .h-auto-s { height: auto } .h-inherit-s { height: inherit } .h-small-s { height: 2rem; box-sizing: border-box } .min-h-small-s { min-height: 2rem; box-sizing: border-box } .h-regular-s { height: 2.5rem; box-sizing: border-box } .min-h-regular-s { min-height: 2.5rem; box-sizing: border-box } .h-large-s { height: 3rem; box-sizing: border-box } .min-h-large-s { min-height: 3rem; box-sizing: border-box } .tracked-s { letter-spacing: .1em } .tracked-tight-s { letter-spacing: -.05em } .tracked-mega-s { letter-spacing: .25em } .lh-solid-s { line-height: 1 } .lh-title-s { line-height: 1.25 } .lh-copy-s { line-height: 1.5 } .mw1-s { max-width: 1rem } .mw2-s { max-width: 2rem } .mw3-s { max-width: 4rem } .mw4-s { max-width: 8rem } .mw5-s { max-width: 16rem } .mw6-s { max-width: 32rem } .mw7-s { max-width: 48rem } .mw8-s { max-width: 64rem } .mw9-s { max-width: 96rem } .mw-none-s { max-width: none } .mw-100-s { max-width: 100% } .o-100-s { opacity: 1 } .o-90-s { opacity: .9 } .o-80-s { opacity: .8 } .o-70-s { opacity: .7 } .o-60-s { opacity: .6 } .o-50-s { opacity: .5 } .o-40-s { opacity: .4 } .o-30-s { opacity: .3 } .o-20-s { opacity: .2 } .o-10-s { opacity: .1 } .o-05-s { opacity: .05 } .o-025-s { opacity: .025 } .o-0-s { opacity: 0 } .rotate-45-s { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .rotate-90-s { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .rotate-135-s { -webkit-transform: rotate(135deg); transform: rotate(135deg) } .rotate-180-s { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .rotate-225-s { -webkit-transform: rotate(225deg); transform: rotate(225deg) } .rotate-270-s { -webkit-transform: rotate(270deg); transform: rotate(270deg) } .rotate-315-s { -webkit-transform: rotate(315deg); transform: rotate(315deg) } .outline-s { outline: 1px solid } .outline-transparent-s { outline: 1px solid transparent } .outline-0-s { outline: 0 } .overflow-visible-s { overflow: visible } .overflow-hidden-s { overflow: hidden } .overflow-scroll-s { overflow: scroll } .overflow-auto-s { overflow: auto } .overflow-x-visible-s { overflow-x: visible } .overflow-x-hidden-s { overflow-x: hidden } .overflow-x-scroll-s { overflow-x: scroll } .overflow-x-auto-s { overflow-x: auto } .overflow-y-visible-s { overflow-y: visible } .overflow-y-hidden-s { overflow-y: hidden } .overflow-y-scroll-s { overflow-y: scroll } .overflow-y-auto-s { overflow-y: auto } .static-s { position: static } .relative-s { position: relative } .absolute-s { position: absolute } .fixed-s { position: fixed } .sticky-s { position: -webkit-sticky; position: sticky } .strike-s { text-decoration: line-through } .underline-s { text-decoration: underline } .no-underline-s { text-decoration: none } .tl-s { text-align: left } .tr-s { text-align: right } .tc-s { text-align: center } .tj-s { text-align: justify } .ttc-s { text-transform: capitalize } .ttl-s { text-transform: lowercase } .ttu-s { text-transform: uppercase } .ttn-s { text-transform: none } .f1-s { font-size: 3rem } .f2-s { font-size: 2.25rem } .f3-s { font-size: 1.5rem } .f4-s { font-size: 1.25rem } .f5-s { font-size: 1rem } .f6-s { font-size: .875rem } .f7-s { font-size: .75rem } .measure-s { max-width: 30em } .measure-wide-s { max-width: 34em } .measure-narrow-s { max-width: 20em } .small-caps-s { font-variant: small-caps } .indent-s { text-indent: 1em; margin-top: 0; margin-bottom: 0 } .truncate-s { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .t-heading-1-s { font-size: 3rem } .t-heading-1-s, .t-heading-2-s { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 700; text-transform: none; letter-spacing: 0 } .t-heading-2-s { font-size: 2.25rem } .t-heading-3-s { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 700; font-size: 1.75rem; text-transform: none; letter-spacing: 0 } .t-heading-4-s { font-size: 1.5rem } .t-heading-4-s, .t-heading-5-s { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 400; text-transform: none; letter-spacing: 0 } .t-heading-5-s { font-size: 1.25rem } .t-heading-6-s { font-size: 1.25rem } .t-body-s, .t-heading-6-s, body { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 400; text-transform: none; letter-spacing: 0 } .t-body-s, body { font-size: 1rem } .t-small-s { font-size: .875rem } .t-mini-s, .t-small-s { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 400; text-transform: none; letter-spacing: 0 } .t-mini-s { font-size: .75rem } .t-action-s { font-size: 1rem } .t-action--small-s, .t-action-s { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 500; text-transform: uppercase; letter-spacing: 0 } .t-action--small-s { font-size: .875rem } .t-action--large-s { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 500; font-size: 1.25rem; text-transform: uppercase; letter-spacing: 0 } .t-code-s { font-family: Consolas, monaco, monospace; font-size: 1rem; text-transform: none; letter-spacing: 0 } .normal-s, .t-code-s { font-weight: 400 } .b-s { font-weight: 700 } .fw1-s { font-weight: 100 } .fw2-s { font-weight: 200 } .fw3-s { font-weight: 300 } .fw4-s { font-weight: 400 } .fw5-s { font-weight: 500 } .fw6-s { font-weight: 600 } .fw7-s { font-weight: 700 } .fw8-s { font-weight: 800 } .fw9-s { font-weight: 900 } .clip-s { position: fixed  !important; _position: absolute  !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px) } .ws-normal-s { white-space: normal } .nowrap-s { white-space: nowrap } .pre-s { white-space: pre } .w1-s { width: 1rem } .w2-s { width: 2rem } .w3-s { width: 4rem } .w4-s { width: 8rem } .w5-s { width: 16rem } .w-10-s { width: 10% } .w-20-s { width: 20% } .w-25-s { width: 25% } .w-30-s { width: 30% } .w-33-s { width: 33% } .w-34-s { width: 34% } .w-40-s { width: 40% } .w-50-s { width: 50% } .w-60-s { width: 60% } .w-70-s { width: 70% } .w-75-s { width: 75% } .w-80-s { width: 80% } .w-90-s { width: 90% } .w-100-s { width: 100% } .w-third-s { width: 33.33333% } .w-two-thirds-s { width: 66.66667% } .w-auto-s { width: auto } .vw-10-s { width: 10vw } .vw-20-s { width: 20vw } .vw-25-s { width: 25vw } .vw-30-s { width: 30vw } .vw-33-s { width: 33vw } .vw-34-s { width: 34vw } .vw-40-s { width: 40vw } .vw-50-s { width: 50vw } .vw-60-s { width: 60vw } .vw-70-s { width: 70vw } .vw-75-s { width: 75vw } .vw-80-s { width: 80vw } .vw-90-s { width: 90vw } .vw-100-s { width: 100vw } .vw-third-s { width: 33.33333vw } .vw-two-thirds-s { width: 66.66667vw } } @media screen and (min-width: 40em) { .aspect-ratio-ns { height: 0; position: relative } .aspect-ratio--16x9-ns { padding-bottom: 56.25% } .aspect-ratio--9x16-ns { padding-bottom: 177.77% } .aspect-ratio--4x3-ns { padding-bottom: 75% } .aspect-ratio--3x4-ns { padding-bottom: 133.33% } .aspect-ratio--6x4-ns { padding-bottom: 66.6% } .aspect-ratio--4x6-ns { padding-bottom: 150% } .aspect-ratio--8x5-ns { padding-bottom: 62.5% } .aspect-ratio--5x8-ns { padding-bottom: 160% } .aspect-ratio--7x5-ns { padding-bottom: 71.42% } .aspect-ratio--5x7-ns { padding-bottom: 140% } .aspect-ratio--1x1-ns { padding-bottom: 100% } .aspect-ratio--object-ns { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100 } .cover-ns { background-size: cover  !important } .contain-ns { background-size: contain  !important } .bg-center-ns { background-position: 50% } .bg-center-ns, .bg-top-ns { background-repeat: no-repeat } .bg-top-ns { background-position: top } .bg-right-ns { background-position: 100% } .bg-bottom-ns, .bg-right-ns { background-repeat: no-repeat } .bg-bottom-ns { background-position: bottom } .bg-left-ns { background-repeat: no-repeat; background-position: 0 } .ba-ns { border-style: solid; border-width: 1px } .bt-ns { border-top-style: solid; border-top-width: 1px } .br-ns { border-right-style: solid; border-right-width: 1px } .bb-ns { border-bottom-style: solid; border-bottom-width: 1px } .bl-ns { border-left-style: solid; border-left-width: 1px } .bn-ns { border-style: none; border-width: 0 } .br0-ns { border-radius: 0 } .br1-ns { border-radius: .125rem } .br2-ns { border-radius: .25rem } .br3-ns { border-radius: .5rem } .br4-ns { border-radius: 1rem } .br-100-ns { border-radius: 100% } .br-pill-ns { border-radius: 9999px } .br--bottom-ns { border-top-left-radius: 0; border-top-right-radius: 0 } .br--top-ns { border-bottom-right-radius: 0 } .br--right-ns, .br--top-ns { border-bottom-left-radius: 0 } .br--right-ns { border-top-left-radius: 0 } .br--left-ns { border-top-right-radius: 0; border-bottom-right-radius: 0 } .b--dotted-ns { border-style: dotted } .b--dashed-ns { border-style: dashed } .b--solid-ns { border-style: solid } .b--none-ns { border-style: none } .bw0-ns { border-width: 0 } .bw1-ns { border-width: .125rem } .bw2-ns { border-width: .25rem } .bw3-ns { border-width: .5rem } .bw4-ns { border-width: 1rem } .bw5-ns { border-width: 2rem } .bt-0-ns { border-top-width: 0 } .br-0-ns { border-right-width: 0 } .bb-0-ns { border-bottom-width: 0 } .bl-0-ns { border-left-width: 0 } .shadow-1-ns { box-shadow: 0 0 4px 2px rgba(0, 0, 0, .2) } .shadow-2-ns { box-shadow: 0 0 8px 2px rgba(0, 0, 0, .2) } .shadow-3-ns { box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, .2) } .shadow-4-ns { box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2) } .shadow-5-ns { box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, .2) } .pa0-ns { padding: 0 } .ma0-ns, .na0-ns { margin: 0 } .pl0-ns { padding-left: 0 } .ml0-ns, .nl0-ns { margin-left: 0 } .pr0-ns { padding-right: 0 } .mr0-ns, .nr0-ns { margin-right: 0 } .pt0-ns { padding-top: 0 } .mt0-ns, .nt0-ns { margin-top: 0 } .pb0-ns { padding-bottom: 0 } .mb0-ns, .nb0-ns { margin-bottom: 0 } .pv0-ns { padding-top: 0; padding-bottom: 0 } .mv0-ns, .nv0-ns { margin-top: 0; margin-bottom: 0 } .ph0-ns { padding-left: 0; padding-right: 0 } .mh0-ns, .nh0-ns { margin-left: 0; margin-right: 0 } .pa1-ns { padding: .125rem } .ma1-ns { margin: .125rem } .na1-ns { margin: -.125rem } .pl1-ns { padding-left: .125rem } .ml1-ns { margin-left: .125rem } .nl1-ns { margin-left: -.125rem } .pr1-ns { padding-right: .125rem } .mr1-ns { margin-right: .125rem } .nr1-ns { margin-right: -.125rem } .pt1-ns { padding-top: .125rem } .mt1-ns { margin-top: .125rem } .nt1-ns { margin-top: -.125rem } .pb1-ns { padding-bottom: .125rem } .mb1-ns { margin-bottom: .125rem } .nb1-ns { margin-bottom: -.125rem } .pv1-ns { padding-top: .125rem; padding-bottom: .125rem } .mv1-ns { margin-top: .125rem; margin-bottom: .125rem } .nv1-ns { margin-top: -.125rem; margin-bottom: -.125rem } .ph1-ns { padding-left: .125rem; padding-right: .125rem } .mh1-ns { margin-left: .125rem; margin-right: .125rem } .nh1-ns { margin-left: -.125rem; margin-right: -.125rem } .pa2-ns { padding: .25rem } .ma2-ns { margin: .25rem } .na2-ns { margin: -.25rem } .pl2-ns { padding-left: .25rem } .ml2-ns { margin-left: .25rem } .nl2-ns { margin-left: -.25rem } .pr2-ns { padding-right: .25rem } .mr2-ns { margin-right: .25rem } .nr2-ns { margin-right: -.25rem } .pt2-ns { padding-top: .25rem } .mt2-ns { margin-top: .25rem } .nt2-ns { margin-top: -.25rem } .pb2-ns { padding-bottom: .25rem } .mb2-ns { margin-bottom: .25rem } .nb2-ns { margin-bottom: -.25rem } .pv2-ns { padding-top: .25rem; padding-bottom: .25rem } .mv2-ns { margin-top: .25rem; margin-bottom: .25rem } .nv2-ns { margin-top: -.25rem; margin-bottom: -.25rem } .ph2-ns { padding-left: .25rem; padding-right: .25rem } .mh2-ns { margin-left: .25rem; margin-right: .25rem } .nh2-ns { margin-left: -.25rem; margin-right: -.25rem } .pa3-ns { padding: .5rem } .ma3-ns { margin: .5rem } .na3-ns { margin: -.5rem } .pl3-ns { padding-left: .5rem } .ml3-ns { margin-left: .5rem } .nl3-ns { margin-left: -.5rem } .pr3-ns { padding-right: .5rem } .mr3-ns { margin-right: .5rem } .nr3-ns { margin-right: -.5rem } .pt3-ns { padding-top: .5rem } .mt3-ns { margin-top: .5rem } .nt3-ns { margin-top: -.5rem } .pb3-ns { padding-bottom: .5rem } .mb3-ns { margin-bottom: .5rem } .nb3-ns { margin-bottom: -.5rem } .pv3-ns { padding-top: .5rem; padding-bottom: .5rem } .mv3-ns { margin-top: .5rem; margin-bottom: .5rem } .nv3-ns { margin-top: -.5rem; margin-bottom: -.5rem } .ph3-ns { padding-left: .5rem; padding-right: .5rem } .mh3-ns { margin-left: .5rem; margin-right: .5rem } .nh3-ns { margin-left: -.5rem; margin-right: -.5rem } .pa4-ns { padding: .75rem } .ma4-ns { margin: .75rem } .na4-ns { margin: -.75rem } .pl4-ns { padding-left: .75rem } .ml4-ns { margin-left: .75rem } .nl4-ns { margin-left: -.75rem } .pr4-ns { padding-right: .75rem } .mr4-ns { margin-right: .75rem } .nr4-ns { margin-right: -.75rem } .pt4-ns { padding-top: .75rem } .mt4-ns { margin-top: .75rem } .nt4-ns { margin-top: -.75rem } .pb4-ns { padding-bottom: .75rem } .mb4-ns { margin-bottom: .75rem } .nb4-ns { margin-bottom: -.75rem } .pv4-ns { padding-top: .75rem; padding-bottom: .75rem } .mv4-ns { margin-top: .75rem; margin-bottom: .75rem } .nv4-ns { margin-top: -.75rem; margin-bottom: -.75rem } .ph4-ns { padding-left: .75rem; padding-right: .75rem } .mh4-ns { margin-left: .75rem; margin-right: .75rem } .nh4-ns { margin-left: -.75rem; margin-right: -.75rem } .pa5-ns { padding: 1rem } .ma5-ns { margin: 1rem } .na5-ns { margin: -1rem } .pl5-ns { padding-left: 1rem } .ml5-ns { margin-left: 1rem } .nl5-ns { margin-left: -1rem } .pr5-ns { padding-right: 1rem } .mr5-ns { margin-right: 1rem } .nr5-ns { margin-right: -1rem } .pt5-ns { padding-top: 1rem } .mt5-ns { margin-top: 1rem } .nt5-ns { margin-top: -1rem } .pb5-ns { padding-bottom: 1rem } .mb5-ns { margin-bottom: 1rem } .nb5-ns { margin-bottom: -1rem } .pv5-ns { padding-top: 1rem; padding-bottom: 1rem } .mv5-ns { margin-top: 1rem; margin-bottom: 1rem } .nv5-ns { margin-top: -1rem; margin-bottom: -1rem } .ph5-ns { padding-left: 1rem; padding-right: 1rem } .mh5-ns { margin-left: 1rem; margin-right: 1rem } .nh5-ns { margin-left: -1rem; margin-right: -1rem } .pa6-ns { padding: 1.5rem } .ma6-ns { margin: 1.5rem } .na6-ns { margin: -1.5rem } .pl6-ns { padding-left: 1.5rem } .ml6-ns { margin-left: 1.5rem } .nl6-ns { margin-left: -1.5rem } .pr6-ns { padding-right: 1.5rem } .mr6-ns { margin-right: 1.5rem } .nr6-ns { margin-right: -1.5rem } .pt6-ns { padding-top: 1.5rem } .mt6-ns { margin-top: 1.5rem } .nt6-ns { margin-top: -1.5rem } .pb6-ns { padding-bottom: 1.5rem } .mb6-ns { margin-bottom: 1.5rem } .nb6-ns { margin-bottom: -1.5rem } .pv6-ns { padding-top: 1.5rem; padding-bottom: 1.5rem } .mv6-ns { margin-top: 1.5rem; margin-bottom: 1.5rem } .nv6-ns { margin-top: -1.5rem; margin-bottom: -1.5rem } .ph6-ns { padding-left: 1.5rem; padding-right: 1.5rem } .mh6-ns { margin-left: 1.5rem; margin-right: 1.5rem } .nh6-ns { margin-left: -1.5rem; margin-right: -1.5rem } .pa7-ns { padding: 2rem } .ma7-ns { margin: 2rem } .na7-ns { margin: -2rem } .pl7-ns { padding-left: 2rem } .ml7-ns { margin-left: 2rem } .nl7-ns { margin-left: -2rem } .pr7-ns { padding-right: 2rem } .mr7-ns { margin-right: 2rem } .nr7-ns { margin-right: -2rem } .pt7-ns { padding-top: 2rem } .mt7-ns { margin-top: 2rem } .nt7-ns { margin-top: -2rem } .pb7-ns { padding-bottom: 2rem } .mb7-ns { margin-bottom: 2rem } .nb7-ns { margin-bottom: -2rem } .pv7-ns { padding-top: 2rem; padding-bottom: 2rem } .mv7-ns { margin-top: 2rem; margin-bottom: 2rem } .nv7-ns { margin-top: -2rem; margin-bottom: -2rem } .ph7-ns { padding-left: 2rem; padding-right: 2rem } .mh7-ns { margin-left: 2rem; margin-right: 2rem } .nh7-ns { margin-left: -2rem; margin-right: -2rem } .pa8-ns { padding: 3rem } .ma8-ns { margin: 3rem } .na8-ns { margin: -3rem } .pl8-ns { padding-left: 3rem } .ml8-ns { margin-left: 3rem } .nl8-ns { margin-left: -3rem } .pr8-ns { padding-right: 3rem } .mr8-ns { margin-right: 3rem } .nr8-ns { margin-right: -3rem } .pt8-ns { padding-top: 3rem } .mt8-ns { margin-top: 3rem } .nt8-ns { margin-top: -3rem } .pb8-ns { padding-bottom: 3rem } .mb8-ns { margin-bottom: 3rem } .nb8-ns { margin-bottom: -3rem } .pv8-ns { padding-top: 3rem; padding-bottom: 3rem } .mv8-ns { margin-top: 3rem; margin-bottom: 3rem } .nv8-ns { margin-top: -3rem; margin-bottom: -3rem } .ph8-ns { padding-left: 3rem; padding-right: 3rem } .mh8-ns { margin-left: 3rem; margin-right: 3rem } .nh8-ns { margin-left: -3rem; margin-right: -3rem } .pa9-ns { padding: 4rem } .ma9-ns { margin: 4rem } .na9-ns { margin: -4rem } .pl9-ns { padding-left: 4rem } .ml9-ns { margin-left: 4rem } .nl9-ns { margin-left: -4rem } .pr9-ns { padding-right: 4rem } .mr9-ns { margin-right: 4rem } .nr9-ns { margin-right: -4rem } .pt9-ns { padding-top: 4rem } .mt9-ns { margin-top: 4rem } .nt9-ns { margin-top: -4rem } .pb9-ns { padding-bottom: 4rem } .mb9-ns { margin-bottom: 4rem } .nb9-ns { margin-bottom: -4rem } .pv9-ns { padding-top: 4rem; padding-bottom: 4rem } .mv9-ns { margin-top: 4rem; margin-bottom: 4rem } .nv9-ns { margin-top: -4rem; margin-bottom: -4rem } .ph9-ns { padding-left: 4rem; padding-right: 4rem } .mh9-ns { margin-left: 4rem; margin-right: 4rem } .nh9-ns { margin-left: -4rem; margin-right: -4rem } .pa10-ns { padding: 8rem } .ma10-ns { margin: 8rem } .na10-ns { margin: -8rem } .pl10-ns { padding-left: 8rem } .ml10-ns { margin-left: 8rem } .nl10-ns { margin-left: -8rem } .pr10-ns { padding-right: 8rem } .mr10-ns { margin-right: 8rem } .nr10-ns { margin-right: -8rem } .pt10-ns { padding-top: 8rem } .mt10-ns { margin-top: 8rem } .nt10-ns { margin-top: -8rem } .pb10-ns { padding-bottom: 8rem } .mb10-ns { margin-bottom: 8rem } .nb10-ns { margin-bottom: -8rem } .pv10-ns { padding-top: 8rem; padding-bottom: 8rem } .mv10-ns { margin-top: 8rem; margin-bottom: 8rem } .nv10-ns { margin-top: -8rem; margin-bottom: -8rem } .ph10-ns { padding-left: 8rem; padding-right: 8rem } .mh10-ns { margin-left: 8rem; margin-right: 8rem } .nh10-ns { margin-left: -8rem; margin-right: -8rem } .pa11-ns { padding: 16rem } .ma11-ns { margin: 16rem } .na11-ns { margin: -16rem } .pl11-ns { padding-left: 16rem } .ml11-ns { margin-left: 16rem } .nl11-ns { margin-left: -16rem } .pr11-ns { padding-right: 16rem } .mr11-ns { margin-right: 16rem } .nr11-ns { margin-right: -16rem } .pt11-ns { padding-top: 16rem } .mt11-ns { margin-top: 16rem } .nt11-ns { margin-top: -16rem } .pb11-ns { padding-bottom: 16rem } .mb11-ns { margin-bottom: 16rem } .nb11-ns { margin-bottom: -16rem } .pv11-ns { padding-top: 16rem; padding-bottom: 16rem } .mv11-ns { margin-top: 16rem; margin-bottom: 16rem } .nv11-ns { margin-top: -16rem; margin-bottom: -16rem } .ph11-ns { padding-left: 16rem; padding-right: 16rem } .mh11-ns { margin-left: 16rem; margin-right: 16rem } .nh11-ns { margin-left: -16rem; margin-right: -16rem } .top-0-ns { top: 0 } .right-0-ns { right: 0 } .bottom-0-ns { bottom: 0 } .left-0-ns { left: 0 } .top-1-ns { top: 1rem } .right-1-ns { right: 1rem } .bottom-1-ns { bottom: 1rem } .left-1-ns { left: 1rem } .top-2-ns { top: 2rem } .right-2-ns { right: 2rem } .bottom-2-ns { bottom: 2rem } .left-2-ns { left: 2rem } .top--1-ns { top: -1rem } .right--1-ns { right: -1rem } .bottom--1-ns { bottom: -1rem } .left--1-ns { left: -1rem } .top--2-ns { top: -2rem } .right--2-ns { right: -2rem } .bottom--2-ns { bottom: -2rem } .left--2-ns { left: -2rem } .absolute--fill-ns { top: 0; right: 0; bottom: 0; left: 0 } .cf-ns:after, .cf-ns:before { content: " "; display: table } .cf-ns:after { clear: both } .cf-ns { *zoom: 1 } .cl-ns { clear: left } .cr-ns { clear: right } .cb-ns { clear: both } .cn-ns { clear: none } .dn-ns { display: none } .di-ns { display: inline } .db-ns { display: block } .dib-ns { display: inline-block } .dit-ns { display: inline-table } .dt-ns { display: table } .dtc-ns { display: table-cell } .dt-row-ns { display: table-row } .dt-row-group-ns { display: table-row-group } .dt-column-ns { display: table-column } .dt-column-group-ns { display: table-column-group } .dt--fixed-ns { table-layout: fixed; width: 100% } .flex-ns { display: -webkit-box; display: flex } .inline-flex-ns { display: -webkit-inline-box; display: inline-flex } .flex-auto-ns { -webkit-box-flex: 1; flex: 1 1 auto; min-width: 0; min-height: 0 } .flex-none-ns { -webkit-box-flex: 0; flex: none } .flex-column-ns { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column } .flex-row-ns { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row } .flex-wrap-ns { flex-wrap: wrap } .flex-nowrap-ns { flex-wrap: nowrap } .flex-wrap-reverse-ns { flex-wrap: wrap-reverse } .flex-column-reverse-ns { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse } .flex-row-reverse-ns { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse } .items-start-ns { -webkit-box-align: start; align-items: flex-start } .items-end-ns { -webkit-box-align: end; align-items: flex-end } .items-center-ns { -webkit-box-align: center; align-items: center } .items-baseline-ns { -webkit-box-align: baseline; align-items: baseline } .items-stretch-ns { -webkit-box-align: stretch; align-items: stretch } .self-start-ns { align-self: flex-start } .self-end-ns { align-self: flex-end } .self-center-ns { align-self: center } .self-baseline-ns { align-self: baseline } .self-stretch-ns { align-self: stretch } .justify-start-ns { -webkit-box-pack: start; justify-content: flex-start } .justify-end-ns { -webkit-box-pack: end; justify-content: flex-end } .justify-center-ns { -webkit-box-pack: center; justify-content: center } .justify-between-ns { -webkit-box-pack: justify; justify-content: space-between } .justify-around-ns { justify-content: space-around } .content-start-ns { align-content: flex-start } .content-end-ns { align-content: flex-end } .content-center-ns { align-content: center } .content-between-ns { align-content: space-between } .content-around-ns { align-content: space-around } .content-stretch-ns { align-content: stretch } .order-0-ns { -webkit-box-ordinal-group: 1; order: 0 } .order-1-ns { -webkit-box-ordinal-group: 2; order: 1 } .order-2-ns { -webkit-box-ordinal-group: 3; order: 2 } .order-3-ns { -webkit-box-ordinal-group: 4; order: 3 } .order-4-ns { -webkit-box-ordinal-group: 5; order: 4 } .order-5-ns { -webkit-box-ordinal-group: 6; order: 5 } .order-6-ns { -webkit-box-ordinal-group: 7; order: 6 } .order-7-ns { -webkit-box-ordinal-group: 8; order: 7 } .order-8-ns { -webkit-box-ordinal-group: 9; order: 8 } .order-last-ns { -webkit-box-ordinal-group: 100000; order: 99999 } .flex-grow-0-ns { -webkit-box-flex: 0; flex-grow: 0 } .flex-grow-1-ns { -webkit-box-flex: 1; flex-grow: 1 } .flex-shrink-0-ns { flex-shrink: 0 } .flex-shrink-1-ns { flex-shrink: 1 } .fl-ns { float: left } .fl-ns, .fr-ns { _display: inline } .fr-ns { float: right } .fn-ns { float: none } .i-ns { font-style: italic } .fs-normal-ns { font-style: normal } .h1-ns { height: 1rem } .h2-ns { height: 2rem } .h3-ns { height: 4rem } .h4-ns { height: 8rem } .h5-ns { height: 16rem } .h-25-ns { height: 25% } .h-50-ns { height: 50% } .h-75-ns { height: 75% } .h-100-ns { height: 100% } .min-h-100-ns { min-height: 100% } .vh-25-ns { height: 25vh } .vh-50-ns { height: 50vh } .vh-75-ns { height: 75vh } .vh-100-ns { height: 100vh } .min-vh-100-ns { min-height: 100vh } .h-auto-ns { height: auto } .h-inherit-ns { height: inherit } .h-small-ns { height: 2rem; box-sizing: border-box } .min-h-small-ns { min-height: 2rem; box-sizing: border-box } .h-regular-ns { height: 2.5rem; box-sizing: border-box } .min-h-regular-ns { min-height: 2.5rem; box-sizing: border-box } .h-large-ns { height: 3rem; box-sizing: border-box } .min-h-large-ns { min-height: 3rem; box-sizing: border-box } .tracked-ns { letter-spacing: .1em } .tracked-tight-ns { letter-spacing: -.05em } .tracked-mega-ns { letter-spacing: .25em } .lh-solid-ns { line-height: 1 } .lh-title-ns { line-height: 1.25 } .lh-copy-ns { line-height: 1.5 } .mw1-ns { max-width: 1rem } .mw2-ns { max-width: 2rem } .mw3-ns { max-width: 4rem } .mw4-ns { max-width: 8rem } .mw5-ns { max-width: 16rem } .mw6-ns { max-width: 32rem } .mw7-ns { max-width: 48rem } .mw8-ns { max-width: 64rem } .mw9-ns { max-width: 96rem } .mw-none-ns { max-width: none } .mw-100-ns { max-width: 100% } .o-100-ns { opacity: 1 } .o-90-ns { opacity: .9 } .o-80-ns { opacity: .8 } .o-70-ns { opacity: .7 } .o-60-ns { opacity: .6 } .o-50-ns { opacity: .5 } .o-40-ns { opacity: .4 } .o-30-ns { opacity: .3 } .o-20-ns { opacity: .2 } .o-10-ns { opacity: .1 } .o-05-ns { opacity: .05 } .o-025-ns { opacity: .025 } .o-0-ns { opacity: 0 } .rotate-45-ns { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .rotate-90-ns { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .rotate-135-ns { -webkit-transform: rotate(135deg); transform: rotate(135deg) } .rotate-180-ns { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .rotate-225-ns { -webkit-transform: rotate(225deg); transform: rotate(225deg) } .rotate-270-ns { -webkit-transform: rotate(270deg); transform: rotate(270deg) } .rotate-315-ns { -webkit-transform: rotate(315deg); transform: rotate(315deg) } .outline-ns { outline: 1px solid } .outline-transparent-ns { outline: 1px solid transparent } .outline-0-ns { outline: 0 } .overflow-visible-ns { overflow: visible } .overflow-hidden-ns { overflow: hidden } .overflow-scroll-ns { overflow: scroll } .overflow-auto-ns { overflow: auto } .overflow-x-visible-ns { overflow-x: visible } .overflow-x-hidden-ns { overflow-x: hidden } .overflow-x-scroll-ns { overflow-x: scroll } .overflow-x-auto-ns { overflow-x: auto } .overflow-y-visible-ns { overflow-y: visible } .overflow-y-hidden-ns { overflow-y: hidden } .overflow-y-scroll-ns { overflow-y: scroll } .overflow-y-auto-ns { overflow-y: auto } .static-ns { position: static } .relative-ns { position: relative } .absolute-ns { position: absolute } .fixed-ns { position: fixed } .sticky-ns { position: -webkit-sticky; position: sticky } .strike-ns { text-decoration: line-through } .underline-ns { text-decoration: underline } .no-underline-ns { text-decoration: none } .tl-ns { text-align: left } .tr-ns { text-align: right } .tc-ns { text-align: center } .tj-ns { text-align: justify } .ttc-ns { text-transform: capitalize } .ttl-ns { text-transform: lowercase } .ttu-ns { text-transform: uppercase } .ttn-ns { text-transform: none } .f1-ns { font-size: 3rem } .f2-ns { font-size: 2.25rem } .f3-ns { font-size: 1.5rem } .f4-ns { font-size: 1.25rem } .f5-ns { font-size: 1rem } .f6-ns { font-size: .875rem } .f7-ns { font-size: .75rem } .measure-ns { max-width: 30em } .measure-wide-ns { max-width: 34em } .measure-narrow-ns { max-width: 20em } .small-caps-ns { font-variant: small-caps } .indent-ns { text-indent: 1em; margin-top: 0; margin-bottom: 0 } .truncate-ns { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .t-heading-1-ns { font-size: 3rem } .t-heading-1-ns, .t-heading-2-ns { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 700; text-transform: none; letter-spacing: 0 } .t-heading-2-ns { font-size: 2.25rem } .t-heading-3-ns { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 700; font-size: 1.75rem; text-transform: none; letter-spacing: 0 } .t-heading-4-ns { font-size: 1.5rem } .t-heading-4-ns, .t-heading-5-ns { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 400; text-transform: none; letter-spacing: 0 } .t-heading-5-ns { font-size: 1.25rem } .t-heading-6-ns { font-size: 1.25rem } .t-body-ns, .t-heading-6-ns, body { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 400; text-transform: none; letter-spacing: 0 } .t-body-ns, body { font-size: 1rem } .t-small-ns { font-size: .875rem } .t-mini-ns, .t-small-ns { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 400; text-transform: none; letter-spacing: 0 } .t-mini-ns { font-size: .75rem } .t-action-ns { font-size: 1rem } .t-action--small-ns, .t-action-ns { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 500; text-transform: uppercase; letter-spacing: 0 } .t-action--small-ns { font-size: .875rem } .t-action--large-ns { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 500; font-size: 1.25rem; text-transform: uppercase; letter-spacing: 0 } .t-code-ns { font-family: Consolas, monaco, monospace; font-size: 1rem; text-transform: none; letter-spacing: 0 } .normal-ns, .t-code-ns { font-weight: 400 } .b-ns { font-weight: 700 } .fw1-ns { font-weight: 100 } .fw2-ns { font-weight: 200 } .fw3-ns { font-weight: 300 } .fw4-ns { font-weight: 400 } .fw5-ns { font-weight: 500 } .fw6-ns { font-weight: 600 } .fw7-ns { font-weight: 700 } .fw8-ns { font-weight: 800 } .fw9-ns { font-weight: 900 } .clip-ns { position: fixed  !important; _position: absolute  !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px) } .ws-normal-ns { white-space: normal } .nowrap-ns { white-space: nowrap } .pre-ns { white-space: pre } .w1-ns { width: 1rem } .w2-ns { width: 2rem } .w3-ns { width: 4rem } .w4-ns { width: 8rem } .w5-ns { width: 16rem } .w-10-ns { width: 10% } .w-20-ns { width: 20% } .w-25-ns { width: 25% } .w-30-ns { width: 30% } .w-33-ns { width: 33% } .w-34-ns { width: 34% } .w-40-ns { width: 40% } .w-50-ns { width: 50% } .w-60-ns { width: 60% } .w-70-ns { width: 70% } .w-75-ns { width: 75% } .w-80-ns { width: 80% } .w-90-ns { width: 90% } .w-100-ns { width: 100% } .w-third-ns { width: 33.33333% } .w-two-thirds-ns { width: 66.66667% } .w-auto-ns { width: auto } .vw-10-ns { width: 10vw } .vw-20-ns { width: 20vw } .vw-25-ns { width: 25vw } .vw-30-ns { width: 30vw } .vw-33-ns { width: 33vw } .vw-34-ns { width: 34vw } .vw-40-ns { width: 40vw } .vw-50-ns { width: 50vw } .vw-60-ns { width: 60vw } .vw-70-ns { width: 70vw } .vw-75-ns { width: 75vw } .vw-80-ns { width: 80vw } .vw-90-ns { width: 90vw } .vw-100-ns { width: 100vw } .vw-third-ns { width: 33.33333vw } .vw-two-thirds-ns { width: 66.66667vw } .aspect-ratio-m { height: 0; position: relative } .aspect-ratio--16x9-m { padding-bottom: 56.25% } .aspect-ratio--9x16-m { padding-bottom: 177.77% } .aspect-ratio--4x3-m { padding-bottom: 75% } .aspect-ratio--3x4-m { padding-bottom: 133.33% } .aspect-ratio--6x4-m { padding-bottom: 66.6% } .aspect-ratio--4x6-m { padding-bottom: 150% } .aspect-ratio--8x5-m { padding-bottom: 62.5% } .aspect-ratio--5x8-m { padding-bottom: 160% } .aspect-ratio--7x5-m { padding-bottom: 71.42% } .aspect-ratio--5x7-m { padding-bottom: 140% } .aspect-ratio--1x1-m { padding-bottom: 100% } .aspect-ratio--object-m { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100 } .cover-m { background-size: cover  !important } .contain-m { background-size: contain  !important } .bg-center-m { background-position: 50% } .bg-center-m, .bg-top-m { background-repeat: no-repeat } .bg-top-m { background-position: top } .bg-right-m { background-position: 100% } .bg-bottom-m, .bg-right-m { background-repeat: no-repeat } .bg-bottom-m { background-position: bottom } .bg-left-m { background-repeat: no-repeat; background-position: 0 } .ba-m { border-style: solid; border-width: 1px } .bt-m { border-top-style: solid; border-top-width: 1px } .br-m { border-right-style: solid; border-right-width: 1px } .bb-m { border-bottom-style: solid; border-bottom-width: 1px } .bl-m { border-left-style: solid; border-left-width: 1px } .bn-m { border-style: none; border-width: 0 } .br0-m { border-radius: 0 } .br1-m { border-radius: .125rem } .br2-m { border-radius: .25rem } .br3-m { border-radius: .5rem } .br4-m { border-radius: 1rem } .br-100-m { border-radius: 100% } .br-pill-m { border-radius: 9999px } .br--bottom-m { border-top-left-radius: 0; border-top-right-radius: 0 } .br--top-m { border-bottom-right-radius: 0 } .br--right-m, .br--top-m { border-bottom-left-radius: 0 } .br--right-m { border-top-left-radius: 0 } .br--left-m { border-top-right-radius: 0; border-bottom-right-radius: 0 } .b--dotted-m { border-style: dotted } .b--dashed-m { border-style: dashed } .b--solid-m { border-style: solid } .b--none-m { border-style: none } .bw0-m { border-width: 0 } .bw1-m { border-width: .125rem } .bw2-m { border-width: .25rem } .bw3-m { border-width: .5rem } .bw4-m { border-width: 1rem } .bw5-m { border-width: 2rem } .bt-0-m { border-top-width: 0 } .br-0-m { border-right-width: 0 } .bb-0-m { border-bottom-width: 0 } .bl-0-m { border-left-width: 0 } .shadow-1-m { box-shadow: 0 0 4px 2px rgba(0, 0, 0, .2) } .shadow-2-m { box-shadow: 0 0 8px 2px rgba(0, 0, 0, .2) } .shadow-3-m { box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, .2) } .shadow-4-m { box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2) } .shadow-5-m { box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, .2) } .pa0-m { padding: 0 } .ma0-m, .na0-m { margin: 0 } .pl0-m { padding-left: 0 } .ml0-m, .nl0-m { margin-left: 0 } .pr0-m { padding-right: 0 } .mr0-m, .nr0-m { margin-right: 0 } .pt0-m { padding-top: 0 } .mt0-m, .nt0-m { margin-top: 0 } .pb0-m { padding-bottom: 0 } .mb0-m, .nb0-m { margin-bottom: 0 } .pv0-m { padding-top: 0; padding-bottom: 0 } .mv0-m, .nv0-m { margin-top: 0; margin-bottom: 0 } .ph0-m { padding-left: 0; padding-right: 0 } .mh0-m, .nh0-m { margin-left: 0; margin-right: 0 } .pa1-m { padding: .125rem } .ma1-m { margin: .125rem } .na1-m { margin: -.125rem } .pl1-m { padding-left: .125rem } .ml1-m { margin-left: .125rem } .nl1-m { margin-left: -.125rem } .pr1-m { padding-right: .125rem } .mr1-m { margin-right: .125rem } .nr1-m { margin-right: -.125rem } .pt1-m { padding-top: .125rem } .mt1-m { margin-top: .125rem } .nt1-m { margin-top: -.125rem } .pb1-m { padding-bottom: .125rem } .mb1-m { margin-bottom: .125rem } .nb1-m { margin-bottom: -.125rem } .pv1-m { padding-top: .125rem; padding-bottom: .125rem } .mv1-m { margin-top: .125rem; margin-bottom: .125rem } .nv1-m { margin-top: -.125rem; margin-bottom: -.125rem } .ph1-m { padding-left: .125rem; padding-right: .125rem } .mh1-m { margin-left: .125rem; margin-right: .125rem } .nh1-m { margin-left: -.125rem; margin-right: -.125rem } .pa2-m { padding: .25rem } .ma2-m { margin: .25rem } .na2-m { margin: -.25rem } .pl2-m { padding-left: .25rem } .ml2-m { margin-left: .25rem } .nl2-m { margin-left: -.25rem } .pr2-m { padding-right: .25rem } .mr2-m { margin-right: .25rem } .nr2-m { margin-right: -.25rem } .pt2-m { padding-top: .25rem } .mt2-m { margin-top: .25rem } .nt2-m { margin-top: -.25rem } .pb2-m { padding-bottom: .25rem } .mb2-m { margin-bottom: .25rem } .nb2-m { margin-bottom: -.25rem } .pv2-m { padding-top: .25rem; padding-bottom: .25rem } .mv2-m { margin-top: .25rem; margin-bottom: .25rem } .nv2-m { margin-top: -.25rem; margin-bottom: -.25rem } .ph2-m { padding-left: .25rem; padding-right: .25rem } .mh2-m { margin-left: .25rem; margin-right: .25rem } .nh2-m { margin-left: -.25rem; margin-right: -.25rem } .pa3-m { padding: .5rem } .ma3-m { margin: .5rem } .na3-m { margin: -.5rem } .pl3-m { padding-left: .5rem } .ml3-m { margin-left: .5rem } .nl3-m { margin-left: -.5rem } .pr3-m { padding-right: .5rem } .mr3-m { margin-right: .5rem } .nr3-m { margin-right: -.5rem } .pt3-m { padding-top: .5rem } .mt3-m { margin-top: .5rem } .nt3-m { margin-top: -.5rem } .pb3-m { padding-bottom: .5rem } .mb3-m { margin-bottom: .5rem } .nb3-m { margin-bottom: -.5rem } .pv3-m { padding-top: .5rem; padding-bottom: .5rem } .mv3-m { margin-top: .5rem; margin-bottom: .5rem } .nv3-m { margin-top: -.5rem; margin-bottom: -.5rem } .ph3-m { padding-left: .5rem; padding-right: .5rem } .mh3-m { margin-left: .5rem; margin-right: .5rem } .nh3-m { margin-left: -.5rem; margin-right: -.5rem } .pa4-m { padding: .75rem } .ma4-m { margin: .75rem } .na4-m { margin: -.75rem } .pl4-m { padding-left: .75rem } .ml4-m { margin-left: .75rem } .nl4-m { margin-left: -.75rem } .pr4-m { padding-right: .75rem } .mr4-m { margin-right: .75rem } .nr4-m { margin-right: -.75rem } .pt4-m { padding-top: .75rem } .mt4-m { margin-top: .75rem } .nt4-m { margin-top: -.75rem } .pb4-m { padding-bottom: .75rem } .mb4-m { margin-bottom: .75rem } .nb4-m { margin-bottom: -.75rem } .pv4-m { padding-top: .75rem; padding-bottom: .75rem } .mv4-m { margin-top: .75rem; margin-bottom: .75rem } .nv4-m { margin-top: -.75rem; margin-bottom: -.75rem } .ph4-m { padding-left: .75rem; padding-right: .75rem } .mh4-m { margin-left: .75rem; margin-right: .75rem } .nh4-m { margin-left: -.75rem; margin-right: -.75rem } .pa5-m { padding: 1rem } .ma5-m { margin: 1rem } .na5-m { margin: -1rem } .pl5-m { padding-left: 1rem } .ml5-m { margin-left: 1rem } .nl5-m { margin-left: -1rem } .pr5-m { padding-right: 1rem } .mr5-m { margin-right: 1rem } .nr5-m { margin-right: -1rem } .pt5-m { padding-top: 1rem } .mt5-m { margin-top: 1rem } .nt5-m { margin-top: -1rem } .pb5-m { padding-bottom: 1rem } .mb5-m { margin-bottom: 1rem } .nb5-m { margin-bottom: -1rem } .pv5-m { padding-top: 1rem; padding-bottom: 1rem } .mv5-m { margin-top: 1rem; margin-bottom: 1rem } .nv5-m { margin-top: -1rem; margin-bottom: -1rem } .ph5-m { padding-left: 1rem; padding-right: 1rem } .mh5-m { margin-left: 1rem; margin-right: 1rem } .nh5-m { margin-left: -1rem; margin-right: -1rem } .pa6-m { padding: 1.5rem } .ma6-m { margin: 1.5rem } .na6-m { margin: -1.5rem } .pl6-m { padding-left: 1.5rem } .ml6-m { margin-left: 1.5rem } .nl6-m { margin-left: -1.5rem } .pr6-m { padding-right: 1.5rem } .mr6-m { margin-right: 1.5rem } .nr6-m { margin-right: -1.5rem } .pt6-m { padding-top: 1.5rem } .mt6-m { margin-top: 1.5rem } .nt6-m { margin-top: -1.5rem } .pb6-m { padding-bottom: 1.5rem } .mb6-m { margin-bottom: 1.5rem } .nb6-m { margin-bottom: -1.5rem } .pv6-m { padding-top: 1.5rem; padding-bottom: 1.5rem } .mv6-m { margin-top: 1.5rem; margin-bottom: 1.5rem } .nv6-m { margin-top: -1.5rem; margin-bottom: -1.5rem } .ph6-m { padding-left: 1.5rem; padding-right: 1.5rem } .mh6-m { margin-left: 1.5rem; margin-right: 1.5rem } .nh6-m { margin-left: -1.5rem; margin-right: -1.5rem } .pa7-m { padding: 2rem } .ma7-m { margin: 2rem } .na7-m { margin: -2rem } .pl7-m { padding-left: 2rem } .ml7-m { margin-left: 2rem } .nl7-m { margin-left: -2rem } .pr7-m { padding-right: 2rem } .mr7-m { margin-right: 2rem } .nr7-m { margin-right: -2rem } .pt7-m { padding-top: 2rem } .mt7-m { margin-top: 2rem } .nt7-m { margin-top: -2rem } .pb7-m { padding-bottom: 2rem } .mb7-m { margin-bottom: 2rem } .nb7-m { margin-bottom: -2rem } .pv7-m { padding-top: 2rem; padding-bottom: 2rem } .mv7-m { margin-top: 2rem; margin-bottom: 2rem } .nv7-m { margin-top: -2rem; margin-bottom: -2rem } .ph7-m { padding-left: 2rem; padding-right: 2rem } .mh7-m { margin-left: 2rem; margin-right: 2rem } .nh7-m { margin-left: -2rem; margin-right: -2rem } .pa8-m { padding: 3rem } .ma8-m { margin: 3rem } .na8-m { margin: -3rem } .pl8-m { padding-left: 3rem } .ml8-m { margin-left: 3rem } .nl8-m { margin-left: -3rem } .pr8-m { padding-right: 3rem } .mr8-m { margin-right: 3rem } .nr8-m { margin-right: -3rem } .pt8-m { padding-top: 3rem } .mt8-m { margin-top: 3rem } .nt8-m { margin-top: -3rem } .pb8-m { padding-bottom: 3rem } .mb8-m { margin-bottom: 3rem } .nb8-m { margin-bottom: -3rem } .pv8-m { padding-top: 3rem; padding-bottom: 3rem } .mv8-m { margin-top: 3rem; margin-bottom: 3rem } .nv8-m { margin-top: -3rem; margin-bottom: -3rem } .ph8-m { padding-left: 3rem; padding-right: 3rem } .mh8-m { margin-left: 3rem; margin-right: 3rem } .nh8-m { margin-left: -3rem; margin-right: -3rem } .pa9-m { padding: 4rem } .ma9-m { margin: 4rem } .na9-m { margin: -4rem } .pl9-m { padding-left: 4rem } .ml9-m { margin-left: 4rem } .nl9-m { margin-left: -4rem } .pr9-m { padding-right: 4rem } .mr9-m { margin-right: 4rem } .nr9-m { margin-right: -4rem } .pt9-m { padding-top: 4rem } .mt9-m { margin-top: 4rem } .nt9-m { margin-top: -4rem } .pb9-m { padding-bottom: 4rem } .mb9-m { margin-bottom: 4rem } .nb9-m { margin-bottom: -4rem } .pv9-m { padding-top: 4rem; padding-bottom: 4rem } .mv9-m { margin-top: 4rem; margin-bottom: 4rem } .nv9-m { margin-top: -4rem; margin-bottom: -4rem } .ph9-m { padding-left: 4rem; padding-right: 4rem } .mh9-m { margin-left: 4rem; margin-right: 4rem } .nh9-m { margin-left: -4rem; margin-right: -4rem } .pa10-m { padding: 8rem } .ma10-m { margin: 8rem } .na10-m { margin: -8rem } .pl10-m { padding-left: 8rem } .ml10-m { margin-left: 8rem } .nl10-m { margin-left: -8rem } .pr10-m { padding-right: 8rem } .mr10-m { margin-right: 8rem } .nr10-m { margin-right: -8rem } .pt10-m { padding-top: 8rem } .mt10-m { margin-top: 8rem } .nt10-m { margin-top: -8rem } .pb10-m { padding-bottom: 8rem } .mb10-m { margin-bottom: 8rem } .nb10-m { margin-bottom: -8rem } .pv10-m { padding-top: 8rem; padding-bottom: 8rem } .mv10-m { margin-top: 8rem; margin-bottom: 8rem } .nv10-m { margin-top: -8rem; margin-bottom: -8rem } .ph10-m { padding-left: 8rem; padding-right: 8rem } .mh10-m { margin-left: 8rem; margin-right: 8rem } .nh10-m { margin-left: -8rem; margin-right: -8rem } .pa11-m { padding: 16rem } .ma11-m { margin: 16rem } .na11-m { margin: -16rem } .pl11-m { padding-left: 16rem } .ml11-m { margin-left: 16rem } .nl11-m { margin-left: -16rem } .pr11-m { padding-right: 16rem } .mr11-m { margin-right: 16rem } .nr11-m { margin-right: -16rem } .pt11-m { padding-top: 16rem } .mt11-m { margin-top: 16rem } .nt11-m { margin-top: -16rem } .pb11-m { padding-bottom: 16rem } .mb11-m { margin-bottom: 16rem } .nb11-m { margin-bottom: -16rem } .pv11-m { padding-top: 16rem; padding-bottom: 16rem } .mv11-m { margin-top: 16rem; margin-bottom: 16rem } .nv11-m { margin-top: -16rem; margin-bottom: -16rem } .ph11-m { padding-left: 16rem; padding-right: 16rem } .mh11-m { margin-left: 16rem; margin-right: 16rem } .nh11-m { margin-left: -16rem; margin-right: -16rem } .top-0-m { top: 0 } .right-0-m { right: 0 } .bottom-0-m { bottom: 0 } .left-0-m { left: 0 } .top-1-m { top: 1rem } .right-1-m { right: 1rem } .bottom-1-m { bottom: 1rem } .left-1-m { left: 1rem } .top-2-m { top: 2rem } .right-2-m { right: 2rem } .bottom-2-m { bottom: 2rem } .left-2-m { left: 2rem } .top--1-m { top: -1rem } .right--1-m { right: -1rem } .bottom--1-m { bottom: -1rem } .left--1-m { left: -1rem } .top--2-m { top: -2rem } .right--2-m { right: -2rem } .bottom--2-m { bottom: -2rem } .left--2-m { left: -2rem } .absolute--fill-m { top: 0; right: 0; bottom: 0; left: 0 } .cf-m:after, .cf-m:before { content: " "; display: table } .cf-m:after { clear: both } .cf-m { *zoom: 1 } .cl-m { clear: left } .cr-m { clear: right } .cb-m { clear: both } .cn-m { clear: none } .dn-m { display: none } .di-m { display: inline } .db-m { display: block } .dib-m { display: inline-block } .dit-m { display: inline-table } .dt-m { display: table } .dtc-m { display: table-cell } .dt-row-m { display: table-row } .dt-row-group-m { display: table-row-group } .dt-column-m { display: table-column } .dt-column-group-m { display: table-column-group } .dt--fixed-m { table-layout: fixed; width: 100% } .flex-m { display: -webkit-box; display: flex } .inline-flex-m { display: -webkit-inline-box; display: inline-flex } .flex-auto-m { -webkit-box-flex: 1; flex: 1 1 auto; min-width: 0; min-height: 0 } .flex-none-m { -webkit-box-flex: 0; flex: none } .flex-column-m { -webkit-box-orient: vertical; flex-direction: column } .flex-column-m, .flex-row-m { -webkit-box-direction: normal } .flex-row-m { -webkit-box-orient: horizontal; flex-direction: row } .flex-wrap-m { flex-wrap: wrap } .flex-nowrap-m { flex-wrap: nowrap } .flex-wrap-reverse-m { flex-wrap: wrap-reverse } .flex-column-reverse-m { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse } .flex-row-reverse-m { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse } .items-start-m { -webkit-box-align: start; align-items: flex-start } .items-end-m { -webkit-box-align: end; align-items: flex-end } .items-center-m { -webkit-box-align: center; align-items: center } .items-baseline-m { -webkit-box-align: baseline; align-items: baseline } .items-stretch-m { -webkit-box-align: stretch; align-items: stretch } .self-start-m { align-self: flex-start } .self-end-m { align-self: flex-end } .self-center-m { align-self: center } .self-baseline-m { align-self: baseline } .self-stretch-m { align-self: stretch } .justify-start-m { -webkit-box-pack: start; justify-content: flex-start } .justify-end-m { -webkit-box-pack: end; justify-content: flex-end } .justify-center-m { -webkit-box-pack: center; justify-content: center } .justify-between-m { -webkit-box-pack: justify; justify-content: space-between } .justify-around-m { justify-content: space-around } .content-start-m { align-content: flex-start } .content-end-m { align-content: flex-end } .content-center-m { align-content: center } .content-between-m { align-content: space-between } .content-around-m { align-content: space-around } .content-stretch-m { align-content: stretch } .order-0-m { -webkit-box-ordinal-group: 1; order: 0 } .order-1-m { -webkit-box-ordinal-group: 2; order: 1 } .order-2-m { -webkit-box-ordinal-group: 3; order: 2 } .order-3-m { -webkit-box-ordinal-group: 4; order: 3 } .order-4-m { -webkit-box-ordinal-group: 5; order: 4 } .order-5-m { -webkit-box-ordinal-group: 6; order: 5 } .order-6-m { -webkit-box-ordinal-group: 7; order: 6 } .order-7-m { -webkit-box-ordinal-group: 8; order: 7 } .order-8-m { -webkit-box-ordinal-group: 9; order: 8 } .order-last-m { -webkit-box-ordinal-group: 100000; order: 99999 } .flex-grow-0-m { -webkit-box-flex: 0; flex-grow: 0 } .flex-grow-1-m { -webkit-box-flex: 1; flex-grow: 1 } .flex-shrink-0-m { flex-shrink: 0 } .flex-shrink-1-m { flex-shrink: 1 } .fl-m { float: left } .fl-m, .fr-m { _display: inline } .fr-m { float: right } .fn-m { float: none } .i-m { font-style: italic } .fs-normal-m { font-style: normal } .h1-m { height: 1rem } .h2-m { height: 2rem } .h3-m { height: 4rem } .h4-m { height: 8rem } .h5-m { height: 16rem } .h-25-m { height: 25% } .h-50-m { height: 50% } .h-75-m { height: 75% } .h-100-m { height: 100% } .min-h-100-m { min-height: 100% } .vh-25-m { height: 25vh } .vh-50-m { height: 50vh } .vh-75-m { height: 75vh } .vh-100-m { height: 100vh } .min-vh-100-m { min-height: 100vh } .h-auto-m { height: auto } .h-inherit-m { height: inherit } .h-small-m { height: 2rem; box-sizing: border-box } .min-h-small-m { min-height: 2rem; box-sizing: border-box } .h-regular-m { height: 2.5rem; box-sizing: border-box } .min-h-regular-m { min-height: 2.5rem; box-sizing: border-box } .h-large-m { height: 3rem; box-sizing: border-box } .min-h-large-m { min-height: 3rem; box-sizing: border-box } .tracked-m { letter-spacing: .1em } .tracked-tight-m { letter-spacing: -.05em } .tracked-mega-m { letter-spacing: .25em } .lh-solid-m { line-height: 1 } .lh-title-m { line-height: 1.25 } .lh-copy-m { line-height: 1.5 } .mw1-m { max-width: 1rem } .mw2-m { max-width: 2rem } .mw3-m { max-width: 4rem } .mw4-m { max-width: 8rem } .mw5-m { max-width: 16rem } .mw6-m { max-width: 32rem } .mw7-m { max-width: 48rem } .mw8-m { max-width: 64rem } .mw9-m { max-width: 96rem } .mw-none-m { max-width: none } .mw-100-m { max-width: 100% } .o-100-m { opacity: 1 } .o-90-m { opacity: .9 } .o-80-m { opacity: .8 } .o-70-m { opacity: .7 } .o-60-m { opacity: .6 } .o-50-m { opacity: .5 } .o-40-m { opacity: .4 } .o-30-m { opacity: .3 } .o-20-m { opacity: .2 } .o-10-m { opacity: .1 } .o-05-m { opacity: .05 } .o-025-m { opacity: .025 } .o-0-m { opacity: 0 } .rotate-45-m { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .rotate-90-m { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .rotate-135-m { -webkit-transform: rotate(135deg); transform: rotate(135deg) } .rotate-180-m { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .rotate-225-m { -webkit-transform: rotate(225deg); transform: rotate(225deg) } .rotate-270-m { -webkit-transform: rotate(270deg); transform: rotate(270deg) } .rotate-315-m { -webkit-transform: rotate(315deg); transform: rotate(315deg) } .outline-m { outline: 1px solid } .outline-transparent-m { outline: 1px solid transparent } .outline-0-m { outline: 0 } .overflow-visible-m { overflow: visible } .overflow-hidden-m { overflow: hidden } .overflow-scroll-m { overflow: scroll } .overflow-auto-m { overflow: auto } .overflow-x-visible-m { overflow-x: visible } .overflow-x-hidden-m { overflow-x: hidden } .overflow-x-scroll-m { overflow-x: scroll } .overflow-x-auto-m { overflow-x: auto } .overflow-y-visible-m { overflow-y: visible } .overflow-y-hidden-m { overflow-y: hidden } .overflow-y-scroll-m { overflow-y: scroll } .overflow-y-auto-m { overflow-y: auto } .static-m { position: static } .relative-m { position: relative } .absolute-m { position: absolute } .fixed-m { position: fixed } .sticky-m { position: -webkit-sticky; position: sticky } .strike-m { text-decoration: line-through } .underline-m { text-decoration: underline } .no-underline-m { text-decoration: none } .tl-m { text-align: left } .tr-m { text-align: right } .tc-m { text-align: center } .tj-m { text-align: justify } .ttc-m { text-transform: capitalize } .ttl-m { text-transform: lowercase } .ttu-m { text-transform: uppercase } .ttn-m { text-transform: none } .f1-m { font-size: 3rem } .f2-m { font-size: 2.25rem } .f3-m { font-size: 1.5rem } .f4-m { font-size: 1.25rem } .f5-m { font-size: 1rem } .f6-m { font-size: .875rem } .f7-m { font-size: .75rem } .measure-m { max-width: 30em } .measure-wide-m { max-width: 34em } .measure-narrow-m { max-width: 20em } .small-caps-m { font-variant: small-caps } .indent-m { text-indent: 1em; margin-top: 0; margin-bottom: 0 } .truncate-m { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .t-heading-1-m { font-size: 3rem } .t-heading-1-m, .t-heading-2-m { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 700; text-transform: none; letter-spacing: 0 } .t-heading-2-m { font-size: 2.25rem } .t-heading-3-m { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 700; font-size: 1.75rem; text-transform: none; letter-spacing: 0 } .t-heading-4-m { font-size: 1.5rem } .t-heading-4-m, .t-heading-5-m { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 400; text-transform: none; letter-spacing: 0 } .t-heading-5-m { font-size: 1.25rem } .t-heading-6-m { font-size: 1.25rem } .t-body-m, .t-heading-6-m, body { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 400; text-transform: none; letter-spacing: 0 } .t-body-m, body { font-size: 1rem } .t-small-m { font-size: .875rem } .t-mini-m, .t-small-m { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 400; text-transform: none; letter-spacing: 0 } .t-mini-m { font-size: .75rem } .t-action-m { font-size: 1rem } .t-action--small-m, .t-action-m { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 500; text-transform: uppercase; letter-spacing: 0 } .t-action--small-m { font-size: .875rem } .t-action--large-m { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 500; font-size: 1.25rem; text-transform: uppercase; letter-spacing: 0 } .t-code-m { font-family: Consolas, monaco, monospace; font-size: 1rem; text-transform: none; letter-spacing: 0 } .normal-m, .t-code-m { font-weight: 400 } .b-m { font-weight: 700 } .fw1-m { font-weight: 100 } .fw2-m { font-weight: 200 } .fw3-m { font-weight: 300 } .fw4-m { font-weight: 400 } .fw5-m { font-weight: 500 } .fw6-m { font-weight: 600 } .fw7-m { font-weight: 700 } .fw8-m { font-weight: 800 } .fw9-m { font-weight: 900 } .clip-m { position: fixed  !important; _position: absolute  !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px) } .ws-normal-m { white-space: normal } .nowrap-m { white-space: nowrap } .pre-m { white-space: pre } .w1-m { width: 1rem } .w2-m { width: 2rem } .w3-m { width: 4rem } .w4-m { width: 8rem } .w5-m { width: 16rem } .w-10-m { width: 10% } .w-20-m { width: 20% } .w-25-m { width: 25% } .w-30-m { width: 30% } .w-33-m { width: 33% } .w-34-m { width: 34% } .w-40-m { width: 40% } .w-50-m { width: 50% } .w-60-m { width: 60% } .w-70-m { width: 70% } .w-75-m { width: 75% } .w-80-m { width: 80% } .w-90-m { width: 90% } .w-100-m { width: 100% } .w-third-m { width: 33.33333% } .w-two-thirds-m { width: 66.66667% } .w-auto-m { width: auto } .vw-10-m { width: 10vw } .vw-20-m { width: 20vw } .vw-25-m { width: 25vw } .vw-30-m { width: 30vw } .vw-33-m { width: 33vw } .vw-34-m { width: 34vw } .vw-40-m { width: 40vw } .vw-50-m { width: 50vw } .vw-60-m { width: 60vw } .vw-70-m { width: 70vw } .vw-75-m { width: 75vw } .vw-80-m { width: 80vw } .vw-90-m { width: 90vw } .vw-100-m { width: 100vw } .vw-third-m { width: 33.33333vw } .vw-two-thirds-m { width: 66.66667vw } } @media screen and (min-width: 64em) { .aspect-ratio-l { height: 0; position: relative } .aspect-ratio--16x9-l { padding-bottom: 56.25% } .aspect-ratio--9x16-l { padding-bottom: 177.77% } .aspect-ratio--4x3-l { padding-bottom: 75% } .aspect-ratio--3x4-l { padding-bottom: 133.33% } .aspect-ratio--6x4-l { padding-bottom: 66.6% } .aspect-ratio--4x6-l { padding-bottom: 150% } .aspect-ratio--8x5-l { padding-bottom: 62.5% } .aspect-ratio--5x8-l { padding-bottom: 160% } .aspect-ratio--7x5-l { padding-bottom: 71.42% } .aspect-ratio--5x7-l { padding-bottom: 140% } .aspect-ratio--1x1-l { padding-bottom: 100% } .aspect-ratio--object-l { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100 } .cover-l { background-size: cover  !important } .contain-l { background-size: contain  !important } .bg-center-l { background-position: 50% } .bg-center-l, .bg-top-l { background-repeat: no-repeat } .bg-top-l { background-position: top } .bg-right-l { background-position: 100% } .bg-bottom-l, .bg-right-l { background-repeat: no-repeat } .bg-bottom-l { background-position: bottom } .bg-left-l { background-repeat: no-repeat; background-position: 0 } .ba-l { border-style: solid; border-width: 1px } .bt-l { border-top-style: solid; border-top-width: 1px } .br-l { border-right-style: solid; border-right-width: 1px } .bb-l { border-bottom-style: solid; border-bottom-width: 1px } .bl-l { border-left-style: solid; border-left-width: 1px } .bn-l { border-style: none; border-width: 0 } .br0-l { border-radius: 0 } .br1-l { border-radius: .125rem } .br2-l { border-radius: .25rem } .br3-l { border-radius: .5rem } .br4-l { border-radius: 1rem } .br-100-l { border-radius: 100% } .br-pill-l { border-radius: 9999px } .br--bottom-l { border-top-left-radius: 0; border-top-right-radius: 0 } .br--top-l { border-bottom-right-radius: 0 } .br--right-l, .br--top-l { border-bottom-left-radius: 0 } .br--right-l { border-top-left-radius: 0 } .br--left-l { border-top-right-radius: 0; border-bottom-right-radius: 0 } .b--dotted-l { border-style: dotted } .b--dashed-l { border-style: dashed } .b--solid-l { border-style: solid } .b--none-l { border-style: none } .bw0-l { border-width: 0 } .bw1-l { border-width: .125rem } .bw2-l { border-width: .25rem } .bw3-l { border-width: .5rem } .bw4-l { border-width: 1rem } .bw5-l { border-width: 2rem } .bt-0-l { border-top-width: 0 } .br-0-l { border-right-width: 0 } .bb-0-l { border-bottom-width: 0 } .bl-0-l { border-left-width: 0 } .shadow-1-l { box-shadow: 0 0 4px 2px rgba(0, 0, 0, .2) } .shadow-2-l { box-shadow: 0 0 8px 2px rgba(0, 0, 0, .2) } .shadow-3-l { box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, .2) } .shadow-4-l { box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2) } .shadow-5-l { box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, .2) } .pa0-l { padding: 0 } .ma0-l, .na0-l { margin: 0 } .pl0-l { padding-left: 0 } .ml0-l, .nl0-l { margin-left: 0 } .pr0-l { padding-right: 0 } .mr0-l, .nr0-l { margin-right: 0 } .pt0-l { padding-top: 0 } .mt0-l, .nt0-l { margin-top: 0 } .pb0-l { padding-bottom: 0 } .mb0-l, .nb0-l { margin-bottom: 0 } .pv0-l { padding-top: 0; padding-bottom: 0 } .mv0-l, .nv0-l { margin-top: 0; margin-bottom: 0 } .ph0-l { padding-left: 0; padding-right: 0 } .mh0-l, .nh0-l { margin-left: 0; margin-right: 0 } .pa1-l { padding: .125rem } .ma1-l { margin: .125rem } .na1-l { margin: -.125rem } .pl1-l { padding-left: .125rem } .ml1-l { margin-left: .125rem } .nl1-l { margin-left: -.125rem } .pr1-l { padding-right: .125rem } .mr1-l { margin-right: .125rem } .nr1-l { margin-right: -.125rem } .pt1-l { padding-top: .125rem } .mt1-l { margin-top: .125rem } .nt1-l { margin-top: -.125rem } .pb1-l { padding-bottom: .125rem } .mb1-l { margin-bottom: .125rem } .nb1-l { margin-bottom: -.125rem } .pv1-l { padding-top: .125rem; padding-bottom: .125rem } .mv1-l { margin-top: .125rem; margin-bottom: .125rem } .nv1-l { margin-top: -.125rem; margin-bottom: -.125rem } .ph1-l { padding-left: .125rem; padding-right: .125rem } .mh1-l { margin-left: .125rem; margin-right: .125rem } .nh1-l { margin-left: -.125rem; margin-right: -.125rem } .pa2-l { padding: .25rem } .ma2-l { margin: .25rem } .na2-l { margin: -.25rem } .pl2-l { padding-left: .25rem } .ml2-l { margin-left: .25rem } .nl2-l { margin-left: -.25rem } .pr2-l { padding-right: .25rem } .mr2-l { margin-right: .25rem } .nr2-l { margin-right: -.25rem } .pt2-l { padding-top: .25rem } .mt2-l { margin-top: .25rem } .nt2-l { margin-top: -.25rem } .pb2-l { padding-bottom: .25rem } .mb2-l { margin-bottom: .25rem } .nb2-l { margin-bottom: -.25rem } .pv2-l { padding-top: .25rem; padding-bottom: .25rem } .mv2-l { margin-top: .25rem; margin-bottom: .25rem } .nv2-l { margin-top: -.25rem; margin-bottom: -.25rem } .ph2-l { padding-left: .25rem; padding-right: .25rem } .mh2-l { margin-left: .25rem; margin-right: .25rem } .nh2-l { margin-left: -.25rem; margin-right: -.25rem } .pa3-l { padding: .5rem } .ma3-l { margin: .5rem } .na3-l { margin: -.5rem } .pl3-l { padding-left: .5rem } .ml3-l { margin-left: .5rem } .nl3-l { margin-left: -.5rem } .pr3-l { padding-right: .5rem } .mr3-l { margin-right: .5rem } .nr3-l { margin-right: -.5rem } .pt3-l { padding-top: .5rem } .mt3-l { margin-top: .5rem } .nt3-l { margin-top: -.5rem } .pb3-l { padding-bottom: .5rem } .mb3-l { margin-bottom: .5rem } .nb3-l { margin-bottom: -.5rem } .pv3-l { padding-top: .5rem; padding-bottom: .5rem } .mv3-l { margin-top: .5rem; margin-bottom: .5rem } .nv3-l { margin-top: -.5rem; margin-bottom: -.5rem } .ph3-l { padding-left: .5rem; padding-right: .5rem } .mh3-l { margin-left: .5rem; margin-right: .5rem } .nh3-l { margin-left: -.5rem; margin-right: -.5rem } .pa4-l { padding: .75rem } .ma4-l { margin: .75rem } .na4-l { margin: -.75rem } .pl4-l { padding-left: .75rem } .ml4-l { margin-left: .75rem } .nl4-l { margin-left: -.75rem } .pr4-l { padding-right: .75rem } .mr4-l { margin-right: .75rem } .nr4-l { margin-right: -.75rem } .pt4-l { padding-top: .75rem } .mt4-l { margin-top: .75rem } .nt4-l { margin-top: -.75rem } .pb4-l { padding-bottom: .75rem } .mb4-l { margin-bottom: .75rem } .nb4-l { margin-bottom: -.75rem } .pv4-l { padding-top: .75rem; padding-bottom: .75rem } .mv4-l { margin-top: .75rem; margin-bottom: .75rem } .nv4-l { margin-top: -.75rem; margin-bottom: -.75rem } .ph4-l { padding-left: .75rem; padding-right: .75rem } .mh4-l { margin-left: .75rem; margin-right: .75rem } .nh4-l { margin-left: -.75rem; margin-right: -.75rem } .pa5-l { padding: 1rem } .ma5-l { margin: 1rem } .na5-l { margin: -1rem } .pl5-l { padding-left: 1rem } .ml5-l { margin-left: 1rem } .nl5-l { margin-left: -1rem } .pr5-l { padding-right: 1rem } .mr5-l { margin-right: 1rem } .nr5-l { margin-right: -1rem } .pt5-l { padding-top: 1rem } .mt5-l { margin-top: 1rem } .nt5-l { margin-top: -1rem } .pb5-l { padding-bottom: 1rem } .mb5-l { margin-bottom: 1rem } .nb5-l { margin-bottom: -1rem } .pv5-l { padding-top: 1rem; padding-bottom: 1rem } .mv5-l { margin-top: 1rem; margin-bottom: 1rem } .nv5-l { margin-top: -1rem; margin-bottom: -1rem } .ph5-l { padding-left: 1rem; padding-right: 1rem } .mh5-l { margin-left: 1rem; margin-right: 1rem } .nh5-l { margin-left: -1rem; margin-right: -1rem } .pa6-l { padding: 1.5rem } .ma6-l { margin: 1.5rem } .na6-l { margin: -1.5rem } .pl6-l { padding-left: 1.5rem } .ml6-l { margin-left: 1.5rem } .nl6-l { margin-left: -1.5rem } .pr6-l { padding-right: 1.5rem } .mr6-l { margin-right: 1.5rem } .nr6-l { margin-right: -1.5rem } .pt6-l { padding-top: 1.5rem } .mt6-l { margin-top: 1.5rem } .nt6-l { margin-top: -1.5rem } .pb6-l { padding-bottom: 1.5rem } .mb6-l { margin-bottom: 1.5rem } .nb6-l { margin-bottom: -1.5rem } .pv6-l { padding-top: 1.5rem; padding-bottom: 1.5rem } .mv6-l { margin-top: 1.5rem; margin-bottom: 1.5rem } .nv6-l { margin-top: -1.5rem; margin-bottom: -1.5rem } .ph6-l { padding-left: 1.5rem; padding-right: 1.5rem } .mh6-l { margin-left: 1.5rem; margin-right: 1.5rem } .nh6-l { margin-left: -1.5rem; margin-right: -1.5rem } .pa7-l { padding: 2rem } .ma7-l { margin: 2rem } .na7-l { margin: -2rem } .pl7-l { padding-left: 2rem } .ml7-l { margin-left: 2rem } .nl7-l { margin-left: -2rem } .pr7-l { padding-right: 2rem } .mr7-l { margin-right: 2rem } .nr7-l { margin-right: -2rem } .pt7-l { padding-top: 2rem } .mt7-l { margin-top: 2rem } .nt7-l { margin-top: -2rem } .pb7-l { padding-bottom: 2rem } .mb7-l { margin-bottom: 2rem } .nb7-l { margin-bottom: -2rem } .pv7-l { padding-top: 2rem; padding-bottom: 2rem } .mv7-l { margin-top: 2rem; margin-bottom: 2rem } .nv7-l { margin-top: -2rem; margin-bottom: -2rem } .ph7-l { padding-left: 2rem; padding-right: 2rem } .mh7-l { margin-left: 2rem; margin-right: 2rem } .nh7-l { margin-left: -2rem; margin-right: -2rem } .pa8-l { padding: 3rem } .ma8-l { margin: 3rem } .na8-l { margin: -3rem } .pl8-l { padding-left: 3rem } .ml8-l { margin-left: 3rem } .nl8-l { margin-left: -3rem } .pr8-l { padding-right: 3rem } .mr8-l { margin-right: 3rem } .nr8-l { margin-right: -3rem } .pt8-l { padding-top: 3rem } .mt8-l { margin-top: 3rem } .nt8-l { margin-top: -3rem } .pb8-l { padding-bottom: 3rem } .mb8-l { margin-bottom: 3rem } .nb8-l { margin-bottom: -3rem } .pv8-l { padding-top: 3rem; padding-bottom: 3rem } .mv8-l { margin-top: 3rem; margin-bottom: 3rem } .nv8-l { margin-top: -3rem; margin-bottom: -3rem } .ph8-l { padding-left: 3rem; padding-right: 3rem } .mh8-l { margin-left: 3rem; margin-right: 3rem } .nh8-l { margin-left: -3rem; margin-right: -3rem } .pa9-l { padding: 4rem } .ma9-l { margin: 4rem } .na9-l { margin: -4rem } .pl9-l { padding-left: 4rem } .ml9-l { margin-left: 4rem } .nl9-l { margin-left: -4rem } .pr9-l { padding-right: 4rem } .mr9-l { margin-right: 4rem } .nr9-l { margin-right: -4rem } .pt9-l { padding-top: 4rem } .mt9-l { margin-top: 4rem } .nt9-l { margin-top: -4rem } .pb9-l { padding-bottom: 4rem } .mb9-l { margin-bottom: 4rem } .nb9-l { margin-bottom: -4rem } .pv9-l { padding-top: 4rem; padding-bottom: 4rem } .mv9-l { margin-top: 4rem; margin-bottom: 4rem } .nv9-l { margin-top: -4rem; margin-bottom: -4rem } .ph9-l { padding-left: 4rem; padding-right: 4rem } .mh9-l { margin-left: 4rem; margin-right: 4rem } .nh9-l { margin-left: -4rem; margin-right: -4rem } .pa10-l { padding: 8rem } .ma10-l { margin: 8rem } .na10-l { margin: -8rem } .pl10-l { padding-left: 8rem } .ml10-l { margin-left: 8rem } .nl10-l { margin-left: -8rem } .pr10-l { padding-right: 8rem } .mr10-l { margin-right: 8rem } .nr10-l { margin-right: -8rem } .pt10-l { padding-top: 8rem } .mt10-l { margin-top: 8rem } .nt10-l { margin-top: -8rem } .pb10-l { padding-bottom: 8rem } .mb10-l { margin-bottom: 8rem } .nb10-l { margin-bottom: -8rem } .pv10-l { padding-top: 8rem; padding-bottom: 8rem } .mv10-l { margin-top: 8rem; margin-bottom: 8rem } .nv10-l { margin-top: -8rem; margin-bottom: -8rem } .ph10-l { padding-left: 8rem; padding-right: 8rem } .mh10-l { margin-left: 8rem; margin-right: 8rem } .nh10-l { margin-left: -8rem; margin-right: -8rem } .pa11-l { padding: 16rem } .ma11-l { margin: 16rem } .na11-l { margin: -16rem } .pl11-l { padding-left: 16rem } .ml11-l { margin-left: 16rem } .nl11-l { margin-left: -16rem } .pr11-l { padding-right: 16rem } .mr11-l { margin-right: 16rem } .nr11-l { margin-right: -16rem } .pt11-l { padding-top: 16rem } .mt11-l { margin-top: 16rem } .nt11-l { margin-top: -16rem } .pb11-l { padding-bottom: 16rem } .mb11-l { margin-bottom: 16rem } .nb11-l { margin-bottom: -16rem } .pv11-l { padding-top: 16rem; padding-bottom: 16rem } .mv11-l { margin-top: 16rem; margin-bottom: 16rem } .nv11-l { margin-top: -16rem; margin-bottom: -16rem } .ph11-l { padding-left: 16rem; padding-right: 16rem } .mh11-l { margin-left: 16rem; margin-right: 16rem } .nh11-l { margin-left: -16rem; margin-right: -16rem } .top-0-l { top: 0 } .right-0-l { right: 0 } .bottom-0-l { bottom: 0 } .left-0-l { left: 0 } .top-1-l { top: 1rem } .right-1-l { right: 1rem } .bottom-1-l { bottom: 1rem } .left-1-l { left: 1rem } .top-2-l { top: 2rem } .right-2-l { right: 2rem } .bottom-2-l { bottom: 2rem } .left-2-l { left: 2rem } .top--1-l { top: -1rem } .right--1-l { right: -1rem } .bottom--1-l { bottom: -1rem } .left--1-l { left: -1rem } .top--2-l { top: -2rem } .right--2-l { right: -2rem } .bottom--2-l { bottom: -2rem } .left--2-l { left: -2rem } .absolute--fill-l { top: 0; right: 0; bottom: 0; left: 0 } .cf-l:after, .cf-l:before { content: " "; display: table } .cf-l:after { clear: both } .cf-l { *zoom: 1 } .cl-l { clear: left } .cr-l { clear: right } .cb-l { clear: both } .cn-l { clear: none } .dn-l { display: none } .di-l { display: inline } .db-l { display: block } .dib-l { display: inline-block } .dit-l { display: inline-table } .dt-l { display: table } .dtc-l { display: table-cell } .dt-row-l { display: table-row } .dt-row-group-l { display: table-row-group } .dt-column-l { display: table-column } .dt-column-group-l { display: table-column-group } .dt--fixed-l { table-layout: fixed; width: 100% } .flex-l { display: -webkit-box; display: flex } .inline-flex-l { display: -webkit-inline-box; display: inline-flex } .flex-auto-l { -webkit-box-flex: 1; flex: 1 1 auto; min-width: 0; min-height: 0 } .flex-none-l { -webkit-box-flex: 0; flex: none } .flex-column-l { -webkit-box-orient: vertical; flex-direction: column } .flex-column-l, .flex-row-l { -webkit-box-direction: normal } .flex-row-l { -webkit-box-orient: horizontal; flex-direction: row } .flex-wrap-l { flex-wrap: wrap } .flex-nowrap-l { flex-wrap: nowrap } .flex-wrap-reverse-l { flex-wrap: wrap-reverse } .flex-column-reverse-l { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse } .flex-row-reverse-l { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse } .items-start-l { -webkit-box-align: start; align-items: flex-start } .items-end-l { -webkit-box-align: end; align-items: flex-end } .items-center-l { -webkit-box-align: center; align-items: center } .items-baseline-l { -webkit-box-align: baseline; align-items: baseline } .items-stretch-l { -webkit-box-align: stretch; align-items: stretch } .self-start-l { align-self: flex-start } .self-end-l { align-self: flex-end } .self-center-l { align-self: center } .self-baseline-l { align-self: baseline } .self-stretch-l { align-self: stretch } .justify-start-l { -webkit-box-pack: start; justify-content: flex-start } .justify-end-l { -webkit-box-pack: end; justify-content: flex-end } .justify-center-l { -webkit-box-pack: center; justify-content: center } .justify-between-l { -webkit-box-pack: justify; justify-content: space-between } .justify-around-l { justify-content: space-around } .content-start-l { align-content: flex-start } .content-end-l { align-content: flex-end } .content-center-l { align-content: center } .content-between-l { align-content: space-between } .content-around-l { align-content: space-around } .content-stretch-l { align-content: stretch } .order-0-l { -webkit-box-ordinal-group: 1; order: 0 } .order-1-l { -webkit-box-ordinal-group: 2; order: 1 } .order-2-l { -webkit-box-ordinal-group: 3; order: 2 } .order-3-l { -webkit-box-ordinal-group: 4; order: 3 } .order-4-l { -webkit-box-ordinal-group: 5; order: 4 } .order-5-l { -webkit-box-ordinal-group: 6; order: 5 } .order-6-l { -webkit-box-ordinal-group: 7; order: 6 } .order-7-l { -webkit-box-ordinal-group: 8; order: 7 } .order-8-l { -webkit-box-ordinal-group: 9; order: 8 } .order-last-l { -webkit-box-ordinal-group: 100000; order: 99999 } .flex-grow-0-l { -webkit-box-flex: 0; flex-grow: 0 } .flex-grow-1-l { -webkit-box-flex: 1; flex-grow: 1 } .flex-shrink-0-l { flex-shrink: 0 } .flex-shrink-1-l { flex-shrink: 1 } .fl-l { float: left } .fl-l, .fr-l { _display: inline } .fr-l { float: right } .fn-l { float: none } .i-l { font-style: italic } .fs-normal-l { font-style: normal } .h1-l { height: 1rem } .h2-l { height: 2rem } .h3-l { height: 4rem } .h4-l { height: 8rem } .h5-l { height: 16rem } .h-25-l { height: 25% } .h-50-l { height: 50% } .h-75-l { height: 75% } .h-100-l { height: 100% } .min-h-100-l { min-height: 100% } .vh-25-l { height: 25vh } .vh-50-l { height: 50vh } .vh-75-l { height: 75vh } .vh-100-l { height: 100vh } .min-vh-100-l { min-height: 100vh } .h-auto-l { height: auto } .h-inherit-l { height: inherit } .h-small-l { height: 2rem; box-sizing: border-box } .min-h-small-l { min-height: 2rem; box-sizing: border-box } .h-regular-l { height: 2.5rem; box-sizing: border-box } .min-h-regular-l { min-height: 2.5rem; box-sizing: border-box } .h-large-l { height: 3rem; box-sizing: border-box } .min-h-large-l { min-height: 3rem; box-sizing: border-box } .tracked-l { letter-spacing: .1em } .tracked-tight-l { letter-spacing: -.05em } .tracked-mega-l { letter-spacing: .25em } .lh-solid-l { line-height: 1 } .lh-title-l { line-height: 1.25 } .lh-copy-l { line-height: 1.5 } .mw1-l { max-width: 1rem } .mw2-l { max-width: 2rem } .mw3-l { max-width: 4rem } .mw4-l { max-width: 8rem } .mw5-l { max-width: 16rem } .mw6-l { max-width: 32rem } .mw7-l { max-width: 48rem } .mw8-l { max-width: 64rem } .mw9-l { max-width: 96rem } .mw-none-l { max-width: none } .mw-100-l { max-width: 100% } .o-100-l { opacity: 1 } .o-90-l { opacity: .9 } .o-80-l { opacity: .8 } .o-70-l { opacity: .7 } .o-60-l { opacity: .6 } .o-50-l { opacity: .5 } .o-40-l { opacity: .4 } .o-30-l { opacity: .3 } .o-20-l { opacity: .2 } .o-10-l { opacity: .1 } .o-05-l { opacity: .05 } .o-025-l { opacity: .025 } .o-0-l { opacity: 0 } .rotate-45-l { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .rotate-90-l { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .rotate-135-l { -webkit-transform: rotate(135deg); transform: rotate(135deg) } .rotate-180-l { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .rotate-225-l { -webkit-transform: rotate(225deg); transform: rotate(225deg) } .rotate-270-l { -webkit-transform: rotate(270deg); transform: rotate(270deg) } .rotate-315-l { -webkit-transform: rotate(315deg); transform: rotate(315deg) } .outline-l { outline: 1px solid } .outline-transparent-l { outline: 1px solid transparent } .outline-0-l { outline: 0 } .overflow-visible-l { overflow: visible } .overflow-hidden-l { overflow: hidden } .overflow-scroll-l { overflow: scroll } .overflow-auto-l { overflow: auto } .overflow-x-visible-l { overflow-x: visible } .overflow-x-hidden-l { overflow-x: hidden } .overflow-x-scroll-l { overflow-x: scroll } .overflow-x-auto-l { overflow-x: auto } .overflow-y-visible-l { overflow-y: visible } .overflow-y-hidden-l { overflow-y: hidden } .overflow-y-scroll-l { overflow-y: scroll } .overflow-y-auto-l { overflow-y: auto } .static-l { position: static } .relative-l { position: relative } .absolute-l { position: absolute } .fixed-l { position: fixed } .sticky-l { position: -webkit-sticky; position: sticky } .strike-l { text-decoration: line-through } .underline-l { text-decoration: underline } .no-underline-l { text-decoration: none } .tl-l { text-align: left } .tr-l { text-align: right } .tc-l { text-align: center } .tj-l { text-align: justify } .ttc-l { text-transform: capitalize } .ttl-l { text-transform: lowercase } .ttu-l { text-transform: uppercase } .ttn-l { text-transform: none } .f1-l { font-size: 3rem } .f2-l { font-size: 2.25rem } .f3-l { font-size: 1.5rem } .f4-l { font-size: 1.25rem } .f5-l { font-size: 1rem } .f6-l { font-size: .875rem } .f7-l { font-size: .75rem } .measure-l { max-width: 30em } .measure-wide-l { max-width: 34em } .measure-narrow-l { max-width: 20em } .small-caps-l { font-variant: small-caps } .indent-l { text-indent: 1em; margin-top: 0; margin-bottom: 0 } .truncate-l { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .t-heading-1-l { font-size: 3rem } .t-heading-1-l, .t-heading-2-l { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 700; text-transform: none; letter-spacing: 0 } .t-heading-2-l { font-size: 2.25rem } .t-heading-3-l { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 700; font-size: 1.75rem; text-transform: none; letter-spacing: 0 } .t-heading-4-l { font-size: 1.5rem } .t-heading-4-l, .t-heading-5-l { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 400; text-transform: none; letter-spacing: 0 } .t-heading-5-l { font-size: 1.25rem } .t-heading-6-l { font-size: 1.25rem } .t-body-l, .t-heading-6-l, body { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 400; text-transform: none; letter-spacing: 0 } .t-body-l, body { font-size: 1rem } .t-small-l { font-size: .875rem } .t-mini-l, .t-small-l { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 400; text-transform: none; letter-spacing: 0 } .t-mini-l { font-size: .75rem } .t-action-l { font-size: 1rem } .t-action--small-l, .t-action-l { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 500; text-transform: uppercase; letter-spacing: 0 } .t-action--small-l { font-size: .875rem } .t-action--large-l { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 500; font-size: 1.25rem; text-transform: uppercase; letter-spacing: 0 } .t-code-l { font-family: Consolas, monaco, monospace; font-size: 1rem; text-transform: none; letter-spacing: 0 } .normal-l, .t-code-l { font-weight: 400 } .b-l { font-weight: 700 } .fw1-l { font-weight: 100 } .fw2-l { font-weight: 200 } .fw3-l { font-weight: 300 } .fw4-l { font-weight: 400 } .fw5-l { font-weight: 500 } .fw6-l { font-weight: 600 } .fw7-l { font-weight: 700 } .fw8-l { font-weight: 800 } .fw9-l { font-weight: 900 } .clip-l { position: fixed  !important; _position: absolute  !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px) } .ws-normal-l { white-space: normal } .nowrap-l { white-space: nowrap } .pre-l { white-space: pre } .w1-l { width: 1rem } .w2-l { width: 2rem } .w3-l { width: 4rem } .w4-l { width: 8rem } .w5-l { width: 16rem } .w-10-l { width: 10% } .w-20-l { width: 20% } .w-25-l { width: 25% } .w-30-l { width: 30% } .w-33-l { width: 33% } .w-34-l { width: 34% } .w-40-l { width: 40% } .w-50-l { width: 50% } .w-60-l { width: 60% } .w-70-l { width: 70% } .w-75-l { width: 75% } .w-80-l { width: 80% } .w-90-l { width: 90% } .w-100-l { width: 100% } .w-third-l { width: 33.33333% } .w-two-thirds-l { width: 66.66667% } .w-auto-l { width: auto } .vw-10-l { width: 10vw } .vw-20-l { width: 20vw } .vw-25-l { width: 25vw } .vw-30-l { width: 30vw } .vw-33-l { width: 33vw } .vw-34-l { width: 34vw } .vw-40-l { width: 40vw } .vw-50-l { width: 50vw } .vw-60-l { width: 60vw } .vw-70-l { width: 70vw } .vw-75-l { width: 75vw } .vw-80-l { width: 80vw } .vw-90-l { width: 90vw } .vw-100-l { width: 100vw } .vw-third-l { width: 33.33333vw } .vw-two-thirds-l { width: 66.66667vw } } @media screen and (min-width: 80em) { .aspect-ratio-xl { height: 0; position: relative } .aspect-ratio--16x9-xl { padding-bottom: 56.25% } .aspect-ratio--9x16-xl { padding-bottom: 177.77% } .aspect-ratio--4x3-xl { padding-bottom: 75% } .aspect-ratio--3x4-xl { padding-bottom: 133.33% } .aspect-ratio--6x4-xl { padding-bottom: 66.6% } .aspect-ratio--4x6-xl { padding-bottom: 150% } .aspect-ratio--8x5-xl { padding-bottom: 62.5% } .aspect-ratio--5x8-xl { padding-bottom: 160% } .aspect-ratio--7x5-xl { padding-bottom: 71.42% } .aspect-ratio--5x7-xl { padding-bottom: 140% } .aspect-ratio--1x1-xl { padding-bottom: 100% } .aspect-ratio--object-xl { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100 } .cover-xl { background-size: cover  !important } .contain-xl { background-size: contain  !important } .bg-center-xl { background-position: 50% } .bg-center-xl, .bg-top-xl { background-repeat: no-repeat } .bg-top-xl { background-position: top } .bg-right-xl { background-position: 100% } .bg-bottom-xl, .bg-right-xl { background-repeat: no-repeat } .bg-bottom-xl { background-position: bottom } .bg-left-xl { background-repeat: no-repeat; background-position: 0 } .ba-xl { border-style: solid; border-width: 1px } .bt-xl { border-top-style: solid; border-top-width: 1px } .br-xl { border-right-style: solid; border-right-width: 1px } .bb-xl { border-bottom-style: solid; border-bottom-width: 1px } .bl-xl { border-left-style: solid; border-left-width: 1px } .bn-xl { border-style: none; border-width: 0 } .br0-xl { border-radius: 0 } .br1-xl { border-radius: .125rem } .br2-xl { border-radius: .25rem } .br3-xl { border-radius: .5rem } .br4-xl { border-radius: 1rem } .br-100-xl { border-radius: 100% } .br-pill-xl { border-radius: 9999px } .br--bottom-xl { border-top-left-radius: 0; border-top-right-radius: 0 } .br--top-xl { border-bottom-right-radius: 0 } .br--right-xl, .br--top-xl { border-bottom-left-radius: 0 } .br--right-xl { border-top-left-radius: 0 } .br--left-xl { border-top-right-radius: 0; border-bottom-right-radius: 0 } .b--dotted-xl { border-style: dotted } .b--dashed-xl { border-style: dashed } .b--solid-xl { border-style: solid } .b--none-xl { border-style: none } .bw0-xl { border-width: 0 } .bw1-xl { border-width: .125rem } .bw2-xl { border-width: .25rem } .bw3-xl { border-width: .5rem } .bw4-xl { border-width: 1rem } .bw5-xl { border-width: 2rem } .bt-0-xl { border-top-width: 0 } .br-0-xl { border-right-width: 0 } .bb-0-xl { border-bottom-width: 0 } .bl-0-xl { border-left-width: 0 } .shadow-1-xl { box-shadow: 0 0 4px 2px rgba(0, 0, 0, .2) } .shadow-2-xl { box-shadow: 0 0 8px 2px rgba(0, 0, 0, .2) } .shadow-3-xl { box-shadow: 2px 2px 4px 2px rgba(0, 0, 0, .2) } .shadow-4-xl { box-shadow: 2px 2px 8px 0 rgba(0, 0, 0, .2) } .shadow-5-xl { box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, .2) } .pa0-xl { padding: 0 } .ma0-xl, .na0-xl { margin: 0 } .pl0-xl { padding-left: 0 } .ml0-xl, .nl0-xl { margin-left: 0 } .pr0-xl { padding-right: 0 } .mr0-xl, .nr0-xl { margin-right: 0 } .pt0-xl { padding-top: 0 } .mt0-xl, .nt0-xl { margin-top: 0 } .pb0-xl { padding-bottom: 0 } .mb0-xl, .nb0-xl { margin-bottom: 0 } .pv0-xl { padding-top: 0; padding-bottom: 0 } .mv0-xl, .nv0-xl { margin-top: 0; margin-bottom: 0 } .ph0-xl { padding-left: 0; padding-right: 0 } .mh0-xl, .nh0-xl { margin-left: 0; margin-right: 0 } .pa1-xl { padding: .125rem } .ma1-xl { margin: .125rem } .na1-xl { margin: -.125rem } .pl1-xl { padding-left: .125rem } .ml1-xl { margin-left: .125rem } .nl1-xl { margin-left: -.125rem } .pr1-xl { padding-right: .125rem } .mr1-xl { margin-right: .125rem } .nr1-xl { margin-right: -.125rem } .pt1-xl { padding-top: .125rem } .mt1-xl { margin-top: .125rem } .nt1-xl { margin-top: -.125rem } .pb1-xl { padding-bottom: .125rem } .mb1-xl { margin-bottom: .125rem } .nb1-xl { margin-bottom: -.125rem } .pv1-xl { padding-top: .125rem; padding-bottom: .125rem } .mv1-xl { margin-top: .125rem; margin-bottom: .125rem } .nv1-xl { margin-top: -.125rem; margin-bottom: -.125rem } .ph1-xl { padding-left: .125rem; padding-right: .125rem } .mh1-xl { margin-left: .125rem; margin-right: .125rem } .nh1-xl { margin-left: -.125rem; margin-right: -.125rem } .pa2-xl { padding: .25rem } .ma2-xl { margin: .25rem } .na2-xl { margin: -.25rem } .pl2-xl { padding-left: .25rem } .ml2-xl { margin-left: .25rem } .nl2-xl { margin-left: -.25rem } .pr2-xl { padding-right: .25rem } .mr2-xl { margin-right: .25rem } .nr2-xl { margin-right: -.25rem } .pt2-xl { padding-top: .25rem } .mt2-xl { margin-top: .25rem } .nt2-xl { margin-top: -.25rem } .pb2-xl { padding-bottom: .25rem } .mb2-xl { margin-bottom: .25rem } .nb2-xl { margin-bottom: -.25rem } .pv2-xl { padding-top: .25rem; padding-bottom: .25rem } .mv2-xl { margin-top: .25rem; margin-bottom: .25rem } .nv2-xl { margin-top: -.25rem; margin-bottom: -.25rem } .ph2-xl { padding-left: .25rem; padding-right: .25rem } .mh2-xl { margin-left: .25rem; margin-right: .25rem } .nh2-xl { margin-left: -.25rem; margin-right: -.25rem } .pa3-xl { padding: .5rem } .ma3-xl { margin: .5rem } .na3-xl { margin: -.5rem } .pl3-xl { padding-left: .5rem } .ml3-xl { margin-left: .5rem } .nl3-xl { margin-left: -.5rem } .pr3-xl { padding-right: .5rem } .mr3-xl { margin-right: .5rem } .nr3-xl { margin-right: -.5rem } .pt3-xl { padding-top: .5rem } .mt3-xl { margin-top: .5rem } .nt3-xl { margin-top: -.5rem } .pb3-xl { padding-bottom: .5rem } .mb3-xl { margin-bottom: .5rem } .nb3-xl { margin-bottom: -.5rem } .pv3-xl { padding-top: .5rem; padding-bottom: .5rem } .mv3-xl { margin-top: .5rem; margin-bottom: .5rem } .nv3-xl { margin-top: -.5rem; margin-bottom: -.5rem } .ph3-xl { padding-left: .5rem; padding-right: .5rem } .mh3-xl { margin-left: .5rem; margin-right: .5rem } .nh3-xl { margin-left: -.5rem; margin-right: -.5rem } .pa4-xl { padding: .75rem } .ma4-xl { margin: .75rem } .na4-xl { margin: -.75rem } .pl4-xl { padding-left: .75rem } .ml4-xl { margin-left: .75rem } .nl4-xl { margin-left: -.75rem } .pr4-xl { padding-right: .75rem } .mr4-xl { margin-right: .75rem } .nr4-xl { margin-right: -.75rem } .pt4-xl { padding-top: .75rem } .mt4-xl { margin-top: .75rem } .nt4-xl { margin-top: -.75rem } .pb4-xl { padding-bottom: .75rem } .mb4-xl { margin-bottom: .75rem } .nb4-xl { margin-bottom: -.75rem } .pv4-xl { padding-top: .75rem; padding-bottom: .75rem } .mv4-xl { margin-top: .75rem; margin-bottom: .75rem } .nv4-xl { margin-top: -.75rem; margin-bottom: -.75rem } .ph4-xl { padding-left: .75rem; padding-right: .75rem } .mh4-xl { margin-left: .75rem; margin-right: .75rem } .nh4-xl { margin-left: -.75rem; margin-right: -.75rem } .pa5-xl { padding: 1rem } .ma5-xl { margin: 1rem } .na5-xl { margin: -1rem } .pl5-xl { padding-left: 1rem } .ml5-xl { margin-left: 1rem } .nl5-xl { margin-left: -1rem } .pr5-xl { padding-right: 1rem } .mr5-xl { margin-right: 1rem } .nr5-xl { margin-right: -1rem } .pt5-xl { padding-top: 1rem } .mt5-xl { margin-top: 1rem } .nt5-xl { margin-top: -1rem } .pb5-xl { padding-bottom: 1rem } .mb5-xl { margin-bottom: 1rem } .nb5-xl { margin-bottom: -1rem } .pv5-xl { padding-top: 1rem; padding-bottom: 1rem } .mv5-xl { margin-top: 1rem; margin-bottom: 1rem } .nv5-xl { margin-top: -1rem; margin-bottom: -1rem } .ph5-xl { padding-left: 1rem; padding-right: 1rem } .mh5-xl { margin-left: 1rem; margin-right: 1rem } .nh5-xl { margin-left: -1rem; margin-right: -1rem } .pa6-xl { padding: 1.5rem } .ma6-xl { margin: 1.5rem } .na6-xl { margin: -1.5rem } .pl6-xl { padding-left: 1.5rem } .ml6-xl { margin-left: 1.5rem } .nl6-xl { margin-left: -1.5rem } .pr6-xl { padding-right: 1.5rem } .mr6-xl { margin-right: 1.5rem } .nr6-xl { margin-right: -1.5rem } .pt6-xl { padding-top: 1.5rem } .mt6-xl { margin-top: 1.5rem } .nt6-xl { margin-top: -1.5rem } .pb6-xl { padding-bottom: 1.5rem } .mb6-xl { margin-bottom: 1.5rem } .nb6-xl { margin-bottom: -1.5rem } .pv6-xl { padding-top: 1.5rem; padding-bottom: 1.5rem } .mv6-xl { margin-top: 1.5rem; margin-bottom: 1.5rem } .nv6-xl { margin-top: -1.5rem; margin-bottom: -1.5rem } .ph6-xl { padding-left: 1.5rem; padding-right: 1.5rem } .mh6-xl { margin-left: 1.5rem; margin-right: 1.5rem } .nh6-xl { margin-left: -1.5rem; margin-right: -1.5rem } .pa7-xl { padding: 2rem } .ma7-xl { margin: 2rem } .na7-xl { margin: -2rem } .pl7-xl { padding-left: 2rem } .ml7-xl { margin-left: 2rem } .nl7-xl { margin-left: -2rem } .pr7-xl { padding-right: 2rem } .mr7-xl { margin-right: 2rem } .nr7-xl { margin-right: -2rem } .pt7-xl { padding-top: 2rem } .mt7-xl { margin-top: 2rem } .nt7-xl { margin-top: -2rem } .pb7-xl { padding-bottom: 2rem } .mb7-xl { margin-bottom: 2rem } .nb7-xl { margin-bottom: -2rem } .pv7-xl { padding-top: 2rem; padding-bottom: 2rem } .mv7-xl { margin-top: 2rem; margin-bottom: 2rem } .nv7-xl { margin-top: -2rem; margin-bottom: -2rem } .ph7-xl { padding-left: 2rem; padding-right: 2rem } .mh7-xl { margin-left: 2rem; margin-right: 2rem } .nh7-xl { margin-left: -2rem; margin-right: -2rem } .pa8-xl { padding: 3rem } .ma8-xl { margin: 3rem } .na8-xl { margin: -3rem } .pl8-xl { padding-left: 3rem } .ml8-xl { margin-left: 3rem } .nl8-xl { margin-left: -3rem } .pr8-xl { padding-right: 3rem } .mr8-xl { margin-right: 3rem } .nr8-xl { margin-right: -3rem } .pt8-xl { padding-top: 3rem } .mt8-xl { margin-top: 3rem } .nt8-xl { margin-top: -3rem } .pb8-xl { padding-bottom: 3rem } .mb8-xl { margin-bottom: 3rem } .nb8-xl { margin-bottom: -3rem } .pv8-xl { padding-top: 3rem; padding-bottom: 3rem } .mv8-xl { margin-top: 3rem; margin-bottom: 3rem } .nv8-xl { margin-top: -3rem; margin-bottom: -3rem } .ph8-xl { padding-left: 3rem; padding-right: 3rem } .mh8-xl { margin-left: 3rem; margin-right: 3rem } .nh8-xl { margin-left: -3rem; margin-right: -3rem } .pa9-xl { padding: 4rem } .ma9-xl { margin: 4rem } .na9-xl { margin: -4rem } .pl9-xl { padding-left: 4rem } .ml9-xl { margin-left: 4rem } .nl9-xl { margin-left: -4rem } .pr9-xl { padding-right: 4rem } .mr9-xl { margin-right: 4rem } .nr9-xl { margin-right: -4rem } .pt9-xl { padding-top: 4rem } .mt9-xl { margin-top: 4rem } .nt9-xl { margin-top: -4rem } .pb9-xl { padding-bottom: 4rem } .mb9-xl { margin-bottom: 4rem } .nb9-xl { margin-bottom: -4rem } .pv9-xl { padding-top: 4rem; padding-bottom: 4rem } .mv9-xl { margin-top: 4rem; margin-bottom: 4rem } .nv9-xl { margin-top: -4rem; margin-bottom: -4rem } .ph9-xl { padding-left: 4rem; padding-right: 4rem } .mh9-xl { margin-left: 4rem; margin-right: 4rem } .nh9-xl { margin-left: -4rem; margin-right: -4rem } .pa10-xl { padding: 8rem } .ma10-xl { margin: 8rem } .na10-xl { margin: -8rem } .pl10-xl { padding-left: 8rem } .ml10-xl { margin-left: 8rem } .nl10-xl { margin-left: -8rem } .pr10-xl { padding-right: 8rem } .mr10-xl { margin-right: 8rem } .nr10-xl { margin-right: -8rem } .pt10-xl { padding-top: 8rem } .mt10-xl { margin-top: 8rem } .nt10-xl { margin-top: -8rem } .pb10-xl { padding-bottom: 8rem } .mb10-xl { margin-bottom: 8rem } .nb10-xl { margin-bottom: -8rem } .pv10-xl { padding-top: 8rem; padding-bottom: 8rem } .mv10-xl { margin-top: 8rem; margin-bottom: 8rem } .nv10-xl { margin-top: -8rem; margin-bottom: -8rem } .ph10-xl { padding-left: 8rem; padding-right: 8rem } .mh10-xl { margin-left: 8rem; margin-right: 8rem } .nh10-xl { margin-left: -8rem; margin-right: -8rem } .pa11-xl { padding: 16rem } .ma11-xl { margin: 16rem } .na11-xl { margin: -16rem } .pl11-xl { padding-left: 16rem } .ml11-xl { margin-left: 16rem } .nl11-xl { margin-left: -16rem } .pr11-xl { padding-right: 16rem } .mr11-xl { margin-right: 16rem } .nr11-xl { margin-right: -16rem } .pt11-xl { padding-top: 16rem } .mt11-xl { margin-top: 16rem } .nt11-xl { margin-top: -16rem } .pb11-xl { padding-bottom: 16rem } .mb11-xl { margin-bottom: 16rem } .nb11-xl { margin-bottom: -16rem } .pv11-xl { padding-top: 16rem; padding-bottom: 16rem } .mv11-xl { margin-top: 16rem; margin-bottom: 16rem } .nv11-xl { margin-top: -16rem; margin-bottom: -16rem } .ph11-xl { padding-left: 16rem; padding-right: 16rem } .mh11-xl { margin-left: 16rem; margin-right: 16rem } .nh11-xl { margin-left: -16rem; margin-right: -16rem } .top-0-xl { top: 0 } .right-0-xl { right: 0 } .bottom-0-xl { bottom: 0 } .left-0-xl { left: 0 } .top-1-xl { top: 1rem } .right-1-xl { right: 1rem } .bottom-1-xl { bottom: 1rem } .left-1-xl { left: 1rem } .top-2-xl { top: 2rem } .right-2-xl { right: 2rem } .bottom-2-xl { bottom: 2rem } .left-2-xl { left: 2rem } .top--1-xl { top: -1rem } .right--1-xl { right: -1rem } .bottom--1-xl { bottom: -1rem } .left--1-xl { left: -1rem } .top--2-xl { top: -2rem } .right--2-xl { right: -2rem } .bottom--2-xl { bottom: -2rem } .left--2-xl { left: -2rem } .absolute--fill-xl { top: 0; right: 0; bottom: 0; left: 0 } .cf-xl:after, .cf-xl:before { content: " "; display: table } .cf-xl:after { clear: both } .cf-xl { *zoom: 1 } .cl-xl { clear: left } .cr-xl { clear: right } .cb-xl { clear: both } .cn-xl { clear: none } .dn-xl { display: none } .di-xl { display: inline } .db-xl { display: block } .dib-xl { display: inline-block } .dit-xl { display: inline-table } .dt-xl { display: table } .dtc-xl { display: table-cell } .dt-row-xl { display: table-row } .dt-row-group-xl { display: table-row-group } .dt-column-xl { display: table-column } .dt-column-group-xl { display: table-column-group } .dt--fixed-xl { table-layout: fixed; width: 100% } .flex-xl { display: -webkit-box; display: flex } .inline-flex-xl { display: -webkit-inline-box; display: inline-flex } .flex-auto-xl { -webkit-box-flex: 1; flex: 1 1 auto; min-width: 0; min-height: 0 } .flex-none-xl { -webkit-box-flex: 0; flex: none } .flex-column-xl { -webkit-box-orient: vertical; -webkit-box-direction: normal; flex-direction: column } .flex-row-xl { -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row } .flex-wrap-xl { flex-wrap: wrap } .flex-nowrap-xl { flex-wrap: nowrap } .flex-wrap-reverse-xl { flex-wrap: wrap-reverse } .flex-column-reverse-xl { -webkit-box-orient: vertical; -webkit-box-direction: reverse; flex-direction: column-reverse } .flex-row-reverse-xl { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; flex-direction: row-reverse } .items-start-xl { -webkit-box-align: start; align-items: flex-start } .items-end-xl { -webkit-box-align: end; align-items: flex-end } .items-center-xl { -webkit-box-align: center; align-items: center } .items-baseline-xl { -webkit-box-align: baseline; align-items: baseline } .items-stretch-xl { -webkit-box-align: stretch; align-items: stretch } .self-start-xl { align-self: flex-start } .self-end-xl { align-self: flex-end } .self-center-xl { align-self: center } .self-baseline-xl { align-self: baseline } .self-stretch-xl { align-self: stretch } .justify-start-xl { -webkit-box-pack: start; justify-content: flex-start } .justify-end-xl { -webkit-box-pack: end; justify-content: flex-end } .justify-center-xl { -webkit-box-pack: center; justify-content: center } .justify-between-xl { -webkit-box-pack: justify; justify-content: space-between } .justify-around-xl { justify-content: space-around } .content-start-xl { align-content: flex-start } .content-end-xl { align-content: flex-end } .content-center-xl { align-content: center } .content-between-xl { align-content: space-between } .content-around-xl { align-content: space-around } .content-stretch-xl { align-content: stretch } .order-0-xl { -webkit-box-ordinal-group: 1; order: 0 } .order-1-xl { -webkit-box-ordinal-group: 2; order: 1 } .order-2-xl { -webkit-box-ordinal-group: 3; order: 2 } .order-3-xl { -webkit-box-ordinal-group: 4; order: 3 } .order-4-xl { -webkit-box-ordinal-group: 5; order: 4 } .order-5-xl { -webkit-box-ordinal-group: 6; order: 5 } .order-6-xl { -webkit-box-ordinal-group: 7; order: 6 } .order-7-xl { -webkit-box-ordinal-group: 8; order: 7 } .order-8-xl { -webkit-box-ordinal-group: 9; order: 8 } .order-last-xl { -webkit-box-ordinal-group: 100000; order: 99999 } .flex-grow-0-xl { -webkit-box-flex: 0; flex-grow: 0 } .flex-grow-1-xl { -webkit-box-flex: 1; flex-grow: 1 } .flex-shrink-0-xl { flex-shrink: 0 } .flex-shrink-1-xl { flex-shrink: 1 } .fl-xl { float: left } .fl-xl, .fr-xl { _display: inline } .fr-xl { float: right } .fn-xl { float: none } .i-xl { font-style: italic } .fs-normal-xl { font-style: normal } .h1-xl { height: 1rem } .h2-xl { height: 2rem } .h3-xl { height: 4rem } .h4-xl { height: 8rem } .h5-xl { height: 16rem } .h-25-xl { height: 25% } .h-50-xl { height: 50% } .h-75-xl { height: 75% } .h-100-xl { height: 100% } .min-h-100-xl { min-height: 100% } .vh-25-xl { height: 25vh } .vh-50-xl { height: 50vh } .vh-75-xl { height: 75vh } .vh-100-xl { height: 100vh } .min-vh-100-xl { min-height: 100vh } .h-auto-xl { height: auto } .h-inherit-xl { height: inherit } .h-small-xl { height: 2rem; box-sizing: border-box } .min-h-small-xl { min-height: 2rem; box-sizing: border-box } .h-regular-xl { height: 2.5rem; box-sizing: border-box } .min-h-regular-xl { min-height: 2.5rem; box-sizing: border-box } .h-large-xl { height: 3rem; box-sizing: border-box } .min-h-large-xl { min-height: 3rem; box-sizing: border-box } .tracked-xl { letter-spacing: .1em } .tracked-tight-xl { letter-spacing: -.05em } .tracked-mega-xl { letter-spacing: .25em } .lh-solid-xl { line-height: 1 } .lh-title-xl { line-height: 1.25 } .lh-copy-xl { line-height: 1.5 } .mw1-xl { max-width: 1rem } .mw2-xl { max-width: 2rem } .mw3-xl { max-width: 4rem } .mw4-xl { max-width: 8rem } .mw5-xl { max-width: 16rem } .mw6-xl { max-width: 32rem } .mw7-xl { max-width: 48rem } .mw8-xl { max-width: 64rem } .mw9-xl { max-width: 96rem } .mw-none-xl { max-width: none } .mw-100-xl { max-width: 100% } .o-100-xl { opacity: 1 } .o-90-xl { opacity: .9 } .o-80-xl { opacity: .8 } .o-70-xl { opacity: .7 } .o-60-xl { opacity: .6 } .o-50-xl { opacity: .5 } .o-40-xl { opacity: .4 } .o-30-xl { opacity: .3 } .o-20-xl { opacity: .2 } .o-10-xl { opacity: .1 } .o-05-xl { opacity: .05 } .o-025-xl { opacity: .025 } .o-0-xl { opacity: 0 } .rotate-45-xl { -webkit-transform: rotate(45deg); transform: rotate(45deg) } .rotate-90-xl { -webkit-transform: rotate(90deg); transform: rotate(90deg) } .rotate-135-xl { -webkit-transform: rotate(135deg); transform: rotate(135deg) } .rotate-180-xl { -webkit-transform: rotate(180deg); transform: rotate(180deg) } .rotate-225-xl { -webkit-transform: rotate(225deg); transform: rotate(225deg) } .rotate-270-xl { -webkit-transform: rotate(270deg); transform: rotate(270deg) } .rotate-315-xl { -webkit-transform: rotate(315deg); transform: rotate(315deg) } .outline-xl { outline: 1px solid } .outline-transparent-xl { outline: 1px solid transparent } .outline-0-xl { outline: 0 } .overflow-visible-xl { overflow: visible } .overflow-hidden-xl { overflow: hidden } .overflow-scroll-xl { overflow: scroll } .overflow-auto-xl { overflow: auto } .overflow-x-visible-xl { overflow-x: visible } .overflow-x-hidden-xl { overflow-x: hidden } .overflow-x-scroll-xl { overflow-x: scroll } .overflow-x-auto-xl { overflow-x: auto } .overflow-y-visible-xl { overflow-y: visible } .overflow-y-hidden-xl { overflow-y: hidden } .overflow-y-scroll-xl { overflow-y: scroll } .overflow-y-auto-xl { overflow-y: auto } .static-xl { position: static } .relative-xl { position: relative } .absolute-xl { position: absolute } .fixed-xl { position: fixed } .sticky-xl { position: -webkit-sticky; position: sticky } .strike-xl { text-decoration: line-through } .underline-xl { text-decoration: underline } .no-underline-xl { text-decoration: none } .tl-xl { text-align: left } .tr-xl { text-align: right } .tc-xl { text-align: center } .tj-xl { text-align: justify } .ttc-xl { text-transform: capitalize } .ttl-xl { text-transform: lowercase } .ttu-xl { text-transform: uppercase } .ttn-xl { text-transform: none } .f1-xl { font-size: 3rem } .f2-xl { font-size: 2.25rem } .f3-xl { font-size: 1.5rem } .f4-xl { font-size: 1.25rem } .f5-xl { font-size: 1rem } .f6-xl { font-size: .875rem } .f7-xl { font-size: .75rem } .measure-xl { max-width: 30em } .measure-wide-xl { max-width: 34em } .measure-narrow-xl { max-width: 20em } .small-caps-xl { font-variant: small-caps } .indent-xl { text-indent: 1em; margin-top: 0; margin-bottom: 0 } .truncate-xl { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .t-heading-1-xl { font-size: 3rem } .t-heading-1-xl, .t-heading-2-xl { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 700; text-transform: none; letter-spacing: 0 } .t-heading-2-xl { font-size: 2.25rem } .t-heading-3-xl { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 700; font-size: 1.75rem; text-transform: none; letter-spacing: 0 } .t-heading-4-xl { font-size: 1.5rem } .t-heading-4-xl, .t-heading-5-xl { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 400; text-transform: none; letter-spacing: 0 } .t-heading-5-xl { font-size: 1.25rem } .t-heading-6-xl { font-size: 1.25rem } .t-body-xl, .t-heading-6-xl, body { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 400; text-transform: none; letter-spacing: 0 } .t-body-xl, body { font-size: 1rem } .t-small-xl { font-size: .875rem } .t-mini-xl, .t-small-xl { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 400; text-transform: none; letter-spacing: 0 } .t-mini-xl { font-size: .75rem } .t-action-xl { font-size: 1rem } .t-action--small-xl, .t-action-xl { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 500; text-transform: uppercase; letter-spacing: 0 } .t-action--small-xl { font-size: .875rem } .t-action--large-xl { font-family: Fabriga, -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, ubuntu, roboto, noto, segoe ui, arial, sans-serif; font-weight: 500; font-size: 1.25rem; text-transform: uppercase; letter-spacing: 0 } .t-code-xl { font-family: Consolas, monaco, monospace; font-size: 1rem; text-transform: none; letter-spacing: 0 } .normal-xl, .t-code-xl { font-weight: 400 } .b-xl { font-weight: 700 } .fw1-xl { font-weight: 100 } .fw2-xl { font-weight: 200 } .fw3-xl { font-weight: 300 } .fw4-xl { font-weight: 400 } .fw5-xl { font-weight: 500 } .fw6-xl { font-weight: 600 } .fw7-xl { font-weight: 700 } .fw8-xl { font-weight: 800 } .fw9-xl { font-weight: 900 } .clip-xl { position: fixed  !important; _position: absolute  !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px) } .ws-normal-xl { white-space: normal } .nowrap-xl { white-space: nowrap } .pre-xl { white-space: pre } .w1-xl { width: 1rem } .w2-xl { width: 2rem } .w3-xl { width: 4rem } .w4-xl { width: 8rem } .w5-xl { width: 16rem } .w-10-xl { width: 10% } .w-20-xl { width: 20% } .w-25-xl { width: 25% } .w-30-xl { width: 30% } .w-33-xl { width: 33% } .w-34-xl { width: 34% } .w-40-xl { width: 40% } .w-50-xl { width: 50% } .w-60-xl { width: 60% } .w-70-xl { width: 70% } .w-75-xl { width: 75% } .w-80-xl { width: 80% } .w-90-xl { width: 90% } .w-100-xl { width: 100% } .w-third-xl { width: 33.33333% } .w-two-thirds-xl { width: 66.66667% } .w-auto-xl { width: auto } .vw-10-xl { width: 10vw } .vw-20-xl { width: 20vw } .vw-25-xl { width: 25vw } .vw-30-xl { width: 30vw } .vw-33-xl { width: 33vw } .vw-34-xl { width: 34vw } .vw-40-xl { width: 40vw } .vw-50-xl { width: 50vw } .vw-60-xl { width: 60vw } .vw-70-xl { width: 70vw } .vw-75-xl { width: 75vw } .vw-80-xl { width: 80vw } .vw-90-xl { width: 90vw } .vw-100-xl { width: 100vw } .vw-third-xl { width: 33.33333vw } .vw-two-thirds-xl { width: 66.66667vw } } /*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */@-webkit-keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translateZ(0); animation-timing-function: cubic-bezier(.215, .61, .355, 1); transform: translateZ(0) } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -30px, 0); animation-timing-function: cubic-bezier(.755, .05, .855, .06); transform: translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -15px, 0); animation-timing-function: cubic-bezier(.755, .05, .855, .06); transform: translate3d(0, -15px, 0) } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } } @keyframes bounce { 0%, 20%, 53%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: translateZ(0); animation-timing-function: cubic-bezier(.215, .61, .355, 1); transform: translateZ(0) } 40%, 43% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -30px, 0); animation-timing-function: cubic-bezier(.755, .05, .855, .06); transform: translate3d(0, -30px, 0) } 70% { -webkit-animation-timing-function: cubic-bezier(.755, .05, .855, .06); -webkit-transform: translate3d(0, -15px, 0); animation-timing-function: cubic-bezier(.755, .05, .855, .06); transform: translate3d(0, -15px, 0) } 90% { -webkit-transform: translate3d(0, -4px, 0); transform: translate3d(0, -4px, 0) } } .bounce { -webkit-animation-name: bounce; -webkit-transform-origin: center bottom; animation-name: bounce; transform-origin: center bottom } @-webkit-keyframes flash { 0%, 50%, to { opacity: 1 } 25%, 75% { opacity: 0 } } @keyframes flash { 0%, 50%, to { opacity: 1 } 25%, 75% { opacity: 0 } } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 50% { -webkit-transform: scale3d(1.05, 1.05, 1.05); transform: scale3d(1.05, 1.05, 1.05) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .pulse { -webkit-animation-name: pulse; animation-name: pulse } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1) } 40% { -webkit-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1) } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 30% { -webkit-transform: scale3d(1.25, .75, 1); transform: scale3d(1.25, .75, 1) } 40% { -webkit-transform: scale3d(.75, 1.25, 1); transform: scale3d(.75, 1.25, 1) } 50% { -webkit-transform: scale3d(1.15, .85, 1); transform: scale3d(1.15, .85, 1) } 65% { -webkit-transform: scale3d(.95, 1.05, 1); transform: scale3d(.95, 1.05, 1) } 75% { -webkit-transform: scale3d(1.05, .95, 1); transform: scale3d(1.05, .95, 1) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand } @-webkit-keyframes shake { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } } @keyframes shake { 0%, to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%, 30%, 50%, 70%, 90% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 20%, 40%, 60%, 80% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } } .shake { -webkit-animation-name: shake; animation-name: shake } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } .headShake { -webkit-animation-name: headShake; -webkit-animation-timing-function: ease-in-out; animation-name: headShake; animation-timing-function: ease-in-out } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } to { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } to { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } .swing { -webkit-animation-name: swing; -webkit-transform-origin: top center; animation-name: swing; transform-origin: top center } @-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg); transform: scale3d(.9, .9, .9) rotate(-3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 10%, 20% { -webkit-transform: scale3d(.9, .9, .9) rotate(-3deg); transform: scale3d(.9, .9, .9) rotate(-3deg) } 30%, 50%, 70%, 90% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(3deg) } 40%, 60%, 80% { -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg); transform: scale3d(1.1, 1.1, 1.1) rotate(-3deg) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg) } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg) } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg) } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg) } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } 15% { -webkit-transform: translate3d(-25%, 0, 0) rotate(-5deg); transform: translate3d(-25%, 0, 0) rotate(-5deg) } 30% { -webkit-transform: translate3d(20%, 0, 0) rotate(3deg); transform: translate3d(20%, 0, 0) rotate(3deg) } 45% { -webkit-transform: translate3d(-15%, 0, 0) rotate(-3deg); transform: translate3d(-15%, 0, 0) rotate(-3deg) } 60% { -webkit-transform: translate3d(10%, 0, 0) rotate(2deg); transform: translate3d(10%, 0, 0) rotate(2deg) } 75% { -webkit-transform: translate3d(-5%, 0, 0) rotate(-1deg); transform: translate3d(-5%, 0, 0) rotate(-1deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes jello { 0%, 11.1%, to { -webkit-transform: translateZ(0); transform: translateZ(0) } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } @keyframes jello { 0%, 11.1%, to { -webkit-transform: translateZ(0); transform: translateZ(0) } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } .jello { -webkit-animation-name: jello; -webkit-transform-origin: center; animation-name: jello; transform-origin: center } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1) } 14% { -webkit-transform: scale(1.3); transform: scale(1.3) } 28% { -webkit-transform: scale(1); transform: scale(1) } 42% { -webkit-transform: scale(1.3); transform: scale(1.3) } 70% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1) } 14% { -webkit-transform: scale(1.3); transform: scale(1.3) } 28% { -webkit-transform: scale(1); transform: scale(1) } 42% { -webkit-transform: scale(1.3); transform: scale(1.3) } 70% { -webkit-transform: scale(1); transform: scale(1) } } .heartBeat { -webkit-animation-duration: 1.3s; -webkit-animation-name: heartBeat; -webkit-animation-timing-function: ease-in-out; animation-duration: 1.3s; animation-name: heartBeat; animation-timing-function: ease-in-out } @-webkit-keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { -webkit-transform: scale3d(.3, .3, .3); opacity: 0; transform: scale3d(.3, .3, .3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 60% { -webkit-transform: scale3d(1.03, 1.03, 1.03); opacity: 1; transform: scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97) } to { -webkit-transform: scaleX(1); opacity: 1; transform: scaleX(1) } } @keyframes bounceIn { 0%, 20%, 40%, 60%, 80%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { -webkit-transform: scale3d(.3, .3, .3); opacity: 0; transform: scale3d(.3, .3, .3) } 20% { -webkit-transform: scale3d(1.1, 1.1, 1.1); transform: scale3d(1.1, 1.1, 1.1) } 40% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 60% { -webkit-transform: scale3d(1.03, 1.03, 1.03); opacity: 1; transform: scale3d(1.03, 1.03, 1.03) } 80% { -webkit-transform: scale3d(.97, .97, .97); transform: scale3d(.97, .97, .97) } to { -webkit-transform: scaleX(1); opacity: 1; transform: scaleX(1) } } .bounceIn { -webkit-animation-duration: .75s; -webkit-animation-name: bounceIn; animation-duration: .75s; animation-name: bounceIn } @-webkit-keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { -webkit-transform: translate3d(0, -3000px, 0); opacity: 0; transform: translate3d(0, -3000px, 0) } 60% { -webkit-transform: translate3d(0, 25px, 0); opacity: 1; transform: translate3d(0, 25px, 0) } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInDown { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { -webkit-transform: translate3d(0, -3000px, 0); opacity: 0; transform: translate3d(0, -3000px, 0) } 60% { -webkit-transform: translate3d(0, 25px, 0); opacity: 1; transform: translate3d(0, 25px, 0) } 75% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 90% { -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { -webkit-transform: translate3d(-3000px, 0, 0); opacity: 0; transform: translate3d(-3000px, 0, 0) } 60% { -webkit-transform: translate3d(25px, 0, 0); opacity: 1; transform: translate3d(25px, 0, 0) } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInLeft { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { -webkit-transform: translate3d(-3000px, 0, 0); opacity: 0; transform: translate3d(-3000px, 0, 0) } 60% { -webkit-transform: translate3d(25px, 0, 0); opacity: 1; transform: translate3d(25px, 0, 0) } 75% { -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0) } 90% { -webkit-transform: translate3d(5px, 0, 0); transform: translate3d(5px, 0, 0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { -webkit-transform: translate3d(3000px, 0, 0); opacity: 0; transform: translate3d(3000px, 0, 0) } 60% { -webkit-transform: translate3d(-25px, 0, 0); opacity: 1; transform: translate3d(-25px, 0, 0) } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInRight { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { -webkit-transform: translate3d(3000px, 0, 0); opacity: 0; transform: translate3d(3000px, 0, 0) } 60% { -webkit-transform: translate3d(-25px, 0, 0); opacity: 1; transform: translate3d(-25px, 0, 0) } 75% { -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0) } 90% { -webkit-transform: translate3d(-5px, 0, 0); transform: translate3d(-5px, 0, 0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { -webkit-transform: translate3d(0, 3000px, 0); opacity: 0; transform: translate3d(0, 3000px, 0) } 60% { -webkit-transform: translate3d(0, -20px, 0); opacity: 1; transform: translate3d(0, -20px, 0) } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInUp { 0%, 60%, 75%, 90%, to { -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1); animation-timing-function: cubic-bezier(.215, .61, .355, 1) } 0% { -webkit-transform: translate3d(0, 3000px, 0); opacity: 0; transform: translate3d(0, 3000px, 0) } 60% { -webkit-transform: translate3d(0, -20px, 0); opacity: 1; transform: translate3d(0, -20px, 0) } 75% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 90% { -webkit-transform: translate3d(0, -5px, 0); transform: translate3d(0, -5px, 0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 50%, 55% { -webkit-transform: scale3d(1.1, 1.1, 1.1); opacity: 1; transform: scale3d(1.1, 1.1, 1.1) } to { -webkit-transform: scale3d(.3, .3, .3); opacity: 0; transform: scale3d(.3, .3, .3) } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9, .9, .9); transform: scale3d(.9, .9, .9) } 50%, 55% { -webkit-transform: scale3d(1.1, 1.1, 1.1); opacity: 1; transform: scale3d(1.1, 1.1, 1.1) } to { -webkit-transform: scale3d(.3, .3, .3); opacity: 0; transform: scale3d(.3, .3, .3) } } .bounceOut { -webkit-animation-duration: .75s; -webkit-animation-name: bounceOut; animation-duration: .75s; animation-name: bounceOut } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 40%, 45% { -webkit-transform: translate3d(0, -20px, 0); opacity: 1; transform: translate3d(0, -20px, 0) } to { -webkit-transform: translate3d(0, 2000px, 0); opacity: 0; transform: translate3d(0, 2000px, 0) } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0) } 40%, 45% { -webkit-transform: translate3d(0, -20px, 0); opacity: 1; transform: translate3d(0, -20px, 0) } to { -webkit-transform: translate3d(0, 2000px, 0); opacity: 0; transform: translate3d(0, 2000px, 0) } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 20% { -webkit-transform: translate3d(20px, 0, 0); opacity: 1; transform: translate3d(20px, 0, 0) } to { -webkit-transform: translate3d(-2000px, 0, 0); opacity: 0; transform: translate3d(-2000px, 0, 0) } } @keyframes bounceOutLeft { 20% { -webkit-transform: translate3d(20px, 0, 0); opacity: 1; transform: translate3d(20px, 0, 0) } to { -webkit-transform: translate3d(-2000px, 0, 0); opacity: 0; transform: translate3d(-2000px, 0, 0) } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 20% { -webkit-transform: translate3d(-20px, 0, 0); opacity: 1; transform: translate3d(-20px, 0, 0) } to { -webkit-transform: translate3d(2000px, 0, 0); opacity: 0; transform: translate3d(2000px, 0, 0) } } @keyframes bounceOutRight { 20% { -webkit-transform: translate3d(-20px, 0, 0); opacity: 1; transform: translate3d(-20px, 0, 0) } to { -webkit-transform: translate3d(2000px, 0, 0); opacity: 0; transform: translate3d(2000px, 0, 0) } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 40%, 45% { -webkit-transform: translate3d(0, 20px, 0); opacity: 1; transform: translate3d(0, 20px, 0) } to { -webkit-transform: translate3d(0, -2000px, 0); opacity: 0; transform: translate3d(0, -2000px, 0) } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0) } 40%, 45% { -webkit-transform: translate3d(0, 20px, 0); opacity: 1; transform: translate3d(0, 20px, 0) } to { -webkit-transform: translate3d(0, -2000px, 0); opacity: 0; transform: translate3d(0, -2000px, 0) } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp } @-webkit-keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); opacity: 0; transform: translate3d(0, -100%, 0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } @keyframes fadeInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); opacity: 0; transform: translate3d(0, -100%, 0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownBig { 0% { -webkit-transform: translate3d(0, -2000px, 0); opacity: 0; transform: translate3d(0, -2000px, 0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } @keyframes fadeInDownBig { 0% { -webkit-transform: translate3d(0, -2000px, 0); opacity: 0; transform: translate3d(0, -2000px, 0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); opacity: 0; transform: translate3d(-100%, 0, 0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } @keyframes fadeInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); opacity: 0; transform: translate3d(-100%, 0, 0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftBig { 0% { -webkit-transform: translate3d(-2000px, 0, 0); opacity: 0; transform: translate3d(-2000px, 0, 0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } @keyframes fadeInLeftBig { 0% { -webkit-transform: translate3d(-2000px, 0, 0); opacity: 0; transform: translate3d(-2000px, 0, 0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); opacity: 0; transform: translate3d(100%, 0, 0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } @keyframes fadeInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); opacity: 0; transform: translate3d(100%, 0, 0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightBig { 0% { -webkit-transform: translate3d(2000px, 0, 0); opacity: 0; transform: translate3d(2000px, 0, 0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } @keyframes fadeInRightBig { 0% { -webkit-transform: translate3d(2000px, 0, 0); opacity: 0; transform: translate3d(2000px, 0, 0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); opacity: 0; transform: translate3d(0, 100%, 0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } @keyframes fadeInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); opacity: 0; transform: translate3d(0, 100%, 0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpBig { 0% { -webkit-transform: translate3d(0, 2000px, 0); opacity: 0; transform: translate3d(0, 2000px, 0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } @keyframes fadeInUpBig { 0% { -webkit-transform: translate3d(0, 2000px, 0); opacity: 0; transform: translate3d(0, 2000px, 0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutDown { 0% { opacity: 1 } to { -webkit-transform: translate3d(0, 100%, 0); opacity: 0; transform: translate3d(0, 100%, 0) } } @keyframes fadeOutDown { 0% { opacity: 1 } to { -webkit-transform: translate3d(0, 100%, 0); opacity: 0; transform: translate3d(0, 100%, 0) } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1 } to { -webkit-transform: translate3d(0, 2000px, 0); opacity: 0; transform: translate3d(0, 2000px, 0) } } @keyframes fadeOutDownBig { 0% { opacity: 1 } to { -webkit-transform: translate3d(0, 2000px, 0); opacity: 0; transform: translate3d(0, 2000px, 0) } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1 } to { -webkit-transform: translate3d(-100%, 0, 0); opacity: 0; transform: translate3d(-100%, 0, 0) } } @keyframes fadeOutLeft { 0% { opacity: 1 } to { -webkit-transform: translate3d(-100%, 0, 0); opacity: 0; transform: translate3d(-100%, 0, 0) } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1 } to { -webkit-transform: translate3d(-2000px, 0, 0); opacity: 0; transform: translate3d(-2000px, 0, 0) } } @keyframes fadeOutLeftBig { 0% { opacity: 1 } to { -webkit-transform: translate3d(-2000px, 0, 0); opacity: 0; transform: translate3d(-2000px, 0, 0) } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRight { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%, 0, 0); opacity: 0; transform: translate3d(100%, 0, 0) } } @keyframes fadeOutRight { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%, 0, 0); opacity: 0; transform: translate3d(100%, 0, 0) } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1 } to { -webkit-transform: translate3d(2000px, 0, 0); opacity: 0; transform: translate3d(2000px, 0, 0) } } @keyframes fadeOutRightBig { 0% { opacity: 1 } to { -webkit-transform: translate3d(2000px, 0, 0); opacity: 0; transform: translate3d(2000px, 0, 0) } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes fadeOutUp { 0% { opacity: 1 } to { -webkit-transform: translate3d(0, -100%, 0); opacity: 0; transform: translate3d(0, -100%, 0) } } @keyframes fadeOutUp { 0% { opacity: 1 } to { -webkit-transform: translate3d(0, -100%, 0); opacity: 0; transform: translate3d(0, -100%, 0) } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1 } to { -webkit-transform: translate3d(0, -2000px, 0); opacity: 0; transform: translate3d(0, -2000px, 0) } } @keyframes fadeOutUpBig { 0% { opacity: 1 } to { -webkit-transform: translate3d(0, -2000px, 0); opacity: 0; transform: translate3d(0, -2000px, 0) } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes flip { 0% { -webkit-animation-timing-function: ease-out; -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn) } 40% { -webkit-animation-timing-function: ease-out; -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg) } 50% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg) } 80% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg); animation-timing-function: ease-in; transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg) } to { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg) } } @keyframes flip { 0% { -webkit-animation-timing-function: ease-out; -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn) } 40% { -webkit-animation-timing-function: ease-out; -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg) } 50% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg) } 80% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg); animation-timing-function: ease-in; transform: perspective(400px) scale3d(.95, .95, .95) translateZ(0) rotateY(0deg) } to { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg) } } .animated.flip { -webkit-animation-name: flip; -webkit-backface-visibility: visible; animation-name: flip; backface-visibility: visible } @-webkit-keyframes flipInX { 0% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateX(90deg) } 40% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; transform: perspective(400px) rotateX(-20deg) } 60% { -webkit-transform: perspective(400px) rotateX(10deg); opacity: 1; transform: perspective(400px) rotateX(10deg) } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInX { 0% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateX(90deg) } 40% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; transform: perspective(400px) rotateX(-20deg) } 60% { -webkit-transform: perspective(400px) rotateX(10deg); opacity: 1; transform: perspective(400px) rotateX(10deg) } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInX { -webkit-animation-name: flipInX; -webkit-backface-visibility: visible  !important; animation-name: flipInX; backface-visibility: visible  !important } @-webkit-keyframes flipInY { 0% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateY(90deg); animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateY(90deg) } 40% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateY(-20deg); animation-timing-function: ease-in; transform: perspective(400px) rotateY(-20deg) } 60% { -webkit-transform: perspective(400px) rotateY(10deg); opacity: 1; transform: perspective(400px) rotateY(10deg) } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInY { 0% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateY(90deg); animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateY(90deg) } 40% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateY(-20deg); animation-timing-function: ease-in; transform: perspective(400px) rotateY(-20deg) } 60% { -webkit-transform: perspective(400px) rotateY(10deg); opacity: 1; transform: perspective(400px) rotateY(10deg) } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInY { -webkit-animation-name: flipInY; -webkit-backface-visibility: visible  !important; animation-name: flipInY; backface-visibility: visible  !important } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); opacity: 1; transform: perspective(400px) rotateX(-20deg) } to { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; transform: perspective(400px) rotateX(90deg) } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); opacity: 1; transform: perspective(400px) rotateX(-20deg) } to { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; transform: perspective(400px) rotateX(90deg) } } .flipOutX { -webkit-animation-duration: .75s; -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible  !important; animation-duration: .75s; animation-name: flipOutX; backface-visibility: visible  !important } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); opacity: 1; transform: perspective(400px) rotateY(-15deg) } to { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; transform: perspective(400px) rotateY(90deg) } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); opacity: 1; transform: perspective(400px) rotateY(-15deg) } to { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; transform: perspective(400px) rotateY(90deg) } } .flipOutY { -webkit-animation-duration: .75s; -webkit-animation-name: flipOutY; -webkit-backface-visibility: visible  !important; animation-duration: .75s; animation-name: flipOutY; backface-visibility: visible  !important } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; transform: translate3d(100%, 0, 0) skewX(-30deg) } 60% { -webkit-transform: skewX(20deg); opacity: 1; transform: skewX(20deg) } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg); opacity: 0; transform: translate3d(100%, 0, 0) skewX(-30deg) } 60% { -webkit-transform: skewX(20deg); opacity: 1; transform: skewX(20deg) } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-name: lightSpeedIn; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; transform: translate3d(100%, 0, 0) skewX(30deg) } } @keyframes lightSpeedOut { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%, 0, 0) skewX(30deg); opacity: 0; transform: translate3d(100%, 0, 0) skewX(30deg) } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-name: lightSpeedOut; animation-timing-function: ease-in } @-webkit-keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); -webkit-transform-origin: center; opacity: 0; transform: rotate(-200deg); transform-origin: center } to { -webkit-transform: translateZ(0); -webkit-transform-origin: center; opacity: 1; transform: translateZ(0); transform-origin: center } } @keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); -webkit-transform-origin: center; opacity: 0; transform: rotate(-200deg); transform-origin: center } to { -webkit-transform: translateZ(0); -webkit-transform-origin: center; opacity: 1; transform: translateZ(0); transform-origin: center } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(-45deg); transform-origin: left bottom } to { -webkit-transform: translateZ(0); -webkit-transform-origin: left bottom; opacity: 1; transform: translateZ(0); transform-origin: left bottom } } @keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(-45deg); transform-origin: left bottom } to { -webkit-transform: translateZ(0); -webkit-transform-origin: left bottom; opacity: 1; transform: translateZ(0); transform-origin: left bottom } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(45deg); transform-origin: right bottom } to { -webkit-transform: translateZ(0); -webkit-transform-origin: right bottom; opacity: 1; transform: translateZ(0); transform-origin: right bottom } } @keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(45deg); transform-origin: right bottom } to { -webkit-transform: translateZ(0); -webkit-transform-origin: right bottom; opacity: 1; transform: translateZ(0); transform-origin: right bottom } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(45deg); transform-origin: left bottom } to { -webkit-transform: translateZ(0); -webkit-transform-origin: left bottom; opacity: 1; transform: translateZ(0); transform-origin: left bottom } } @keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(45deg); transform-origin: left bottom } to { -webkit-transform: translateZ(0); -webkit-transform-origin: left bottom; opacity: 1; transform: translateZ(0); transform-origin: left bottom } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(-90deg); transform-origin: right bottom } to { -webkit-transform: translateZ(0); -webkit-transform-origin: right bottom; opacity: 1; transform: translateZ(0); transform-origin: right bottom } } @keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(-90deg); transform-origin: right bottom } to { -webkit-transform: translateZ(0); -webkit-transform-origin: right bottom; opacity: 1; transform: translateZ(0); transform-origin: right bottom } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; opacity: 1; transform-origin: center } to { -webkit-transform: rotate(200deg); -webkit-transform-origin: center; opacity: 0; transform: rotate(200deg); transform-origin: center } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; opacity: 1; transform-origin: center } to { -webkit-transform: rotate(200deg); -webkit-transform-origin: center; opacity: 0; transform: rotate(200deg); transform-origin: center } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; opacity: 1; transform-origin: left bottom } to { -webkit-transform: rotate(45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(45deg); transform-origin: left bottom } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; opacity: 1; transform-origin: left bottom } to { -webkit-transform: rotate(45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(45deg); transform-origin: left bottom } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; opacity: 1; transform-origin: right bottom } to { -webkit-transform: rotate(-45deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(-45deg); transform-origin: right bottom } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; opacity: 1; transform-origin: right bottom } to { -webkit-transform: rotate(-45deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(-45deg); transform-origin: right bottom } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; opacity: 1; transform-origin: left bottom } to { -webkit-transform: rotate(-45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(-45deg); transform-origin: left bottom } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; opacity: 1; transform-origin: left bottom } to { -webkit-transform: rotate(-45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(-45deg); transform-origin: left bottom } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; opacity: 1; transform-origin: right bottom } to { -webkit-transform: rotate(90deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(90deg); transform-origin: right bottom } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; opacity: 1; transform-origin: right bottom } to { -webkit-transform: rotate(90deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(90deg); transform-origin: right bottom } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight } @-webkit-keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; -webkit-transform-origin: top left; animation-timing-function: ease-in-out; transform-origin: top left } 20%, 60% { -webkit-animation-timing-function: ease-in-out; -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; animation-timing-function: ease-in-out; transform: rotate(80deg); transform-origin: top left } 40%, 80% { -webkit-animation-timing-function: ease-in-out; -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; transform: rotate(60deg); transform-origin: top left } to { -webkit-transform: translate3d(0, 700px, 0); opacity: 0; transform: translate3d(0, 700px, 0) } } @keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; -webkit-transform-origin: top left; animation-timing-function: ease-in-out; transform-origin: top left } 20%, 60% { -webkit-animation-timing-function: ease-in-out; -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; animation-timing-function: ease-in-out; transform: rotate(80deg); transform-origin: top left } 40%, 80% { -webkit-animation-timing-function: ease-in-out; -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; transform: rotate(60deg); transform-origin: top left } to { -webkit-transform: translate3d(0, 700px, 0); opacity: 0; transform: translate3d(0, 700px, 0) } } .hinge { -webkit-animation-duration: 2s; -webkit-animation-name: hinge; animation-duration: 2s; animation-name: hinge } @-webkit-keyframes jackInTheBox { 0% { -webkit-transform: scale(.1) rotate(30deg); -webkit-transform-origin: center bottom; opacity: 0; transform: scale(.1) rotate(30deg); transform-origin: center bottom } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg) } to { -webkit-transform: scale(1); opacity: 1; transform: scale(1) } } @keyframes jackInTheBox { 0% { -webkit-transform: scale(.1) rotate(30deg); -webkit-transform-origin: center bottom; opacity: 0; transform: scale(.1) rotate(30deg); transform-origin: center bottom } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg) } to { -webkit-transform: scale(1); opacity: 1; transform: scale(1) } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox } @-webkit-keyframes rollIn { 0% { -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); opacity: 0; transform: translate3d(-100%, 0, 0) rotate(-120deg) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } @keyframes rollIn { 0% { -webkit-transform: translate3d(-100%, 0, 0) rotate(-120deg); opacity: 0; transform: translate3d(-100%, 0, 0) rotate(-120deg) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); opacity: 0; transform: translate3d(100%, 0, 0) rotate(120deg) } } @keyframes rollOut { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%, 0, 0) rotate(120deg); opacity: 0; transform: translate3d(100%, 0, 0) rotate(120deg) } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut } @-webkit-keyframes zoomIn { 0% { -webkit-transform: scale3d(.3, .3, .3); opacity: 0; transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } @keyframes zoomIn { 0% { -webkit-transform: scale3d(.3, .3, .3); opacity: 0; transform: scale3d(.3, .3, .3) } 50% { opacity: 1 } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn } @-webkit-keyframes zoomInDown { 0% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0) } 60% { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0) } } @keyframes zoomInDown { 0% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0) } 60% { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0) } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown } @-webkit-keyframes zoomInLeft { 0% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 0; transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0) } 60% { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 1; transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0) } } @keyframes zoomInLeft { 0% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 0; transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0) } 60% { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 1; transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0) } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft } @-webkit-keyframes zoomInRight { 0% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 0; transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0) } 60% { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0) } } @keyframes zoomInRight { 0% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 0; transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0) } 60% { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0) } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight } @-webkit-keyframes zoomInUp { 0% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0) } 60% { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0) } } @keyframes zoomInUp { 0% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0) } 60% { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0) } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp } @-webkit-keyframes zoomOut { 0% { opacity: 1 } 50% { -webkit-transform: scale3d(.3, .3, .3); opacity: 0; transform: scale3d(.3, .3, .3) } to { opacity: 0 } } @keyframes zoomOut { 0% { opacity: 1 } 50% { -webkit-transform: scale3d(.3, .3, .3); opacity: 0; transform: scale3d(.3, .3, .3) } to { opacity: 0 } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut } @-webkit-keyframes zoomOutDown { 40% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0) } to { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform-origin: center bottom } } @keyframes zoomOutDown { 40% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0) } to { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); -webkit-transform-origin: center bottom; animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0); transform-origin: center bottom } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown } @-webkit-keyframes zoomOutLeft { 40% { -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); opacity: 1; transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) } to { -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; opacity: 0; transform: scale(.1) translate3d(-2000px, 0, 0); transform-origin: left center } } @keyframes zoomOutLeft { 40% { -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0); opacity: 1; transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0) } to { -webkit-transform: scale(.1) translate3d(-2000px, 0, 0); -webkit-transform-origin: left center; opacity: 0; transform: scale(.1) translate3d(-2000px, 0, 0); transform-origin: left center } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft } @-webkit-keyframes zoomOutRight { 40% { -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } to { -webkit-transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; opacity: 0; transform: scale(.1) translate3d(2000px, 0, 0); transform-origin: right center } } @keyframes zoomOutRight { 40% { -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0); opacity: 1; transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0) } to { -webkit-transform: scale(.1) translate3d(2000px, 0, 0); -webkit-transform-origin: right center; opacity: 0; transform: scale(.1) translate3d(2000px, 0, 0); transform-origin: right center } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight } @-webkit-keyframes zoomOutUp { 40% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0) } to { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform-origin: center bottom } } @keyframes zoomOutUp { 40% { -webkit-animation-timing-function: cubic-bezier(.55, .055, .675, .19); -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0); animation-timing-function: cubic-bezier(.55, .055, .675, .19); opacity: 1; transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0) } to { -webkit-animation-timing-function: cubic-bezier(.175, .885, .32, 1); -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); -webkit-transform-origin: center bottom; animation-timing-function: cubic-bezier(.175, .885, .32, 1); opacity: 0; transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0); transform-origin: center bottom } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: hidden } } @keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); visibility: hidden } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: hidden } } @keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); visibility: hidden } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: hidden } } @keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); visibility: hidden } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: hidden } } @keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { -webkit-transform: translate3d(0, -100%, 0); transform: translate3d(0, -100%, 0); visibility: hidden } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp } .animated { -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both; animation-duration: 1s; animation-fill-mode: both } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s } .animated.fast { -webkit-animation-duration: .8s; animation-duration: .8s } .animated.faster { -webkit-animation-duration: .5s; animation-duration: .5s } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s } @media (prefers-reduced-motion) { .animated { -webkit-animation: unset  !important; -webkit-transition: none  !important; animation: unset  !important; transition: none  !important } } @-webkit-keyframes vtex-render-runtime-8-x-slide { 0% { transform: translate3d(-50%, 0, 0) } to { transform: translateZ(0) } } @keyframes vtex-render-runtime-8-x-slide { 0% { transform: translate3d(-50%, 0, 0) } to { transform: translateZ(0) } } .vtex-render-runtime-8-x-slide { -webkit-animation: vtex-render-runtime-8-x-slide 1.5s linear infinite; animation: vtex-render-runtime-8-x-slide 1.5s linear infinite } .vtex-render-runtime-8-x-lazyload.lazyload { opacity: 0 } @-webkit-keyframes vtex-render-runtime-8-x-loading-bar-animation { 0% { transform: scaleX(0) } 10% { transform: scaleX(.5) } 20% { transform: scaleX(.75) } to { transform: scaleX(.95) } } @keyframes vtex-render-runtime-8-x-loading-bar-animation { 0% { transform: scaleX(0) } 10% { transform: scaleX(.5) } 20% { transform: scaleX(.75) } to { transform: scaleX(.95) } } .vtex-render-runtime-8-x-loadingBarAnimation { transform-origin: 0 0; -webkit-animation: vtex-render-runtime-8-x-loading-bar-animation 6s ease-out; animation: vtex-render-runtime-8-x-loading-bar-animation 6s ease-out; transform: scaleX(.95) } body { padding-top: 150px  !important; background-color: #001428  !important; overflow-x: hidden  !important } @media (min-width: 768px) { body { padding-top: 160px  !important } } @media (min-width: 1024px) { body { padding-top: 90px  !important } } @media only screen and (max-width: 780px) { .header-wrapper { z-index: 999997  !important } } .header-wrapper { position: fixed; top: 0; width: 100%; z-index: 1113; overflow: revert } .vtex-store-components-3-x-suffixWrapper .vtex-store-components-3-x-searchBarIcon .vtex-store-components-3-x-searchIcon { display: inline-block; color: #fff } .vtex-store-components-3-x-searchBarIcon--search:after { content: none  !important } .bg-action-primary { background-color: #ff554d  !important; border-color: #ff554c  !important } .navbar-menu-wrapper { width: 100%; display: flex; justify-content: space-between } @media only screen and ((min-width: 992px)) { .navbar-menu-wrapper { background: #000a13; opacity: 1 } } .navbar-wrapper.w-100, .navbar-wrapper.w-100 a { color: #fff } .navbar-menu-wrapper.hover { min-height: 400px } .product-page { background: #fff; border-bottom: 1px solid #ccc; display: none; position: fixed; top: 0; height: 64px; padding-top: 6px; width: 100%; z-index: 1201 } .product-page.show { display: none } .product-page-container { align-items: center; display: flex } .product-page .product-price-container { flex: 1; margin: 0 20px } .product-name-container, .product-page .product-price-container .product-price-container .vtex-store-components-3-x-sellingPrice, .product-price-container .vtex-store-components-3-x-listPriceValue, .product-price-container .vtex-store-components-3-x-priceContainer { align-items: center; display: flex } .product-name-container { cursor: pointer; height: 100% } .product-name-container img { -webkit-filter: invert(30%) grayscale(100%) brightness(70%) contrast(1000); filter: invert(30%) grayscale(100%) brightness(70%) contrast(1000); max-width: 100px; width: 100% } .product-page .product-price-container span { font-weight: 400 } .product-page .hide-button { visibility: hidden } .product-page .buy-button-container button { display: inline-block  !important; width: auto  !important } .product-page .product-price-container { display: flex; justify-content: flex-end; flex: 2; margin: 0 30px } .product-page .product-links-container a { color: #000; cursor: pointer; text-decoration: none; font-size: 14px; margin: 0 20px } .product-page .product-links-container a:after { content: "›"; margin-left: 10px; font-size: 20px } .product-page .product-links-container a:hover { font-weight: 700 } .product-page .buy-button-container a, .product-page .buy-button-container button { align-items: center; background: #cf4039; border: 1px solid #cf4039; border-radius: 30px; display: flex; font-weight: 300; font-size: 16px; text-decoration: none; color: #fff; text-transform: none; padding: 10px 20px; height: 50px } .product-page .product-links-container.desktop-links-container, .product-page .product-links-container.desktop-links-container.mobile-links-container { display: flex } @media only screen and (max-width: 1279px) { .header-wrapper { -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); overflow: auto } .navbar-menu-wrapper.hover { min-height: auto } .navbar-menu-wrapper.navbar-menu-mobileWrapper { height: 100vh; min-height: 130vh; align-items: baseline; position: absolute } .navbar-menu-wrapper.navbar-menu-mobileWrapper .notification-bar__title { display: flex; align-items: center } } .notification-bar__title a:hover { color: #fff  !important } @media (min-width: 1280px) { .product-page .product-links-container.desktop-links-container, .product-page .product-links-container.desktop-links-container.mobile-links-container { display: none } } @media only screen and (min-width: 1025px) { .vtex-search-2-x-itemList { overflow: hidden; flex: initial  !important } } .vtex-search-2-x-itemList { overflow: hidden; flex: initial  !important } .vtex-product-summary-2-x-productNameContainer, .vtex-search-2-x-biggy-autocomplete .vtex-product-price-1-x-sellingPriceValue, .vtex-search-2-x-itemListTitle, .vtex-search-2-x-tileListTitle { color: #fff  !important } .vtex-search-2-x-itemList--history { display: none } @media (max-width: 767px) { .vtex-search-2-x-itemListSubItem .vtex-search-2-x-itemListSubItemLink, .vtex-search-2-x-priceContainer span, .vtex-search-2-x-productNameContainer .vtex-search-2-x-productBrand, .vtex-search-2-x-tileListSeeMore { color: #fff  !important } } @media (min-width: 768px) and (max-width:1024px) { .vtex-search-2-x-itemListSubItem .vtex-search-2-x-itemListSubItemLink, .vtex-search-2-x-priceContainer span, .vtex-search-2-x-productNameContainer .vtex-search-2-x-productBrand, .vtex-search-2-x-tileListSeeMore { color: #fff  !important } } .vtex-search-2-x-tileList { border-left: none  !important } a#cffbtb { top: 55%  !important } .in-page-navigation { position: fixed; bottom: 0; z-index: 1001; margin: 0 auto; left: 0; right: 0; width: 264px; border-radius: 25px 25px 0 0; -moz-border-radius: 25px 25px 0 0; -webkit-border-radius: 25px 25px 0 0; box-shadow: 0 0 8px 1px hsla(0, 0%, 100%, .6) } .in-page-navigation .col-xs-12, .in-page-navigation .container { margin: 0; padding: 0; float: none; width: auto } .in-page-navigation .in-page-navigation-block ul { margin: 0; float: left; width: 70% } .in-page-navigation .in-page-navigation-block ul li { float: none; text-align: center; display: none } .in-page-navigation .in-page-navigation-block ul li a { font-size: 14px; padding: 10px 0; font-weight: 400; color: #fff; text-decoration: none; float: none; line-height: 20px; display: block } .in-page-navigation .in-page-navigation-block ul .active { display: block } .in-page-navigation .in-page-navigation-block .previous { float: left; width: 11%; text-align: center; vertical-align: middle; line-height: 40px; cursor: pointer; padding-left: 10px } .in-page-navigation .in-page-navigation-block .next { float: right; width: 11%; text-align: center; vertical-align: middle; line-height: 40px; cursor: pointer; padding-right: 10px } .in-page-navigation .in-page-navigation-block.active .next, .in-page-navigation .in-page-navigation-block.active .previous { display: block } .in-page-navigation .in-page-navigation-block.active .scroll-down { display: none } .in-page-navigation .in-page-navigation-block.active li { display: block } .in-page-navigation ul li a:focus, .in-page-navigation ul li a:hover { background: none; background-color: transparent  !important } @media screen and (min-width: 768px) { .in-page-navigation { width: auto; bottom: auto; border-radius: inherit; -moz-border-radius: inherit; -webkit-border-radius: inherit; box-shadow: none } .in-page-navigation .col-xs-12, .in-page-navigation .container { margin: inherit } .in-page-navigation .scroll-down { display: none  !important } .in-page-navigation .next, .in-page-navigation .previous { display: none } .in-page-navigation .in-page-navigation-block { height: 30px; margin-left: 46px } .in-page-navigation .in-page-navigation-block ul { width: 100% } .in-page-navigation .in-page-navigation-block ul li { float: left; display: block; padding: 0 15px } .in-page-navigation .in-page-navigation-block ul li a { padding: 7px 0; float: left } .in-page-navigation .in-page-navigation-block.active .next, .in-page-navigation .in-page-navigation-block.active .previous, .in-page-navigation .in-page-navigation-block .next, .in-page-navigation .in-page-navigation-block .previous { display: none } .in-page-navigation .navbar-nav>li>a { line-height: 16px } } @media screen and (min-width: 992px) { .in-page-navigation { margin-top: 4px } } * { font-family: Montserrat } .container { margin: 0 auto; height: auto } body { padding-top: 83px } @media (min-width: 1140px) { .container { max-width: 1140px } } @media (max-width: 1139px) { .container { max-width: 970px } } @media (max-width: 1119px) { body { padding-top: 54px } .container { max-width: 100% } } @media (max-width: 411px) { .vtex-toast, .vtex-toast a { font-size: 13px  !important } } section[data-testid=warnings-section] ul li:first-child p { visibility: hidden; position: relative } section[data-testid=warnings-section] ul li:first-child p:after { content: "Payment approval may take from 4 hours up to 5 business days."; visibility: visible; display: block; margin-top: -.75rem } a[data-testid=button-link] button.c-danger { display: none } .vtex-my-orders-app-3-x-orderDetails>div>section>article:nth-child(3)>section>div:nth-child(4)>div:first-child { visibility: hidden } .vtex-my-orders-app-3-x-orderDetails>div>section>article:nth-child(3)>section>div:nth-child(4)>div:first-child:after { content: "Taxes"; visibility: visible; display: block; margin-top: -1rem } .container-fluid { margin-right: auto; margin-left: auto; padding-right: 2rem; padding-left: 2rem } .row { box-sizing: border-box; display: flex; flex: 0 1 auto; flex-direction: row; flex-wrap: wrap; margin-right: -1rem; margin-left: -1rem } .row.reverse { flex-direction: row-reverse } .col.reverse { flex-direction: column-reverse } .col-xs, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { box-sizing: border-box; flex: 0 0 auto; padding-right: 1rem; padding-left: 1rem } .col-xs { flex-grow: 1; flex-basis: 0; max-width: 100% } .col-xs-1 { flex-basis: 8.333%; max-width: 8.333% } .col-xs-2 { flex-basis: 16.667%; max-width: 16.667% } .col-xs-3 { flex-basis: 25%; max-width: 25% } .col-xs-4 { flex-basis: 33.333%; max-width: 33.333% } .col-xs-5 { flex-basis: 41.667%; max-width: 41.667% } .col-xs-6 { flex-basis: 50%; max-width: 50% } .col-xs-7 { flex-basis: 58.333%; max-width: 58.333% } .col-xs-8 { flex-basis: 66.667%; max-width: 66.667% } .col-xs-9 { flex-basis: 75%; max-width: 75% } .col-xs-10 { flex-basis: 83.333%; max-width: 83.333% } .col-xs-11 { flex-basis: 91.667%; max-width: 91.667% } .col-xs-12 { flex-basis: 100%; max-width: 100% } .col-xs-offset-1 { margin-left: 8.333% } .col-xs-offset-2 { margin-left: 16.667% } .col-xs-offset-3 { margin-left: 25% } .col-xs-offset-4 { margin-left: 33.333% } .col-xs-offset-5 { margin-left: 41.667% } .col-xs-offset-6 { margin-left: 50% } .col-xs-offset-7 { margin-left: 58.333% } .col-xs-offset-8 { margin-left: 66.667% } .col-xs-offset-9 { margin-left: 75% } .col-xs-offset-10 { margin-left: 83.333% } .col-xs-offset-11 { margin-left: 91.667% } .start-xs { justify-content: flex-start; text-align: start } .center-xs { justify-content: center; text-align: center } .end-xs { justify-content: flex-end; text-align: end } .top-xs { align-items: flex-start } .middle-xs { align-items: center } .bottom-xs { align-items: flex-end } .around-xs { justify-content: space-around } .between-xs { justify-content: space-between } .first-xs { order: -1 } .last-xs { order: 1 } @media only screen and (min-width: 48em) { .container { width: 46rem } .col-sm, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { box-sizing: border-box; flex: 0 0 auto; padding-right: 1rem; padding-left: 1rem } .col-sm { flex-grow: 1; flex-basis: 0; max-width: 100% } .col-sm-1 { flex-basis: 8.333%; max-width: 8.333% } .col-sm-2 { flex-basis: 16.667%; max-width: 16.667% } .col-sm-3 { flex-basis: 25%; max-width: 25% } .col-sm-4 { flex-basis: 33.333%; max-width: 33.333% } .col-sm-5 { flex-basis: 41.667%; max-width: 41.667% } .col-sm-6 { flex-basis: 50%; max-width: 50% } .col-sm-7 { flex-basis: 58.333%; max-width: 58.333% } .col-sm-8 { flex-basis: 66.667%; max-width: 66.667% } .col-sm-9 { flex-basis: 75%; max-width: 75% } .col-sm-10 { flex-basis: 83.333%; max-width: 83.333% } .col-sm-11 { flex-basis: 91.667%; max-width: 91.667% } .col-sm-12 { flex-basis: 100%; max-width: 100% } .col-sm-offset-1 { margin-left: 8.333% } .col-sm-offset-2 { margin-left: 16.667% } .col-sm-offset-3 { margin-left: 25% } .col-sm-offset-4 { margin-left: 33.333% } .col-sm-offset-5 { margin-left: 41.667% } .col-sm-offset-6 { margin-left: 50% } .col-sm-offset-7 { margin-left: 58.333% } .col-sm-offset-8 { margin-left: 66.667% } .col-sm-offset-9 { margin-left: 75% } .col-sm-offset-10 { margin-left: 83.333% } .col-sm-offset-11 { margin-left: 91.667% } .start-sm { justify-content: flex-start; text-align: start } .center-sm { justify-content: center; text-align: center } .end-sm { justify-content: flex-end; text-align: end } .top-sm { align-items: flex-start } .middle-sm { align-items: center } .bottom-sm { align-items: flex-end } .around-sm { justify-content: space-around } .between-sm { justify-content: space-between } .first-sm { order: -1 } .last-sm { order: 1 } } @media only screen and (min-width: 62em) { .container { width: 61rem } .col-md, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { box-sizing: border-box; flex: 0 0 auto; padding-right: 1rem; padding-left: 1rem } .col-md { flex-grow: 1; flex-basis: 0; max-width: 100% } .col-md-1 { flex-basis: 8.333%; max-width: 8.333% } .col-md-2 { flex-basis: 16.667%; max-width: 16.667% } .col-md-3 { flex-basis: 25%; max-width: 25% } .col-md-4 { flex-basis: 33.333%; max-width: 33.333% } .col-md-5 { flex-basis: 41.667%; max-width: 41.667% } .col-md-6 { flex-basis: 50%; max-width: 50% } .col-md-7 { flex-basis: 58.333%; max-width: 58.333% } .col-md-8 { flex-basis: 66.667%; max-width: 66.667% } .col-md-9 { flex-basis: 75%; max-width: 75% } .col-md-10 { flex-basis: 83.333%; max-width: 83.333% } .col-md-11 { flex-basis: 91.667%; max-width: 91.667% } .col-md-12 { flex-basis: 100%; max-width: 100% } .col-md-offset-1 { margin-left: 8.333% } .col-md-offset-2 { margin-left: 16.667% } .col-md-offset-3 { margin-left: 25% } .col-md-offset-4 { margin-left: 33.333% } .col-md-offset-5 { margin-left: 41.667% } .col-md-offset-6 { margin-left: 50% } .col-md-offset-7 { margin-left: 58.333% } .col-md-offset-8 { margin-left: 66.667% } .col-md-offset-9 { margin-left: 75% } .col-md-offset-10 { margin-left: 83.333% } .col-md-offset-11 { margin-left: 91.667% } .start-md { justify-content: flex-start; text-align: start } .center-md { justify-content: center; text-align: center } .end-md { justify-content: flex-end; text-align: end } .top-md { align-items: flex-start } .middle-md { align-items: center } .bottom-md { align-items: flex-end } .around-md { justify-content: space-around } .between-md { justify-content: space-between } .first-md { order: -1 } .last-md { order: 1 } } @media only screen and (min-width: 75em) { .container { width: 71rem; background: white; } .col-lg, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { box-sizing: border-box; flex: 0 0 auto; padding-right: 1rem; padding-left: 1rem } .col-lg { flex-grow: 1; flex-basis: 0; max-width: 100% } .col-lg-1 { flex-basis: 8.333%; max-width: 8.333% } .col-lg-2 { flex-basis: 16.667%; max-width: 16.667% } .col-lg-3 { flex-basis: 25%; max-width: 25% } .col-lg-4 { flex-basis: 33.333%; max-width: 33.333% } .col-lg-5 { flex-basis: 41.667%; max-width: 41.667% } .col-lg-6 { flex-basis: 50%; max-width: 50% } .col-lg-7 { flex-basis: 58.333%; max-width: 58.333% } .col-lg-8 { flex-basis: 66.667%; max-width: 66.667% } .col-lg-9 { flex-basis: 75%; max-width: 75% } .col-lg-10 { flex-basis: 83.333%; max-width: 83.333% } .col-lg-11 { flex-basis: 91.667%; max-width: 91.667% } .col-lg-12 { flex-basis: 100%; max-width: 100% } .col-lg-offset-1 { margin-left: 8.333% } .col-lg-offset-2 { margin-left: 16.667% } .col-lg-offset-3 { margin-left: 25% } .col-lg-offset-4 { margin-left: 33.333% } .col-lg-offset-5 { margin-left: 41.667% } .col-lg-offset-6 { margin-left: 50% } .col-lg-offset-7 { margin-left: 58.333% } .col-lg-offset-8 { margin-left: 66.667% } .col-lg-offset-9 { margin-left: 75% } .col-lg-offset-10 { margin-left: 83.333% } .col-lg-offset-11 { margin-left: 91.667% } .start-lg { justify-content: flex-start; text-align: start } .center-lg { justify-content: center; text-align: center } .end-lg { justify-content: flex-end; text-align: end } .top-lg { align-items: flex-start } .middle-lg { align-items: center } .bottom-lg { align-items: flex-end } .around-lg { justify-content: space-around } .between-lg { justify-content: space-between } .first-lg { order: -1 } .last-lg { order: 1 } } [class*=about-us] .content { position: relative } [class*=about-us] #single-column-promo { height: auto; margin-bottom: 2em } [class*=about-us] .flex.flex-grow-1.w-100.flex-column { background-color: #001428; color: #fff } [class*=about-us] a { color: #fff } [class*=about-us] .container-fluid { padding-left: 0; padding-right: 0 } [class*=about-us] .row { display: table; width: 100%; height: 100%; margin: 32px 0 0 } [class*=about-us] .viewport-custom-full .row { font-weight: 300; font-size: 14px; line-height: 24px; letter-spacing: 0; color: #fff } [class*=about-us] .hero-info h1 { font-weight: 300; font-size: 32px; line-height: 39px; letter-spacing: 0; color: #fff; margin: 0 } [class*=about-us] .single-column-area h2 { font-weight: 300 } [class*=about-us] .hero-info { position: absolute; z-index: 10; bottom: 24px; width: 100% } [class*=about-us] .content .field-type-image { display: none } [class*=about-us] .field-name-field-product-background-image-m { width: 100%; height: 416px } [class*=about-us] .field-name-field-product-background-image-m img { width: 100%; height: 416px; -o-object-fit: cover; object-fit: cover } [class*=about-us] .col-image:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; display: inline-block; background: transparent linear-gradient(180deg, transparent, #000) 0 0 no-repeat padding-box; opacity: 1 } [class*=about-us] .checkout-footer-social { border-top: 1px solid hsla(0, 0%, 100%, .3) } @media (max-width: 767px) { [class*=about-us] .field-name-field-product-background-image-m { display: block  !important } } @media (min-width: 768px) { [class*=about-us] .col-xs-10.col-sm-6.col-md-5.col-lg-5.pv10-ns .field.field-name-field-fullb-description.field-type-text-long.field-label-hidden .field-items .field-item.even { color: #fff } [class*=about-us] .viewport-custom-full .row { font-size: 16px } [class*=about-us] .row { margin-top: 48px } [class*=about-us] .hero-info h1 { font-size: 48px; line-height: 58px; letter-spacing: 0 } [class*=about-us] .field-name-field-product-background-image { width: 100%; height: 512px; display: block  !important } [class*=about-us] .field-name-field-product-background-image img { width: 100%; height: 512px; -o-object-fit: cover; object-fit: cover } [class*=about-us] .hero-info { bottom: 32px } } @media (min-width: 1024px) { [class*=about-us] .field-name-field-product-background-image, [class*=about-us] .field-name-field-product-background-image img { height: 384px } } @media (min-width: 1200px) { [class*=about-us] .field-name-field-product-background-image, [class*=about-us] .field-name-field-product-background-image img { height: 476px } } @media (max-width: 1339px) { [class*=about-us] .row { padding-left: 1em; padding-right: 1em } } .pdp-faq-title { padding: 20px 0 } .pdp-faq-title h1 { font-size: 24px; font-weight: 300 } .Collapsible__trigger.is-open .pdp-faq-question { font-weight: 300 } .pdp-faq-question-container .Collapsible { border-bottom: 1px solid #ccc } .pdp-faq-question-title { align-items: center; cursor: pointer; display: flex; justify-content: space-between } .pdp-faq-question-icon { align-items: center; border-radius: 50%; justify-content: center; display: flex; width: 45px; height: 45px } .pdp-faq-question-icon .pdp-faq-question-icon-svg { width: 20px; height: 20px } .pdp-faq-question-title:hover .pdp-faq-question-icon { background: #192b3d } .pdp-faq-question { cursor: pointer; padding: 20px 10px 20px 0; font-weight: 300 } .pdp-faq-answer { padding: 20px 20px 20px 0; font-weight: 300; text-align: left } .pdp-faq-container { background-color: #001428; color: #fff; padding-bottom: 30px; position: relative; padding-left: 20px; padding-right: 20px } .pdp-faq-question-icon svg.pdp-faq-question-icon-svg { fill: #fff } .notification-bar { background-color: #000; color: #fff; font-size: 12px; transition: all .5s; width: 100%; padding: 15px; display: flex; align-items: center; justify-content: center; text-transform: uppercase  !important; font: normal normal normal 14px/16px Montserrat; letter-spacing: -.21px } @media (max-width: 1024px) { .notification-bar { padding: 0 } } .notification-bar .notification-bar__title { display: flex; justify-content: center; align-items: center } @media (max-width: 1280px) { .notification-bar .notification-bar__title { width: 100%; justify-content: space-between; padding: 0 15px } } .notification-bar a { color: inherit; display: inline-block; text-indent: 5px; white-space: nowrap } .notification-bar .notification-bar__exit-btn { cursor: pointer; font-size: 15px; display: flex; align-items: center; position: absolute; right: 15px } .notification-mobile-bar .notification-bar__exit-btn { margin-right: 24px; display: table-cell } .notification-bar__exit-btn svg { color: #fff; cursor: pointer } .mobile-notification-box { padding: 15px } .mobile-notification-box .mobile-notification-title { padding: 0; flex-direction: column } .mobile-notification-box .mobile-notification-button { margin: 0; position: unset } .main-navbar-wrapper>li:hover .sub-navbar-content { display: block } .main-navbar-wrapper .sub-navbar-content { display: none } .main-navbar-wrapper .subNB-content-open { display: flex } .main-navbar-wrapper .subNB-content-close { display: none } .sub-main-navbar-wrapper .subNB-content-open { display: flex } .sub-main-navbar-wrapper .subNB-content-close { display: none } .sub-navbar-wrapper { display: flex; flex-wrap: nowrap; align-items: flex-end; text-align: center; width: 100%; -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); position: absolute; left: 0; right: 0; padding: 40px 0; transition: all .5s; opacity: .95 } li.subnavWrapper { padding: 0; transition: color .5s } .subnavWrapper figure { width: 100%; margin: 0; font-size: 14px; line-height: 0 } .subnavWrapper img { width: 180px; min-height: 118px } li.subnavWrapperLayer2 { padding: 0; margin: 0 10px; transition: color .5s; flex-basis: 14%; margin-top: 20px  !important } @media only screen and ((min-width: 480px)) { .subnavWrapper figcaption { margin: 25px 0 } li.subnavWrapper { padding: 0; transition: color .5s; margin-right: 30px } .sub-main-navbar-wrapper .is-Image { margin-left: -15px } .sub-main-navbar-wrapper .sub-navbar-item { padding: 0 18px } .main-navbar-wrapper .subNB-content-open { display: flex; align-items: flex-start; flex-wrap: wrap } .sub-navbar-wrapper { justify-content: center } .main-navbar-wrapper .navbar-item:hover, li.subnavWrapperLayer2:hover { color: #82c1e9 } .view-less-wrapper { margin-top: 20px; border-bottom: 2px solid #82c1e9 } } .subnavWrapperLayer2 figure { width: 100%; margin: 0; font-size: 14px; line-height: 0 } .subnavWrapperLayer2 figcaption { margin: 25px 0 } .subnavWrapperLayer2 img { width: 180px; min-height: 118px } .sub-navbar-wrapper.subnav_header_only { margin: 0 auto } .main-navbar-wrapper .navbar-item { display: flex; justify-content: space-between; height: 65px; align-items: center } .main-navbar-wrapper .navbar-item .navbar-title { text-decoration: none } .main-navbar-wrapper li:not(:first-child) .subnav-catogery { display: none } .sub-navbar-wrapper .subnav-catogery { width: 100%; position: absolute; top: 40px; display: none; justify-content: center; align-items: center } .sub-navbar-wrapper .subnav-catogery>div { font-size: 16px; color: hsla(0, 0%, 100%, .4); margin: 0 10px; font-weight: 700 } .sub-navbar-wrapper .subnav-catogery>div.subnav-catogery-active-link { color: #82c1e9; border-bottom: 1px solid } @media only screen and (max-width: 1279px) { .sub-navbar-wrapper { flex-wrap: nowrap; position: relative } .sub-navbar-wrapper.subnav_header_only>li.subnavWrapper { flex: 1 1 100%; text-align: left } .sub-navbar-wrapper.subnav_header_only>li.subnavWrapperLayer2 { flex: 1 1 100%; text-align: left; margin-left: 40px } .main-navbar-wrapper .navbar-item { padding: 0 14px } .sub-navbar-wrapper.subnav_header_only { width: 85% } .subnavWrapper img, .subnavWrapperLayer2 img { width: 106px } .sub-navbar-wrapper { padding: 0 } .sub-navbar-wrapper .subnav-catogery { display: none } .main-navbar-wrapper li:first-child .sub-navbar-wrapper { padding-top: 0 } li.subnavWrapperLayer2 { text-align: left; margin-left: 10px; margin-right: 0  !important; flex-basis: unset  !important } .sub-main-navbar-wrapper .sub-navbar-item { display: flex; justify-content: space-between; align-items: center; text-align: center } .sub-navbar-wrapper-layer2 { height: auto  !important; overflow: hidden  !important; padding: 0  !important; position: relative  !important; justify-content: left  !important } .view-more-mobile { margin-left: 108px } .view-less-mobile, .view-more-mobile { outline: none; border: none; cursor: pointer; font: normal normal medium 16px/19px Montserrat; letter-spacing: 0; color: #93bfe6; background: none } .view-less-mobile { margin-left: 100px } .view-more-wrapper { position: unset  !important; bottom: unset  !important; border: 0  !important } .sub-navbar-wrapper.subnav_header_only { flex-wrap: wrap  !important } .sub-navbar-wrapper.subnav_header_only .sub-navbar-item { width: 340px } @media (min-device-width: 768px) and (max-width:834px) { .sub-navbar-wrapper.subnav_header_only .sub-navbar-item { width: 500px } } .subnavWrapperLayer2 figcaption { margin: 25px 0; text-align: center } .view-less-mobile .arrow { margin-top: -8px  !important } .view-less-mobile .arrow, .view-less-mobile .arrow2 { transform: rotate(225deg)  !important } } .sub-navbar-wrapper-layer2 { flex-wrap: wrap; justify-content: center; align-items: flex-end; text-align: center; position: absolute; left: 0; right: 0; transition: all .5s; height: 345px; overflow-y: scroll } @media screen and (max-width: 480px) { .main-navbar-wrapper .subNB-content-open { display: flex; justify-content: space-evenly; align-items: flex-start; flex-wrap: wrap; width: 100% } li.subnavWrapperLayer2 { margin: 0; width: 33% } li.subnavWrapper { width: 33% } .subnavWrapper figcaption { margin: 25px 0; line-height: 15px; width: 100%; text-align: left } } @media only screen and ((min-width: 992px)) { .sub-navbar-wrapper-layer2 { background-image: linear-gradient(0deg, rgba(0, 0, 0, .96) 100%, transparent 0) } .sub-navbar-wrapper { opacity: .95; background: #000 0 0 no-repeat padding-box } } ul.sub-main-navbar-wrapper { display: flex } .sub-main-navbar-wrapper li:hover .sub-nav-layer2 { display: block } .sub-nav-layer2 { display: none } .view-more { outline: none; background: #000; cursor: pointer; font: normal normal medium 16px/19px Montserrat; letter-spacing: 0; color: #93bfe6; height: 32px; margin-left: -20px; margin-right: -5px } .add-scroll { overflow-y: scroll } ::-webkit-scrollbar { width: 5px } ::-webkit-scrollbar-track { background: #f1f1f1; background-color: transparent } ::-webkit-scrollbar-thumb { background: #888; border-radius: 3px } ::-webkit-scrollbar-thumb:hover { background: #555 } .sub-main-navbar-wrapper>li:hover .main-nav-figure { color: #82c1e9 } .view-more-wrapper { position: absolute; bottom: 20px; border-bottom: 2px solid #82c1e9 } .increase { height: 400px } .view-less { outline: none; background: #000; cursor: pointer; font: normal normal medium 16px/19px Montserrat; letter-spacing: 0; color: #93bfe6; height: 32px; margin-left: -20px } .view-less .arrow { margin-top: -9px  !important } .view-less .arrow, .view-less .arrow2 { transform: rotate(225deg)  !important } .subNB-color-blue { color: #82c1e9 } .subNB-color-white { color: #fff } .newwidth { width: 1366px; display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-end; text-align: center; padding-bottom: 65px; left: 0; right: 0; transition: all .5s; background-image: linear-gradient(0deg, rgba(0, 0, 0, .96) 100%, transparent 0); height: 345px; margin: auto } @media only screen and ((min-width: 480px)) { .mobile-container-wrapper a { color: inherit; display: inline-block; text-indent: -2px; white-space: nowrap } } .navbar-wrapper { width: inherit; display: flex; align-items: center; justify-content: center; color: #fff } .mobile-navbar-wrapper { transition: 1s ease-in; height: auto; background-color: #000a13; -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); margin: 0 } .navbar-wrapper .navbar-menu { display: flex; align-items: center } .motorolo-logo-link { display: block } .motorolo-logo { background-repeat: no-repeat; width: 25px; height: 25px; min-width: 25px; min-height: 25px; margin-right: 20px; display: inherit } .main-navbar-wrapper { display: flex; height: inherit; align-items: center } .header-icon button { margin-left: 5px } .header-icon button svg { color: #fff } .navbar-wrapper .header-icon .vtex-store-components-3-x-autoCompleteOuterContainer .vtex-styleguide-9-x-input, .vtex-store-components-3-x-autoCompleteOuterContainer .vtex-input__suffix { background: transparent  !important } .navbar-wrapper .header-icon .vtex-store-components-3-x-autoCompleteOuterContainer .vtex-styleguide-9-x-input:focus { background-color: #fff  !important } .navbar-wrapper .header-icon .vtex-store-components-3-x-searchBarContainer .vtex-input-prefix__group { border-radius: 4px; border: none; background: hsla(0, 0%, 100%, .15) } .navbar-wrapper .header-icon .vtex-button { transition: color .5s } .navbar-wrapper .header-icon .vtex-button:active, .navbar-wrapper .header-icon .vtex-button:focus, .navbar-wrapper .header-icon .vtex-button:hover { background-color: transparent } .navbar-wrapper .header-icon .vtex-button:hover svg, .navbar-wrapper .header-icon .vtex-search-2-x-itemListList a:hover span, .navbar-wrapper .header-icon button.items-center svg { color: #fff } .navbar-wrapper .header-icon .vtex-search-2-x-biggy-autocomplete { background: transparent } .navbar-wrapper .header-icon .vtex-search-2-x-itemListItem { border-bottom: 1px solid hsla(0, 0%, 100%, .15); padding: 10px 0 } .navbar-wrapper .header-icon .vtex-search-2-x-itemListList a span { color: #fff; font-size: 16px; transition: all .5s } .navbar-wrapper .header-icon .vtex-search-2-x-itemListList a:hover { background: none } .navbar-wrapper .header-icon .search-wrapper { top: 0; left: 0; z-index: 11; display: flex; justify-content: center; width: auto } .navbar-wrapper .header-icon .mobile-search-wrapper { width: 100% } .navbar-wrapper .header-icon .search-wrapper .vtex-store-components-3-x-searchBarInnerContainer { background-color: hsla(0, 0%, 100%, .1019607843); border-radius: 4px } .navbar-wrapper .header-icon .vtex-search-2-x-biggy-autocomplete-wrapper { width: 96%; position: relative; top: 20px } .navbar-wrapper .header-icon .vtex-search-2-x-biggy-autocomplete { height: 450px; overflow-y: auto; background-color: #000; width: 130%; left: -20%; top: -3px } .navbar-wrapper .header-icon .vtex-search-2-x-biggy-autocomplete .vtex-search-2-x-history-and-top-wrapper { padding: 0; width: 100% } .navbar-wrapper .header-icon .vtex-search-2-x-biggy-autocomplete::-webkit-scrollbar { width: 7px } .navbar-wrapper .header-icon .vtex-search-2-x-biggy-autocomplete::-webkit-scrollbar-thumb { background: #ff5d4d; border-radius: 4px } .navbar-wrapper .header-icon .search-container-arrow { display: none } .navbar-wrapper .header-icon .search-container { width: 90%; display: flex; justify-content: space-between; align-items: center } .navbar-wrapper .header-icon .mobile-search-container { width: 100% } .navbar-wrapper .header-icon .search-container .searchExit { color: #fff; font-size: 22px; margin-right: 20px; cursor: pointer } .navbar-wrapper .header-icon .search-container .open-search-bar { flex: 1; width: 100% } .navbar-wrapper .header-icon .search-container .items-center { background: transparent  !important; border: none  !important } .navbar-wrapper .header-icon .search-container .mw7 { max-width: none } .vtex-login-2-x-portalWrapper .bg-base { background-color: rgba(0, 0, 0, .95); min-width: 0 } .vtex-login-2-x-portalWrapper .bg-base .c-on-base { color: #fff } .vtex-login-2-x-contentForm, .vtex-login-2-x-loginOptionsContainer { min-width: auto  !important; width: auto  !important; text-align: left; border: none  !important } .vtex-login-2-x-content .vtex-button-label { color: #fff } .vtex-login-2-x-portalWrapper .vtex-login-2-x-arrowUp { display: none } .vtex-login-2-x-portalWrapper .vtex-login-2-x-box { top: 5px; left: auto  !important; right: -50px } .vtex-login-2-x-portalWrapper .vtex-button, .vtex-login-2-x-portalWrapper .vtex-login-2-x-button { color: #fff; background: transparent; width: 100%; text-align: left; left: 0 } .vtex-login-2-x-portalWrapper .vtex-button-label { justify-content: flex-start } .a-no-formatting { color: inherit; text-decoration: none } .vtex-login-2-x-content { background-color: #000a13 } .vtex-login-2-x-formTitle { color: #fff } .vtex-login-2-x-sendButton:only-child .vtex-button { color: #fff; background: transparent; width: 100%; text-align: left } .vtex-styleguide-9-x-input { background-color: rgba(0, 0, 0, .95); color: #fff } .mobile-search-wrapper { width: 100%; padding-left: 10px; padding-right: 20px } .mobile-header-icon { width: 100% } .main-navbar-wrapper>li { cursor: pointer; color: #fff; font-size: 15px; margin-right: 10px; padding-left: 10px; padding-right: 10px } .main-navbar-wrapper .expand-button, .main-navbar-wrapper .navbar-hide-desktop { display: none } .hamburger-menu { background-repeat: no-repeat; width: 20px; height: 15px } .local-switcher .t-action--small { color: #fff; text-transform: uppercase } .local-switcher .bg-base { background-color: rgba(0, 0, 0, .95) } .local-switcher .bg-base a { color: #fff; text-decoration: none } .local-switcher .hover-bg-muted-5:focus, .local-switcher .hover-bg-muted-5:hover { background-color: none } .vtex-flex-layout-0-x-flexCol.ml10 { margin-left: 1em; margin-top: .5em  !important } [class*=minicartProductListContainer] { height: 40vh } .vtex-minicart-2-x-drawer, .vtex-minicart-2-x-drawer--minicart-v2, .vtex-minicart-2-x-opened, .vtex-minicart-2-x-opened--minicart-v2, .vtex-product-list-0-x-quantitySelectorIncrease { background-color: #fff  !important } .vtex-minicart-2-x-popupWrapper { width: 437px  !important; min-width: 437px  !important } .vtex-product-list-0-x-quantitySelectorDecrease, .vtex-product-list-0-x-quantitySelectorIncrease { z-index: 2000 } .vtex-minicart-2-x-drawerContent, .vtex-minicart-2-x-popupArrowUp, .vtex-minicart-2-x-popupChildrenContainer { background: transparent  !important } .vtex-login-2-x-container .vtex-login-2-x-label { display: none } .vtex-minicart-2-x-popupArrowUp { background: inherit  !important } @media (min-width: 1280px) { .hamburger-menu-wrapper { display: none  !important } } @media only screen and (min-width: 600px) and (max-width:1024px) { .vtex-login-2-x-profile { display: block  !important } .navbar-wrapper .header-icon .vtex-search-2-x-biggy-autocomplete-wrapper { padding-left: 15%  !important } .navbar-wrapper .header-icon .vtex-search-2-x-biggy-autocomplete .vtex-search-2-x-history-and-top-wrapper { padding-left: 5% } } @media only screen and (max-width: 1279px) { .sub-main-navbar-wrapper .sub-expand-button { display: inline-block; font-weight: 700; font-size: 18px } .navbar-wrapper .navbar-menu.mobile-menu-navbar-logo { margin-right: 0 } .navbar-wrapper { display: flex; justify-content: space-between  !important; background: #000b15 } .navbar-wrapper .hamburger-menu-wrapper { padding-left: 20px } #searchRedesignIcon { display: flex; align-items: center } .main-navbar-wrapper { flex-direction: column; position: fixed; top: 64px; z-index: 1; width: 100%; left: 0; opacity: 1; -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px) } .main-navbar-wrapper.isMobile { display: none } .main-navbar-wrapper .expand-button { display: inline-block; font-weight: 700; font-size: 18px } .main-navbar-wrapper>li:last-child { border-bottom: none } .main-navbar-wrapper .navbar-hide-desktop { display: block } .navbar-wrapper .navbar-menu.mobile-menu-navbar-logo { margin-right: 15% } .navbar-wrapper .header-icon .vtex-search-2-x-biggy-autocomplete { height: 450px; overflow-y: auto; background-color: #000; width: 130%; top: -3px; padding: 0 40px; position: unset  !important; margin-left: -20% } } .mobile-moto-logo { margin-right: 0 } .mobile-container-wrapper .notification-bar__title { display: flex; justify-content: center; align-items: center } @media (max-width: 1280px) { .mobile-container-wrapper .notification-bar__title { width: 100%; justify-content: space-between; padding: 0 15px } } .mobile-container-wrapper a { color: inherit; display: inline-block; word-break: break-word } .mobile-container-wrapper-sub { display: flex; justify-content: space-between } .mobile-menu-navbar-logo { margin-right: -35px } .mobile-login { display: flex; flex-direction: row; padding-left: 15px; margin-top: 25px } .mobile-login .mobile-login-text { font-family: Montserrat, ruble  !important; text-align: left; font-style: normal; font-variant: normal; font-weight: 700; line-height: 19px; font-family: Montserrat; font-size: 16px; letter-spacing: 0; color: #fff; opacity: 1; padding-left: 16px } .mobile-cart-icon-small { margin-right: 15px } .mobile-cart-icon-small button div, .mobile-cart-icon-small div[role=presentation], .mobile-login-icon-small .vtex-login-2-x-container button div { padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0 } .mobile-menu-icons .mobile-menu-sub-icons { display: flex; flex-direction: row; align-items: center } .navbar-wrapper .header-icon .vtex-search-2-x-biggy-autocomplete-wrapper>section { border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; top: -10px } .navbar-wrapper .header-icon .vtex-search-2-x-biggy-autocomplete-wrapper>article { flex: initial  !important } .link-sign-in { text-decoration: none } .mobile-search-wrapper .vtex-store-components-3-x-searchIcon { display: inline-block } @media only screen and (max-width: 1279px) { .main-navbar-wrapper.isMobile { display: none } .main-navbar-wrapper .expand-button, .sub-main-navbar-wrapper .sub-expand-button { display: inline-block; font-weight: 700; font-size: 18px } .main-navbar-wrapper>li { width: 100%; border-bottom: 1px solid hsla(0, 0%, 43.9%, .15); padding: 0 10px; margin-right: 0; min-height: 60px; line-height: 60px } .main-navbar-wrapper>li:last-child { border-bottom: none } .main-navbar-wrapper .navbar-hide-desktop { display: block } .navbar-wrapper .navbar-menu.navbar-logo { margin-left: 48%; position: fixed } .navbar-wrapper .navbar-menu.mobile-menu-navbar-logo { margin-right: 15% } } .vtex-login-2-x-buttonLink { margin-left: 27px } @media only screen and (max-width: 480px) { .vtex-login-2-x-buttonLink { margin-left: 0  !important } [class*=minicartProductListContainer] { height: 40vh; margin-top: 95px } } @media only screen and (width: 768px) { .navbar-wrapper .navbar-menu.navbar-logo { margin-left: 48%; position: fixed } } @media only screen and (max-width: 450px) { .navbar-wrapper .header-icon .search-container .items-center { background: transparent  !important; border: none  !important; width: 17px } .navbar-wrapper .header-icon .vtex-search-2-x-biggy-autocomplete-wrapper { padding-left: 10% } } @media screen and (max-width: 767px) { .vtex-login-2-x-loginOptionsContainer { display: none } } .sub-nav { background: #001428; position: fixed; top: 0; left: 0; width: 100%; z-index: 1100; height: 30px } .sub-nav ul { display: flex; justify-content: flex-end; margin: 0; padding: 0; list-style: none } .sub-nav ul li { margin-right: 20px } .sub-nav ul li a { color: #fff; line-height: 30px; text-decoration: none; font-size: 12px } .sub-nav ul li a:hover { color: #fff } @media (max-width: 1119px) { .sub-nav { display: none } } .foc-form-container { min-width: 350px } .foc-notify { position: absolute; top: -2.5px; right: -2.5px; border-radius: 100%; height: 5px; width: 5px; display: block } .foc-notify.done { background: #32cd32 } .foc-notify.required { background: red } #inquiry_form_modal * { font-family: montserrat  !important } .vtex-modal__overlay { z-index: 999999  !important } #inquiry_form_modal .mktoForm input[type^=e], #inquiry_form_modal .mktoForm input[type^=t], #inquiry_form_modal .mktoForm select, #inquiry_form_modal .mktoForm textarea { padding: 1.2em .5em  !important; border-radius: 5px; margin: 2px  !important; height: 2.5em  !important; border: 1px solid #ccc; outline: none; width: 100%  !important } #inquiry_form_modal .mktoForm select { height: 2.8em  !important; padding: 0  !important } #inquiry_form_modal #salesNotesMBG { height: 6em  !important } #inquiry_form_modal .mktoForm .mktoButtonWrap.mktoSimple .mktoButton { margin-left: -179px  !important } img.inquiry_item_icon { width: 22px; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); margin-right: .5em } #inquiry_form_modal .form-headers { text-align: center; margin-bottom: 2em } #inquiry_form_modal .form-headers>* { padding: 0; margin: 0 0 .7em } #inquiry_form_modal .form-heading { font-weight: 600; font-size: 1.25rem } #inquiry_form_modal .form-desc { font-weight: 600; font-size: .75rem } #inquiry_form_modal .form-title { font-weight: 600; font-size: 1.25rem; text-align: center } #inquiry_form_modal .form-logo { max-width: 220px; margin: 0 auto } #inquiry_form_modal form { width: 100%  !important; margin: 0 auto; display: grid; grid-template-columns: auto } #inquiry_form_modal .mktoForm .mktoOffset { height: auto } #inquiry_form_modal .mktoForm .mktoFormRow { width: 100%; margin: 0 auto } #inquiry_form_modal .mktoForm .mktoFieldWrap, #inquiry_form_modal .mktoForm .mktoFormCol { float: none } #inquiry_form_modal form div:nth-child(9) textarea { width: 100%  !important } #inquiry_form_modal form div:nth-child(9) div, #inquiry_form_modal form div:nth-child(10) div, #inquiry_form_modal form div:nth-child(11) div, #inquiry_form_modal form div:nth-child(12) div { float: none } #inquiry_form_modal .loader { text-align: center } #inquiry_form_modal .mktoForm .mktoFormRow label.mktoLabel[for=businessGroupLast]+div+div.mktoRadioList { display: grid; grid-template-columns: 4% 97%; justify-content: space-evenly; align-items: center } .ph6 { padding-left: .5rem  !important; padding-right: .5rem  !important } .mktoForm .mktoCheckboxList>label { margin-top: 0  !important } .mktoButtonWrap .mktoSimple { margin-left: 0  !important } .fr flex items-center { width: 48px } .icon_heading { display: none; color: #fff; font-weight: 400 } #inquiry_form_modal .mktoForm .mktoButtonWrap.mktoSimple .mktoButton { color: #fff  !important; background-color: #f44336  !important; border: 1px solid #dd1659  !important; background-image: none  !important; border-radius: 5px; padding: 1em 4em  !important; margin-left: -58px  !important } @media only screen and (min-width: 768px) { .icon_heading { display: block } #inquiry_form_modal .mktoForm .mktoFormRow { width: 80% } #inquiry_form_modal .mktoForm .mktoButtonWrap.mktoSimple .mktoButton { color: #fff  !important; background-color: #f44336  !important; border: 1px solid #dd1659  !important; background-image: none  !important; border-radius: 5px; padding: 1em 4em  !important; margin-left: -58px  !important } } @media only screen and (min-width: 1025px) { #inquiry_form_modal .mktoForm input[type^=e], #inquiry_form_modal .mktoForm input[type^=t], #inquiry_form_modal .mktoForm textarea { padding: 1.8em .5em  !important } #inquiry_form_modal .mktoForm select { height: 3.8em  !important } #inquiry_form_modal .mktoForm .mktoFormRow { width: 100% } .vtex-modal__modal .vtex-styleguide-9-x-scrollBar { overflow: auto  !important } #inquiry_form_modal form { grid-template-columns: auto auto; grid-gap: 1em; padding: 0 2em } #inquiry_form_modal form div:nth-child(9) { grid-column: 1/span 2; grid-row: 5/span 1 } #inquiry_form_modal form div:nth-child(10) { grid-column: 1/span 1 } #inquiry_form_modal form div.mktoButtonRow { grid-column: 1/span 2; grid-row: 9/span 1; margin: 0 auto } } .loadingBackdrop { position: fixed; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; background-color: rgba(0, 0, 0, .5); z-index: 9999 } .loader, .loader:after { border-radius: 50%; width: 10em; height: 10em } .loader { margin: auto; top: 50%; font-size: 5px; position: relative; text-indent: -9999em; border: 1.1em solid hsla(0, 0%, 100%, .2); border-left-color: #fff; transform: translateZ(0); -webkit-animation: load8 1.1s linear infinite; animation: load8 1.1s linear infinite } @-webkit-keyframes load8 { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } @keyframes load8 { 0% { transform: rotate(0deg) } to { transform: rotate(1turn) } } .modalComponentOverlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, .5); z-index: 999999 } .modalComponentContent, .modalComponentThanksContent { position: absolute; margin: 150px auto; left: 50%; right: auto; transform: translateX(-50%); bottom: unset; padding: 0; border-radius: 10px; border: 0; overflow: auto; -webkit-overflow-scrolling: touch; outline: none } @media only screen and (min-height: 280px) { .modalComponentContent, .modalComponentThanksContent { margin-top: 70px; max-height: 86vh; width: 90vw } } @media only screen and (min-height: 280px) and (min-width:552px) { .modalComponentContent { max-height: 74vh } .modalComponentThanksContent { overflow: hidden; max-height: 74vh } } @media only screen and (min-height: 360px) and (min-width:740px) { .modalComponentContent { max-height: 76vh } .modalComponentThanksContent { max-height: 76vh; overflow: hidden  !important } } @media only screen and (min-height: 374px) and (min-width:650px) { .modalComponentContent { max-height: 78vh } .modalComponentThanksContent { max-height: 78vh; overflow: hidden } } @media only screen and (min-height: 567px) { .modalComponentContent, .modalComponentThanksContent { margin-top: 150px; max-height: 70vh } } @media only screen and (min-height: 600px) and (min-width:1280px) { .modalComponentContent, .modalComponentThanksContent { margin-top: 150px; max-height: 86vh } .modalComponentThanksContent { overflow: hidden } } @media only screen and (min-height: 665px) { .modalComponentContent, .modalComponentThanksContent { margin-top: 100px } } @media only screen and (min-height: 740px) { .modalComponentContent, .modalComponentThanksContent { margin-top: 150px } } @media only screen and (min-height: 810px) { .modalComponentContent, .modalComponentThanksContent { margin-top: 150px } } @media only screen and (min-width: 768px) { .modalComponentContent, .modalComponentThanksContent { width: auto } } @-webkit-keyframes vtex-styleguide-9-x-vtex-spinner-rotate { 0% { transform: translateZ(0) rotate(0deg) } to { transform: translateZ(0) rotate(1turn) } } @keyframes vtex-styleguide-9-x-vtex-spinner-rotate { 0% { transform: translateZ(0) rotate(0deg) } to { transform: translateZ(0) rotate(1turn) } } .vtex-styleguide-9-x-rotate { transform-origin: 50% 50%; -webkit-animation: vtex-styleguide-9-x-vtex-spinner-rotate .5s linear infinite; animation: vtex-styleguide-9-x-vtex-spinner-rotate .5s linear infinite } .vtex-styleguide-9-x-hideDecorators::-ms-clear { display: none } .vtex-styleguide-9-x-noAppearance { -webkit-appearance: none; -moz-appearance: none; appearance: none } ::-webkit-input-placeholder { color: #979899 } ::-moz-placeholder { color: #979899 } :-ms-input-placeholder { color: #979899 } :-moz-placeholder { color: #979899 } @-webkit-keyframes vtex-styleguide-9-x-vtex-spinner-rotate { 0% { transform: translateZ(0) rotate(0deg) } to { transform: translateZ(0) rotate(1turn) } } @keyframes vtex-styleguide-9-x-vtex-spinner-rotate { 0% { transform: translateZ(0) rotate(0deg) } to { transform: translateZ(0) rotate(1turn) } }