html {
    line-height: 1.15;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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
}

[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: #0086df
}

.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: #0086df
}

.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: #0086df
}

.c-action-secondary {
    color: #eef3f7
}

.c-link {
    color: #0086df
}

.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: #333
}

.c-on-action-primary,.c-on-base--inverted {
    color: #fff
}

.c-on-action-secondary {
    color: #0086df
}

.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 {
    color: #3f3f40
}

.c-on-muted-5 {
    color: #9d9ea5
}

.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: #0075c2
}

.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: #0086df
}

.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: #0075c2
}

.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: #0075c2
}

.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: #0086df
}

.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: #d2defc
}

.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: #d2defc
}

.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
}

.hover-b--transparent:focus,.hover-b--transparent:hover,active-b--transparent:active {
    border-color: transparent
}

img {
    max-width: 100%
}

.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: DINNext,arial,sans-serif;
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0
}

.t-heading-2 {
    font-size: 2rem
}

.t-heading-3 {
    font-family: DINNext,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: DINNext,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: DINNext,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: DINNext,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: DINNext,arial,sans-serif;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 0
}

.t-action--small {
    font-size: .875rem
}

.t-action--large {
    font-family: DINNext,arial,sans-serif;
    font-size: 1.25rem;
    text-transform: capitalize
}

.t-action--large,.t-code {
    font-weight: 400;
    letter-spacing: 0
}

.t-code {
    font-family: Consolas,monaco,monospace;
    font-size: 1rem;
    text-transform: none
}

.normal {
    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: DINNext,arial,sans-serif;
        font-weight: 700;
        text-transform: none;
        letter-spacing: 0
    }

    .t-heading-2-s {
        font-size: 2rem
    }

    .t-heading-3-s {
        font-family: DINNext,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: DINNext,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: DINNext,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: DINNext,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: DINNext,arial,sans-serif;
        font-weight: 400;
        text-transform: capitalize;
        letter-spacing: 0
    }

    .t-action--small-s {
        font-size: .875rem
    }

    .t-action--large-s {
        font-family: DINNext,arial,sans-serif;
        font-size: 1.25rem;
        text-transform: capitalize
    }

    .t-action--large-s,.t-code-s {
        font-weight: 400;
        letter-spacing: 0
    }

    .t-code-s {
        font-family: Consolas,monaco,monospace;
        font-size: 1rem;
        text-transform: none
    }

    .normal-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: DINNext,arial,sans-serif;
        font-weight: 700;
        text-transform: none;
        letter-spacing: 0
    }

    .t-heading-2-ns {
        font-size: 2rem
    }

    .t-heading-3-ns {
        font-family: DINNext,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: DINNext,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: DINNext,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: DINNext,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: DINNext,arial,sans-serif;
        font-weight: 400;
        text-transform: capitalize;
        letter-spacing: 0
    }

    .t-action--small-ns {
        font-size: .875rem
    }

    .t-action--large-ns {
        font-family: DINNext,arial,sans-serif;
        font-size: 1.25rem;
        text-transform: capitalize
    }

    .t-action--large-ns,.t-code-ns {
        font-weight: 400;
        letter-spacing: 0
    }

    .t-code-ns {
        font-family: Consolas,monaco,monospace;
        font-size: 1rem;
        text-transform: none
    }

    .normal-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: DINNext,arial,sans-serif;
        font-weight: 700;
        text-transform: none;
        letter-spacing: 0
    }

    .t-heading-2-m {
        font-size: 2rem
    }

    .t-heading-3-m {
        font-family: DINNext,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: DINNext,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: DINNext,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: DINNext,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: DINNext,arial,sans-serif;
        font-weight: 400;
        text-transform: capitalize;
        letter-spacing: 0
    }

    .t-action--small-m {
        font-size: .875rem
    }

    .t-action--large-m {
        font-family: DINNext,arial,sans-serif;
        font-size: 1.25rem;
        text-transform: capitalize
    }

    .t-action--large-m,.t-code-m {
        font-weight: 400;
        letter-spacing: 0
    }

    .t-code-m {
        font-family: Consolas,monaco,monospace;
        font-size: 1rem;
        text-transform: none
    }

    .normal-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: DINNext,arial,sans-serif;
        font-weight: 700;
        text-transform: none;
        letter-spacing: 0
    }

    .t-heading-2-l {
        font-size: 2rem
    }

    .t-heading-3-l {
        font-family: DINNext,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: DINNext,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: DINNext,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: DINNext,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: DINNext,arial,sans-serif;
        font-weight: 400;
        text-transform: capitalize;
        letter-spacing: 0
    }

    .t-action--small-l {
        font-size: .875rem
    }

    .t-action--large-l {
        font-family: DINNext,arial,sans-serif;
        font-size: 1.25rem;
        text-transform: capitalize
    }

    .t-action--large-l,.t-code-l {
        font-weight: 400;
        letter-spacing: 0
    }

    .t-code-l {
        font-family: Consolas,monaco,monospace;
        font-size: 1rem;
        text-transform: none
    }

    .normal-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: DINNext,arial,sans-serif;
        font-weight: 700;
        text-transform: none;
        letter-spacing: 0
    }

    .t-heading-2-xl {
        font-size: 2rem
    }

    .t-heading-3-xl {
        font-family: DINNext,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: DINNext,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: DINNext,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: DINNext,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: DINNext,arial,sans-serif;
        font-weight: 400;
        text-transform: capitalize;
        letter-spacing: 0
    }

    .t-action--small-xl {
        font-size: .875rem
    }

    .t-action--large-xl {
        font-family: DINNext,arial,sans-serif;
        font-size: 1.25rem;
        text-transform: capitalize
    }

    .t-action--large-xl,.t-code-xl {
        font-weight: 400;
        letter-spacing: 0
    }

    .t-code-xl {
        font-family: Consolas,monaco,monospace;
        font-size: 1rem;
        text-transform: none
    }

    .normal-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
    }
}

@charset "UTF-8";/*!
 * 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
}

@layer sl-tokens {
    :root {
        --sl-space-0: 0rem;
        --sl-space-1: 0.25rem;
        --sl-space-2: 0.5rem;
        --sl-space-3: 0.75rem;
        --sl-space-4: 1rem;
        --sl-space-5: 1.25rem;
        --sl-space-6: 1.5rem;
        --sl-space-7: 1.75rem;
        --sl-space-8: 2rem;
        --sl-space-10: 2.5rem;
        --sl-space-12: 3rem;
        --sl-space-16: 4rem;
        --sl-space-20: 5rem;
        --sl-space-24: 6rem;
        --sl-space-28: 7rem;
        --sl-space-32: 8rem;
        --sl-space-05: 0.125rem;
        --sl-space-gap: var(--sl-space-4);
        --sl-color-gray-0: #fff;
        --sl-color-gray-1: #f5f5f5;
        --sl-color-gray-2: #ebebeb;
        --sl-color-gray-3: #e0e0e0;
        --sl-color-gray-4: #d6d6d6;
        --sl-color-gray-5: #c2c2c2;
        --sl-color-gray-6: #adadad;
        --sl-color-gray-7: #999;
        --sl-color-gray-8: #858585;
        --sl-color-gray-9: #707070;
        --sl-color-gray-10: #5c5c5c;
        --sl-color-gray-11: #3d3d3d;
        --sl-color-gray-12: #1f1f1f;
        --sl-color-gray-13: #000;
        --sl-color-red-1: #fdf6f5;
        --sl-color-red-2: #ffedea;
        --sl-color-red-3: #ffdfd9;
        --sl-color-red-4: #ffd0c7;
        --sl-color-red-5: #ffbbad;
        --sl-color-red-6: #ff9e8b;
        --sl-color-red-7: #ff7f68;
        --sl-color-red-8: #f95d47;
        --sl-color-red-9: #ec3727;
        --sl-color-red-10: #d31a15;
        --sl-color-red-11: #b40202;
        --sl-color-red-12: #940303;
        --sl-color-red-13: #720000;
        --sl-color-orange-1: #fdf5e9;
        --sl-color-orange-2: #ffedcd;
        --sl-color-orange-3: #ffe0ae;
        --sl-color-orange-4: #fed392;
        --sl-color-orange-5: #febc64;
        --sl-color-orange-6: #ffa138;
        --sl-color-orange-7: #f78612;
        --sl-color-orange-8: #e57001;
        --sl-color-orange-9: #cc5e01;
        --sl-color-orange-10: #b24d01;
        --sl-color-orange-11: #963e01;
        --sl-color-orange-12: #7b3001;
        --sl-color-orange-13: #622401;
        --sl-color-yellow-1: #fbf7d4;
        --sl-color-yellow-2: #fdf5ad;
        --sl-color-yellow-3: #faec6d;
        --sl-color-yellow-4: #fade1e;
        --sl-color-yellow-5: #e9c701;
        --sl-color-yellow-6: #d8b401;
        --sl-color-yellow-7: #c5a001;
        --sl-color-yellow-8: #b18d01;
        --sl-color-yellow-9: #9c7901;
        --sl-color-yellow-10: #866701;
        --sl-color-yellow-11: #715401;
        --sl-color-yellow-12: #5c4401;
        --sl-color-yellow-13: #493401;
        --sl-color-green-1: #e9fce3;
        --sl-color-green-2: #cefdc0;
        --sl-color-green-3: #aff79e;
        --sl-color-green-4: #97ef86;
        --sl-color-green-5: #74e26c;
        --sl-color-green-6: #4fd051;
        --sl-color-green-7: #28bc37;
        --sl-color-green-8: #08a822;
        --sl-color-green-9: #019213;
        --sl-color-green-10: #017d10;
        --sl-color-green-11: #016810;
        --sl-color-green-12: #01540e;
        --sl-color-green-13: #01410b;
        --sl-color-teal-1: #e9faf8;
        --sl-color-teal-2: #cff8f4;
        --sl-color-teal-3: #abf2eb;
        --sl-color-teal-4: #8deae3;
        --sl-color-teal-5: #66dbd3;
        --sl-color-teal-6: #40cac2;
        --sl-color-teal-7: #10b6af;
        --sl-color-teal-8: #01a29b;
        --sl-color-teal-9: #018d88;
        --sl-color-teal-10: #017873;
        --sl-color-teal-11: #016460;
        --sl-color-teal-12: #0d504d;
        --sl-color-teal-13: #133d3b;
        --sl-color-blue-1: #f1f8fd;
        --sl-color-blue-2: #e1f3ff;
        --sl-color-blue-3: #cbe9ff;
        --sl-color-blue-4: #b6dfff;
        --sl-color-blue-5: #97cffe;
        --sl-color-blue-6: #79bcfb;
        --sl-color-blue-7: #5aa8f7;
        --sl-color-blue-8: #3993f4;
        --sl-color-blue-9: #157bf4;
        --sl-color-blue-10: #0366dd;
        --sl-color-blue-11: #0155b7;
        --sl-color-blue-12: #014592;
        --sl-color-blue-13: #013672;
        --sl-color-purple-1: #f9f5fd;
        --sl-color-purple-2: #f5eafe;
        --sl-color-purple-3: #eddcfe;
        --sl-color-purple-4: #e5cffe;
        --sl-color-purple-5: #dabafd;
        --sl-color-purple-6: #cba3fc;
        --sl-color-purple-7: #bc8afb;
        --sl-color-purple-8: #ad71f8;
        --sl-color-purple-9: #9c56f3;
        --sl-color-purple-10: #883ce6;
        --sl-color-purple-11: #7225d2;
        --sl-color-purple-12: #5c12b6;
        --sl-color-purple-13: #460b93;
        --sl-color-pink-1: #fdf5f7;
        --sl-color-pink-2: #ffebf2;
        --sl-color-pink-3: #ffdfeb;
        --sl-color-pink-4: #ffc8dc;
        --sl-color-pink-5: #feb2cd;
        --sl-color-pink-6: #ff98bf;
        --sl-color-pink-7: #fe78ac;
        --sl-color-pink-8: #ef5997;
        --sl-color-pink-9: #de387f;
        --sl-color-pink-10: #ca226a;
        --sl-color-pink-11: #af0956;
        --sl-color-pink-12: #8f0246;
        --sl-color-pink-13: #74043b;
        --sl-color-cyan-1: #e6fafd;
        --sl-color-cyan-2: #c6f9ff;
        --sl-color-cyan-3: #a5f1ff;
        --sl-color-cyan-4: #89e8fb;
        --sl-color-cyan-5: #61d9f4;
        --sl-color-cyan-6: #34c6e9;
        --sl-color-cyan-7: #13b1db;
        --sl-color-cyan-8: #029dc9;
        --sl-color-cyan-9: #0187b5;
        --sl-color-cyan-10: #0172a0;
        --sl-color-cyan-11: #015e8a;
        --sl-color-cyan-12: #014b74;
        --sl-color-cyan-13: #013a5e;
        --sl-fg-base: var(--sl-color-gray-12);
        --sl-fg-base-soft: var(--sl-color-gray-9);
        --sl-fg-base-disabled: var(--sl-color-gray-7);
        --sl-fg-inverted: var(--sl-color-gray-0);
        --sl-fg-warning: var(--sl-color-yellow-9);
        --sl-fg-success: var(--sl-color-green-9);
        --sl-fg-informational: var(--sl-color-blue-9);
        --sl-fg-muted: var(--sl-color-gray-11);
        --sl-fg-muted-hover: var(--sl-color-gray-12);
        --sl-fg-muted-pressed: var(--sl-color-gray-13);
        --sl-fg-accent: var(--sl-color-blue-10);
        --sl-fg-accent-hover: var(--sl-color-blue-11);
        --sl-fg-accent-pressed: var(--sl-color-blue-12);
        --sl-fg-critical: var(--sl-color-red-10);
        --sl-fg-critical-hover: var(--sl-color-red-11);
        --sl-fg-critical-pressed: var(--sl-color-red-12);
        --sl-bg-base: var(--sl-color-gray-0);
        --sl-bg-base-disabled: color-mix(in srgb,var(--sl-color-gray-12) 5%,transparent);
        --sl-bg-base-strong: var(--sl-color-gray-3);
        --sl-bg-base-strong-disabled: var(--sl-color-gray-6);
        --sl-bg-base-soft: var(--sl-color-gray-1);
        --sl-bg-warning: var(--sl-color-yellow-1);
        --sl-bg-success: var(--sl-color-green-1);
        --sl-bg-informational: var(--sl-color-blue-1);
        --sl-bg-inverted: var(--sl-color-gray-12);
        --sl-bg-inverted-strong: color-mix(in srgb,var(--sl-color-gray-12) 50%,transparent);
        --sl-bg-muted: color-mix(in srgb,var(--sl-color-gray-12) 5%,transparent);
        --sl-bg-muted-hover: color-mix(in srgb,var(--sl-color-gray-12) 10%,transparent);
        --sl-bg-muted-pressed: color-mix(in srgb,var(--sl-color-gray-12) 15%,transparent);
        --sl-bg-muted-plain: color-mix(in srgb,var(--sl-color-gray-12) 0%,transparent);
        --sl-bg-muted-plain-hover: color-mix(in srgb,var(--sl-color-gray-12) 5%,transparent);
        --sl-bg-muted-plain-pressed: color-mix(in srgb,var(--sl-color-gray-12) 10%,transparent);
        --sl-bg-accent: var(--sl-color-blue-2);
        --sl-bg-accent-hover: var(--sl-color-blue-3);
        --sl-bg-accent-pressed: var(--sl-color-blue-4);
        --sl-bg-accent-plain: color-mix(in srgb,var(--sl-color-blue-10) 0%,transparent);
        --sl-bg-accent-plain-hover: color-mix(in srgb,var(--sl-color-blue-10) 5%,transparent);
        --sl-bg-accent-plain-pressed: color-mix(in srgb,var(--sl-color-blue-10) 10%,transparent);
        --sl-bg-accent-strong: var(--sl-color-blue-10);
        --sl-bg-accent-strong-hover: var(--sl-color-blue-11);
        --sl-bg-accent-strong-pressed: var(--sl-color-blue-12);
        --sl-bg-critical: var(--sl-color-red-1);
        --sl-bg-critical-plain: color-mix(in srgb,var(--sl-color-red-10) 0%,transparent);
        --sl-bg-critical-plain-hover: color-mix(in srgb,var(--sl-color-red-10) 5%,transparent);
        --sl-bg-critical-plain-pressed: color-mix(in srgb,var(--sl-color-red-10) 10%,transparent);
        --sl-bg-critical-strong: var(--sl-color-red-10);
        --sl-bg-critical-strong-hover: var(--sl-color-red-11);
        --sl-bg-critical-strong-pressed: var(--sl-color-red-12);
        --sl-border-base: 1px solid var(--sl-color-gray-3);
        --sl-border-base-disabled: 1px solid var(--sl-color-gray-6);
        --sl-border-base-strong: 1px solid var(--sl-color-gray-5);
        --sl-border-base-strong-hover: 1px solid var(--sl-color-gray-6);
        --sl-border-success: 1px solid var(--sl-color-green-3);
        --sl-border-informational: 1px solid var(--sl-color-blue-3);
        --sl-border-warning: 1px solid var(--sl-color-yellow-3);
        --sl-border-accent: 1px solid var(--sl-color-blue-3);
        --sl-border-accent-strong: 1px solid var(--sl-color-blue-10);
        --sl-border-accent-strong-hover: 1px solid var(--sl-color-blue-11);
        --sl-border-critical: 1px solid var(--sl-color-red-3);
        --sl-border-critical-strong: 1px solid var(--sl-color-red-8);
        --sl-border-critical-strong-hover: 1px solid var(--sl-color-red-9);
        --sl-radius-0: 0rem;
        --sl-radius-1: 0.25rem;
        --sl-radius-2: 0.5rem;
        --sl-radius-3: 0.75rem;
        --sl-radius-full: 9999rem;
        --sl-focus-ring-base: 0rem 0rem 0rem 0.0625rem var(--sl-color-gray-0),0rem 0rem 0rem 0.1875rem var(--sl-color-gray-5);
        --sl-focus-ring-critical: 0rem 0rem 0rem 0.0625rem var(--sl-color-gray-0),0rem 0rem 0rem 0.1875rem var(--sl-color-red-6);
        --sl-focus-ring-accent: 0rem 0rem 0rem 0.0625rem var(--sl-color-gray-0),0rem 0rem 0rem 0.1875rem var(--sl-color-blue-6);
        --sl-shadow-1: 0rem 0.25rem 1rem 0rem rgba(0,0,0,0.16);
        --sl-shadow-2: 0rem 1.5rem 3rem 0rem rgba(0,0,0,0.16);
        --sl-z-1: 0;
        --sl-z-2: 100;
        --sl-z-3: 200;
        --sl-z-4: 300;
        --sl-z-5: 400;
        --sl-z-6: 500;
        --sl-z-7: 600;
        --sl-z-8: 700;
        --sl-z-9: 800;
        --sl-z-10: 900;
        --sl-font-family-sans: "Inter",-apple-system,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,BlinkMacSystemFont,sans-serif;
        --sl-font-weight-regular: 400;
        --sl-font-weight-medium: 500;
        --sl-font-weight-semibold: 600;
        --sl-font-size-1: 0.75rem;
        --sl-font-size-2: 0.875rem;
        --sl-font-size-3: 1rem;
        --sl-font-size-4: 1.25rem;
        --sl-font-size-5: 1.5rem;
        --sl-letter-spacing-1: 0rem;
        --sl-letter-spacing-2: -0.00875rem;
        --sl-letter-spacing-3: -0.02rem;
        --sl-letter-spacing-4: -0.04rem;
        --sl-line-height-1: 1rem;
        --sl-line-height-2: 1.25rem;
        --sl-line-height-3: 1.5rem;
        --sl-line-height-4: 1.75rem;
        --sl-line-height-5: 2rem;
        --sl-text-caption-1-font: var(--sl-font-weight-medium) var(--sl-font-size-1)/var(--sl-line-height-1) var(--sl-font-family-sans);
        --sl-text-caption-1-letter-spacing: var(--sl-letter-spacing-1);
        --sl-text-caption-2-font: var(--sl-font-weight-regular) var(--sl-font-size-1)/var(--sl-line-height-1) var(--sl-font-family-sans);
        --sl-text-caption-2-letter-spacing: var(--sl-letter-spacing-1);
        --sl-text-action-font: var(--sl-font-weight-semibold) var(--sl-font-size-2)/var(--sl-line-height-2) var(--sl-font-family-sans);
        --sl-text-action-letter-spacing: var(--sl-letter-spacing-2);
        --sl-text-emphasis-font: var(--sl-font-weight-medium) var(--sl-font-size-2)/var(--sl-line-height-2) var(--sl-font-family-sans);
        --sl-text-emphasis-letter-spacing: var(--sl-letter-spacing-2);
        --sl-text-body-font: var(--sl-font-weight-regular) var(--sl-font-size-2)/var(--sl-line-height-2) var(--sl-font-family-sans);
        --sl-text-body-letter-spacing: var(--sl-letter-spacing-2);
        --sl-text-display-1-font: var(--sl-font-weight-semibold) var(--sl-font-size-5)/var(--sl-line-height-5) var(--sl-font-family-sans);
        --sl-text-display-1-letter-spacing: var(--sl-letter-spacing-4);
        --sl-text-display-2-font: var(--sl-font-weight-semibold) var(--sl-font-size-4)/var(--sl-line-height-4) var(--sl-font-family-sans);
        --sl-text-display-2-letter-spacing: var(--sl-letter-spacing-4);
        --sl-text-display-3-font: var(--sl-font-weight-semibold) var(--sl-font-size-3)/var(--sl-line-height-3) var(--sl-font-family-sans);
        --sl-text-display-3-letter-spacing: var(--sl-letter-spacing-3);
        --sl-text-display-4-font: var(--sl-font-weight-regular) var(--sl-font-size-3)/var(--sl-line-height-3) var(--sl-font-family-sans);
        --sl-text-display-4-letter-spacing: var(--sl-letter-spacing-3)
    }
}

[data-sl-text] {
    overflow-wrap: break-word;
    text-wrap: pretty
}

[data-sl-text][data-variant=body] {
    font: var(--sl-text-body-font);
    letter-spacing: var(--sl-text-body-letter-spacing)
}

[data-sl-text][data-variant=action] {
    font: var(--sl-text-action-font);
    letter-spacing: var(--sl-text-action-letter-spacing)
}

[data-sl-text][data-variant=emphasis] {
    font: var(--sl-text-emphasis-font);
    letter-spacing: var(--sl-text-emphasis-letter-spacing)
}

[data-sl-text][data-variant=caption1] {
    font: var(--sl-text-caption-1-font);
    letter-spacing: var(--sl-text-caption-1-letter-spacing)
}

[data-sl-text][data-variant=caption2] {
    font: var(--sl-text-caption-2-font);
    letter-spacing: var(--sl-text-caption-2-letter-spacing)
}

[data-sl-text][data-variant=display1] {
    font: var(--sl-text-display-1-font);
    letter-spacing: var(--sl-text-display-1-letter-spacing)
}

[data-sl-text][data-variant=display2] {
    font: var(--sl-text-display-2-font);
    letter-spacing: var(--sl-text-display-2-letter-spacing)
}

[data-sl-text][data-variant=display3] {
    font: var(--sl-text-display-3-font);
    letter-spacing: var(--sl-text-display-3-letter-spacing)
}

[data-sl-text][data-variant=display4] {
    font: var(--sl-text-display-4-font);
    letter-spacing: var(--sl-text-display-4-letter-spacing)
}

@-webkit-keyframes vtex-render-runtime-8-x-sl-animation-dash {
    0% {
        stroke-dasharray: 1 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90 150;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 90 150;
        stroke-dashoffset: -124px
    }
}

@keyframes vtex-render-runtime-8-x-sl-animation-dash {
    0% {
        stroke-dasharray: 1 150;
        stroke-dashoffset: 0
    }

    50% {
        stroke-dasharray: 90 150;
        stroke-dashoffset: -35px
    }

    to {
        stroke-dasharray: 90 150;
        stroke-dashoffset: -124px
    }
}

@-webkit-keyframes vtex-render-runtime-8-x-sl-animation-rotate {
    to {
        transform: rotate(1turn)
    }
}

@keyframes vtex-render-runtime-8-x-sl-animation-rotate {
    to {
        transform: rotate(1turn)
    }
}

[data-sl-spinner]>svg {
    -webkit-animation: vtex-render-runtime-8-x-sl-animation-rotate 1.5s linear infinite;
    animation: vtex-render-runtime-8-x-sl-animation-rotate 1.5s linear infinite
}

[data-sl-spinner]>svg>circle {
    fill: none;
    stroke: currentColor;
    stroke-width: 5px;
    stroke-linecap: round;
    -webkit-animation: vtex-render-runtime-8-x-sl-animation-dash 1s ease-in-out infinite;
    animation: vtex-render-runtime-8-x-sl-animation-dash 1s ease-in-out infinite
}

[data-sl-button] {
    padding: var(--sl-element-space-top) var(--sl-element-space-right) var(--sl-element-space-bottom) var(--sl-element-space-left);
    height: var(--sl-element-height);
    border-radius: var(--sl-radius-2);
    font: var(--sl-text-action-font);
    letter-spacing: var(--sl-text-action-letter-spacing);
    cursor: pointer;
    -ms-appearance: button;
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    border: none;
    text-decoration: none;
    position: relative
}

[data-sl-button]:focus {
    outline: none
}

[data-sl-button]>[data-sl-button-content] {
    font: inherit;
    letter-spacing: inherit;
    gap: var(--sl-space-1);
    opacity: 1;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    width: 100%;
    transition: opacity .3s;
    display: flex
}

[data-sl-button]>[data-sl-button-content] [data-sl-icon-small]:first-child,[data-sl-button]>[data-sl-button-content] [data-sl-icon]:first-child {
    margin-left: calc(var(--sl-space-1)*-1)
}

[data-sl-button]>[data-sl-button-content] [data-sl-icon-small]:last-child,[data-sl-button]>[data-sl-button-content] [data-sl-icon]:last-child {
    margin-left: calc(var(--sl-space-05)*-1)
}

[data-sl-button]>[data-sl-button-overlay] {
    color: inherit;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0
}

[data-sl-button][data-loading=true]>[data-sl-button-content] {
    opacity: 0
}

[data-sl-button][data-size=normal] {
    --sl-element-space-top: var(--sl-space-2);
    --sl-element-space-bottom: var(--sl-space-2);
    --sl-element-space-right: var(--sl-space-3);
    --sl-element-space-left: var(--sl-space-3);
    --sl-element-height: 2.25rem
}

[data-sl-button][data-size=large] {
    --sl-element-space-top: var(--sl-space-3);
    --sl-element-space-bottom: var(--sl-space-3);
    --sl-element-space-right: var(--sl-space-4);
    --sl-element-space-left: var(--sl-space-4);
    --sl-element-height: 2.75rem
}

[data-sl-button][data-variant=secondary] {
    background: var(--sl-bg-muted);
    color: var(--sl-fg-muted)
}

[data-sl-button][data-variant=secondary]:hover {
    background: var(--sl-bg-muted-hover);
    color: var(--sl-fg-muted-hover)
}

[data-sl-button][data-variant=secondary]:active {
    background: var(--sl-bg-muted-pressed);
    color: var(--sl-fg-muted-pressed)
}

[data-sl-button][data-variant=secondary]:focus-visible {
    box-shadow: var(--sl-focus-ring-base);
    background: var(--sl-bg-muted-hover);
    color: var(--sl-fg-muted-hover)
}

[data-sl-button][data-variant=secondary]:disabled {
    background: var(--sl-bg-base-disabled);
    color: var(--sl-fg-base-disabled)
}

[data-sl-button][data-variant=secondary]:disabled>[data-sl-button-overlay] {
    color: var(--sl-fg-base-soft)
}

[data-sl-button][data-variant=tertiary] {
    background: var(--sl-bg-muted-plain);
    color: var(--sl-fg-muted)
}

[data-sl-button][data-variant=tertiary]:hover {
    background: var(--sl-bg-muted-plain-hover);
    color: var(--sl-fg-muted-hover)
}

[data-sl-button][data-variant=tertiary]:active {
    background: var(--sl-bg-muted-plain-pressed);
    color: var(--sl-fg-muted-pressed)
}

[data-sl-button][data-variant=tertiary]:focus-visible {
    box-shadow: var(--sl-focus-ring-base);
    background: var(--sl-bg-muted-plain-hover);
    color: var(--sl-fg-muted-hover)
}

[data-sl-button][data-variant=tertiary]:disabled {
    color: var(--sl-fg-base-disabled);
    background: none
}

[data-sl-button][data-variant=tertiary]:disabled>[data-sl-button-overlay] {
    color: var(--sl-fg-base-soft)
}

[data-sl-button][data-variant=primary] {
    background: var(--sl-bg-accent-strong);
    color: var(--sl-fg-inverted)
}

[data-sl-button][data-variant=primary]:hover {
    background: var(--sl-bg-accent-strong-hover)
}

[data-sl-button][data-variant=primary]:active {
    background: var(--sl-bg-accent-strong-pressed)
}

[data-sl-button][data-variant=primary]:focus-visible {
    box-shadow: var(--sl-focus-ring-accent)
}

[data-sl-button][data-variant=primary]:disabled {
    background: var(--sl-bg-base-strong-disabled)
}

[data-sl-button][data-variant=critical] {
    background: var(--sl-bg-critical-strong);
    color: var(--sl-fg-inverted)
}

[data-sl-button][data-variant=critical]:hover {
    background: var(--sl-bg-critical-strong-hover)
}

[data-sl-button][data-variant=critical]:active {
    background: var(--sl-bg-critical-strong-pressed)
}

[data-sl-button][data-variant=critical]:focus-visible {
    box-shadow: var(--sl-focus-ring-critical);
    background: var(--sl-bg-critical-strong-hover)
}

[data-sl-button][data-variant=critical]:disabled {
    background: var(--sl-bg-base-strong-disabled)
}

[data-sl-button][data-variant=criticalTertiary] {
    background: var(--sl-bg-critical-plain);
    color: var(--sl-fg-critical)
}

[data-sl-button][data-variant=criticalTertiary]:hover {
    background: var(--sl-bg-critical-plain-hover);
    color: var(--sl-fg-critical-hover)
}

[data-sl-button][data-variant=criticalTertiary]:active {
    background: var(--sl-bg-critical-plain-pressed);
    color: var(--sl-fg-critical-pressed)
}

[data-sl-button][data-variant=criticalTertiary]:focus-visible {
    box-shadow: var(--sl-focus-ring-critical);
    background: var(--sl-bg-critical-plain-hover);
    color: var(--sl-fg-critical-hover)
}

[data-sl-button][data-variant=criticalTertiary]:disabled {
    color: var(--sl-fg-base-disabled);
    background: none
}

[data-sl-button][data-variant=criticalTertiary]:disabled>[data-sl-button-overlay] {
    color: var(--sl-fg-base-soft)
}

.vtex-render-runtime-pg1sL2adbd5iWZ5Y2nXMl {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100vh;
    justify-content: center;
    align-items: center;
    text-align: center
}

@media only screen and (max-width: 768px) {
    .vtex-render-runtime-pg1sL2adbd5iWZ5Y2nXMl {
        padding:var(--sl-space-0) var(--sl-space-5)
    }
}

.vtex-render-runtime-3AtoHrtNgkkkqIqbiXxmWL {
    max-width: 26.25rem;
    display: flex;
    flex-direction: column;
    align-items: center
}

.vtex-render-runtime-p5FQbJ7ZJqV4WVc1AtTH {
    margin-top: var(--sl-space-10)
}

.vtex-render-runtime-11jplJx6Fvm7JR4Wnojt-W {
    margin-top: var(--sl-space-3)
}

.vtex-render-runtime-1z5UBnR-ke_rHTBzjVWyAB {
    margin-top: var(--sl-space-10);
    color: var(--sl-fg-base-soft)
}

.vtex-render-runtime-2S0yAG6pMGhNWzOlWlfPX6 {
    margin-top: var(--sl-space-12);
    min-width: 7.5rem
}

.vtex-render-runtime-3elgVH0IKRcXXQcJMKQEpT {
    display: flex;
    gap: var(--sl-space-3);
    margin-top: var(--sl-space-24);
    color: var(--sl-fg-informational)
}

@-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)
}

.vtex-store-components-3-x-container {
}

.vtex-store-components-3-x-sizeDesktop {
    max-width: 150px;
    max-height: 75px;
    min-width: 120px
}

.vtex-store-components-3-x-sizeMobile {
    max-width: 90px;
    max-height: 40px;
    min-width: 72px
}

.vtex-store-components-3-x-resultsList {
    max-height: 60vh
}

.vtex-store-components-3-x-resultsList a,.vtex-store-components-3-x-resultsList div {
    text-decoration: none;
    color: #727273
}

.vtex-store-components-3-x-resultsList a:hover {
    background-color: #f2f4f5
}

.vtex-store-components-3-x-resultsItemImage {
    width: 50px
}

@media only screen and (max-width: 49rem) {
    .vtex-store-components-3-x-resultsList {
        margin:0;
        max-height: calc(100vh - 6.2rem)
    }
}

.vtex-store-components-3-x-searchBarContainer .vtex-input-prefix__group {
    height: 38px
}

.vtex-store-components-3-x-searchBarContainer input {
    color: #727273;
    border-radius: 1px
}

.vtex-store-components-3-x-compactMode input {
    border-style: none!important;
    border-bottom: 2px solid!important
}

.vtex-store-components-3-x-paddingInput input {
    -webkit-appearance: none;
    padding-left: 40px!important
}

.vtex-store-components-3-x-searchMobile .vtex-store-components-3-x-vtex-button {
    padding: .9rem;
    font-weight: 400;
    font-size: .875rem
}

.vtex-store-components-3-x-searchMobile input {
    border: none
}

@media only screen and (max-width: 49rem) {
    .vtex-store-components-3-x-searchBarContainer input {
        box-shadow:none
    }
}

.vtex-store-components-3-x-visuallyHidden {
    border: 0;
    clip: rect(0 0 0 0);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

@-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-input {
}

.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)
    }
}

.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-flex-layout-0-x-stretchChildrenWidth {
    justify-content: center
}

.vtex-flex-layout-0-x-stretchChildrenWidth>:not(img) {
    width: 100%
}

.vtex-flex-layout-0-x-col:empty {
    display: none
}

.vtex-admin-pages-4-x-overlay-mask-enter {
    opacity: 0
}

.vtex-admin-pages-4-x-overlay-mask-enter-active {
    opacity: .8;
    transition: opacity .3s cubic-bezier(.19,1,.22,1)
}

.vtex-admin-pages-4-x-overlay-mask-enter-done,.vtex-admin-pages-4-x-overlay-mask-exit {
    opacity: .8
}

.vtex-admin-pages-4-x-overlay-mask-exit-active {
    opacity: 0;
    transition: opacity .15s cubic-bezier(.215,.61,.355,1)
}

.vtex-admin-pages-4-x-overlay-mask-exit-done {
    opacity: 0
}

.vtex-admin-pages-4-x-highlight-enter {
    opacity: 0;
    border-color: rgba(19,76,216,0)
}

.vtex-admin-pages-4-x-highlight-enter-active {
    transition: opacity .15s cubic-bezier(.19,1,.22,1),border-color .15s cubic-bezier(.19,1,.22,1);
    opacity: 1;
    border-color: #134cd8
}

.vtex-admin-pages-4-x-highlight-enter-done,.vtex-admin-pages-4-x-highlight-exit {
    opacity: 1;
    border-color: #134cd8
}

.vtex-admin-pages-4-x-highlight-exit-active {
    transition: opacity .15s cubic-bezier(.215,.61,.355,1),border-color .15s cubic-bezier(.215,.61,.355,1);
    opacity: 0;
    border-color: rgba(19,76,216,0)
}

.vtex-admin-pages-4-x-highlight-exit-done {
    opacity: 0;
    border-color: rgba(19,76,216,0)
}

.vtex-rich-text-0-x-heading-level-1,.vtex-rich-text-0-x-heading-level-2,.vtex-rich-text-0-x-heading-level-3,.vtex-rich-text-0-x-heading-level-4,.vtex-rich-text-0-x-heading-level-5,.vtex-rich-text-0-x-heading-level-6 {
}

.vaiobr-loja-2-x-drivers_selection__wrapper {
    padding-bottom: 64px
}

.vaiobr-loja-2-x-drivers_selection__wrapper .vaiobr-loja-2-x-warning {
    position: relative;
    padding: .75rem 1.25rem;
    margin-bottom: 1.4rem;
    border-radius: .25rem;
    color: #ab8b43;
    background-color: #fff3cd;
    border: 1px solid #ffeeba;
    line-height: 1.4;
    font-size: 14px
}

.vaiobr-loja-2-x-drivers_selection__wrapper .vaiobr-loja-2-x-select_driver {
    padding: 10px;
    border: 1px solid #d2d4de;
    border-radius: 4px;
    width: 100%
}

.vaiobr-loja-2-x-drivers_selection__wrapper .vaiobr-loja-2-x-lista_drivers__wrapper {
    margin-top: 42px
}

.vaiobr-loja-2-x-drivers_selection__wrapper .vaiobr-loja-2-x-lista_drivers__wrapper .vaiobr-loja-2-x-driver_nome {
    display: none
}

.vaiobr-loja-2-x-drivers_selection__wrapper .vaiobr-loja-2-x-lista_drivers__wrapper .vaiobr-loja-2-x-active {
    display: block
}

.vaiobr-loja-2-x-drivers_selection__wrapper .vaiobr-loja-2-x-lista_drivers__wrapper .vaiobr-loja-2-x-titulo_driver {
    font-size: 18px;
    font-weight: 400;
    color: #333;
    margin-bottom: 16px
}

.vaiobr-loja-2-x-drivers_selection__wrapper .vaiobr-loja-2-x-lista_drivers__wrapper .vaiobr-loja-2-x-lista_drivers {
    list-style: none;
    margin: 0;
    padding: 0
}

.vaiobr-loja-2-x-drivers_selection__wrapper .vaiobr-loja-2-x-lista_drivers__wrapper .vaiobr-loja-2-x-lista_drivers li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 12px;
    margin-bottom: 12px
}

.vaiobr-loja-2-x-drivers_selection__wrapper .vaiobr-loja-2-x-lista_drivers__wrapper .vaiobr-loja-2-x-lista_drivers li p {
    width: 50%
}

.vaiobr-loja-2-x-drivers_selection__wrapper .vaiobr-loja-2-x-lista_drivers__wrapper .vaiobr-loja-2-x-lista_drivers li a {
    border-radius: 4px;
    background-color: #0086df;
    font-size: 16px;
    color: #fff;
    width: 50%;
    padding: 12px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none
}

.vaiobr-loja-2-x-drivers_selection__wrapper .vaiobr-loja-2-x-lista_drivers__wrapper .vaiobr-loja-2-x-lista_drivers li a:hover {
    background-color: #006cb4
}

@media only screen and (min-width: 960px) {
    .vaiobr-loja-2-x-drivers_selection__wrapper {
        width:72.6%
    }

    .vaiobr-loja-2-x-drivers_selection__wrapper .vaiobr-loja-2-x-warning {
        font-size: 16px
    }

    .vaiobr-loja-2-x-drivers_selection__wrapper .vaiobr-loja-2-x-select_driver {
        max-width: 380px
    }

    .vaiobr-loja-2-x-drivers_selection__wrapper .vaiobr-loja-2-x-lista_drivers__wrapper .vaiobr-loja-2-x-titulo_driver {
        font-size: 21px
    }

    .vaiobr-loja-2-x-drivers_selection__wrapper .vaiobr-loja-2-x-lista_drivers__wrapper .vaiobr-loja-2-x-lista_drivers li {
        padding-bottom: 12px;
        margin-bottom: 12px
    }

    .vaiobr-loja-2-x-drivers_selection__wrapper .vaiobr-loja-2-x-lista_drivers__wrapper .vaiobr-loja-2-x-lista_drivers li p {
        width: 50%
    }

    .vaiobr-loja-2-x-drivers_selection__wrapper .vaiobr-loja-2-x-lista_drivers__wrapper .vaiobr-loja-2-x-lista_drivers li a {
        width: 226px
    }
}

.vaiobr-loja-2-x-flexColChild--wrapper__oferta-relampago {
    display: flex;
    align-items: center;
    height: 100%!important
}

.vaiobr-loja-2-x-boxOfertaRelampago {
    margin: 0 16px;
    padding: 2px 0 0;
    position: relative;
    color: #fff;
    font-size: 14px;
    @media screen and (min-width: 1660px) {
        font-size:16px
    }
}

.vaiobr-loja-2-x-wrapper__oferta-relampago {
    height: 100%;
    display: flex!important
}

.vaiobr-loja-2-x-ofertaRelampago {
    list-style: none;
    position: relative;
    cursor: pointer;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    a {
        color: #c70557
    }
}

.vaiobr-loja-2-x-containerOfertaRelampago {
    justify-content: center;
    align-items: flex-start;
    display: none;
    position: absolute;
    top: 56px;
    left: -50;
    background-color: #040407;
    border: 1px solid #333;
    border-radius: 4px;
    padding: 20px 12px;
    box-shadow: 0 4px 10px rgba(0,0,0,.15);
    z-index: 999;
    min-width: 330px;
    max-height: 310px;
    flex-direction: row;
    gap: 0;
    flex-direction: column;
    a {
        color: #fff
    }
}

.vaiobr-loja-2-x-ofertaRelampago:hover .vaiobr-loja-2-x-containerOfertaRelampago {
    display: flex
}

.vaiobr-loja-2-x-ofertaRelampago img {
    max-width: 130px!important;
    min-height: 130px!important
}

.vaiobr-loja-2-x-ofertaRelampago h2 {
    font-size: 14px;
    margin-top: 0;
    max-height: 48px;
    font-weight: 400;
    margin-bottom: 0;
    overflow: hidden
}

.vaiobr-loja-2-x-btnComprar {
    color: #fff;
    background-color: #0086df;
    border: none;
    cursor: pointer;
    width: 100%;
    display: flex;
    padding: 8px 30px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    text-decoration: none;
    margin-top: 15px
}

.vaiobr-loja-2-x-colunaBaixo {
    display: flex;
    flex-direction: row;
    gap: 15px;
    align-items: flex-start
}

.vaiobr-loja-2-x-colunaDireita {
    display: flex;
    flex-direction: column;
    gap: 5px;
    p {
        margin: 0
    }
}

@-webkit-keyframes vaiobr-loja-2-x-aumentarTexto {
    0%,to {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }
}

@keyframes vaiobr-loja-2-x-aumentarTexto {
    0%,to {
        transform: scale(1)
    }

    50% {
        transform: scale(1.1)
    }
}

.vaiobr-loja-2-x-tituloOfertaRelampago {
    -webkit-animation: vaiobr-loja-2-x-aumentarTexto 2s ease-in-out infinite;
    animation: vaiobr-loja-2-x-aumentarTexto 2s ease-in-out infinite
}

.vaiobr-loja-2-x-grid {
    gap: 15px;
    overflow-x: auto;
    max-width: 85vw;
    padding-bottom: 10px;
    scroll-behavior: smooth;
    display: grid;
    grid-template-columns: repeat(auto-fill,minmax(150px,1fr));
    gap: 16px
}

@media (max-width: 1023px) {
    .vaiobr-loja-2-x-grid {
        grid-template-columns:repeat(2,1fr);
        max-width: -webkit-max-content;
        max-width: -moz-max-content;
        max-width: max-content
    }
}

.vaiobr-loja-2-x-block {
    flex: 0 0 auto;
    width: 100%;
    height: 100%;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content
}

.vaiobr-loja-2-x-blockImg {
    background-color: #fff;
    padding: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    max-width: 180px;
    min-height: 196px
}

.vaiobr-loja-2-x-blockImg img {
    transition: transform .3s ease;
    max-width: 100%;
    height: auto
}

.vaiobr-loja-2-x-blockImg:hover img {
    transform: scale(1.1)
}

.vaiobr-loja-2-x-block p {
    color: #8d8d8d;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: left
}

@media screen and (max-width: 1024px) {
    .vaiobr-loja-2-x-grid {
        padding-top:12px;
        padding-bottom: 12px;
        padding-left: 24px
    }

    .vaiobr-loja-2-x-block {
        max-width: 120px;
        height: 100%
    }

    .vaiobr-loja-2-x-blockImg {
        padding: 18px;
        max-width: none;
        min-height: 130px!important
    }
}

.vtex-minicart-2-x-drawerStyles {
    height: 100%
}

.vtex-minicart-2-x-popupStyles {
    max-height: 600px
}

.vtex-minicart-2-x-minicartEmptyStateContainerDefault {
    width: 340px
}

.vtex-minicart-2-x-minicartQuantityBadgeDefault {
    top: -.7rem;
    right: -.8rem
}

.vtex-minicart-2-x-popupBoxPosition {
    right: -40px;
    width: 364px;
    top: 100%
}

.vtex-minicart-2-x-popupArrowUp {
    right: 7px
}

.vtex-login-2-x-container,.vtex-login-2-x-contentFormVisible,.vtex-login-2-x-contentInitialScreen {
}

.vtex-login-2-x-profile {
    max-width: 130px
}

.vtex-login-2-x-accessCodeOptionBtn,.vtex-login-2-x-accountOptions,.vtex-login-2-x-accountOptionsSectionTitle,.vtex-login-2-x-arrowUp,.vtex-login-2-x-backButton,.vtex-login-2-x-button,.vtex-login-2-x-buttonDanger,.vtex-login-2-x-buttonLink,.vtex-login-2-x-buttonSocial,.vtex-login-2-x-codeConfirmation,.vtex-login-2-x-content,.vtex-login-2-x-corporateEmail,.vtex-login-2-x-corporateOptionBtn,.vtex-login-2-x-customOAuthOptionBtn,.vtex-login-2-x-deliveryMethodOptions,.vtex-login-2-x-dontHaveAccount,.vtex-login-2-x-emailAndPasswordForm,.vtex-login-2-x-emailForm,.vtex-login-2-x-emailPasswordOptionBtn,.vtex-login-2-x-emailVerification,.vtex-login-2-x-eyeIcon,.vtex-login-2-x-facebookOptionBtn,.vtex-login-2-x-forgotPasswordForm,.vtex-login-2-x-forgotPasswordLink,.vtex-login-2-x-formError,.vtex-login-2-x-formLinkContainer,.vtex-login-2-x-googleOptionBtn,.vtex-login-2-x-inputContainer,.vtex-login-2-x-inputContainerAccessCode,.vtex-login-2-x-inputContainerEmail,.vtex-login-2-x-inputContainerPassword,.vtex-login-2-x-label,.vtex-login-2-x-loading,.vtex-login-2-x-loginOptionsContainer,.vtex-login-2-x-logoutButton,.vtex-login-2-x-oauthAutoRedirect,.vtex-login-2-x-oauthAutoRedirectLoading,.vtex-login-2-x-oauthProvider,.vtex-login-2-x-optionsList,.vtex-login-2-x-optionsListItem,.vtex-login-2-x-optionsListItemContainer,.vtex-login-2-x-optionsSticky,.vtex-login-2-x-selectCodeDeliveryMethod,.vtex-login-2-x-sendButton,.vtex-login-2-x-termsAndConditions {
}

.vtex-login-2-x-formTitle {
    white-space: pre-line
}

.vtex-login-2-x-formSubtitle {
}

.vtex-login-2-x-box {
    top: 100%;
    visibility: visible;
    min-width: 19.375rem
}

.vtex-login-2-x-contentContainer {
    min-width: 100%
}

.vtex-login-2-x-formFooter {
    min-height: 2rem
}

.vtex-login-2-x-contentForm {
    min-width: 18.125rem
}

.vtex-login-2-x-contentAlwaysWithOptions {
    min-height: 18.75rem;
    max-width: 43.75rem
}

@media only screen and (max-width: 600px) {
    .vtex-login-2-x-contentAlwaysWithOptions {
        max-width:25rem
    }
}

.vtex-login-2-x-options {
    min-width: 20rem
}

.vtex-login-2-x-sendButton:only-child {
    margin: 0;
    width: 100%
}

.vtex-login-2-x-sendButton:only-child .vtex-button {
    width: 100%
}

.vtex-login-2-x-tooltipContainer {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.vtex-login-2-x-tooltipContainerTop {
    bottom: 110%;
    left: 50%;
    transform: translateX(-50%)
}

.vtex-login-2-x-tooltipContainerLeft {
    top: 50%;
    transform: translateY(-50%);
    right: 102%
}

.vtex-login-2-x-tooltipContainerLeft:after {
    content: "";
    position: absolute;
    top: 45%;
    left: 100%;
    border: .625rem solid transparent;
    border-left-color: #3b3b3b
}

.vtex-login-2-x-tooltipContainerTop:after {
    content: "";
    position: absolute;
    left: 45%;
    top: 100%;
    border: .625rem solid transparent;
    border-top-color: #3b3b3b
}

.vtex-login-2-x-button .vtex-button {
    border: 1px solid #e9e9e9;
    width: 100%;
    min-height: 2.5rem
}

.vtex-login-2-x-button .vtex-button .vtex-login-2-x-oauthLabel {
    margin: 0 1.25rem
}

.vtex-login-2-x-buttonDanger>.vtex-button {
    background-color: #ffe6e6;
    color: #ff4c4c
}

.vtex-login-2-x-buttonDanger>.vtex-button .vtex__icon-spinner {
    color: #ff4c4c
}

.vtex-flex-layout-0-x-flexCol--priceWrapper {
    height: 40px
}

.vtex-flex-layout-0-x-flexRow--minicart-footer {
    box-shadow: 0 0 12px rgba(0,0,0,.15)
}

.vtex-store-icons-0-x-cartIcon--minicart-empty-state {
    color: #979899
}

.vtex-breadcrumb-1-x-container {
    text-transform: uppercase;
    font-size: .75rem;
    padding: 16px 0
}

.vtex-breadcrumb-1-x-homeLink:before {
    content: "home";
    display: inline-block;
    color: #9d9ea5;
    transition: all .3s
}

.vtex-breadcrumb-1-x-homeLink:hover:before {
    color: #333
}

.vtex-breadcrumb-1-x-homeIcon {
    display: none
}

.vtex-breadcrumb-1-x-link {
    color: #9d9ea5
}

.vtex-breadcrumb-1-x-link:hover {
    color: #333
}

.vtex-breadcrumb-1-x-term,.vtex-breadcrumb-1-x-termArrow {
    display: none
}

@media screen and (min-width: 1260px) {
    .vtex-breadcrumb-1-x-container {
        padding:16px 0 0;
        text-transform: uppercase;
        font-size: .875rem
    }
}

.vtex-carousel-2-x-containerImg {
    background-color: #f0f0f0
}

.vtex-carousel-2-x-containerImg .vtex-carousel-2-x-img {
    max-width: 100%
}

.vtex-flex-layout-0-x-flexRowContent--wrapper__container {
    margin: 0 auto;
    flex-direction: column
}

@media screen and (min-width: 1260px) {
    .vtex-flex-layout-0-x-flexRowContent--wrapper__container {
        max-width:none
    }
}

@media screen and (min-width: 1660px) {
    .vtex-flex-layout-0-x-flexRowContent--wrapper__container {
        max-width:none
    }
}

@media screen and (min-width: 960px) {
    .vtex-flex-layout-0-x-flexRow {
        max-width:960px;
        margin: 0 auto;
        width: 100%
    }
}

@media screen and (min-width: 1260px) {
    .vtex-flex-layout-0-x-flexRow {
        max-width:1200px;
        margin: 0 auto;
        width: 100%
    }
}

@media screen and (min-width: 1660px) {
    .vtex-flex-layout-0-x-flexRow {
        max-width:1548px;
        margin: 0 auto;
        width: 100%
    }
}

.vtex-flex-layout-0-x-flexColChild--wrapper__conteudo-seo-col {
    border-top: 1px solid #d2d4de;
    padding: 24px 0 32px
}

.vtex-flex-layout-0-x-flexRow--wrapper__searchbread {
    min-height: 52.5px
}

@media screen and (min-width: 40em) {
    .vtex-modal-layout-0-x-paper--quickview {
        height:260px;
        width: 580px
    }

    .vtex-modal-layout-0-x-actionsContainer--quickview {
        padding: 0 2rem 2rem
    }
}

@media screen and (min-width: 50em) {
    .vtex-modal-layout-0-x-paper--quickview {
        height:450px;
        width: 900px
    }
}

@media screen and (min-width: 75em) {
    .vtex-modal-layout-0-x-paper--quickview {
        width:calc(100% - 4rem);
        height: auto
    }
}

@media screen and (min-width: 82em) {
    .vtex-modal-layout-0-x-actionsContainer--quickview {
        padding:0 2.5rem 2.5rem
    }
}

.vtex-modal-layout-0-x-paper--quickview {
    min-width: 320px;
    max-width: 96rem
}

.vtex-modal-layout-0-x-headerContainer--quickview {
    border: none;
    position: absolute;
    right: 0
}

.vtex-modal-layout-0-x-actionsContainer--quickview {
    height: 100%;
    width: 100%;
    transition: box-shadow .15s ease-in-out,border-top .15s ease-in-out;
    border-top: 1px solid transparent;
    box-shadow: -4px 0 27px -12px transparent
}

.vtex-modal-layout-0-x-actionsContentWrapper {
    border-top: 1px solid #aaa;
    padding-top: 1.5rem
}

.vtex-modal-layout-0-x-contentContainer--quickviewContent {
    padding: 2.5rem 0 2.5rem 2rem;
    overflow-x: hidden
}

.vtex-modal-layout-0-x-triggerContainer--quickview {
    padding: .75rem
}

.vtex-modal-layout-0-x-triggerContainer {
    outline: none
}

.vtex-modal-layout-0-x-actionsContainer--quickview:not(.vtex-modal-layout-0-x-actionsContainerEndOfContent--quickview) {
    border-top-color: #eee;
    box-shadow: -4px 0 27px -12px rgba(0,0,0,.64)
}

.vtex-modal-layout-0-x-actionsContainer--quickview:not(.vtex-modal-layout-0-x-actionsContainerEndOfContent--quickview) .vtex-modal-layout-0-x-actionsContentWrapper {
    border-top-color: transparent
}

.vtex-modal-layout-0-x-closeButton {
    padding-right: 1rem
}

.vtex-modal-layout-0-x-paper--product-gifts {
    padding: 1.5rem
}

.vtex-product-highlights-2-x-productHighlightWrapper--collection {
    position: absolute;
    top: 10px;
    left: 5px;
    width: 200px
}

.vtex-product-highlights-2-x-productHighlightText {
    background: #faebd7;
    border-radius: 20px;
    padding: 5px 10px
}

.vtex-product-identifier-0-x-product-identifier--productReference {
    margin-bottom: 1rem
}

.vtex-product-gifts-0-x-productGiftText--default {
    cursor: pointer
}

.vtex-reviews-and-ratings-3-x-container {
    max-width: 96rem;
    padding-left: .5rem;
    padding-right: .5rem
}

.vtex-reviews-and-ratings-3-x-inlineContainer {
    margin-left: 0
}

.vtex-reviews-and-ratings-3-x-star--empty,.vtex-reviews-and-ratings-3-x-star--filled {
    color: #ffb100
}

.vtex-product-summary-2-x-skuSelectorContainer--quickview .vtex-product-summary-2-x-skuSelectorItemImage .vtex-product-summary-2-x-frameAround,.vtex-product-summary-2-x-skuSelectorContainer--quickview .vtex-product-summary-2-x-skuSelectorItemImage .vtex-product-summary-2-x-skuSelectorInternalBox {
    border-radius: 50%
}

.vtex-product-summary-2-x-container .vtex-modal-layout-0-x-triggerContainer {
    opacity: 0;
    transition: opacity .2s ease-in-out
}

.vtex-product-summary-2-x-container:hover .vtex-modal-layout-0-x-triggerContainer {
    opacity: 1
}

@media screen and (max-width: 40em) {
    .vtex-product-summary-2-x-container .vtex-modal-layout-0-x-triggerContainer {
        display:none
    }
}

.vtex-product-summary-2-x-nameContainer {
    justify-content: start;
    padding-top: 1rem;
    padding-bottom: 1rem
}

.vtex-product-summary-2-x-brandName {
    font-weight: 600;
    font-size: 18px;
    color: #2e2e2e
}

.vtex-product-summary-2-x-container {
    text-align: start
}

.vtex-product-summary-2-x-imageContainer {
    text-align: center
}

.vtex-product-summary-2-x-image {
    border-radius: .25rem
}

.vtex-rich-text-0-x-headingLevel1--wrapper__texto-seo {
    font-size: 32px;
    color: #333;
    margin: 0 0 12px
}

.vtex-rich-text-0-x-headingLevel2--wrapper__texto-seo {
    font-size: 28px;
    color: #333;
    margin: 0 0 12px
}

.vtex-rich-text-0-x-headingLevel3--wrapper__texto-seo {
    font-size: 21px;
    color: #333;
    margin: 0 0 12px
}

.vtex-rich-text-0-x-paragraph--wrapper__texto-seo {
    font-size: 16px;
    color: #333;
    margin: 0 0 12px
}

.vtex-slider-layout-0-x-sliderLayoutContainer {
    justify-content: center
}

.vtex-slider-layout-0-x-sliderTrackContainer {
    max-width: 100%
}

.vtex-slider-layout-0-x-paginationDotsContainer {
    margin-bottom: 1rem;
    padding: 8px 0
}

.vtex-slider-layout-0-x-caretIcon {
    display: none
}

.vtex-slider-layout-0-x-sliderArrows {
    margin: 0;
    padding: 0;
    width: 9px;
    height: 18px;
    background-size: 9px!important;
    background-repeat: no-repeat!important
}

.vtex-slider-layout-0-x-sliderLeftArrow {
    background-image: url(https://vaiobr.vtexassets.com/assets/vtex/assets-builder/vaiobr.loja/2.0.322/img/slider/slide-left-arrow___5556976e04307c688cf4a261300357b7.png)!important
}

.vtex-slider-layout-0-x-sliderRightArrow {
    background-image: url(https://vaiobr.vtexassets.com/assets/vtex/assets-builder/vaiobr.loja/2.0.322/img/slider/slide-right-arrow___81d04277a785525b8e41f0e3e0e1743e.png)!important
}

.vtex-stack-layout-0-x-stackItem--quickview {
    right: 0;
    top: 0;
    left: auto;
    border: 5px solid #00f
}

.vtex-search-result-3-x-galleryLayoutOptionButton {
    background-color: #f0f0f0;
    color: #3f3f40;
    padding: .375rem .75rem
}

.vtex-search-result-3-x-galleryLayoutOptionButton--selected {
    background-color: #3f3f40;
    color: #fff
}

.vtex-search-result-3-x-galleryLayoutSwitcher {
    border-radius: 4px 4px 4px 4px;
    justify-content: center;
    overflow: hidden;
    width: auto!important;
    align-self: center
}

.vtex-search-result-3-x-galleryItem--list {
    border-bottom: 1px solid #e7e9ee
}

.vtex-store-components-3-x-container {
    padding: 0 16px
}

@media screen and (min-width: 960px) {
    .vtex-store-components-3-x-container {
        padding:0;
        max-width: none
    }
}

.vtex-store-footer-2-x-row--menu-row {
    padding-right: 24px
}

.vtex-store-footer-2-x-row--menu-row .vtex-store-footer-2-x-rowContainer {
    align-items: flex-start
}

.vtex-store-footer-2-x-row--payment-methods {
    padding-top: 16px
}

.vtex-store-icons-0-x-expandIcon {
    color: #727273
}

.vtex-store-video-1-x-videoContainer {
    width: 100%;
    height: 300px;
    margin-top: 2%
}

@media only screen and (min-width: 640px) {
    .vtex-store-video-1-x-videoContainer {
        height:700px
    }
}

.yourviews-yourviewsreviews-1-x-questionsAndAnswersContainer,.yourviews-yourviewsreviews-1-x-reviewsContainer {
    padding: 24px 0 0!important
}

@media only screen and (max-width: 900px) {
    .yourviews-yourviewsreviews-1-x-questionsAndAnswersContainer,.yourviews-yourviewsreviews-1-x-reviewsContainer {
        padding:24px 0 0!important
    }
}

.yourviews-yourviewsreviews-1-x-reviewsReview {
    font-size: 16px;
    line-height: 1.4rem
}

.yourviews-yourviewsreviews-1-x-ratingStarsActive,.yourviews-yourviewsreviews-1-x-ratingStarsInactive {
    width: 14px;
    height: 14px;
    fill: #d2d4de;
    margin: 0 1px
}

.yourviews-yourviewsreviews-1-x-ratingStarsActive {
    fill: #333
}

.yourviews-yourviewsreviews-1-x-searchResultContainer--black-friday-conversao-page .yourviews-yourviewsreviews-1-x-ratingStarsActive {
    border: 1px solid red
}

.yourviews-yourviewsreviews-1-x-ratingSummary {
    margin-bottom: 6px;
    display: flex;
    justify-content: center
}

@media only screen and (min-width: 900px) {
    .yourviews-yourviewsreviews-1-x-ratingSummary {
        justify-content:flex-start
    }
}

.yourviews-yourviewsreviews-1-x-inlineRating {
    line-height: 1
}

.yourviews-yourviewsreviews-1-x-ratingStarsTotal {
    color: #9d9ea5
}

.vtex-account .mw9 {
    padding: 92px 16px 64px
}

.vtex-my-account-1-x-menu {
    padding: 0
}

.vtex-my-account-1-x-menu .vtex-my-account-1-x-menuLinks .vtex-my-account-1-x-menuLink {
    color: #9d9ea5;
    font-size: 16px;
    margin: 0
}

.vtex-my-account-1-x-menu .vtex-my-account-1-x-menuLinks .vtex-my-account-1-x-menuLink:hover {
    color: #333
}

.vtex-my-account-1-x-menu .vtex-my-account-1-x-menuLinks .vtex-account_menu-link {
    font-size: 16px;
    color: #9d9ea5;
    margin: 0
}

.vtex-my-account-1-x-menu .vtex-my-account-1-x-menuLinks .vtex-account_menu-link:hover {
    color: #333
}

.vtex-my-account-1-x-menu .vtex-my-account-1-x-menuLinks .b--action-primary {
    color: #333;
    border-color: #333
}

.vtex-account__page .vtex-my-account-1-x-addressBox {
    flex-direction: column
}

.vtex-account__page {
    width: 100%
}

.vtex-account__page .vtex-pageHeader__container {
    padding: .75rem
}

.vtex-account__page .vtex-pageHeader__container .vtex-pageHeader-link__container {
    margin-bottom: 8px
}

.vtex-account__page .vtex-pageHeader__container .vtex-pageHeader-link__container .vtex-button {
    background-color: #fff
}

.vtex-account__page .vtex-pageHeader__container .vtex-pageHeader-link__container .vtex-button .t-action--small {
    font-size: 16px
}

.vtex-account__page .vtex-pageHeader__container .vtex-pageHeader-link__container .vtex-button .vtex__icon-arrow-back {
    transform: translateY(-2px)
}

.vtex-account__page .vtex-pageHeader__container .vtex-pageHeader__children .vtex-button {
    background-color: #0086df;
    text-transform: none;
    padding: 10px 16px;
    font-size: 14px;
    border: none;
    border-radius: 2px
}

.vtex-account__page .vtex-pageHeader__container .vtex-pageHeader__children .vtex-button .vtex-button__label {
    padding: 0
}

.vtex-account__page .vtex-pageHeader__container .c-on-base {
    margin: 0
}

.vtex-account__page .vtex-pageHeader__container .c-on-base .vtex-pageHeader__title {
    font-size: 32px;
    font-weight: 400
}

.vtex-account__page .vtex-my-account-1-x-newsletterBoxContainer {
    display: none
}

.vtex-my-account-1-x-boxContainerBody {
    padding: 32px
}

.vtex-my-account-1-x-boxContainerBody .lighter {
    padding: 0
}

.vtex-my-account-1-x-boxContainerBody .vtex-profile-form-3-x-styleguideInput {
    padding-bottom: 24px
}

.vtex-my-account-1-x-boxContainerBody .vtex-input__label {
    font-size: 16px;
    color: #333
}

.vtex-my-account-1-x-boxContainerBody .vtex-input-prefix__group {
    border: none;
    border-radius: 0
}

.vtex-my-account-1-x-boxContainerBody .vtex-dropdown__container,.vtex-my-account-1-x-boxContainerBody .vtex-input-prefix__group input {
    border: 1px solid #d2d4de;
    padding: 10px 12px;
    border-radius: 2px
}

.vtex-my-account-1-x-boxContainerBody .vtex-dropdown__container .vtex-dropdown__button {
    padding: 0
}

.vtex-my-account-1-x-boxContainerBody .vtex-dropdown__label,.vtex-my-account-1-x-boxContainerBody .vtex-input-prefix__group select {
    font-size: 16px;
    color: #333
}

.vtex-my-account-1-x-boxContainerBody .vtex-dropdown .bg-white {
    border: 1px solid #d2d4de;
    padding: 10px 12px;
    border-radius: 2px
}

.vtex-my-account-1-x-boxContainerBody .vtex-dropdown .vtex-dropdown__button {
    padding: 0
}

.vtex-my-account-1-x-boxContainerBody .vtex-input-prefix__group .vtex-dropdown__button {
    padding: 10px 12px;
    color: #333
}

.vtex-my-account-1-x-boxContainerBody .vtex-input-prefix__group input:focus,.vtex-my-account-1-x-boxContainerBody .vtex-input-prefix__group input:hover {
    border-color: #333
}

.vtex-my-account-1-x-boxContainerBody .address-summary {
    line-height: 1.6
}

.vtex-my-account-1-x-boxContainer {
    border: 1px solid #d2d4de;
    border-radius: 0
}

.vtex-my-account-1-x-boxContainer .vtex-my-account-1-x-boxContainerFooter .vtex-button {
    background-color: #333;
    border-radius: 2px;
    color: #fff;
    line-height: 1;
    padding: 8px 14px 6px;
    margin: 0;
    border: none;
    min-height: auto
}

.vtex-my-account-1-x-boxContainer .vtex-my-account-1-x-boxContainerFooter .vtex-button:hover {
    background-color: #000;
    border: none
}

.vtex-my-account-1-x-boxContainer .vtex-button .vtex-button__label {
    padding: 0!important;
    line-height: 1
}

.vtex-my-account-1-x-boxContainer .vtex-profile-form-3-x-toggleBusinessButtonWrapper {
    margin-bottom: 8px
}

.vtex-my-account-1-x-boxContainer .vtex-profile-form-3-x-businessFields {
    margin-top: 24px
}

.vtex-my-account-1-x-boxContainer .vtex-button {
    background-color: #0086df;
    text-transform: none;
    padding: 12px 16px;
    font-size: 16px;
    border: 1px solid #0086df;
    border-radius: 2px;
    color: #fff
}

.vtex-my-account-1-x-boxContainer .vtex-button:hover {
    background-color: #006eb8;
    border: 1px solid #006eb8
}

.vtex-my-account-1-x-boxContainer .bg-washed-blue {
    background-color: #fff;
    color: #0086df;
    border: 1px solid #0086df
}

.vtex-my-account-1-x-boxContainer .bg-washed-blue:hover {
    background-color: #fff;
    color: #006eb8;
    border: 1px solid #006eb8
}

.vtex-my-account-1-x-boxContainer .bg-danger {
    border: 1px solid #e81515;
    color: #e81515;
    background-color: #fff
}

.vtex-my-account-1-x-boxContainer .bg-danger:hover {
    border: 1px solid #af1717;
    color: #af1717;
    background-color: #fff
}

.vtex-account__page-body {
    display: inline-block
}

.vtex-account__page-body ul li {
    margin: 0
}

.vtex-account__page-body ul li:last-child {
    display: none
}

.vtex-account__page-body .myo-collapsed-order {
    border-color: #d2d4de;
    background-color: #eaebf0;
    border-radius: 0;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.vtex-account__page-body .myo-collapsed-order .vtex-my-orders-app-3-x-orderHeaderLabel {
    font-size: 14px;
    color: #9d9ea5;
    text-transform: none
}

.vtex-account__page-body .myo-collapsed-order .vtex-my-orders-app-3-x-orderHeaderValue {
    font-size: 16px;
    color: #333;
    text-transform: none;
    font-weight: 700;
    margin-top: 6px
}

.vtex-account__page-body .myo-collapsed-order .myo-order-id {
    color: #333;
    font-size: 14px
}

.vtex-account__page-body .myo-collapsed-order .bg-success {
    background-color: #12c867;
    border-radius: 0;
    padding: 8px 8px 6px
}

.vtex-account__page-body .myo-collapsed-order .bg-warning {
    background-color: #e88630;
    border-radius: 0;
    padding: 8px 8px 6px
}

.vtex-account__page-body .myo-collapsed-order .bg-danger {
    background-color: #e81515;
    border-radius: 0;
    padding: 8px 8px 6px
}

.vtex-account__page-body .myo-collapsed-order span {
    color: #fff;
    font-size: 14px
}

.vtex-account__page-body .myo-order-card {
    margin: 0 0 24px
}

.vtex-account__page-body .myo-order-card .myo-order-header {
    background-color: #eaebf0;
    border-color: #eaebf0
}

.vtex-account__page-body .myo-order-card .myo-order-header .vtex-my-orders-app-3-x-orderHeaderLabel {
    font-size: 14px;
    color: #9d9ea5;
    text-transform: none
}

.vtex-account__page-body .myo-order-card .myo-order-header .vtex-my-orders-app-3-x-orderHeaderValue {
    font-size: 16px;
    color: #333;
    text-transform: none;
    font-weight: 700
}

.vtex-account__page-body .myo-order-card .myo-order-header .myo-order-id {
    color: #333;
    font-size: 14px
}

.vtex-account__page-body .myo-order-card .myo-order-header .bg-success {
    background-color: #12c867;
    border-radius: 0
}

.vtex-account__page-body .myo-order-card .myo-order-header .bg-warning {
    background-color: #e88630;
    border-radius: 0
}

.vtex-account__page-body .myo-order-card .myo-order-header .bg-danger {
    background-color: #e81515;
    border-radius: 0
}

.vtex-account__page-body .myo-order-card .myo-order-header span {
    color: #fff;
    font-size: 14px
}

.vtex-account__page-body .myo-order-card .myo-invoice-btn {
    border: 1px solid #d2d4de;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
    padding: 10px;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1;
    margin: 0 0 12px
}

.vtex-account__page-body .myo-order-card .myo-invoice-btn:hover {
    border-color: #9b9ca3
}

.vtex-account__page-body .myo-order-card .myo-invoice-btn span {
    margin: 0
}

.vtex-account__page-body .myo-order-card .myo-invoice-btn svg {
    display: none
}

.vtex-account__page-body .myo-order-card .myo-cancel-btn {
    border: 1px solid #d2d4de;
    border-radius: 4px;
    font-size: 14px;
    color: #333;
    padding: 10px;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1;
    margin: 0 0 12px
}

.vtex-account__page-body .myo-order-card .myo-cancel-btn:hover {
    border-color: #9b9ca3
}

.vtex-account__page-body .myo-order-card .myo-cancel-btn span {
    margin: 0
}

.vtex-account__page-body .myo-order-card .myo-cancel-btn svg {
    display: none
}

.vtex-account__page-body .myo-order-card .myo-details-btn {
    border: 1px solid #333;
    margin: 0;
    border-radius: 4px;
    font-size: 14px;
    color: #fff;
    background-color: #333;
    padding: 10px;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1
}

.vtex-account__page-body .myo-order-card .myo-details-btn:hover {
    background-color: #000
}

.vtex-account__page-body .myo-order-card .myo-reorder-btn {
    border: none;
    border-radius: 4px;
    font-size: 14px;
    color: #0086df;
    background-color: #fff;
    padding: 10px;
    display: block;
    width: 100%;
    text-align: center;
    line-height: 1;
    margin: 0 0 12px;
    display: flex;
    align-items: center;
    justify-content: center
}

.vtex-account__page-body .myo-order-card .myo-reorder-btn svg {
    fill: #0086df
}

.vtex-account__page-body .myo-order-product a {
    color: #333;
    line-height: 1.4;
    font-size: 16px;
    display: block;
    padding: 0;
    margin: 0
}

.vtex-account__page-body .myo-order-product a:hover {
    color: #000
}

.vtex-account__page-body .vtex-my-orders-app-3-x-orderProductShipping {
    color: #9d9ea5;
    font-size: 14px;
    padding: 0;
    margin: 6px 0 0
}

.vtex-account__page-body .vtex-my-orders-app-3-x-orderProductQuantityValue {
    color: #333;
    font-size: 14px;
    padding: 0;
    margin: 6px 0 0
}

.vtex-account__page-body .c-on-base .bg-danger {
    background-color: #e81515;
    border-radius: 0;
    font-size: 14px;
    line-height: 1;
    margin: 0;
    padding: 6px 12px
}

.vtex-account__page-body .c-on-base .bg-success {
    background-color: #12c867;
    border-radius: 0;
    font-size: 14px;
    line-height: 1;
    margin: 0;
    padding: 6px 12px
}

.vtex-account__page-body .c-on-base .bg-warning {
    background-color: #e88630;
    border-radius: 0;
    font-size: 14px;
    line-height: 1;
    padding: 4px 10px;
    display: inline;
    margin: 0 0 0 12px
}

.vtex-account__page-body .bg-warning .c-on-base {
    color: #fff
}

.vtex-account__page-body .c-link .dib {
    color: #0086df;
    text-decoration: none;
    height: 20px;
    font-size: 14px
}

.vtex-account__page-body .c-link svg {
    fill: #0086df
}

.vtex-account__page-body .no-underline .link {
    color: #0086df;
    display: flex;
    align-items: center;
    text-decoration: none;
    height: 20px;
    font-size: 14px
}

.vtex-account__page-body .w-third-m>section {
    border: 1px solid #d2d4de;
    border-radius: 0;
    overflow-x: hidden
}

.vtex-account__page-body .w-third-m>section .input-reset {
    color: #0086df;
    display: flex;
    align-items: center;
    text-align: center;
    margin: 0;
    font-weight: 400;
    cursor: pointer
}

.vtex-account__page-body .w-third-m>section .input-reset .c-muted-1 {
    fill: #0086df;
    color: #0086df
}

.vtex-account__page-body .w-third-m>section .myo-invoice-btn {
    padding: 0;
    margin: 0;
    display: block;
    float: none
}

.vtex-account__page-body .w-third-m>section .myo-invoice-btn button {
    display: none
}

.vtex-account__page-body .w-third-m>section .myo-invoice-btn .c-link {
    color: #fff;
    font-size: 14px;
    text-align: center;
    padding: 10px 0;
    width: 100%;
    margin: 0;
    border-radius: 4px;
    background-color: #333
}

.vtex-account__page-body .w-third-m>section h3.c-on-base {
    letter-spacing: 0;
    text-transform: none;
    color: #333;
    font-size: 21px;
    font-weight: 400
}

.vtex-account__page-body .w-third-m>section .cf.w-100.mb7 .c-on-base {
    color: #333;
    font-size: 16px;
    font-weight: 700
}

.vtex-account__page-body .myo-progress-bar {
    border: 1px solid #d2d4de
}

.vtex-account__page-body .myo-progress-bar .myo-progress-bar {
    border: none
}

.vtex-account__page-body .myo-progress-bar .myo-progress-bar__circle {
    background-color: #9d9ea5
}

.vtex-account__page-body .myo-progress-bar .myo-progress-bar__line {
    border-color: #9d9ea5;
    border-width: 1px
}

.vtex-account__page-body .myo-progress-bar .myo-progress-bar__ma-inner-circle {
    color: #333;
    background-color: #333
}

.vtex-account__page-body .myo-margin-right h2,.vtex-account__page-body .myo-progress-bar .myo-progress-bar__title-font {
    letter-spacing: 0;
    text-transform: none;
    color: #333;
    font-size: 21px;
    font-weight: 400;
    padding: 0
}

.vtex-account__page-body .c-on-muted-1 {
    background: #eaebf0;
    border-radius: 0;
    color: #333;
    margin: 0;
    font-size: 14px;
    line-height: 1;
    display: inline-block;
    padding: 6px 10px
}

.vtex-account__page-body .myo-product-table .myo-product-name {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    text-decoration: none
}

.vtex-account__page-body .myo-product-table .myo-seller-name {
    display: none
}

.vtex-account__page .vtex-account__page-body .vtex-my-authentication-1-x-authenticationScreen_container {
    padding: 0
}

.vtex-account__page .vtex-account__page-body .vtex-my-authentication-1-x-authenticationScreen_container .vtex-my-authentication-1-x-box_container {
    border: 1px solid #d2d4de;
    border-radius: 0
}

.vtex-account__page .vtex-account__page-body .vtex-my-authentication-1-x-authenticationScreen_container .vtex-my-authentication-1-x-box_container .vtex-button {
    background-color: #333;
    color: #fff;
    font-size: 14px;
    border-radius: 0;
    min-height: auto;
    padding: 8px 14px 6px;
    border: none
}

.vtex-account__page .vtex-account__page-body .vtex-my-authentication-1-x-authenticationScreen_container .vtex-my-authentication-1-x-box_container .vtex-button:hover {
    background-color: #000
}

.vtex-account__page .vtex-account__page-body .vtex-my-authentication-1-x-authenticationScreen_container .vtex-my-authentication-1-x-box_container .vtex-button .vtex-button__label {
    padding: 0!important
}

.vtex-account__page .vtex-account__page-body .vtex-my-authentication-1-x-authenticationScreen_container .vtex-my-authentication-1-x-box_container .vtex-input-prefix__group {
    border: 1px solid #d2d4de;
    border-radius: 2px
}

.vtex-account__page .vtex-account__page-body .vtex-my-authentication-1-x-authenticationScreen_container .vtex-my-authentication-1-x-box_container .vtex-input-prefix__group:focus {
    border-color: #333
}

.vtex-account__page .vtex-account__page-body .vtex-my-authentication-1-x-loginSessions_box .vtex-my-authentication-1-x-box_container {
    border: 1px solid #d2d4de;
    border-radius: 0
}

.vtex-account__page .vtex-account__page-body .vtex-my-authentication-1-x-loginSessions_box .vtex-my-authentication-1-x-box_headerSeparator {
    border-color: #d2d4de;
    border-width: 1px
}

@media screen and (min-width: 960px) {
    .vtex-account__page .vtex-my-account-1-x-addressBox {
        flex-direction:row
    }

    .vtex-account .mw9 {
        max-width: 960px;
        margin: 0 auto;
        width: 100%;
        padding: 164px 0 64px
    }
}

@media screen and (min-width: 1260px) {
    .vtex-account .mw9 {
        max-width:1200px;
        margin: 0 auto
    }
}

@media screen and (min-width: 1660px) {
    .vtex-account .mw9 {
        max-width:1548px;
        margin: 0 auto
    }
}

.vtex-login-2-x-content {
    padding-top: 92px;
    padding-bottom: 32px
}

.vtex-login-2-x-content .vtex-login-2-x-contentForm {
    margin-bottom: 42px
}

.vtex-login-2-x-content .vtex-login-2-x-contentForm .vtex-login-2-x-inputContainer .vtex-input-prefix__group {
    border: 1px solid #cfcfcf;
    border-radius: 4px;
    padding: 0;
    line-height: 1;
    font-size: 16px;
    height: auto
}

.vtex-login-2-x-content .vtex-login-2-x-contentForm .vtex-login-2-x-inputContainer .vtex-input-prefix__group .vtex-styleguide-9-x-input {
    padding: 12px
}

input:-webkit-autofill,input:-webkit-autofill:active,input:-webkit-autofill:focus,input:-webkit-autofill:hover {
    -webkit-box-shadow: 0 0 0 30px #fff inset!important
}

.vtex-login-2-x-content .vtex-login-2-x-contentForm .vtex-login-2-x-inputContainer .vtex-input-prefix__group .vtex-input__suffix {
    padding: 0
}

.vtex-login-2-x-content .vtex-login-2-x-contentForm .vtex-login-2-x-inputContainer .vtex-input-prefix__group .vtex-input__suffix .vtex-login-2-x-eyeIcon--invisible,.vtex-login-2-x-content .vtex-login-2-x-contentForm .vtex-login-2-x-inputContainer .vtex-input-prefix__group .vtex-input__suffix .vtex-login-2-x-eyeIcon--visible {
    padding: 12px
}

.vtex-login-2-x-content .vtex-login-2-x-sendButton .vtex-button {
    min-height: auto;
    padding: 12px;
    border: 0
}

.vtex-login-2-x-content .vtex-login-2-x-sendButton .vtex-button .vtex-button__label {
    padding: 0!important
}

.vtex-login-2-x-content .vtex-login-2-x-accessCodeOptionBtn .vtex-button {
    min-height: auto;
    padding: 12px;
    background-color: #fff;
    color: #0075c2;
    border: 1px solid #0075c2;
    border-radius: 4px;
    text-transform: none
}

.vtex-login-2-x-content .vtex-login-2-x-accessCodeOptionBtn .vtex-button .vtex-button__label {
    padding: 0!important
}

.vtex-login-2-x-content .vtex-login-2-x-accessCodeOptionBtn .vtex-button:hover {
    color: #0074c2;
    border-color: #0074c2;
    background-color: #0075c2;
    color: #fff
}

.vtex-login-2-x-content .vtex-login-2-x-emailPasswordOptionBtn .vtex-button {
    min-height: auto;
    padding: 12px;
    background-color: #fff;
    color: #0075c2;
    border: 1px solid #0075c2;
    border-radius: 4px;
    text-transform: none
}

.vtex-login-2-x-content .vtex-login-2-x-emailPasswordOptionBtn .vtex-button .vtex-button__label {
    padding: 0!important
}

.vtex-login-2-x-content .vtex-login-2-x-emailPasswordOptionBtn .vtex-button:hover {
    color: #0074c2;
    border-color: #0074c2;
    background-color: #0075c2;
    color: #fff
}

.vtex-login-2-x-content .vtex-login-2-x-backButton .vtex-button {
    min-height: auto;
    padding: 12px;
    border: 0;
    background-color: #fff;
    color: #0075c2;
    border-radius: 4px;
    text-transform: none
}

.vtex-login-2-x-content .vtex-login-2-x-backButton .vtex-button .vtex-button__label {
    padding: 0!important
}

.vtex-login-2-x-content .vtex-login-2-x-backButton .vtex-button:hover {
    color: #0074c2
}

.vtex-login-2-x-content .vtex-login-2-x-formTitle {
    margin: 0 0 16px;
    font-size: 16px;
    color: #333
}

@media screen and (min-width: 960px) {
    .vtex-login-2-x-content {
        padding-top:164px;
        padding-bottom: 92px
    }

    .vtex-login-2-x-portalContainer .vtex-login-2-x-content {
        padding: 16px
    }

    .vtex-login-2-x-content .vtex-login-2-x-contentForm {
        margin-bottom: 0
    }
}

.vtex-flex-layout-0-x-flexRow--wrapper__modelos {
    background-color: #eaebf0
}

.vtex-flex-layout-0-x-flexRowContent--wrapper__modelos {
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    justify-content: flex-start;
    overflow-y: hidden;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 0
}

.vtex-flex-layout-0-x-flexRowContent--wrapper__selo-filter {
    justify-content: center
}

.vtex-flex-layout-0-x-flexRow--wrapper__selo-filter {
    margin: 8px auto 24px
}

.vtex-flex-layout-0-x-flexRow--wrapper__selo-filter .vtex-flex-layout-0-x-stretchChildrenWidth {
    width: auto!important
}

.vtex-flex-layout-0-x-flexRow--wrapper__selo-filter .vtex-store-link-0-x-link--wrapper__link-selo {
    width: auto
}

.vtex-flex-layout-0-x-flexRow--wrapper__selos-destaque {
    position: relative
}

.vtex-flex-layout-0-x-flexRow--wrapper__selos-destaque .vtex-flex-layout-0-x-flexRowContent--wrapper__selos-destaque {
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: 0
}

.vtex-flex-layout-0-x-flexCol--wrapper__selos-destaque {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    position: relative
}

.vtex-flex-layout-0-x-flexCol--wrapper__selos-destaque .vtex-flex-layout-0-x-flexColChild--wrapper__selos-destaque {
    display: flex;
    align-items: flex-start
}

.vtex-flex-layout-0-x-flexCol--wrapper__selos-destaque .vtex-flex-layout-0-x-flexColChild--wrapper__selos-destaque .vtex-product-price-1-x-savings {
    background-color: #c70557;
    border-radius: 0;
    color: #fff;
    font-size: 12px;
    padding: 4px 6px 2px;
    white-space: nowrap
}

.vtex-flex-layout-0-x-flexColChild--wrapper__selos-destaque {
    display: flex;
    align-items: center;
    justify-content: center
}

.vtex-flex-layout-0-x-flexRow--summary-product-name {
    margin: 6px 0 16px;
    justify-content: center;
    text-align: center
}

.vtex-flex-layout-0-x-flexRow--summary-description {
    height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical
}

.vtex-flex-layout-0-x-flexRow--summary-list-price {
    height: 20px
}

.vtex-flex-layout-0-x-flexRow--summary-selling-price {
    height: 54px
}

.vtex-flex-layout-0-x-flexRow--summary-installments {
    height: 32px
}

.vtex-flex-layout-0-x-flexColChild--summary-yourviews {
    display: flex;
    height: 26px!important;
    padding-top: 10px
}

@media screen and (min-width: 768px) {
    .vtex-flex-layout-0-x-flexRowContent--wrapper__modelos {
        justify-content:center
    }
}

@media screen and (min-width: 1025px) {
    .vtex-flex-layout-0-x-flexRowContent--wrapper__selo-filter {
        justify-content:flex-start
    }

    .vtex-flex-layout-0-x-flexRow--wrapper__search-result {
        margin-bottom: 96px
    }

    .vtex-flex-layout-0-x-flexRow--wrapper__modelos {
        margin: 0;
        max-width: none
    }

    .vtex-flex-layout-0-x-flexRowContent--wrapper__modelos {
        max-width: 1548px;
        margin: 0 auto;
        width: 100%;
        justify-content: center;
        overflow: visible
    }

    .vtex-flex-layout-0-x-flexCol--wrapper__search-filter-col {
        width: 260px
    }

    .vtex-flex-layout-0-x-flexCol--wrapper__search-filter-col .vtex-flex-layout-0-x-flexColChild--wrapper__search-filter-col {
        height: auto!important
    }

    .vtex-flex-layout-0-x-flexRow--wrapper__selo-filter {
        margin: 24px 0 42px
    }

    .vtex-flex-layout-0-x-flexCol--productCountCol {
        text-align: left
    }

    .vtex-flex-layout-0-x-flexRow--orderByAndSwitcher {
        padding-right: 0!important
    }
}

@media screen and (min-width: 1260px) {
    .vtex-flex-layout-0-x-flexCol--wrapper__search-filter-col {
        width:300px
    }

    .vtex-flex-layout-0-x-flexRow--summary-selling-price {
        height: 32px
    }

    .vtex-flex-layout-0-x-flexRow--summary-installments {
        height: 18px
    }
}

.vtex-product-highlights-2-x-productHighlightWrapper {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    margin: 0 4px
}

.vtex-product-highlights-2-x-productHighlightText {
    background-color: #0b113e;
    border-radius: 0;
    color: #fff;
    font-size: 12px;
    padding: 4px 6px 2px;
    margin-left: 4px;
    white-space: nowrap
}

.vtex-product-price-1-x-listPrice--summary {
    font-size: 16px;
    color: #9d9ea5;
    display: flex;
    justify-content: center
}

.vtex-product-price-1-x-sellingPrice--summary {
    color: #333;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    margin: 2px 0 0;
    display: inline-block
}

.vtex-product-price-1-x-sellingPriceValue--summary {
    color: #333;
    font-size: 18px;
    font-weight: 700
}

.vtex-product-price-1-x-installments--summary {
    color: #333;
    font-size: 14px;
    text-align: center
}

.vtex-product-price-1-x-flexRowContent--wrapper__list-price {
    justify-content: center;
    border: 1px solid red
}

@media screen and (min-width: 1025px) {
    .vtex-product-price-1-x-installments--summary {
        font-size:14px
    }

    .vtex-product-price-1-x-sellingPriceValue--summary {
        font-size: 24px
    }
}

@media screen and (min-width: 1260px) {
    .vtex-product-price-1-x-installments--summary {
        font-size:16px
    }
}

.vtex-product-summary-2-x-clearLink--product-shelf__wrapper {
    padding: 0
}

.vtex-product-summary-2-x-container--product-shelf__wrapper {
    max-width: none!important;
    border-radius: 0
}

.vtex-product-summary-2-x-clearLink {
    padding: 0;
    background-color: #fff
}

.vtex-product-summary-2-x-element--product-shelf__wrapper {
    padding: 0;
    position: relative
}

.vtex-product-summary-2-x-imageContainer--summary,.vtex-product-summary-2-x-imageContainer--summary .vtex-product-summary-2-x-image--summary {
    display: block
}

.vtex-product-summary-2-x-nameContainer--summary {
    padding: 16px 0;
    justify-content: center;
    text-align: center
}

.vtex-product-summary-2-x-productNameContainer--summary .vtex-product-summary-2-x-productBrand--summary {
    line-height: 1.3;
    font-size: 16px;
    color: #333;
    font-weight: 400;
    height: 82px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.vtex-product-summary-2-x-description--summary {
    color: #333;
    font-size: 14px;
    text-align: center
}

.vtex-product-summary-2-x-element--product-shelf__wrapper .vtex-button {
    padding: 0;
    margin-top: 24px;
    min-height: 42px;
    font-size: 14px;
    text-transform: uppercase
}

@media screen and (min-width: 1025px) {
    .vtex-product-summary-2-x-clearLink {
        background-color:#fff;
        padding: 16px;
        border: 1px solid #fff
    }

    .vtex-product-summary-2-x-clearLink:hover {
        border: 1px solid #d2d4de
    }

    .vtex-product-summary-2-x-productNameContainer--summary .vtex-product-summary-2-x-productBrand--summary {
        height: 67px;
        line-height: 1.4;
        -webkit-line-clamp: 3
    }

    .vtex-product-summary-2-x-element--product-shelf__wrapper .vtex-button {
        font-size: 15px;
        min-height: 48px;
        margin-top: 16px
    }
}

@media screen and (min-width: 1260px) {
    .vtex-product-summary-2-x-element--product-shelf__wrapper .vtex-button {
        margin-top:24px
    }
}

.vtex-rich-text-0-x-container--wrapper__nome-modelo {
    width: auto;
    display: block;
    margin: 11px 0 0
}

.vtex-rich-text-0-x-wrapper--wrapper__nome-modelo .vtex-rich-text-0-x-paragraph {
    margin: 0;
    line-height: 1;
    font-size: 13px
}

.vtex-rich-text-0-x-wrapper--wrapper__tag-modelo {
    background-color: #ae9555;
    color: #fff;
    padding: 5px 6px 3px;
    margin-right: 6px;
    margin-top: 7px
}

.vtex-rich-text-0-x-wrapper--wrapper__tag-modelo .vtex-rich-text-0-x-paragraph {
    margin: 0;
    line-height: 1;
    font-size: 12px
}

.vtex-rich-text-0-x-container--buy-button {
    border-radius: 4px;
    background-color: #0086df;
    color: #fff;
    margin-top: 16px;
    height: 42px
}

.vtex-rich-text-0-x-container--buy-button:hover {
    background-color: #0078c9
}

.vtex-rich-text-0-x-container--buy-button .vtex-rich-text-0-x-paragraph--buy-button {
    font-size: 14px;
    text-transform: uppercase;
    margin: 0
}

@media screen and (min-width: 1025px) {
    .vtex-rich-text-0-x-wrapper--wrapper__nome-modelo .vtex-rich-text-0-x-paragraph {
        font-size:15px
    }

    .vtex-rich-text-0-x-wrapper--wrapper__tag-modelo .vtex-rich-text-0-x-paragraph {
        font-size: .75rem
    }

    .vtex-rich-text-0-x-container--buy-button {
        margin-top: 24px;
        height: 48px
    }

    .vtex-rich-text-0-x-container--buy-button .vtex-rich-text-0-x-paragraph--buy-button {
        font-size: 15px
    }
}

.vtex-search-result-3-x-accordionFilterItem,.vtex-search-result-3-x-filterAccordionBreadcrumbs {
    border-bottom: 1px solid #d2d4de
}

.vtex-search-result-3-x-filterBreadcrumbsText--filterNavigator {
    font-size: 18px
}

.vtex-search-result-3-x-accordionFilterItemTitle--filterNavigator {
    font-size: 16px;
    font-weight: 700
}

.vtex-search-result-3-x-accordionFilterContainer--filterNavigator {
    padding: 0 24px
}

.vtex-search-result-3-x-accordionFilterItemOptions {
    padding-right: 24px;
    padding-left: 6px;
    padding-top: 0
}

.vtex-search-result-3-x-filter__container--filterNavigator--c {
    display: none
}

.vtex-search-result-3-x-filterAccordionItemBox {
    border-bottom: 1px solid #d2d4de;
    min-height: 3rem
}

.vtex-search-result-3-x-filterButtonsBox {
    border-top: 1px solid #d2d4de
}

.vtex-search-result-3-x-filterClearButtonWrapper--filterNavigator .vtex-button {
    border-radius: 4px;
    border: 1px solid #0086df;
    color: #0086df;
    font-size: 16px;
    background-color: #fff
}

.vtex-search-result-3-x-filterApplyButtonWrapper .vtex-button {
    border-radius: 4px;
    border: 1px solid #0086df;
    background-color: #0086df;
    color: #fff;
    font-size: 16px
}

.vtex-search-result-3-x-filter--filterNavigator {
    padding: 8px 0
}

.vtex-search-result-3-x-filterTitleSpan--filterNavigator {
    font-weight: 400
}

.vtex-search-result-3-x-filterAccordionItemBox .vtex-checkbox__container {
    margin-right: 14px
}

.vtex-search-result-3-x-filterAccordionItemBox .vtex-checkbox__inner-container {
    border: 1px solid #9d9ea5;
    border-radius: 2px
}

.vtex-search-result-3-x-filterAccordionItemBox--selected .vtex-checkbox__inner-container {
    border: none
}

.vtex-search-result-3-x-searchResultContainer--wrapper__category-page {
    padding: 0
}

.vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-buttonShowMore--layout {
    margin: 24px 0 64px
}

.vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-galleryTitle--layout {
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 2rem;
    color: #333;
    font-weight: 400
}

.vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-orderByOptionsContainer .vtex-search-result-3-x-orderByOptionItem:nth-child(n+7) {
    display: none
}

.vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-orderByButton {
    border: 1px solid #d2d4de;
    border-radius: 4px;
    padding: 16px 24px;
    height: 42px
}

.vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-orderByButton .vtex-search-result-3-x-caretIcon {
    display: none
}

.vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-orderByButton .vtex-search-result-3-x-filterPopupArrowIcon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 17.62 8.39'%3E%3Cpath d='M17.617.98l-6.42 6.42a3.392 3.392 0 01-4.79 0L-.003.99.977 0l6.42 6.42c.78.78 2.04.78 2.82 0L16.637 0l.98.98z'/%3E%3C/svg%3E");
    background-size: 16px;
    width: 16px;
    height: 8px;
    padding: 0;
    margin-left: 16px
}

.vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-orderByDropdown {
    padding: 0
}

.vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-filterPopupButton {
    padding: 0 32px;
    border: 1px solid #d2d4de;
    border-radius: 4px;
    flex-direction: row-reverse;
    height: 42px
}

.vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-filterPopupArrowIcon--filterNavigator {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15.99 16'%3E%3Cpath d='M14.15 7.54V5.98h-4.04v1.56H0v.92h10.11v1.56h4.04V8.46h1.84v-.92h-1.84zm-.92 1.56h-2.2V6.9h2.2v2.2zM1.85 4.04h4.04V2.48h10.1v-.92H5.89V0H1.85v1.56H0v.92h1.85v1.56zM2.78.92h2.19v2.2H2.78V.92zm3.11 11.04H1.85v1.56H0v.92h1.85V16h4.04v-1.56h10.1v-.92H5.89v-1.56zm-.92 3.12H2.78v-2.2h2.19v2.2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 16px;
    width: 16px;
    height: 16px;
    display: block;
    margin: 0;
    padding: 0
}

.vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-filterIcon--filterNavigator {
    display: none
}

.vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-filterPopupTitle--filterNavigator {
    font-size: 14px;
    color: #333;
    margin-left: 16px
}

.vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-totalProducts--layout {
    border: none;
    text-align: center;
    padding: 16px 0;
    color: #9d9ea5!important
}

.vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-galleryItem {
    padding: 0 6px
}

.vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-galleryItem--grid {
    margin: 12px 0
}

.vtex-search-result-3-x-buttonShowMore .vtex-button {
    background-color: #fff;
    border: 1px solid #0086df;
    border-radius: 4px;
    color: #0086df;
    font-size: 14px;
    padding: 12px 24px;
    min-height: auto;
    box-shadow: none;
    margin: 16px 0
}

.vtex-search-result-3-x-buttonShowMore .vtex-button__label {
    padding: 0!important;
    margin: 0;
    border: none
}

@media screen and (min-width: 1025px) {
    .vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-buttonShowMore--layout {
        margin:0
    }

    .vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-galleryTitle--layout {
        text-align: left;
        margin: 0
    }

    .vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-filter__container--title {
        display: none
    }

    .vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-filter__container--selectedFilters {
        border: none
    }

    .vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-filtersWrapper {
        width: 246px
    }

    .vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-filter__container--filterNavigator {
        border-bottom: 1px solid #d2d4de;
        padding-bottom: 12px
    }

    .vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-filter--filterNavigator {
        padding: 24px 0 16px
    }

    .vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-filterTemplateOverflow--filterNavigator {
        padding: 0
    }

    .vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-filterTitle--filterNavigator {
        cursor: default
    }

    .vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-filterTitleSpan--filterNavigator {
        color: #333;
        font-size: 16px;
        font-weight: 700;
        cursor: default
    }

    .vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-filterTitleSpan--filterNavigator .vtex-tag {
        background-color: #0086df;
        font-size: 12px;
        padding: 4px 4px 3px 8px;
        line-height: 1
    }

    .vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-filterItem--filterNavigator {
        line-height: 1.2;
        padding-bottom: 12px
    }

    .vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-filterItem--filterNavigator .vtex-checkbox__container {
        margin-right: 8px
    }

    .vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-filterItem--filterNavigator .vtex-checkbox__inner-container {
        border: 1px solid #9d9ea5;
        border-radius: 2px
    }

    .vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-filterItem--filterNavigator--selected .vtex-checkbox__inner-container {
        border: none
    }

    .vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-filterTemplateOverflow--filterNavigator .vtex-slider .vtex-slider__base {
        background-color: #e8e9ef
    }

    .vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-filterTemplateOverflow--filterNavigator .vtex-slider .vtex-slider__base .vtex-slider__base-internal {
        background-color: #333
    }

    .vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-filterTemplateOverflow--filterNavigator .vtex-slider .vtex-slider__selector {
        background-color: #333;
        border-radius: 0
    }

    .vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-orderByDropdown {
        padding-right: 12px
    }

    .vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-orderByText {
        color: #333;
        font-size: 16px
    }

    .vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-totalProducts--layout {
        text-align: left;
        padding: 14px 0 0 18px
    }

    .vtex-search-result-3-x-searchResultContainer .vtex-stack-layout-0-x-stackItem {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-gallery--grid {
        padding: 0
    }

    .vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-galleryItem {
        padding: 0 8px
    }

    .vtex-search-result-3-x-buttonShowMore .vtex-button {
        font-size: 16px;
        padding: 16px 42px
    }

    .vtex-search-result-3-x-buttonShowMore .vtex-button:hover {
        border-color: #005e9c;
        color: #005e9c
    }
}

@media screen and (min-width: 1560px) {
    .vtex-search-result-3-x-searchResultContainer--wrapper__category-page .vtex-search-result-3-x-galleryItem {
        padding:0 18px
    }
}

@media screen and (max-width: 768px) {
    .vtex-slider-layout-0-x-sliderLayoutContainer--wrapper__banner-categoria {
        height:390px
    }

    .vtex-slider-layout-0-x-slide--wrapper__banner-categoria {
        overflow: hidden
    }

    .vtex-slider-layout-0-x-imageElement--wrapper__banner-categoria {
        height: 390px;
        max-width: fit-content!important;
        width: auto!important
    }
}

@media screen and (min-width: 769px) and (max-width:1024px) {
    .vtex-slider-layout-0-x-sliderLayoutContainer--wrapper__banner-categoria {
        overflow:hidden;
        height: 446px
    }

    .vtex-slider-layout-0-x-slide--wrapper__banner-categoria {
        overflow: hidden
    }

    .vtex-slider-layout-0-x-imageElement--wrapper__banner-categoria {
        position: relative;
        height: 446px;
        max-width: fit-content!important;
        width: auto!important
    }
}

.vtex-slider-layout-0-x-sliderLayoutContainer--wrapper__banner-categoria .vtex-store-components-3-x-imageElement--wrapper__banner-categoria {
    max-height: 492px!important
}

.vtex-store-components-3-x-imageElement--wrapper__img-modelo {
    display: block;
    margin: 0 auto
}

.vtex-store-components-3-x-imageElement--wrapper__img-selo {
    display: block
}

@media screen and (max-width: 1024px) {
    .vtex-store-components-3-x-imageElement--wrapper__img-selo {
        margin:0 auto
    }
}

.vtex-store-link-0-x-link--wrapper__link-modelo {
    padding: 16px 8px;
    width: 150px;
    display: block;
    text-decoration: none
}

.vtex-store-link-0-x-link--wrapper__link-modelo .vtex-store-link-0-x-childrenContainer--wrapper__link-modelo {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center
}

.vtex-store-link-0-x-link--wrapper__link-modelo .vtex-store-link-0-x-childrenContainer--wrapper__link-modelo .vtex-flex-layout-0-x-flexRow--wrapper__imagem-modelo {
    width: 100%
}

.vtex-store-link-0-x-link--wrapper__link-modelo:hover {
    background-color: #fff
}

.vtex-store-link-0-x-link--wrapper__link-modelo .vtex-store-components-3-x-imageElement--wrapper__img-modelo {
    max-width: 100%!important
}

@media screen and (min-width: 1025px) {
    .vtex-store-link-0-x-link--wrapper__link-modelo {
        padding:16px 0;
        width: 182px
    }

    .vtex-store-link-0-x-link--wrapper__link-modelo .vtex-store-components-3-x-imageElement--wrapper__img-modelo {
        max-width: auto!important
    }
}

.vtex-flex-layout-0-x-flexRowContent--contact {
    max-width: 700px;
    margin: auto
}

.vtex-flex-layout-0-x-flexRowContent--contact .vtex-input__label,.vtex-flex-layout-0-x-flexRowContent--contact .vtex-textarea__label {
    font-size: 1rem;
    color: #3f3f40
}

.vtex-flex-layout-0-x-flexRowContent--contact .vtex-input,.vtex-flex-layout-0-x-flexRowContent--contact .vtex-textarea {
    display: block;
    margin-bottom: 1rem
}

.vtex-disclosure-layout-1-x-trigger--question {
    display: flex;
    align-items: center;
    cursor: pointer;
    outline: none
}

.vtex-disclosure-layout-1-x-trigger--question .vtex-rich-text-0-x-paragraph {
    font-weight: 700
}

.vtex-disclosure-layout-1-x-trigger--question:focus,.vtex-disclosure-layout-1-x-trigger--question:focus .vtex-rich-text-0-x-paragraph {
    color: #0f3e99
}

.vtex-disclosure-layout-1-x-trigger .vtex-store-icons-0-x-caretIcon {
    margin-right: 1rem
}

.vtex-disclosure-layout-1-x-content--answer {
    transition: opacity .25s ease-in-out,height .25s ease-in-out,transform .25s ease-in-out;
    opacity: 0;
    height: 0;
    transform: translate3d(0,-10%,0)
}

.vtex-disclosure-layout-1-x-content--answer[data-enter] {
    opacity: 1;
    height: fit-content;
    transform: translateZ(0)
}

.vtex-disclosure-layout-1-x-content--answer[data-leave] {
    height: 0;
    overflow: hidden
}

.vtex-flex-layout-0-x-flexRowContent--faq {
    max-width: 700px;
    margin: auto
}

@media screen and (min-width: 1025px) {
    .vtex-flex-layout-0-x-flexRowContent--wrapper__infocards-pequenos {
        justify-content:space-between;
        margin-top: 36px;
        gap: 24px
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-fe16__wrapper {
        background-color: #f4f4f6;
        padding: 64px 0 92px;
        max-width: 100%;
        margin-bottom: 92px
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-fe16__wrapper .vtex-rich-text-0-x-headingLevel2--slider-title {
        margin: 0;
        font-size: 32px;
        font-weight: 400
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-fe16-content__wrapper {
        margin-top: 32px
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-fe16-content__wrapper .vtex-product-summary-2-x-clearLink--product-shelf__wrapper {
        border: 1px solid #f4f4f6;
        margin: 0 8px
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-fe16-content__wrapper .vtex-product-summary-2-x-clearLink--product-shelf__wrapper:hover {
        border-color: #d2d4de
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-fe16-content__wrapper .vtex-slider-layout-0-x-paginationDotsContainer--product-slider-fe16 {
        margin-bottom: -32px
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-fe16-content__wrapper .vtex-slider-layout-0-x-paginationDot {
        background-color: #d2d4de
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-fe16-content__wrapper .vtex-slider-layout-0-x-paginationDot--isActive {
        background-color: #333
    }
}

@media screen and (min-width: 1025px) {
    .vtex-flex-layout-0-x-flexRowContent--wrapper__infocards-pequenos {
        justify-content:space-between;
        margin-top: 36px;
        gap: 24px
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-upgrade__wrapper {
        max-width: 100%;
        margin-bottom: 92px
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-upgrade__wrapper .vtex-rich-text-0-x-headingLevel2--slider-title {
        margin: 0;
        font-size: 32px;
        font-weight: 400
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-upgrade-content__wrapper {
        margin-top: 32px
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-upgrade-content__wrapper .vtex-product-summary-2-x-clearLink--product-shelf__wrapper {
        border: 1px solid #f4f4f6;
        margin: 0 8px
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-upgrade-content__wrapper .vtex-product-summary-2-x-clearLink--product-shelf__wrapper:hover {
        border-color: #d2d4de
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-upgrade-content__wrapper .vtex-slider-layout-0-x-paginationDotsContainer--product-slider-upgrade {
        margin-bottom: -32px
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-upgrade-content__wrapper .vtex-slider-layout-0-x-paginationDot {
        background-color: #d2d4de
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-upgrade-content__wrapper .vtex-slider-layout-0-x-paginationDot--isActive {
        background-color: #333
    }
}

@media screen and (min-width: 1025px) {
    .vtex-flex-layout-0-x-flexRowContent--wrapper__infocards-pequenos {
        justify-content:space-between;
        margin-top: 36px;
        gap: 24px
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-consumidor__wrapper {
        background-color: #f4f4f6;
        padding: 64px 0 92px;
        max-width: 100%;
        margin-bottom: 92px
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-consumidor__wrapper .vtex-rich-text-0-x-headingLevel2--slider-title {
        margin: 0;
        font-size: 32px;
        font-weight: 400
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-consumidor-content__wrapper {
        margin-top: 32px
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-consumidor-content__wrapper .vtex-product-summary-2-x-clearLink--product-shelf__wrapper {
        border: 1px solid #f4f4f6;
        margin: 0 8px
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-consumidor-content__wrapper .vtex-product-summary-2-x-clearLink--product-shelf__wrapper:hover {
        border-color: #d2d4de
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-consumidor-content__wrapper .vtex-slider-layout-0-x-paginationDotsContainer--product-slider-consumidor {
        margin-bottom: -32px
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-consumidor-content__wrapper .vtex-slider-layout-0-x-paginationDot {
        background-color: #d2d4de
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-consumidor-content__wrapper .vtex-slider-layout-0-x-paginationDot--isActive {
        background-color: #333
    }
}

.vtex-flex-layout-0-x-flexRow--notfound-page__wrapper {
    padding-top: 76px;
    height: 80vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.vtex-flex-layout-0-x-flexRowContent--notfound-page__wrapper {
    flex-direction: column
}

.vtex-flex-layout-0-x-flexRow--notfound-page__wrapper .vtex-store-components-3-x-container {
    max-width: 100%;
    width: 100%
}

.vtex-flex-layout-0-x-flexRow--notfound-page__wrapper .vtex-rich-text-0-x-paragraph {
    font-size: 18px;
    color: #333;
    padding: 0 24px;
    margin-bottom: 16px
}

.vtex-flex-layout-0-x-flexRow--notfound-page__wrapper .vtex-store-components-3-x-searchBarContainer {
    margin: 0 auto
}

@media screen and (min-width: 1025px) {
    .vtex-flex-layout-0-x-flexRow--notfound-page__wrapper .vtex-rich-text-0-x-paragraph {
        padding:0;
        font-size: 21px;
        color: #333;
        margin: 0 0 24px
    }
}

.vtex-search-result-3-x-notFound--layout {
    padding-top: 76px;
    height: 80vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.vtex-search-result-3-x-notFound--layout .vtex-rich-text-0-x-paragraph {
    font-size: 18px;
    color: #333;
    padding: 0 24px;
    margin-bottom: 16px
}

@media screen and (min-width: 1025px) {
    .vtex-search-result-3-x-notFound--layout .vtex-rich-text-0-x-paragraph {
        padding:0;
        font-size: 21px;
        color: #333;
        margin: 0 0 24px
    }
}

.vtex-store-components-3-x-searchBarInnerContainer--search-not-found__wrapper .vtex-input-prefix__group {
    border: none;
    height: 48px;
    width: 100%;
    border-radius: 0;
    position: relative
}

.vtex-store-components-3-x-searchBarInnerContainer--search-not-found__wrapper .vtex-input__suffix {
    padding: 0
}

.vtex-store-components-3-x-searchBarInnerContainer--search-not-found__wrapper .vtex-styleguide-9-x-input {
    background: #fff;
    border-bottom: 1px solid #333;
    color: #333;
    font-size: 21px;
    border-radius: 0
}

.vtex-store-components-3-x-searchBarInnerContainer--search-not-found__wrapper .vtex-store-components-3-x-autoCompleteOuterContainer--search-not-found__wrapper {
    padding: 0 16px
}

.vtex-store-components-3-x-searchBarInnerContainer--search-not-found__wrapper .vtex-store-components-3-x-searchBarIcon {
    background-color: #333;
    background-image: url(https://vaiobr.vtexassets.com/assets/vtex/assets-builder/vaiobr.loja/2.0.322/img/header/icone-busca___167344723a789a572b6e7950874d07f6.png);
    background-repeat: no-repeat;
    background-size: 22px;
    background-position: 50%;
    padding: 0;
    height: 42px;
    width: 42px;
    margin: 0;
    position: absolute;
    right: 0
}

.vtex-store-components-3-x-searchBarInnerContainer--search-not-found__wrapper .vtex-store-components-3-x-searchBarIcon:hover {
    background-color: #000
}

.vtex-store-components-3-x-searchBarInnerContainer--search-not-found__wrapper .vtex-store-components-3-x-closeIcon,.vtex-store-components-3-x-searchBarInnerContainer--search-not-found__wrapper .vtex-store-components-3-x-searchIcon {
    display: none
}

.vtex-store-components-3-x-searchBarInnerContainer--search-not-found__wrapper .vtex-store-components-3-x-portalWrapper .vtex-store-components-3-x-resultsList {
    margin-top: 1px
}

@media screen and (min-width: 1025px) {
    .vtex-store-components-3-x-searchBarInnerContainer--search-not-found__wrapper .vtex-store-components-3-x-autoCompleteOuterContainer--search-not-found__wrapper {
        padding:0
    }

    .vtex-store-components-3-x-searchBarInnerContainer--search-not-found__wrapper .vtex-input-prefix__group {
        width: 400px
    }
}

.vtex-flex-layout-0-x-flexRow--productSpecificationGroup:not(:first-child) {
    margin-top: 1.5rem
}

.vtex-flex-layout-0-x-flexRow--productSpecificationGroupName {
    background-color: #eaeaea;
    padding: .5rem 1rem
}

.vtex-flex-layout-0-x-flexCol--productSpecificationName {
    padding: 1rem
}

.vtex-flex-layout-0-x-flexCol--productSpecificationValue {
    padding: 1rem 1rem 1rem 0
}

.vtex-flex-layout-0-x-flexRow--productSpecification:nth-child(2n) {
    background-color: #f9f9f9
}

.vtex-flex-layout-0-x-flexRow--orderByAndSwitcher {
    padding-right: 1.5em
}

.vtex-flex-layout-0-x-flexRowContent--savingsSummaryListDesktop {
    justify-content: flex-start
}

.vtex-flex-layout-0-x-flexCol--summaryRightListDesktop {
    justify-content: space-around
}

.vtex-flex-layout-0-x-flexRow--buyNowButton .vtex-button {
    background: #eef3f7;
    border-color: #eef3f7;
    color: #0f3e99
}

.vtex-flex-layout-0-x-flexRow--buyNowButton:hover .vtex-button {
    background: #dbe9fd;
    border-color: #dbe9fd
}

.vtex-flex-layout-0-x-flexCol--productRating {
    margin-bottom: 3rem
}

.vtex-flex-layout-0-x-flexCol--summaryDetailsListMobile {
    justify-content: space-between
}

.vtex-flex-layout-0-x-flexCol--summaryUpDetailsListMobile {
    margin-bottom: .25rem
}

.vtex-product-summary-2-x-nameContainer--summaryListDesktop {
    padding-top: .25rem;
    padding-bottom: .75rem;
    justify-content: start
}

.vtex-product-summary-2-x-nameContainer--summaryListMobile {
    padding-top: .25rem;
    padding-bottom: .5rem;
    justify-content: start
}

.vtex-product-summary-2-x-brandName--summaryListMobile {
    font-weight: 400;
    font-size: .875rem;
    color: #000
}

.vtex-product-summary-2-x-container--listLayout {
    max-width: none!important
}

.vtex-product-summary-2-x-image--summaryListDesktop {
    width: 180px!important
}

.vtex-product-summary-2-x-image--summaryListMobile {
    width: 140px!important;
    min-width: 140px;
    height: inherit!important
}

.vtex-rich-text-0-x-container--layout-option {
    margin-left: .3em
}

.vtex-rich-text-0-x-paragraph--layout-option {
    margin: 0
}

.vtex-rich-text-0-x-paragraph--summarySpecificationBullet {
    margin: 0;
    line-height: normal;
    font-size: 1.25rem;
    line-height: 1.15rem
}

.vtex-store-components-3-x-productBrandName--summaryListDesktop {
    text-decoration: none;
    font-weight: 500;
    color: #0067c7;
    font-size: .875rem
}

.vtex-store-components-3-x-productBrandName--summaryListMobile {
    text-decoration: none;
    color: #0067c7;
    font-size: .875rem
}

.vtex-flex-layout-0-x-flexRow--vitrine-content__wrapper {
    background-color: #eaebf0;
    max-width: 100%;
    padding: 16px
}

.vtex-flex-layout-0-x-flexRow--vitrine-content__wrapper .vtex-rich-text-0-x-heading {
    margin: 0 0 12px;
    font-size: 21px;
    font-weight: 400
}

.vtex-flex-layout-0-x-flexRow--vitrine-content__wrapper .vtex-rich-text-0-x-paragraph {
    margin: 0;
    font-size: 14px;
    font-weight: 400
}

@media screen and (min-width: 1025px) {
    .vtex-flex-layout-0-x-flexRow--vitrine-content__wrapper {
        padding:32px 0
    }

    .vtex-flex-layout-0-x-flexRow--vitrine-content__wrapper .vtex-rich-text-0-x-heading {
        font-size: 32px
    }

    .vtex-flex-layout-0-x-flexRow--vitrine-content__wrapper .vtex-rich-text-0-x-paragraph {
        font-size: 16px
    }
}

.vtex-availability-notify-1-x-notiferContainer .vtex-availability-notify-1-x-notifyLabel,.vtex-availability-notify-1-x-notiferContainer .vtex-availability-notify-1-x-title {
    display: none
}

.vtex-availability-notify-1-x-form .vtex-availability-notify-1-x-content {
    flex-direction: column
}

.vtex-availability-notify-1-x-form .vtex-availability-notify-1-x-content .vtex-availability-notify-1-x-input {
    margin-right: 0
}

.vtex-availability-notify-1-x-form .vtex-availability-notify-1-x-content .vtex-availability-notify-1-x-input .vtex-input-prefix__group {
    border: none;
    border-radius: 0
}

.vtex-availability-notify-1-x-form .vtex-availability-notify-1-x-content .vtex-availability-notify-1-x-input .vtex-styleguide-9-x-input {
    border-bottom: 1px solid #9d9ea5;
    border-radius: 0;
    transition: all .2s
}

.vtex-availability-notify-1-x-form .vtex-availability-notify-1-x-content .vtex-availability-notify-1-x-input .vtex-styleguide-9-x-input:active,.vtex-availability-notify-1-x-form .vtex-availability-notify-1-x-content .vtex-availability-notify-1-x-input .vtex-styleguide-9-x-input:focus {
    border-bottom: 1px solid #0086df
}

.vtex-availability-notify-1-x-form .vtex-availability-notify-1-x-content .vtex-availability-notify-1-x-submit {
    margin: 12px 0 0
}

.vtex-availability-notify-1-x-form .vtex-availability-notify-1-x-content .vtex-availability-notify-1-x-submit .vtex-button {
    border: none;
    background-color: #333;
    font-size: 16px;
    color: #fff;
    width: 228px;
    height: 48px
}

.vtex-flex-layout-0-x-flexRow--wrapper__product-page {
    margin-top: 54px
}

.vtex-flex-layout-0-x-flexRow--wrapper__product-page .vtex-flex-layout-0-x-flexRowContent--product-name {
    font-size: 21px;
    color: #333;
    line-height: 1.4;
    margin-bottom: 12px;
    text-align: center
}

.vtex-flex-layout-0-x-flexRow--wrapper__product-page .vtex-flex-layout-0-x-flexRowContent--wrapper__list-price {
    font-size: 14px;
    margin-top: 20px;
    color: #9d9ea5;
    height: 16px;
    justify-content: center
}

.vtex-flex-layout-0-x-flexRow--wrapper__product-page .vtex-product-price-1-x-sellingPrice {
    font-weight: 700;
    color: #333;
    font-size: 24px;
    margin: 2px 0;
    text-align: center;
    display: block
}

.vtex-flex-layout-0-x-flexRow--wrapper__product-page .vtex-flex-layout-0-x-flexRowContent--wrapper__product-installments .vtex-product-price-1-x-installments {
    text-align: center;
    color: #333;
    font-size: 14px
}

.vtex-flex-layout-0-x-flexRow--wrapper__product-page .vtex-flex-layout-0-x-flexColChild--wrapper__selos-destaque {
    display: flex;
    align-items: center;
    justify-content: center
}

.vtex-flex-layout-0-x-flexRow--wrapper__product-page .vtex-flex-layout-0-x-flexRowContent--wrapper__formas-pagamento {
    text-align: center
}

.vtex-flex-layout-0-x-flexRow--wrapper__product-page .vtex-flex-layout-0-x-flexRow--wrapper__buy-button {
    text-align: center;
    margin: 16px 0 24px
}

.vtex-flex-layout-0-x-flexRow--wrapper__product-page .vtex-flex-layout-0-x-flexRow--wrapper__buy-button .vtex-button {
    text-transform: uppercase;
    font-size: 16px;
    border: 0;
    height: 48px
}

.vtex-flex-layout-0-x-flexRow--wrapper__product-page .vtex-flex-layout-0-x-flexRow--wrapper__buy-button .vtex-button__label {
    padding: 0!important
}

.vtex-flex-layout-0-x-flexRow--wrapper__product-page .vtex-flex-layout-0-x-productHighlightWrapper {
    position: relative;
    left: auto;
    top: auto;
    width: auto;
    margin: 0 4px
}

.vtex-flex-layout-0-x-flexRow--wrapper__product-page .vtex-product-highlights-2-x-productHighlightText {
    background-color: #0b113e;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    padding: 4px 8px 2px
}

.vtex-flex-layout-0-x-flexRow--wrapper__product-page .vtex-flex-layout-0-x-flexRowContent--wrapper__selos-destaque {
    justify-content: center;
    height: 22px;
    justify-content: flex-start;
    position: relative
}

.vtex-flex-layout-0-x-flexRow--wrapper__product-page .vtex-flex-layout-0-x-flexCol--wrapper__selos-destaque {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center
}

.vtex-flex-layout-0-x-flexRow--wrapper__product-page .vtex-flex-layout-0-x-flexCol--wrapper__selos-destaque .vtex-flex-layout-0-x-flexColChild--wrapper__selos-destaque {
    display: flex;
    align-items: flex-start
}

.vtex-flex-layout-0-x-flexRow--wrapper__product-page .vtex-flex-layout-0-x-flexCol--wrapper__selos-destaque .vtex-flex-layout-0-x-flexColChild--wrapper__selos-destaque .vtex-product-price-1-x-savings {
    background-color: #c70557;
    border-radius: 0;
    color: #fff;
    font-size: 14px;
    padding: 4px 8px 2px;
    white-space: nowrap
}

.vtex-flex-layout-0-x-flexRow--wrapper__product-page .vtex-flex-layout-0-x-flexRowContent--wrapper__product-installments {
    text-align: center;
    color: #333;
    font-size: 16px
}

.vtex-flex-layout-0-x-flexRow--wrapper__product-page .vtex-flex-layout-0-x-flexRow--wrapper__product-page .vtex-flex-layout-0-x-flexRowContent--wrapper__product-installments {
    text-align: left
}

.vtex-flex-layout-0-x-flexRow--wrapper__product-page .vtex-flex-layout-0-x-flexRow--wrapper__availability {
    max-width: 360px;
    margin: 24px 0 0
}

.vtex-flex-layout-0-x-flexRow--wrapper__product-main {
    height: 100%
}

.vtex-flex-layout-0-x-flexCol--wrapper__product-gallery {
    position: relative;
    height: 100%
}

.vtex-flex-layout-0-x-flexColChild--wrapper__gallery-block {
    position: inherit;
    top: 137px
}

.vtex-flex-layout-0-x-flexCol--wrapper__product-gallery .vtex-flex-layout-0-x-selo_rtx {
    top: 48px;
    right: 100px;
    z-index: 2;
    width: 176px
}

.vtex-flex-layout-0-x-flexRow--wrapper__tab-layout {
    max-width: 100%
}

.vtex-flex-layout-0-x-flexRow--fixed-bar__wrapper {
    max-width: 960px;
    width: 100%;
    padding: 0
}

.vtex-flex-layout-0-x-flexRow--fixed-bar__wrapper .vtex-flex-layout-0-x-flexRowContent--fixed-bar__wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    background-color: rgba(0,0,0,.75);
    border: 1px solid #333;
    border-top: 0;
    border-radius: 4px;
    padding: 8px 12px;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
    width: 100%;
    max-width: 100%
}

.vtex-flex-layout-0-x-flexRow--fixed-bar__wrapper .vtex-flex-layout-0-x-flexRowContent--fixed-bar__wrapper .vtex-store-link-0-x-link {
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    text-decoration: none
}

.vtex-flex-layout-0-x-flexRow--fixed-bar__wrapper .vtex-flex-layout-0-x-flexRowContent--fixed-bar__wrapper .vtex-store-link-0-x-link:hover {
    text-decoration: underline
}

@media screen and (min-width: 1025px) {
    .vtex-flex-layout-0-x-flexRow--wrapper__product-page {
        margin-top:76px
    }

    .vtex-flex-layout-0-x-flexRow--wrapper__product-page .vtex-flex-layout-0-x-flexRowContent--product-name {
        font-size: 24px;
        text-align: left
    }

    .vtex-flex-layout-0-x-flexRow--wrapper__product-page .vtex-flex-layout-0-x-flexRowContent--wrapper__list-price {
        font-size: 16px;
        height: 20px;
        justify-content: flex-start
    }

    .vtex-flex-layout-0-x-flexRow--wrapper__product-page .vtex-product-price-1-x-sellingPrice {
        font-size: 32px;
        text-align: left
    }

    .vtex-flex-layout-0-x-flexRow--wrapper__product-page .vtex-flex-layout-0-x-flexRowContent--wrapper__product-installments .vtex-product-price-1-x-installments {
        text-align: left;
        font-size: 16px
    }

    .vtex-flex-layout-0-x-flexRow--wrapper__product-page .vtex-flex-layout-0-x-flexRowContent--wrapper__formas-pagamento {
        max-width: 360px
    }

    .vtex-flex-layout-0-x-flexRow--wrapper__product-page .vtex-flex-layout-0-x-flexRow--wrapper__buy-button {
        max-width: 360px;
        margin: 24px 0
    }

    .vtex-flex-layout-0-x-flexRow--wrapper__product-page .vtex-flex-layout-0-x-flexRow--wrapper__buy-button .vtex-button__label {
        padding: 0!important
    }

    .vtex-flex-layout-0-x-flexRow--fixed-bar__wrapper {
        top: 72px;
        padding: 0 12px;
        max-width: 100%
    }

    .vtex-flex-layout-0-x-flexRow--fixed-bar__wrapper .vtex-flex-layout-0-x-flexRowContent--fixed-bar__wrapper {
        flex-direction: row;
        align-items: center;
        padding: 10px 20px
    }

    .vtex-flex-layout-0-x-flexRow--fixed-bar__wrapper .vtex-flex-layout-0-x-flexRowContent--fixed-bar__wrapper .vtex-store-link-0-x-link {
        font-size: 16px
    }
}

@media screen and (min-width: 1660px) {
    .vtex-flex-layout-0-x-flexRow--fixed-bar__wrapper {
        top:76px;
        padding: 0 16px
    }
}

.vtex-flex-layout-0-x-flexColChild--wrapper__product-gallery .vtex-flex-layout-0-x-flexRow--shipping-simulator-block__wrapper {
    display: none
}

@media screen and (min-width: 640px) {
    .vtex-flex-layout-0-x-flexColChild--wrapper__product-gallery .vtex-flex-layout-0-x-flexRow--shipping-simulator-block__wrapper {
        display:block
    }

    .vtex-flex-layout-0-x-flexColChild--wrapper__product-description .vtex-flex-layout-0-x-flexRow--shipping-simulator-block__wrapper {
        display: none
    }
}

@media screen and (max-width: 1024px) {
    .vtex-flex-layout-0-x-flexColChild--wrapper__product-description:first-child {
        display:flex;
        justify-content: center
    }
}

.vtex-modal-layout-0-x-headerContainer--wrapper__header-formas-pagamento {
    height: 90px;
    border: none
}

.vtex-modal-layout-0-x-headerContent--wrapper__header-formas-pagamento {
    width: 100%
}

.vtex-modal-layout-0-x-closeIcon {
    width: 24px;
    height: 24px
}

.vtex-product-specifications-1-x-groupName--group-name {
    font-size: 32px;
    color: #333;
    font-weight: 400;
    margin: 64px 0 12px
}

.vtex-product-specifications-1-x-specificationName--specification-name {
    color: #333;
    font-size: 16px;
    font-weight: 700;
    margin: 28px 0 0;
    line-height: 1.4
}

.vtex-product-specifications-1-x-specificationValue--specification-value {
    color: #333;
    font-size: 16px;
    margin: 12px 0 0;
    line-height: 1.4
}

.vtex-rich-text-0-x-container--text__formas-pagamento {
    justify-content: center
}

.vtex-rich-text-0-x-wrapper--text__formas-pagamento .vtex-rich-text-0-x-paragraph--text__formas-pagamento {
    color: #0086df;
    cursor: pointer;
    font-size: 16px;
    margin: 6px 0 0
}

.vtex-rich-text-0-x-container--title__formas-pagamento {
    display: inline-block;
    width: 100%;
    text-align: center
}

.vtex-rich-text-0-x-paragraph--title__formas-pagamento {
    font-size: 32px;
    color: #333;
    margin: 0;
    padding: 32px 0 0;
    text-align: center
}

.vtex-rich-text-0-x-paragraph--availability-title {
    font-size: 21px;
    font-weight: 700;
    color: #333;
    margin: 0
}

.vtex-rich-text-0-x-paragraph--availability-message {
    color: #333;
    font-size: 16px
}

.vtex-rich-text-0-x-paragraph--texto-legal {
    color: #9d9ea5;
    font-size: 13px
}

.vtex-rich-text-0-x-paragraph-link {
    color: #333
}

@media screen and (min-width: 1025px) {
    .vtex-rich-text-0-x-container--text__formas-pagamento {
        justify-content:flex-start
    }
}

@media screen and (max-width: 768px) {
    .vtex-rich-text-0-x-paragraph--title__formas-pagamento {
        font-size:24px
    }
}

.vtex-sticky-layout-0-x-wrapper--fixed-bar .vtex-sticky-layout-0-x-container--fixed-bar {
    top: 54px!important;
    padding: 0 6px;
    z-index: 9
}

@media screen and (min-width: 1025px) {
    .vtex-sticky-layout-0-x-wrapper--fixed-bar .vtex-sticky-layout-0-x-container--fixed-bar {
        top:72px!important;
        padding: 0
    }
}

@media screen and (min-width: 1660px) {
    .vtex-sticky-layout-0-x-wrapper--fixed-bar .vtex-sticky-layout-0-x-container--fixed-bar {
        top:76px!important;
        padding: 0
    }
}

.vtex-store-components-3-x-swiper-pagination {
    bottom: 0
}

.vtex-store-components-3-x-swiper-pagination .vtex-store-components-3-x-swiperBullet {
    width: 24px;
    height: 4px;
    background: #ccc;
    border-radius: 0;
    opacity: 1
}

.vtex-store-components-3-x-swiper-pagination .vtex-store-components-3-x-swiperBullet--active {
    background: #333
}

@media screen and (min-width: 1025px) {
    .vtex-store-components-3-x-swiper-pagination {
        display:none
    }
}

@media screen and (min-width: 768px) {
    .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-carouselContainer {
        justify-content:flex-start
    }

    .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-carouselContainer .vtex-store-components-3-x-carouselGaleryThumbs {
        width: 90px;
        height: 444px;
        top: 50%;
        transform: translateY(-50%);
        padding: 28px 0
    }

    .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-carouselContainer .vtex-store-components-3-x-productImagesThumb {
        border: 1px solid #d2d4de;
        border-bottom: 0;
        margin-bottom: 0
    }

    .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-carouselContainer .vtex-store-components-3-x-productImagesThumb:last-child {
        border-bottom: 1px solid #d2d4de
    }

    .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-carouselContainer .vtex-store-components-3-x-productImagesThumb .vtex-store-components-3-x-figure {
        height: 100%
    }

    .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-carouselContainer .vtex-store-components-3-x-productImagesThumb .vtex-store-components-3-x-figure .vtex-store-components-3-x-thumbImg {
        max-height: 100%;
        max-width: fit-content
    }

    .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-carouselContainer .vtex-store-components-3-x-productImagesThumbCaret {
        margin: 0;
        background: #fff;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.2 12'%3E%3Cpath d='M16.02 1.42a4.847 4.847 0 00-6.85 0L0 10.6 1.4 12l9.18-9.18a2.849 2.849 0 014.04 0L23.8 12l1.4-1.4-9.18-9.18z' fill='%23333'/%3E%3C/svg%3E");
        background-size: 26px;
        background-position: 50%;
        background-repeat: no-repeat;
        height: 14px;
        width: 100%;
        padding: 8px 0
    }

    .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-carouselContainer .vtex-store-components-3-x-productImagesThumbCaret:nth-child(2n) {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.2 12'%3E%3Cpath d='M9.18 10.58a4.847 4.847 0 006.85 0L25.2 1.4 23.8 0l-9.18 9.18a2.849 2.849 0 01-4.04 0L1.4 0 0 1.4l9.18 9.18z' fill='%23333'/%3E%3C/svg%3E")
    }

    .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-carouselContainer .vtex-store-components-3-x-productImagesThumbCaret .vtex-store-components-3-x-caretIcon {
        display: none
    }

    .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-carouselContainer .vtex-store-components-3-x-carouselGaleryCursor {
        padding: 0;
        margin-left: 16.6%;
        width: 500px
    }
}

@media screen and (min-width: 1600px) {
    .vtex-store-components-3-x-shippingContainer {
        justify-content:flex-start!important
    }

    .vtex-store-components-3-x-shippingContainer .vtex-address-form__postalCode {
        max-width: 130px
    }

    .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-carouselContainer .vtex-store-components-3-x-carouselGaleryThumbs {
        width: 96px;
        height: 562px;
        top: 50%;
        transform: translateY(-50%);
        padding: 28px 0
    }

    .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-carouselContainer .vtex-store-components-3-x-carouselGaleryCursor {
        padding: 0;
        margin-left: 16.6%;
        width: 608px
    }
}

.vtex-store-components-3-x-shippingContainer {
    display: flex;
    align-items: flex-start;
    justify-content: center
}

.vtex-flex-layout-0-x-flexRow--shipping-simulator-block__wrapper {
    background-color: #f4f4f6;
    padding: 24px 16px
}

.vtex-store-components-3-x-shippingContainer .vtex-address-form__postalCode {
    padding: 0;
    width: 69%
}

.vtex-store-components-3-x-shippingContainer .vtex-address-form__postalCode .vtex-input__label {
    font-size: 0;
    margin: 0 0 12px
}

.vtex-store-components-3-x-shippingContainer .vtex-address-form__postalCode .vtex-input__label:after {
    content: "Calcular Frete";
    display: block;
    font-size: 18px;
    color: #333
}

.vtex-store-components-3-x-shippingContainer .vtex-address-form__postalCode .vtex-input-prefix__group {
    border: 0;
    border-radius: 0;
    border-bottom: 1px solid #9d9ea5;
    width: 90%
}

.vtex-store-components-3-x-shippingContainer .vtex-address-form__postalCode .vtex-input-prefix__group .vtex-address-form-4-x-input {
    background: none;
    padding-left: 8px
}

.vtex-store-components-3-x-shippingContainer .vtex-address-form__postalCode .vtex-input-prefix__group .vtex-input__suffix {
    background: none
}

.vtex-store-components-3-x-shippingContainer .vtex-button {
    margin-top: 34px;
    width: 96px;
    font-size: 0;
    border: 0;
    background-color: #333
}

.vtex-store-components-3-x-shippingContainer .vtex-button:hover {
    background-color: #111
}

.vtex-store-components-3-x-shippingContainer .vtex-button:after {
    content: "Calcular";
    color: #fff;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    cursor: pointer;
    padding: 14px 0 12px
}

.vtex-store-components-3-x-shippingTable {
    border: 0;
    border-spacing: 0;
    border-collapse: separate;
    border-top: 1px solid #d2d4de;
    background-color: #f4f4f6;
    padding: 0 16px
}

.vtex-store-components-3-x-shippingTable .vtex-store-components-3-x-shippingTableCell {
    padding: 8px 2px;
    color: #333;
    font-size: 14px
}

.vtex-store-components-3-x-shippingTable .vtex-store-components-3-x-shippingTableRadioBtn {
    transform: translateY(1px)
}

@media screen and (min-width: 1025px) {
    .vtex-flex-layout-0-x-flexRow--shipping-simulator-block__wrapper {
        background-color:#fff;
        border: 1px solid #d2d4de;
        border-radius: 4px;
        margin-left: 16.6%;
        max-width: 608px;
        width: 66%;
        padding: 24px 32px
    }

    .vtex-store-components-3-x-shippingContainer .vtex-address-form__postalCode {
        width: 100%
    }

    .vtex-store-components-3-x-shippingContainer .vtex-address-form__postalCode .vtex-input__label:after {
        font-size: 21px
    }

    .vtex-store-components-3-x-shippingTable {
        width: 100%;
        padding: 0;
        background-color: transparent;
        border: none;
        border-top: 1px solid #d2d4de
    }

    .vtex-store-components-3-x-shippingTable .vtex-store-components-3-x-shippingTableCell {
        padding: 12px 6px;
        font-size: 16px
    }
}

.vtex-tab-layout-0-x-listContainer--wrapper__tab-formas-pagamento {
    flex-wrap: nowrap;
    background-color: #eaebf0;
    border-radius: 4px;
    overflow: auto;
    justify-content: center
}

.vtex-tab-layout-0-x-listItem--tab-forma-pagamento {
    display: flex;
    align-items: center;
    margin: 2px
}

.vtex-tab-layout-0-x-listItemActive {
    background-color: #fff
}

.vtex-tab-layout-0-x-listItem--tab-forma-pagamento .vtex-button__label {
    text-transform: none;
    padding: 0!important
}

.vtex-tab-layout-0-x-listItem--tab-forma-pagamento .vtex-button {
    background: none;
    color: #000;
    border: none;
    width: 98px;
    height: 76px;
    background-position: center 8px;
    background-repeat: no-repeat;
    padding-top: 28px
}

.vtex-tab-layout-0-x-listItem--tab-cartao-credito .vtex-button {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 25.53 20'%3E%3Cpath d='M25.33 4.02c-.18-.27-.46-.46-.79-.51L6.28.02C6-.03 5.7.02 5.46.17c-.24.17-.41.42-.47.71l-.9 4.71H1.1C.53 5.56.03 6 0 6.57v12.17c-.01.68.54 1.25 1.22 1.26h18.45c.69 0 1.25-.56 1.26-1.26v-1.26l.86.16c.08 0 .16.04.24.04.25-.01.49-.08.71-.2.27-.18.46-.46.51-.78l2.28-11.74c.03-.33-.04-.66-.2-.94m-5.66 2.71c.04 0 .08.04.08.08v4.99H1.18V6.73h18.49zm.04 7.97H1.18v-1.73h18.53v1.73zm-.04 4.12H1.26c-.04 0-.08-.04-.08-.08v-2.87h18.53v2.87c0 .04 0 .08-.04.08m2.4-2.35c-.04.04-.04.04-.08.04l-1.1-.2v-9.5c0-.69-.56-1.25-1.26-1.26H5.3l.82-4.4 18.14 3.49c.04 0 .04.04.04.08l-2.23 11.75z' fill='%23333'/%3E%3C/svg%3E");
    background-size: 26px
}

.vtex-tab-layout-0-x-listItem--tab-boleto .vtex-button {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xml:space='preserve' id='Camada_1' x='0' y='0' version='1.1' viewBox='0 0 28.11 20'%3E%3Cstyle%3E.st0{fill:%23333}%3C/style%3E%3Cpath d='M0 0v20h28.11V0H0zm26.71 18.6H1.4V1.4h25.31v17.2z' class='st0'/%3E%3Cpath d='M16.19 3.4h2.34v13.19h-2.34zm-2.83 0h1.4v13.19h-1.4zm-3.31 0h1.4v13.19h-1.4zm-3.77 0h2.34v13.19H6.28zm-2.83 0h1.4v13.19h-1.4zm16.51 0h1.4v13.19h-1.4zm3.3 0h1.4v13.19h-1.4z' class='st0'/%3E%3C/svg%3E");
    background-size: 28px
}

.vtex-tab-layout-0-x-listItem--tab-boleto-parcelado .vtex-button {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' id='Camada_1' x='0' y='0' version='1.1' viewBox='0 0 12.36 20'%3E%3Cstyle%3E.st1{fill:%23333}%3C/style%3E%3Cdefs%3E%3Cpath id='SVGID_1_' d='M0 0h12.36v20H0z'/%3E%3C/defs%3E%3CclipPath id='SVGID_00000102532703953141449810000014022431245082338203_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cg id='Grupo_437' clip-path='url(%23SVGID_00000102532703953141449810000014022431245082338203_)'%3E%3Cpath id='Caminho_241' d='M0 17.84v1.38c0 .43.35.78.79.78h10.69v-.01c.43.06.82-.24.88-.67 0-.03.01-.07.01-.1v-1.38H0z' class='st1'/%3E%3Cpath id='Caminho_242' d='M6.66 4.83a7.18 7.18 0 00-4.05 1.18V0H0v16.51h2.61v-1.35a5.331 5.331 0 004.04 1.62 5.88 5.88 0 005.71-5.87c.1-3.25-2.45-5.97-5.7-6.08m-.6 9.5c-1.89 0-3.42-1.53-3.42-3.42s1.53-3.42 3.42-3.42 3.42 1.53 3.42 3.42-1.53 3.42-3.42 3.42' class='st1'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 13px
}

.vtex-tab-layout-0-x-listItem--tab-pix .vtex-button {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' id='Camada_1' x='0' y='0' version='1.1' viewBox='0 0 20 20'%3E%3Cstyle%3E.st1{fill:%23333}%3C/style%3E%3Cg id='Grupo_443' transform='translate(.165)'%3E%3Cdefs%3E%3Cpath id='SVGID_1_' d='M-.17 0h20v20h-20z'/%3E%3C/defs%3E%3CclipPath id='SVGID_00000109743371604002123490000008501372957064624815_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cg id='Grupo_434' clip-path='url(%23SVGID_00000109743371604002123490000008501372957064624815_)'%3E%3Cpath id='Caminho_237' d='M15.69 15.3c-.78 0-1.53-.31-2.08-.86l-3-3a.574.574 0 00-.79 0l-3.01 3.01c-.55.55-1.3.86-2.08.86h-.59l3.8 3.8a3.036 3.036 0 004.3 0l3.81-3.81h-.36z' class='st1'/%3E%3Cpath id='Caminho_238' d='M4.73 4.69c.78 0 1.53.31 2.08.86l3.01 3.01c.22.22.57.22.79 0l3-3c.55-.55 1.3-.86 2.08-.86h.36L12.24.89a3.036 3.036 0 00-4.3 0l-3.8 3.8h.59z' class='st1'/%3E%3Cpath id='Caminho_239' d='M19.2 7.85l-2.3-2.3c-.05.02-.11.03-.16.03h-1.05c-.54 0-1.07.22-1.45.6l-3 3c-.56.56-1.47.56-2.04 0L6.19 6.17c-.39-.38-.91-.6-1.45-.6h-1.3c-.05 0-.11-.01-.15-.03L.98 7.85a3.036 3.036 0 000 4.3l2.31 2.31c.05-.02.1-.03.15-.03h1.29c.54 0 1.07-.22 1.45-.6l3.01-3.01c.57-.54 1.47-.54 2.04 0l3 3c.39.38.91.6 1.45.6h1.05c.06 0 .11.01.16.03l2.3-2.3c1.19-1.18 1.2-3.11.01-4.3 0 .01 0 0 0 0' class='st1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-size: 20px;
    background-position: center 12px
}

.vtex-tab-layout-0-x-listItem--tab-nubank .vtex-button {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve' id='Camada_1' x='0' y='0' version='1.1' viewBox='0 0 52.5 16'%3E%3Cstyle%3E%3C/style%3E%3Cdefs%3E%3Cpath id='SVGID_1_' d='M0 0h52.5v16H0z'/%3E%3C/defs%3E%3CclipPath id='SVGID_00000155849741473537896800000002884709213943778495_'%3E%3Cuse xlink:href='%23SVGID_1_' overflow='visible'/%3E%3C/clipPath%3E%3Cg id='Grupo_441' clip-path='url(%23SVGID_00000155849741473537896800000002884709213943778495_)'%3E%3Cpath id='Caminho_245' d='M7.24 0a3.97 3.97 0 00-2.93 1.26h-.16A4.17 4.17 0 00.47 3.52c-.29.6-.44 1.25-.46 1.91-.03.59 0 1.19 0 1.78v5.67h3.15V7.69c0-1.62-.01-3.06 0-3.35a4.45 4.45 0 011.15-3.08c2.35 0 3.86 1.61 3.95 4.18.02.59.02 3.74.02 3.74v3.68h3.15V7.89c0-1.51.01-2.81-.09-3.71C11.05 1.67 9.53 0 7.24 0m16.62 5.98V.3H20.7v5.2c0 1.62.01 3.06 0 3.35.03 1.13-.38 2.23-1.14 3.06-2.35 0-3.86-1.61-3.95-4.18-.02-.59-.03-2.05-.03-3.75V.3h-3.15v4.99c0 1.51-.01 2.81.09 3.71.29 2.51 1.81 4.18 4.1 4.18 1.11.01 2.17-.44 2.93-1.26h.16a4.17 4.17 0 003.68-2.26c.29-.6.44-1.25.46-1.91.04-.59.01-1.19.01-1.77m7.43-.04h-2.71V2.21h2.71c1.01-.04 1.86.75 1.9 1.76v.09c.01 1.03-.81 1.87-1.83 1.88h-.07zm0-5.76h-4.81v12.68h2.1V7.97h2.71c2.12.1 3.92-1.55 4.02-3.67v-.24A3.82 3.82 0 0031.55.18a1.13 1.13 0 00-.26 0m9.93 9.11a2.253 2.253 0 01-2.33 2.16c-.88 0-1.45-.49-1.45-1.18 0-.92.88-1.36 2.44-1.36h1.35l-.01.38zm-1.87-5.47a3.56 3.56 0 00-3.61 3.17h1.8c.09-.91.9-1.59 1.81-1.52.94-.08 1.77.62 1.86 1.56.01.07.01.14.01.21v.16h-1.29c-2.62 0-4.26 1.16-4.26 3.02a2.655 2.655 0 002.68 2.62c.06 0 .13 0 .19-.01 1.05.05 2.05-.44 2.67-1.29v1.11h1.89V7.37c0-2.12-1.31-3.55-3.75-3.55zm11 .21L48 10.06l-2.36-6.03h-2.15l3.48 8.39L45.39 16h2.15L52.5 4.03h-2.15z' fill='%23333'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 52px;
    background-position: center 16px
}

.vtex-tab-layout-0-x-listItem--tab-picpay .vtex-button {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 49.6 16'%3E%3Cpath d='M10.2 12.92h2.32V6.16H10.2v6.76zm3.12-11.36h-1.56v1.56h1.56V1.56zm-8.76.76H2.32v1.96H4.4c1.32 0 2.08.64 2.08 1.84S5.72 8 4.4 8H2.32V4.32H0v8.6h2.32V9.96h2.2c2.68 0 4.24-1.44 4.24-3.92 0-2.32-1.52-3.72-4.2-3.72zM14.88 0H10.2v4.68h4.68V0zm-.76 3.88H11V.76h3.12v3.12zm13.6-1.56H25.6v1.96h2c1.32 0 2.08.64 2.08 1.84S28.92 8 27.6 8h-2V4.32h-2.32v8.6h2.32V9.96h2.12c2.68 0 4.24-1.44 4.24-3.92 0-2.32-1.56-3.72-4.24-3.72zM47.2 4.8l-2 5.04-2-5.04h-2.4l3.2 8.12L42.76 16h2.44l4.4-11.2h-2.4zm-10.4-.04c-1.28 0-2.55.31-3.68.92l.72 1.6c.74-.45 1.58-.69 2.44-.72 1.12 0 1.68.48 1.68 1.36v.16h-2.24c-2 0-3.08.92-3.08 2.44a2.501 2.501 0 002.46 2.54c.11 0 .23 0 .34-.02.97.03 1.91-.36 2.56-1.08v.88h2.28V7.56c-.08-1.72-1.32-2.8-3.48-2.8zm1.36 5.44c-.29.77-1.05 1.27-1.88 1.24-.8 0-1.28-.4-1.28-1.04s.44-.92 1.32-.92h1.84v.72zm-19.72.96a1.97 1.97 0 01-1.93-2.02c0-.06.01-.12.01-.18-.11-1.08.68-2.04 1.76-2.15.05-.01.11-.01.16-.01.72-.02 1.41.31 1.84.88l1.56-1.12a4.053 4.053 0 00-3.52-1.72c-2.14-.13-3.99 1.49-4.12 3.63-.01.16-.01.33 0 .49a3.905 3.905 0 004.12 4.12c1.44.1 2.81-.59 3.6-1.8l-1.6-1.08c-.4.64-1.13 1.01-1.88.96z' fill='%23333'/%3E%3C/svg%3E");
    background-size: 50px;
    background-position: center 16px
}

.vtex-tab-layout-0-x-container--wrapper__tab-layout {
    margin-top: 64px
}

.vtex-tab-layout-0-x-container--wrapper__tab-layout .vtex-tab-layout-0-x-listContainer {
    padding: 0;
    background-color: #eaebf0;
    border-radius: 4px;
    max-width: 100%;
    margin: 0 auto;
    width: 100%
}

.vtex-tab-layout-0-x-container--wrapper__tab-layout .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItem {
    margin: 0;
    padding: 0
}

.vtex-tab-layout-0-x-container--wrapper__tab-layout .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItem .vtex-button {
    color: #000;
    background: none;
    outline: none;
    border: none;
    min-height: auto;
    text-transform: none;
    padding: 16px 32px
}

.vtex-tab-layout-0-x-container--wrapper__tab-layout .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItem .vtex-button__label {
    margin: 0;
    padding: 0;
    text-transform: none
}

.vtex-tab-layout-0-x-container--wrapper__tab-layout .vtex-tab-layout-0-x-contentContainer {
    margin-bottom: 92px
}

.vtex-tab-layout-0-x-container--wrapper__tab-layout-product-accessories .vtex-product-specifications-1-x-groupName--group-name {
    font-size: 0
}

.vtex-tab-layout-0-x-container--wrapper__tab-layout-product-accessories .vtex-product-specifications-1-x-groupName--group-name:after {
    content: "Especificações";
    font-size: 32px;
    color: #333;
    margin: 0 0 12px;
    font-weight: 400
}

.vtex-tab-layout-0-x-container--wrapper__tab-layout-product-accessories .vtex-product-specifications-1-x-specificationName {
    display: none
}

.vtex-tab-layout-0-x-container--wrapper__tab-layout-product-accessories .vtex-product-specifications-1-x-specificationValue--specification-value {
    white-space-collapse: break-spaces
}

@media screen and (max-width: 768px) {
    .vtex-tab-layout-0-x-listContainer--wrapper__tab-formas-pagamento {
        justify-content:start
    }
}

.vtex-flex-layout-0-x-flexRowContent--wrapper__barra-beneficios {
    justify-content: space-between
}

.vtex-flex-layout-0-x-flexCol--wrapper__beneficio {
    flex-direction: row;
    align-items: center;
    width: auto!important
}

.vtex-rich-text-0-x-wrapper--beneficio {
    background-repeat: no-repeat;
    background-position: 0
}

.vtex-rich-text-0-x-wrapper--beneficio .vtex-rich-text-0-x-paragraph--beneficio {
    margin: 0;
    color: #333
}

.vtex-rich-text-0-x-wrapper--beneficio-frete-gratis {
    background-image: url(https://vaiobr.vtexassets.com/assets/vtex/assets-builder/vaiobr.loja/2.0.322/img/barra-beneficios/icone-beneficios-frete___94259e59d5f1ab5602d17ab2db9028f4.png)
}

.vtex-rich-text-0-x-wrapper--beneficio-pix {
    background-image: url(https://vaiobr.vtexassets.com/assets/vtex/assets-builder/vaiobr.loja/2.0.322/img/barra-beneficios/icone-beneficios-pix___97771a1f3093a52e983207909efa08d8.png)
}

.vtex-rich-text-0-x-wrapper--beneficio-ame {
    background-image: url(https://vaiobr.vtexassets.com/assets/vtex/assets-builder/vaiobr.loja/2.0.322/img/barra-beneficios/icone-beneficios-ame___77c3906abc2b9866e0de3a9a37396c59.png)
}

.vtex-rich-text-0-x-wrapper--beneficio-cartoes {
    background-image: url(https://vaiobr.vtexassets.com/assets/vtex/assets-builder/vaiobr.loja/2.0.322/img/barra-beneficios/icone-beneficios-cartoes___3dfa363ff2650333bf69aa664f3d212f.png)
}

.vtex-rich-text-0-x-wrapper--beneficio-boleto {
    background-image: url(https://vaiobr.vtexassets.com/assets/vtex/assets-builder/vaiobr.loja/2.0.322/img/barra-beneficios/icone-beneficios-boleto___1f4bfd72addd7288268e9c0226703b36.png)
}

.vtex-rich-text-0-x-wrapper--beneficio-boleto-parcelado {
    background-image: url(https://vaiobr.vtexassets.com/assets/vtex/assets-builder/vaiobr.loja/2.0.322/img/barra-beneficios/icone-beneficios-boleto-parcelado___0eb1aa65986cea1018fcb95341d08126.png)
}

.vtex-rich-text-0-x-wrapper--beneficio-garantia {
    background-image: url(https://vaiobr.vtexassets.com/assets/vtex/assets-builder/vaiobr.loja/2.0.322/img/barra-beneficios/icone-beneficios-garantia___325f7b64ea025b8b65cd78689be5552f.png)
}

.vtex-rich-text-0-x-wrapper--beneficio-seguro {
    background-image: url(https://vaiobr.vtexassets.com/assets/vtex/assets-builder/vaiobr.loja/2.0.322/img/barra-beneficios/icone-beneficios-seguro___08c7201ab047b8af1a74bc4c7bb632e4.png)
}

@media screen and (min-width: 1025px) {
    .vtex-rich-text-0-x-wrapper--beneficio {
        background-size:26px;
        padding-left: 32px
    }
}

@media screen and (min-width: 1660px) {
    .vtex-rich-text-0-x-wrapper--beneficio {
        background-size:30px;
        padding-left: 38px
    }
}

@media screen and (min-width: 1025px) {
    .vtex-slider-layout-0-x-sliderLayoutContainer--wrapper__barra-beneficios {
        padding:0;
        height: 64px
    }
}

@media screen and (min-width: 1660px) {
    .vtex-slider-layout-0-x-sliderLayoutContainer--wrapper__barra-beneficios {
        height:90px
    }
}

@media screen and (max-width: 1024px) {
    .vtex-rich-text-0-x-wrapper--beneficio {
        background-size:26px;
        padding-left: 32px;
        background-repeat: no-repeat;
        background-position: left -2px
    }

    .vtex-rich-text-0-x-wrapper--beneficio .vtex-rich-text-0-x-paragraph--beneficio {
        margin: 0;
        color: #333
    }
}

@media screen and (max-width: 1024px) {
    .vtex-slider-layout-0-x-sliderLayoutContainer--wrapper__barra-beneficios {
        padding:0 16px;
        height: 56px
    }

    .vtex-slider-layout-0-x-sliderLeftArrow--wrapper__barra-beneficios {
        left: 16px
    }

    .vtex-slider-layout-0-x-sliderRightArrow--wrapper__barra-beneficios {
        right: 16px
    }
}

.vtex-flex-layout-0-x-flexRow--container-bf {
    min-width: 99vw;
    background-color: #090909
}

.vtex-flex-layout-0-x-flexRow--conteudo-black {
    max-width: 1230px
}

.vtex-flex-layout-0-x-flexRow--container-home-formulario {
    margin-bottom: 150px
}

.vtex-flex-layout-0-x-flexCol--notebook-vaio-2-texto {
    max-width: 850px;
    padding: 20px
}

.vtex-flex-layout-0-x-flexRow--container-notebook-vaio {
    padding: 45px
}

.vtex-flex-layout-0-x-flexCol--container-sistema-operacional {
    padding: 50px
}

.vtex-flex-layout-0-x-flexRow--bloco-seguranca {
    width: 245px;
    height: 215px
}

.vtex-flex-layout-0-x-flexRowContent--row-bloco-seguranca {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px
}

.vtex-flex-layout-0-x-flexRow--container-bloco-seguranca {
    border: 1px solid #212121;
    background-color: #171717;
    min-width: 245px;
    max-width: 245px;
    min-height: 215px;
    max-height: 215px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0;
    padding: 0
}

.vtex-flex-layout-0-x-flexRow--container-compre-seguranca {
    display: flex;
    align-items: center;
    justify-content: start
}

.vtex-flex-layout-0-x-flexCol--bloco-pix {
    background-color: #212121;
    border: 1px solid #212121;
    min-width: 400px;
    max-width: 400px;
    min-height: 440px;
    max-height: 440px;
    padding: 10px
}

.vtex-flex-layout-0-x-flexRow--container-notebook-1 {
    min-width: 315px;
    min-height: 285px
}

.vtex-flex-layout-0-x-flexRow--container-ofertas-disponiveis {
    padding-top: 150px;
    padding-bottom: 50px
}

.vtex-flex-layout-0-x-flexCol--bloco-pague-sua-maneira {
    background-color: #212121;
    border: 1px solid #212121;
    min-width: 408px;
    max-width: 408px;
    min-height: 216px;
    max-height: 216px;
    padding: 10px;
    margin-bottom: 8px
}

.vtex-flex-layout-0-x-flexCol--container-pague-sua-maneira {
    margin-top: 60px
}

.vtex-flex-layout-0-x-flexRow--container-bf-extendida {
    padding: 45px
}

@media (max-width: 1659px) {
    .vtex-flex-layout-0-x-flexCol--bloco-pague-sua-maneira {
        margin-left:8px
    }
}

@media (max-width: 1259px) {
    .vtex-flex-layout-0-x-flexRow--conteudo-black {
        max-width:1000px
    }

    .vtex-flex-layout-0-x-flexCol--bloco-pague-sua-maneira {
        margin-left: 8px
    }

    .vtex-flex-layout-0-x-flexCol--bloco-pix {
        max-width: 300px;
        width: 300px;
        min-width: 300px
    }

    .vtex-flex-layout-0-x-flexCol--bloco-pague-sua-maneira {
        width: 326px;
        max-width: 326px;
        min-width: 326px;
        margin: 0
    }

    .vtex-flex-layout-0-x-flexRow--container-compre-seguranca {
        margin-left: 16px
    }
}

.vtex-rich-text-0-x-container--bem-vindo-bf {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px
}

.vtex-rich-text-0-x-container--titulo-bf {
    display: flex;
    justify-content: center;
    height: 24px
}

.vtex-rich-text-0-x-link--bem-vindo-2-bf {
    color: #e7e7e7
}

.vtex-rich-text-0-x-headingLevel2--titulo-bf {
    font-size: 24px;
    font-weight: 600;
    letter-spacing: 2px;
    margin: 0;
    padding: 0;
    color: #fff
}

.vtex-rich-text-0-x-container--bem-vindo-2-bf {
    display: flex;
    justify-content: center;
    text-align: center
}

.vtex-rich-text-0-x-paragraph--bem-vindo-2-bf {
    max-width: 1115px;
    font-weight: 100;
    line-height: 24px;
    font-size: 14px;
    letter-spacing: 2px;
    padding: 0;
    color: #e7e7e7
}

.vtex-rich-text-0-x-headingLevel3--titulo-ofertas-disponiveis {
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: #fff
}

.vtex-rich-text-0-x-paragraph--texto-ofertas-disponiveis {
    font-weight: lighter;
    line-height: 24px;
    font-size: 14px;
    letter-spacing: 2px;
    padding: 0;
    color: #e7e7e7
}

.vtex-rich-text-0-x-headingLevel2--titulo-notebook-vaio {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 25px;
    letter-spacing: 2px;
    color: #fff
}

.vtex-rich-text-0-x-paragraph--texto-notebook-vaio-2 {
    font-weight: 100;
    line-height: 24px;
    font-size: 14px;
    letter-spacing: 2px;
    padding: 0;
    margin-bottom: 0;
    color: #e7e7e7
}

.vtex-rich-text-0-x-paragraph--texto-sistema-operacional {
    font-weight: 100;
    line-height: 24px;
    font-size: 14px;
    letter-spacing: 2px;
    padding: 0;
    margin-top: 25px;
    color: #e7e7e7
}

.vtex-rich-text-0-x-headingLevel3--titulo-compre-seguranca {
    font-weight: lighter;
    font-size: 18px;
    color: #e7e7e7
}

.vtex-rich-text-0-x-wrapper--p-compre-seguranca,.vtex-rich-text-0-x-wrapper--titulo-compre-seguranca {
    width: 675px
}

.vtex-rich-text-0-x-paragraph--p-compre-seguranca {
    font-weight: lighter;
    line-height: 24px;
    font-size: 14px;
    letter-spacing: 2px;
    padding: 0;
    color: #e7e7e7
}

.vtex-rich-text-0-x-container--titulo-pix {
    margin-bottom: 12px;
    height: 18px
}

.vtex-rich-text-0-x-headingLevel4--titulo-pix {
    color: #fff;
    font-size: 18px;
    padding: 0;
    margin: 0
}

.vtex-rich-text-0-x-container--desconto-pix {
    height: 16px;
    margin-bottom: 12px
}

.vtex-rich-text-0-x-paragraph--desconto-pix {
    color: #e7e7e7;
    font-weight: lighter;
    line-height: 16px;
    font-size: 14px;
    letter-spacing: 2px;
    margin: 0;
    padding: 0
}

.vtex-rich-text-0-x-wrapper--text-pix {
    height: 52px;
    width: 376px
}

.vtex-rich-text-0-x-paragraph--text-pix {
    color: #767676;
    padding: 0;
    margin: 0;
    font-size: 13px;
    letter-spacing: 2px
}

.vtex-rich-text-0-x-container--titulo-cartao {
    height: 18px;
    margin-bottom: 8px
}

.vtex-rich-text-0-x-headingLevel4--titulo-cartao {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: 400
}

.vtex-rich-text-0-x-container--texto-cartao {
    height: 16px
}

.vtex-rich-text-0-x-paragraph--texto-cartao {
    margin: 0;
    padding: 0;
    font-size: 16px;
    color: #e7e7e7;
    letter-spacing: 2px;
    font-weight: 200
}

.vtex-rich-text-0-x-container--titulo-boleto {
    height: 18px;
    margin-bottom: 8px
}

.vtex-rich-text-0-x-headingLevel4--titulo-boleto {
    margin: 0;
    padding: 0;
    color: #fff;
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: 400
}

.vtex-rich-text-0-x-container--texto-boleto {
    height: 26px
}

.vtex-rich-text-0-x-paragraph--texto-boleto {
    font-size: 13px;
    color: #767676;
    font-weight: 400;
    letter-spacing: 2px;
    margin: 0
}

.vtex-rich-text-0-x-container--texto-pague-sua-maneira {
    display: flex;
    justify-content: center
}

.vtex-rich-text-0-x-paragraph--texto-pague-sua-maneira {
    font-weight: 100;
    line-height: 24px;
    font-size: 14px;
    letter-spacing: 2px;
    padding: 0;
    margin-bottom: 0;
    color: #e7e7e7
}

.vtex-rich-text-0-x-headingLevel2--titulo-bf-extendida {
    font-size: 24px;
    font-weight: 700;
    margin-top: 60px;
    margin-bottom: 25px;
    color: #fff
}

.vtex-rich-text-0-x-paragraph--texto-bf-extendida {
    padding: 20px 20px 20px 0;
    font-weight: 100;
    line-height: 24px;
    font-size: 14px;
    letter-spacing: 2px;
    color: #e7e7e7
}

.vtex-rich-text-0-x-wrapper--texto-caracteristica {
    padding: 45px
}

.vtex-rich-text-0-x-headingLevel3--texto-caracteristica {
    font-size: 18px;
    letter-spacing: 2px;
    font-weight: 700;
    margin-top: 60px;
    margin-bottom: 25px;
    color: #fff
}

.vtex-rich-text-0-x-paragraph--texto-caracteristica {
    font-weight: 100;
    line-height: 24px;
    font-size: 14px;
    letter-spacing: 2px;
    padding: 0;
    color: #e7e7e7
}

.vtex-rich-text-0-x-link--p-compre-seguranca,.vtex-rich-text-0-x-link--texto-bf-extendida {
    color: #e7e7e7
}

@media (max-width: 1259px) {
    .vtex-rich-text-0-x-headingLevel3--titulo-compre-seguranca {
        font-weight:lighter;
        font-size: 18px;
        color: #e7e7e7
    }

    .vtex-rich-text-0-x-wrapper--p-compre-seguranca,.vtex-rich-text-0-x-wrapper--titulo-compre-seguranca {
        width: 350px
    }

    .vtex-rich-text-0-x-paragraph--p-compre-seguranca {
        font-weight: lighter;
        line-height: 24px;
        font-size: 14px;
        letter-spacing: 2px;
        padding: 0;
        color: #e7e7e7
    }
}

.vtex-store-components-3-x-imageElement--img-notebook-bf-1 {
    width: 315px;
    height: 285px
}

.vtex-store-components-3-x-imageElement--img-notebook-bf-2 {
    width: 365px;
    max-height: 313px
}

.vtex-store-components-3-x-imageElement--img-notebook-bf-3 {
    min-width: 365px;
    min-height: 258px
}

.vtex-store-components-3-x-imageElement--imagem-reclame-aqui {
    width: 174px;
    height: 30px
}

.vtex-store-components-3-x-imageElement--imagem-consumidor {
    width: 132px;
    height: 31px
}

.vtex-store-components-3-x-imageElement--imagem-site-seguro {
    width: 131px;
    height: 74px
}

.vtex-store-components-3-x-imageElement--imagem-loja-confiavel {
    width: 63px;
    height: 65px
}

.vtex-store-components-3-x-imageElement--imagem-pix {
    width: 34px;
    height: 34px;
    margin-bottom: 12px
}

.vtex-store-components-3-x-imageElement--imagem-cartao {
    width: 44px;
    height: 34px;
    margin-bottom: 12px
}

.vtex-store-components-3-x-imageElement--imagem-boleto {
    width: 21px;
    height: 34px;
    margin-bottom: 12px
}

.vtex-store-components-3-x-imageElement--imagem-nupay {
    width: 68px;
    height: 20px;
    margin-bottom: 12px
}

.vtex-store-components-3-x-imageElement--imagem-picpay {
    width: 68px;
    height: 22px;
    margin-bottom: 12px
}

.vtex-flex-layout-0-x-flexRow--page-drivers__wrapper .vtex-rich-text-0-x-link {
    color: #0086df;
    text-decoration: none
}

.vtex-flex-layout-0-x-flexRow--page-drivers__wrapper .vtex-rich-text-0-x-link:hover {
    text-decoration: underline
}

.vtex-rich-text-0-x-headingLevel1--titulo-drivers {
    font-size: 32px;
    color: #333;
    font-weight: 400;
    margin: 42px 0 0;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='42' height='42'%3E%3Cg data-name='Grupo 21746'%3E%3Cg data-name='Grupo 479'%3E%3Cg data-name='Linha 152'%3E%3Cpath fill='%23333' d='M29.965 33.365h7.476v1.588h-7.476z' data-name='Retângulo 197'/%3E%3C/g%3E%3Cg data-name='Grupo 478'%3E%3Cg data-name='Grupo 472'%3E%3Cpath fill='%23333' d='M20.997 23.736a4.083 4.083 0 01-4.111-4.044 4.082 4.082 0 014.111-4.04 4.082 4.082 0 014.111 4.044 4.083 4.083 0 01-4.111 4.04zm0-6.5a2.48 2.48 0 00-2.5 2.456 2.48 2.48 0 002.5 2.456 2.479 2.479 0 002.5-2.456 2.479 2.479 0 00-2.5-2.456z' data-name='Caminho 167'/%3E%3C/g%3E%3Cg data-name='Grupo 473'%3E%3Cpath fill='%23333' d='M35.25 29.118a16.652 16.652 0 002.921-9.427 17.052 17.052 0 00-17.169-16.89 17.052 17.052 0 00-17.173 16.89 16.652 16.652 0 002.921 9.427H0V39.2h42V29.118zm-29-9.427A14.649 14.649 0 0121.002 5.183 14.648 14.648 0 0135.75 19.691a14.308 14.308 0 01-3.539 9.427H9.789A14.328 14.328 0 016.25 19.69zm33.329 17.128H2.421V31.5h37.158z' data-name='Caminho 168'/%3E%3C/g%3E%3Cg data-name='Grupo 474'%3E%3Cpath fill='%23ae9555' d='M11.268 17.962H9.654a9.608 9.608 0 019.675-9.518v1.588a8.005 8.005 0 00-8.061 7.93z' data-name='Caminho 169'/%3E%3C/g%3E%3Cg data-name='Grupo 475'%3E%3Cpath fill='%23ae9555' d='M15.005 17.258h-1.614a5.243 5.243 0 015.279-5.193v1.588a3.64 3.64 0 00-3.665 3.605z' data-name='Caminho 170'/%3E%3C/g%3E%3Cg data-name='Grupo 476'%3E%3Cpath fill='%23ae9555' d='M26.205 26.92l-.451-1.525a3.081 3.081 0 001.859-1.466 3 3 0 00.261-2.33l1.549-.444a4.553 4.553 0 01-.4 3.538 4.683 4.683 0 01-2.818 2.227z' data-name='Caminho 171'/%3E%3C/g%3E%3Cg data-name='Grupo 477'%3E%3Cpath fill='%23ae9555' d='M28.564 28.888l-.5-1.509a4.771 4.771 0 003.106-6.032l1.534-.494a6.355 6.355 0 01-4.14 8.035z' data-name='Caminho 172'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 42px;
    padding-left: 60px;
    padding-top: 4px
}

.vtex-store-components-3-x-imageElement--banner-drivers {
    display: block
}

.vtex-flex-layout-0-x-flexRow--page-institucional__wrapper {
    padding-top: 76px
}

.vtex-flex-layout-0-x-flexCol--menu-institucional__wrapper {
    width: 100%;
    margin-bottom: 42px
}

.vtex-flex-layout-0-x-flexCol--conteudo-institucional__wrapper {
    padding-bottom: 92px
}

.vtex-flex-layout-0-x-flexCol--conteudo-institucional__wrapper .vtex-rich-text-0-x-heading-level-1 {
    font-size: 24px;
    font-weight: 400;
    margin: 0;
    color: #333
}

.vtex-flex-layout-0-x-flexCol--conteudo-institucional__wrapper .vtex-rich-text-0-x-list,.vtex-flex-layout-0-x-flexCol--conteudo-institucional__wrapper .vtex-rich-text-0-x-paragraph {
    font-size: 16px;
    line-height: 1.4;
    font-weight: 400;
    margin: 24px 0 0;
    color: #333
}

.vtex-flex-layout-0-x-flexCol--conteudo-institucional__wrapper .vtex-rich-text-0-x-listOrdered {
    padding-left: 16px
}

.vtex-flex-layout-0-x-flexCol--conteudo-institucional__wrapper .vtex-store-components-3-x-imageElement--img-vaio {
    display: block;
    margin-bottom: 42px
}

.vtex-flex-layout-0-x-flexCol--conteudo-institucional__wrapper .vtex-store-components-3-x-imageElement--img-fabrica {
    display: block;
    margin-top: 42px;
    margin-bottom: 18px
}

.vtex-flex-layout-0-x-flexCol--conteudo-institucional__wrapper .vtex-store-components-3-x-imageElement--img-seguranca {
    display: block;
    margin-top: 24px;
    width: 204px
}

@media screen and (min-width: 960px) {
    .vtex-flex-layout-0-x-flexRow--page-institucional__wrapper {
        padding-top:140px
    }

    .vtex-flex-layout-0-x-flexCol--menu-institucional__wrapper {
        width: 228px;
        display: block;
        margin: 0 36px 0 0
    }

    .vtex-flex-layout-0-x-flexCol--conteudo-institucional__wrapper .vtex-rich-text-0-x-heading-level-1 {
        font-size: 32px
    }
}

.vtex-menu-2-x-menuContainerNav--menu-institucional__wrapper {
    border: 1px solid #d2d4de;
    border-right: none;
    border-left: none
}

.vtex-menu-2-x-menuContainerNav--menu-institucional__wrapper .vtex-menu-2-x-menuItem .vtex-menu-2-x-styledLinkContainer {
    margin: 0;
    padding: 0;
    border: none
}

.vtex-menu-2-x-menuContainerNav--menu-institucional__wrapper .vtex-menu-2-x-menuItem .vtex-menu-2-x-styledLinkContainer .vtex-menu-2-x-styledLink {
    padding: 14px 18px;
    display: block;
    color: #333;
    text-transform: none;
    border-left: 1px solid #d2d4de;
    border-right: 1px solid #d2d4de
}

.vtex-menu-2-x-menuContainerNav--menu-institucional__wrapper .vtex-menu-2-x-menuItem .vtex-menu-2-x-styledLinkContainer .vtex-menu-2-x-styledLink:hover {
    background-color: #eaebf0;
    border-color: #eaebf0
}

.vtex-menu-2-x-menuContainerNav--menu-institucional__wrapper .vtex-menu-2-x-menuItem .vtex-menu-2-x-styledLinkContainer .vtex-menu-2-x-styledLink .vtex-menu-2-x-styledLinkContent--menu-institucional-wrap {
    white-space: normal!important
}

.vtex-menu-2-x-menuContainerNav--menu-institucional__wrapper .vtex-menu-2-x-menuItem .vtex-menu-2-x-styledLinkContainer .vtex-menu-2-x-styledLink--highlight {
    background-color: #333;
    border-color: #333;
    color: #fff
}

.vtex-menu-2-x-menuContainerNav--menu-institucional__wrapper .vtex-menu-2-x-menuItem .vtex-menu-2-x-styledLinkContainer .vtex-menu-2-x-styledLink--highlight:hover {
    background-color: #333;
    border-color: #333
}

.vtex-flex-layout-0-x-flexRow--page-mapa-site__wrapper {
    padding-top: 76px
}

.vtex-flex-layout-0-x-flexRow--mapa-site-links__wrapper {
    padding: 64px 0
}

.vtex-flex-layout-0-x-flexRow--mapa-site-links__wrapper .vtex-store-link-0-x-link {
    color: #333;
    text-decoration: none;
    margin-bottom: 16px;
    display: inline-block
}

.vtex-flex-layout-0-x-flexRow--mapa-site-links__wrapper .vtex-store-link-0-x-link:hover {
    color: #0086df
}

.vtex-flex-layout-0-x-flexRow--mapa-site-links__wrapper .vtex-flex-layout-0-x-flexCol--links__wrapper {
    margin-bottom: 42px
}

@media screen and (min-width: 960px) {
    .vtex-flex-layout-0-x-flexRow--page-mapa-site__wrapper {
        padding:140px 0 64px
    }

    .vtex-flex-layout-0-x-flexRow--mapa-site-links__wrapper .vtex-flex-layout-0-x-flexCol--links__wrapper {
        margin-bottom: 0
    }
}

.vtex-rich-text-0-x-headingLevel1--titulo-mapa-site {
    font-size: 24px;
    color: #333;
    font-weight: 400;
    margin: 0
}

.vtex-rich-text-0-x-heading--subtitulo-mapa-site {
    font-size: 18px;
    color: #333;
    font-weight: 400;
    border-bottom: 1px solid #eaebf0;
    padding-bottom: 16px;
    margin: 0 0 24px
}

.vtex-rich-text-0-x-wrapper--subtitulo-mapa-site {
    width: 100%
}

@media screen and (min-width: 960px) {
    .vtex-rich-text-0-x-headingLevel1--titulo-mapa-site {
        font-size:32px
    }

    .vtex-rich-text-0-x-heading--subtitulo-mapa-site {
        font-size: 21px
    }
}

.vtex-flex-layout-0-x-flexRowContent--title_selos__wrapper .vtex-flex-layout-0-x-flexRow--wrapper__selo-filter {
    margin: 0 0 20px
}

.vtex-flex-layout-0-x-flexRow--conteudo-windows-list,.vtex-flex-layout-0-x-flexRowContent--page-suporte__wrapper {
    padding-bottom: 42px
}

.vtex-flex-layout-0-x-flexRowContent--page-suporte__wrapper .vtex-flex-layout-0-x-flexRowContent--titulo-contato__wrapper {
    display: flex;
    align-items: center
}

.vtex-flex-layout-0-x-flexRowContent--page-suporte__wrapper .vtex-flex-layout-0-x-flexCol--bloco-contato__wrapper {
    padding: 24px 0 0
}

.vtex-flex-layout-0-x-flexRowContent--page-suporte__wrapper .vtex-flex-layout-0-x-stretchChildrenWidth:first-child {
    border-bottom: 1px solid #d2d4de
}

@media screen and (min-width: 960px) {
    .vtex-flex-layout-0-x-flexRow--conteudo-windows-list {
        padding-bottom:92px
    }

    .vtex-flex-layout-0-x-flexRowContent--page-suporte__wrapper {
        justify-content: space-evenly;
        padding-bottom: 92px
    }

    .vtex-flex-layout-0-x-flexRowContent--page-suporte__wrapper .vtex-flex-layout-0-x-flexCol--bloco-contato__wrapper {
        padding: 42px 0 42px 30%
    }

    .vtex-flex-layout-0-x-flexRowContent--page-suporte__wrapper .vtex-flex-layout-0-x-stretchChildrenWidth:first-child {
        border: none;
        border-right: 1px solid #d2d4de
    }
}

.vtex-store-components-3-x-infoCardContainer--wrapper__banner-suporte {
    height: 328px
}

.vtex-store-components-3-x-infoCardContainer--wrapper__banner-suporte .vtex-store-components-3-x-infoCardHeadline--wrapper__banner-suporte {
    color: #fff;
    font-size: 21px;
    font-weight: 400;
    margin: 0
}

@media screen and (min-width: 1025px) {
    .vtex-store-components-3-x-infoCardContainer--wrapper__banner-suporte .vtex-store-components-3-x-infoCardHeadline--wrapper__banner-suporte {
        font-size:32px
    }
}

.vtex-rich-text-0-x-headingLevel3--suporte-bloco {
    font-size: 21px;
    line-height: 1;
    color: #333;
    font-weight: 400;
    margin: 0 0 0 12px
}

.vtex-rich-text-0-x-wrapper--windos_link .vtex-rich-text-0-x-paragraph {
    text-align: center
}

.vtex-rich-text-0-x-wrapper--windos_link .vtex-rich-text-0-x-link {
    color: #333;
    text-align: center
}

.vtex-rich-text-0-x-wrapper--windos_link .vtex-rich-text-0-x-link:hover {
    color: #000
}

.vtex-list-context-0-x-list--product-list__wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 64px
}

.vtex-list-context-0-x-list--product-list__wrapper .vtex-list-context-0-x-item--product-list__wrapper {
    width: 50%;
    padding: 0 12px
}

@media screen and (min-width: 1025px) {
    .vtex-list-context-0-x-list--product-list__wrapper .vtex-list-context-0-x-item--product-list__wrapper {
        width:25%
    }
}

.vtex-rich-text-0-x-wrapper--vitrine-page-title {
    margin: 24px 0
}

.vtex-rich-text-0-x-wrapper--vitrine-page-title .vtex-rich-text-0-x-heading--vitrine-page-title {
    text-align: center;
    margin: 0;
    padding: 0;
    font-size: 2rem;
    color: #333;
    font-weight: 400
}

@media screen and (min-width: 1025px) {
    .vtex-rich-text-0-x-wrapper--vitrine-page-title {
        margin:24px 0
    }

    .vtex-rich-text-0-x-wrapper--vitrine-page-title .vtex-rich-text-0-x-heading--vitrine-page-title {
        text-align: left;
        padding-left: 12px
    }
}

.vtex-search-2-x-searchBanner--wrapper__texto-seo {
    border-top: 1px solid #d2d4de;
    padding: 24px 16px 32px;
    color: #333;
    font-size: 16px
}

@media only screen and (min-width: 1024px) {
    .vtex-search-2-x-searchBanner--wrapper__texto-seo {
        padding:24px 0 32px
    }
}

.vtex-flex-layout-0-x-flexRowContent--page-windows__wrapper {
    padding-top: 76px
}

@media screen and (min-width: 960px) {
    .vtex-flex-layout-0-x-flexRowContent--page-windows__wrapper {
        padding-top:140px
    }
}

.vtex-flex-layout-0-x-flexRow--bloco-windows-list_wrapper {
    padding-bottom: 42px
}

@media screen and (min-width: 960px) {
    .vtex-flex-layout-0-x-flexRow--bloco-windows-list_wrapper {
        padding-bottom:92px
    }
}

@media screen and (min-width: 1025px) {
    .vtex-flex-layout-0-x-flexColChild--wrapper__footer-menu-coluna {
        height:auto!important
    }

    .vtex-flex-layout-0-x-flexRow--wrapper__footer-menu .vtex-flex-layout-0-x-container {
        padding: 0
    }

    .vtex-flex-layout-0-x-flexRowContent--wrapper__footer-menu {
        justify-content: space-between
    }

    .vtex-flex-layout-0-x-flexRowContent--wrapper__footer-menu .vtex-flex-layout-0-x-stretchChildrenWidth {
        width: 23%!important
    }

    .vtex-flex-layout-0-x-flexRowContent--wrapper__footer-bandeiras-seguranca {
        flex-wrap: wrap;
        width: 70%
    }

    .vtex-flex-layout-0-x-flexRowContent--wrapper__footer-bandeiras-seguranca .vtex-flex-layout-0-x-stretchChildrenWidth {
        width: 50%!important;
        justify-content: flex-start;
        align-items: center;
        margin-bottom: 16px
    }

    .vtex-flex-layout-0-x-flexRowContent--wrapper__footer-social {
        margin-top: 24px
    }

    .vtex-flex-layout-0-x-flexRowContent--wrapper__footer-social .vtex-flex-layout-0-x-stretchChildrenWidth {
        width: auto!important;
        justify-content: flex-start;
        align-items: center;
        margin-right: 16px
    }

    .vtex-flex-layout-0-x-flexRowContent--wrapper__footer-bandeiras-pagamento {
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        margin: 42px 0 24px;
        padding: 16px 0;
        align-items: center
    }
}

@media screen and (min-width: 1025px) {
    .vtex-rich-text-0-x-paragraph--footer-menu-title {
        border-bottom:1px solid #333;
        display: block;
        margin: 64px 0 24px;
        color: #fff;
        font-size: 1.313rem;
        padding-bottom: 6px
    }

    .vtex-rich-text-0-x-wrapper--footer-menu-title {
        display: block;
        width: 100%
    }

    .vtex-rich-text-0-x-wrapper--footer {
        padding-bottom: 24px
    }

    .vtex-rich-text-0-x-paragraph--footer {
        font-size: .75rem;
        color: #464646
    }

    .vtex-rich-text-0-x-link--footer {
        color: #464646
    }

    .vtex-rich-text-0-x-image--footer {
        max-width: 36px
    }
}

@media screen and (min-width: 1025px) {
    .vtex-menu-2-x-menuContainer--wrapper__footer-menu-items {
        display:inline-block;
        margin: 0
    }

    .vtex-menu-2-x-menuContainer--wrapper__footer-menu-items .vtex-menu-2-x-styledLinkContainer {
        display: inline-block;
        margin: 0 0 6px
    }

    .vtex-menu-2-x-menuContainer--wrapper__footer-menu-items .vtex-menu-2-x-styledLinkContent {
        text-transform: none;
        color: #9d9ea5
    }

    .vtex-menu-2-x-menuContainer--wrapper__footer-menu-items .vtex-menu-2-x-styledLinkContent:hover {
        color: #fff
    }
}

.vtex-store-footer-2-x-footerLayout--wrapper__footer {
    background-color: #171a1b
}

@media screen and (max-width: 1024px) {
    .vtex-flex-layout-0-x-flexRow--wrapper__footer-social {
        border-bottom:1px solid #333;
        padding-bottom: 12px
    }

    .vtex-flex-layout-0-x-flexRowContent--wrapper__footer-social {
        padding-top: 16px;
        display: flex;
        align-items: center;
        justify-content: space-around
    }

    .vtex-flex-layout-0-x-flexRowContent--wrapper__footer-social .vtex-flex-layout-0-x-stretchChildrenWidth {
        width: auto!important;
        justify-content: flex-start;
        align-items: center
    }

    .vtex-flex-layout-0-x-flexRow--wrapper__footer-bandeiras-seguranca {
        width: auto!important
    }

    .vtex-flex-layout-0-x-flexRowContent--wrapper__footer-bandeiras-seguranca {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .vtex-flex-layout-0-x-flexRowContent--wrapper__footer-bandeiras-seguranca .vtex-flex-layout-0-x-stretchChildrenWidth {
        margin: 0 32px
    }

    .vtex-flex-layout-0-x-flexRowContent--wrapper__footer-bandeiras-pagamento {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        padding: 16px 0;
        margin: 16px 0
    }

    .vtex-flex-layout-0-x-flexRowContent--wrapper__footer-bandeiras-pagamento .vtex-flex-layout-0-x-stretchChildrenWidth {
        width: auto!important;
        margin: 8px 21px
    }
}

@media screen and (max-width: 1024px) {
    .vtex-menu-2-x-styledLinkContainer--wrapper__title-footer-menu-items .vtex-menu-2-x-styledLink--wrapper__title-footer-menu-items {
        padding:16px 0;
        display: block
    }

    .vtex-menu-2-x-menuContainer--wrapper__footer-menu-items {
        display: block;
        margin: 0
    }

    .vtex-menu-2-x-menuContainer--wrapper__footer-menu-items .vtex-menu-2-x-menuItem:first-child {
        margin-top: 8px
    }

    .vtex-menu-2-x-menuContainer--wrapper__footer-menu-items .vtex-menu-2-x-styledLink {
        padding: 0
    }

    .vtex-menu-2-x-menuContainer--wrapper__footer-menu-items .vtex-menu-2-x-styledLinkContainer {
        display: block;
        margin-bottom: 6px;
        border: none
    }

    .vtex-menu-2-x-menuContainer--wrapper__footer-menu-items .vtex-menu-2-x-styledLinkContent {
        text-transform: none;
        color: #9d9ea5;
        font-size: 16px
    }

    .vtex-menu-2-x-menuContainer--wrapper__footer-menu-items .vtex-menu-2-x-styledLinkContent:hover {
        color: #fff
    }

    .vtex-menu-2-x-submenuAccordion {
        padding: 0
    }

    .vtex-menu-2-x-styledLinkContent--wrapper__title-footer-menu-items {
        text-transform: none;
        font-size: 16px;
        font-weight: 700;
        color: #bbbcc4
    }
}

@media screen and (max-width: 1024px) {
    .vtex-rich-text-0-x-container--footer-menu-title {
        display:block
    }

    .vtex-rich-text-0-x-paragraph--footer-menu-title {
        font-size: 1rem;
        color: #fff;
        font-weight: 700;
        width: 100%;
        text-align: center;
        display: block;
        margin: 0;
        padding: 16px 0
    }

    .vtex-rich-text-0-x-paragraph--footer {
        font-size: .831rem;
        color: #464646;
        line-height: 1.2
    }

    .vtex-rich-text-0-x-link--footer {
        color: #464646
    }

    .vtex-rich-text-0-x-image--footer {
        max-width: 40px
    }
}

@media screen and (min-width: 1025px) {
    .vtex-flex-layout-0-x-flexColChild--borda_menu_direita {
        border-right:1px solid grey;
        padding-right: 48px
    }

    .vtex-flex-layout-0-x-flexRow--wrapper__header {
        background-color: #000;
        width: 100%;
        margin: 0 auto;
        border-radius: 4px;
        padding: 0 16px 0 20px;
        border: 1px solid #333;
        height: 60px;
        backdrop-filter: blur(3px);
        max-width: none
    }

    .vtex-flex-layout-0-x-flexRowContent--wrapper__header {
        height: 100%
    }

    .vtex-flex-layout-0-x-flexCol--wrapper__user-action {
        display: flex;
        flex-direction: row
    }

    .vtex-flex-layout-0-x-flexColChild--wrapper__user-action {
        display: flex
    }

    .vtex-flex-layout-0-x-flexCol--wrapper__menu-principal {
        padding-left: 24px
    }
}

@media screen and (min-width: 1660px) {
    .vtex-flex-layout-0-x-flexCol--wrapper__menu-principal {
        padding-left:42px
    }
}

.vtex-flex-layout-0-x-flexRowContent--comparator-bar {
    display: block!important
}

.vtex-flex-layout-0-x-flexColChild--wrapper__oferta-relampago {
    display: flex;
    height: 100%!important
}

.vtex-login-2-x-container .vtex-button {
    padding: 0;
    margin: 0;
    min-height: auto;
    height: auto;
    width: 50px;
    height: 48px;
    border-radius: 4px
}

.vtex-login-2-x-container .vtex-button:focus,.vtex-login-2-x-container .vtex-button:hover {
    background-color: #4a4a4a
}

.vtex-login-2-x-container .vtex-button__label {
    width: 19px;
    height: 26px;
    background: none;
    background-image: url(https://vaiobr.vtexassets.com/assets/vtex/assets-builder/vaiobr.loja/2.0.322/img/header/icone-usuario___07184d2c9de034323ff38f930fc25f19.png);
    background-repeat: no-repeat;
    background-size: 20px;
    background-position: 50%;
    overflow: hidden;
    text-indent: -9999px
}

@media screen and (min-width: 1025px) {
    .vtex-menu-2-x-styledLinkContent--submenu-destaque-texto {
        position:relative
    }

    .vtex-menu-2-x-styledLinkContent--submenu-destaque-texto:before {
        content: "Lançamento";
        position: absolute;
        left: 0;
        top: -6px;
        width: 100%;
        text-align: start;
        color: #00a7ff;
        font-size: 10px
    }

    .vtex-menu-2-x-styledLinkContent--submenu-destaque-f14:before,.vtex-menu-2-x-styledLinkContent--vaio-f14:before {
        content: "Premium";
        position: absolute;
        top: 8px;
        text-align: start;
        color: #ad9653;
        font-size: 11px;
        text-transform: none
    }

    .vtex-menu-2-x-submenuContainer--submenu-submenu__wrapper .vtex-menu-2-x-submenuWrapper--submenu-submenu__wrapper .vtex-menu-2-x-menuContainer--submenu-destaque {
        border: 1px solid orange;
        color: #00a7ff
    }

    .vtex-menu-2-x-submenuContainer--submenu-submenu__wrapper .vtex-menu-2-x-menuItem--menu-item-conheca-vaio-fe {
        margin-top: 0!important
    }

    .vtex-menu-2-x-submenuContainer--submenu-submenu__wrapper .vtex-menu-2-x-menuItem--menu-item-conheca-vaio-fe .vtex-menu-2-x-styledLinkContent {
        color: #00a7ff;
        animation: vtex-menu-2-x-pulsarTexto 3s infinite;
        margin-right: 32px
    }

    @keyframes vtex-menu-2-x-pulsarTexto {
        0% {
            transform: scale(1)
        }

        50% {
            transform: scale(1.1)
        }

        to {
            transform: scale(1)
        }
    }

    .vtex-menu-2-x-menuContainerNav--wrapper__header-menu-principal .vtex-menu-2-x-styledLinkContainer {
        margin: 0 8px;
        padding: 2px 0 0
    }

    .vtex-menu-2-x-menuContainerNav--wrapper__header-menu-principal .vtex-menu-2-x-styledLinkContent {
        color: #fff;
        font-size: 14px;
        padding: 8px 0
    }

    .vtex-menu-2-x-menuContainerNav--wrapper__header-menu-principal .vtex-menu-2-x-styledLinkContent:hover {
        color: #9d9ea5
    }

    .vtex-menu-2-x-submenuContainer--submenu__wrapper {
        position: absolute;
        left: -1px;
        top: 59px;
        width: 100.1%
    }

    .vtex-menu-2-x-submenuContainer--submenu__wrapper .vtex-menu-2-x-submenuWrapper--submenu__wrapper {
        background-color: rgba(0,0,0,.9);
        width: 100%;
        backdrop-filter: blur(3px);
        border: none;
        border-radius: 4px;
        padding: 20px 0
    }

    .vtex-menu-2-x-submenuContainer--submenu__wrapper .vtex-menu-2-x-submenuWrapper--submenu__wrapper .vtex-menu-2-x-submenu--submenu__wrapper {
        max-width: 1548px;
        margin: 0 auto;
        justify-content: flex-start;
        min-height: 170px
    }

    .vtex-menu-2-x-submenuContainer--submenu__wrapper .vtex-menu-2-x-submenuWrapper--submenu__wrapper .vtex-menu-2-x-submenu--submenu__wrapper .vtex-menu-2-x-menuContainerNav--submenu-menu__wrapper {
        margin-left: 16px
    }

    .vtex-menu-2-x-submenuContainer--submenu__wrapper .vtex-menu-2-x-submenuWrapper--submenu__wrapper .vtex-menu-2-x-submenu--submenu__wrapper .vtex-menu-2-x-menuContainerNav--submenu-menu__wrapper .vtex-menu-2-x-menuContainer--submenu-menu__wrapper {
        flex-direction: column;
        position: relative
    }

    .vtex-menu-2-x-submenuContainer--submenu__wrapper .vtex-menu-2-x-submenuWrapper--submenu__wrapper .vtex-menu-2-x-submenu--submenu__wrapper .vtex-menu-2-x-menuContainerNav--submenu-menu__wrapper .vtex-menu-2-x-menuContainer--submenu-menu__wrapper .vtex-menu-2-x-styledLinkContainer {
        margin: 0;
        padding: 0
    }

    .vtex-menu-2-x-submenuContainer--submenu__wrapper .vtex-menu-2-x-submenuWrapper--submenu__wrapper .vtex-menu-2-x-submenu--submenu__wrapper .vtex-menu-2-x-menuContainerNav--submenu-menu__wrapper .vtex-menu-2-x-menuContainer--submenu-menu__wrapper .vtex-menu-2-x-styledLinkContainer .vtex-menu-2-x-styledLink {
        padding: 0;
        display: block
    }

    .vtex-menu-2-x-submenuContainer--submenu__wrapper .vtex-menu-2-x-submenuWrapper--submenu__wrapper .vtex-menu-2-x-submenu--submenu__wrapper .vtex-menu-2-x-menuContainerNav--submenu-menu__wrapper .vtex-menu-2-x-menuContainer--submenu-menu__wrapper .vtex-menu-2-x-styledLinkContainer .vtex-menu-2-x-styledLink .vtex-menu-2-x-styledLinkContent {
        text-transform: none;
        padding: 8px 0;
        width: 160px;
        display: block
    }

    .vtex-menu-2-x-submenuContainer--submenu__wrapper .vtex-menu-2-x-submenuWrapper--submenu__wrapper .vtex-menu-2-x-submenu--submenu__wrapper .vtex-menu-2-x-menuContainerNav--submenu-menu__wrapper .vtex-menu-2-x-menuContainer--submenu-menu__wrapper .vtex-menu-2-x-menuItem--vaio-f14 .vtex-menu-2-x-styledLinkContainer .vtex-menu-2-x-styledLink .vtex-menu-2-x-styledLinkContent,.vtex-menu-2-x-submenuContainer--submenu__wrapper .vtex-menu-2-x-submenuWrapper--submenu__wrapper .vtex-menu-2-x-submenu--submenu__wrapper .vtex-menu-2-x-menuContainerNav--submenu-menu__wrapper .vtex-menu-2-x-menuContainer--submenu-menu__wrapper .vtex-menu-2-x-menuItem--vaio-fh .vtex-menu-2-x-styledLinkContainer .vtex-menu-2-x-styledLink .vtex-menu-2-x-styledLinkContent {
        padding: 16px 0 8px
    }

    .vtex-menu-2-x-submenuContainer--submenu-submenu__wrapper {
        position: absolute;
        top: 0;
        left: 160px
    }

    .vtex-menu-2-x-submenuContainer--submenu-submenu__wrapper .vtex-menu-2-x-submenuWrapper--submenu-submenu__wrapper {
        padding: 0;
        background: none;
        top: 0;
        left: 0;
        position: relative;
        border: none
    }

    .vtex-menu-2-x-submenuContainer--submenu-submenu__wrapper .vtex-menu-2-x-submenuWrapper--submenu-submenu__wrapper .vtex-menu-2-x-menuContainer--submenu-submenu-menu__wrapper-fe .vtex-flex-layout-0-x-flexRowContent--submenu-content-col__wrapper {
        gap: 32px;
        height: 150px
    }

    .vtex-menu-2-x-submenuContainer--submenu-submenu__wrapper .vtex-menu-2-x-submenuWrapper--submenu-submenu__wrapper .vtex-menu-2-x-menuContainer--submenu-submenu-menu__wrapper {
        flex-direction: column;
        padding-left: 32px;
        background-image: url(https://vaiobr.vtexassets.com/assets/vtex/assets-builder/vaiobr.loja/2.0.322/img/header/bg-submenu___10a358e7892e51331bf2b6c024de6fd9.png);
        background-repeat: no-repeat;
        background-size: 11px;
        background-position: 0 -208px;
        height: 170px
    }

    .vtex-menu-2-x-submenuContainer--submenu-submenu__wrapper .vtex-menu-2-x-submenuWrapper--submenu-submenu__wrapper .vtex-menu-2-x-menuContainer--submenu-submenu-menu-vaio-f14__wrapper {
        background-position: 0 -244px
    }

    .vtex-menu-2-x-submenuContainer--submenu-submenu__wrapper .vtex-menu-2-x-submenuWrapper--submenu-submenu__wrapper .vtex-menu-2-x-menuContainer--submenu-submenu-menu-vaio-fh__wrapper {
        background-position: 0 -170px
    }

    .vtex-menu-2-x-submenuContainer--submenu-submenu__wrapper .vtex-menu-2-x-submenuWrapper--submenu-submenu__wrapper .vtex-menu-2-x-menuContainer--submenu-submenu-menu-recomendados__wrapper {
        background-position: 0 -139px
    }

    .vtex-menu-2-x-submenuContainer--submenu__wrapper .vtex-menu-2-x-submenuWrapper--submenu__wrapper .vtex-menu-2-x-submenu--submenu__wrapper .vtex-menu-2-x-menuContainerNav--submenu-menu__wrapper .vtex-menu-2-x-menuContainer--submenu-menu__wrapper .vtex-menu-2-x-submenuContainer--submenu-submenu__wrapper .vtex-menu-2-x-submenuWrapper--submenu-submenu__wrapper .vtex-menu-2-x-menuContainer--submenu-submenu-menu__wrapper .vtex-menu-2-x-styledLinkContainer .vtex-menu-2-x-styledLink .vtex-menu-2-x-styledLinkContent {
        text-transform: none;
        padding: 8px;
        width: auto;
        display: block
    }

    .vtex-menu-2-x-submenuContainer--submenu-submenu__wrapper .vtex-menu-2-x-menuItem--menu-item-conheca-vaio-fe,.vtex-menu-2-x-submenuContainer--submenu-submenu__wrapper .vtex-menu-2-x-menuItem--menu-item-vaio-f14-ver-todos,.vtex-menu-2-x-submenuContainer--submenu-submenu__wrapper .vtex-menu-2-x-menuItem--menu-item-vaio-fe-ver-todos,.vtex-menu-2-x-submenuContainer--submenu-submenu__wrapper .vtex-menu-2-x-menuItem--menu-item-vaio-fh-ver-todos {
        margin-top: 32px
    }

    .vtex-menu-2-x-submenuContainer--submenu-submenu__wrapper .vtex-menu-2-x-submenuWrapper--submenu-submenu__wrapper .vtex-menu-2-x-menuContainer--submenu-submenu-menu__wrapper .vtex-flex-layout-0-x-flexRowContent--submenu-content-col__wrapper {
        gap: 32px
    }

    .vtex-menu-2-x-styledLinkContent--menu-item-explorar {
        color: #8d8d8d!important;
        font-size: 16px!important
    }

    .vtex-menu-2-x-styledLinkContent--menu-item-comparar {
        font-size: 16px!important
    }

    .vtex-menu-2-x-menuItem--menu_item_seta.vtex-menu-2-x-menuItem--isClosed .vtex-menu-2-x-styledLinkContent--menu_item_seta:after {
        transform: rotate(90deg)
    }

    .vtex-menu-2-x-menuItem--menu_item_seta.vtex-menu-2-x-menuItem--isClosed .vtex-menu-2-x-styledLinkContent--menu_item_seta:after,.vtex-menu-2-x-menuItem--menu_item_seta.vtex-menu-2-x-menuItem--isOpen .vtex-menu-2-x-styledLinkContent--menu_item_seta:after {
        content: "";
        display: block;
        width: 12px;
        height: 12px;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 12.6'%3E%3Cpath fill='%23fff' d='M.702 0l4.59 4.59c.95.95.95 2.48 0 3.42L.702 12.6l-.7-.7 4.59-4.59c.56-.56.56-1.46 0-2.02L.002.7l.7-.7z'/%3E%3C/svg%3E");
        margin: 0 0 0 8px;
        padding: 0;
        background-size: 6px;
        background-repeat: no-repeat;
        background-position: 50%;
        font-size: 0;
        transition: all .2s
    }

    .vtex-menu-2-x-menuItem--menu_item_seta.vtex-menu-2-x-menuItem--isOpen .vtex-menu-2-x-styledLinkContent--menu_item_seta:after {
        transform: rotate(-90deg)
    }
}

@media screen and (min-width: 1660px) {
    .vtex-menu-2-x-menuContainerNav--wrapper__header-menu-principal .vtex-menu-2-x-styledLinkContainer {
        margin:0 16px;
        padding: 2px 0 0
    }

    .vtex-menu-2-x-menuContainerNav--wrapper__header-menu-principal .vtex-menu-2-x-styledLinkContent {
        font-size: 16px
    }

    .vtex-flex-layout-0-x-flexCol--bloco-esquerda {
        width: 70%!important
    }

    .vtex-flex-layout-0-x-flexCol--bloco-esquerda .vtex-menu-2-x-styledLinkContent {
        font-size: 22px
    }
}

@media screen and (min-width: 1025px) {
    .vtex-minicart-2-x-openIconContainer {
        padding:0
    }

    .vtex-minicart-2-x-cartIcon {
        display: none
    }

    .vtex-minicart-2-x-openIconContainer .vtex-button {
        background-image: url(https://vaiobr.vtexassets.com/assets/vtex/assets-builder/vaiobr.loja/2.0.322/img/header/icone-carrinho___de42d98f1e6bcb9901693ffa9b185509.png);
        background-repeat: no-repeat;
        background-size: 22px;
        background-position: 50%;
        padding: 0;
        width: 48px;
        height: 48px;
        margin: 0 6px
    }

    .vtex-minicart-2-x-openIconContainer .vtex-button:focus,.vtex-minicart-2-x-openIconContainer .vtex-button:hover {
        background-color: #4a4a4a
    }

    .vtex-minicart-2-x-openIconContainer .vtex-button__label {
        padding: 0!important
    }

    .vtex-minicart-2-x-openIconContainer .vtex-minicart-2-x-minicartQuantityBadge {
        background-color: #0086df;
        top: -22px;
        right: -22px
    }
}

@media screen and (min-width: 1025px) {
    .vtex-sticky-layout-0-x-container {
        padding:12px 12px 0
    }

    .vtex-sticky-layout-0-x-wrapper--wrapper__sticky-header {
        height: 0!important
    }
}

@media screen and (min-width: 1660px) {
    .vtex-sticky-layout-0-x-container {
        padding:16px 16px 0
    }
}

@media screen and (min-width: 1025px) {
    .vtex-store-components-3-x-logoImage {
        display:block;
        max-width: none
    }

    .vtex-store-components-3-x-logoContainer {
        font-size: 12px;
        padding: 0;
        max-width: none;
        max-height: none;
        min-width: auto
    }

    .vtex-store-components-3-x-searchBarInnerContainer--search-bar__wrapper .vtex-input-prefix__group {
        border: none;
        height: 48px!important
    }

    .vtex-store-components-3-x-searchBarInnerContainer--search-bar__wrapper .vtex-input__suffix {
        background-color: transparent;
        padding: 0
    }

    .vtex-store-components-3-x-searchBarInnerContainer--search-bar__wrapper .vtex-styleguide-9-x-input {
        background-color: transparent;
        background-color: #3d3d3d;
        border-radius: 3px 0 0 3px;
        border-right: 0;
        color: #fff
    }

    .vtex-store-components-3-x-searchBarInnerContainer--search-bar__wrapper .vtex-input-prefix__group {
        width: auto
    }

    .vtex-store-components-3-x-searchBarContainer {
        padding: 0;
        margin: 0;
        max-width: none;
        display: flex;
        align-items: center;
        width: 200px;
        width: auto
    }

    .vtex-store-components-3-x-searchBarInnerContainer--search-bar__wrapper .vtex-store-components-3-x-searchBarIcon {
        background-image: url(https://vaiobr.vtexassets.com/assets/vtex/assets-builder/vaiobr.loja/2.0.322/img/header/icone-busca___167344723a789a572b6e7950874d07f6.png);
        background-repeat: no-repeat;
        background-size: 22px;
        background-position: 50%;
        padding: 0;
        width: 48px;
        height: 100%;
        margin: 0;
        border-left: 0;
        border-radius: 0 3px 3px 0
    }

    .vtex-store-components-3-x-searchBarInnerContainer--search-bar__wrapper .vtex-store-components-3-x-searchBarIcon:hover {
        background-color: #4a4a4a
    }

    .vtex-store-components-3-x-searchBarInnerContainer--search-bar__wrapper .vtex-store-components-3-x-searchBarIcon {
        background-color: transparent;
        border: none
    }

    .vtex-store-components-3-x-searchBarInnerContainer--search-bar__wrapper .vtex-store-components-3-x-closeIcon,.vtex-store-components-3-x-searchBarInnerContainer--search-bar__wrapper .vtex-store-components-3-x-searchIcon {
        display: none
    }

    .vtex-store-components-3-x-searchBarInnerContainer--search-bar__wrapper .vtex-store-components-3-x-portalWrapper .vtex-store-components-3-x-resultsList {
        margin-top: -6px;
        margin-left: -12px
    }

    .vtex-store-components-3-x-searchBarInnerContainer--search-bar__wrapper .vtex-styleguide-9-x-input {
        display: none
    }

    .vtex-store-components-3-x-searchBarInnerContainer--search-bar__wrapper .vtex-store-components-3-x-searchBarIcon {
        display: flex!important
    }

    .vtex-store-components-3-x-searchBarInnerContainer--search-bar__wrapper .vtex-input-prefix__group {
        transition: width .25s ease
    }
}

@media screen and (min-width: 1260px) {
    .vtex-store-components-3-x-searchBarContainer,.vtex-store-components-3-x-searchBarInnerContainer--search-bar__wrapper .vtex-input-prefix__group {
        width:auto
    }
}

@media screen and (min-width: 1660px) {
    .vtex-store-components-3-x-searchBarInnerContainer--search-bar__wrapper .vtex-store-components-3-x-portalWrapper .vtex-store-components-3-x-resultsList {
        margin-top:-10px;
        margin-left: -16px
    }

    .vtex-store-components-3-x-searchBarContainer,.vtex-store-components-3-x-searchBarInnerContainer--search-bar__wrapper .vtex-input-prefix__group {
        width: auto
    }
}

@media screen and (max-width: 1024px) {
    .vtex-flex-layout-0-x-flexRow--wrapper__header-mobile {
        background-color:rgba(0,0,0,.8);
        width: 100%;
        margin: 0 auto;
        border-radius: 4px;
        padding: 0 8px;
        border: 1px solid #333;
        backdrop-filter: blur(3px);
        height: 48px
    }

    .vtex-flex-layout-0-x-flexRowContent--wrapper__header-mobile {
        height: 46px;
        align-items: center;
        justify-content: space-between;
        display: flex;
        flex-direction: row
    }

    .vtex-flex-layout-0-x-flexRowContent--wrapper__header-mobile .vtex-flex-layout-0-x-stretchChildrenWidth {
        justify-content: flex-start
    }

    .vtex-flex-layout-0-x-flexCol--wrapper__user-action-mobile {
        display: flex;
        align-items: center;
        flex-direction: row;
        height: 46px;
        justify-content: flex-end
    }

    .vtex-flex-layout-0-x-flexColChild--wrapper__user-action-mobile {
        display: flex;
        align-items: center
    }
}

@media screen and (max-width: 1024px) {
    .vtex-menu-2-x-menuContainerNav--header-menu-accordion__wrapper {
        margin-left:16px;
        width: 100%
    }

    .vtex-menu-2-x-menuContainerNav--wrapper__header-menu-principal {
        width: 100%
    }

    .vtex-menu-2-x-menuContainerNav--wrapper__header-menu-principal .vtex-menu-2-x-styledLink {
        padding: 0
    }

    .vtex-menu-2-x-menuContainerNav--wrapper__header-menu-principal .vtex-menu-2-x-styledLinkContainer {
        padding: 0;
        text-transform: uppercase;
        display: block;
        border-bottom: 1px solid #333
    }

    .vtex-menu-2-x-menuContainerNav--wrapper__header-menu-principal .vtex-menu-2-x-styledLinkContent {
        font-size: 16px;
        align-items: center;
        color: #fff;
        text-transform: uppercase;
        padding: 16px 0 14px
    }

    .vtex-menu-2-x-menuContainerNav--wrapper__header-menu-principal .vtex-menu-2-x-styledLinkContent--menu-minha-conta {
        justify-content: flex-start
    }

    .vtex-menu-2-x-menuContainerNav--wrapper__header-menu-principal .vtex-menu-2-x-styledLinkContent--menu-minha-conta:before {
        content: "";
        display: inline-block;
        width: 17px;
        height: 21px;
        background-image: url(https://vaiobr.vtexassets.com/assets/vtex/assets-builder/vaiobr.loja/2.0.322/img/header/icone-usuario___07184d2c9de034323ff38f930fc25f19.png);
        background-repeat: no-repeat;
        background-size: 17px;
        background-position: 50%;
        margin-right: 12px;
        margin-top: -3px
    }

    .vtex-menu-2-x-accordionIcon--title-header-menu-items__wrapper--isClosed {
        font-size: 0;
        margin: 0
    }

    .vtex-menu-2-x-accordionIcon--title-header-menu-items__wrapper--isClosed:after {
        content: "";
        display: block;
        width: 12px;
        height: 12px;
        margin: 0;
        padding: 0;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 12.6'%3E%3Cpath fill='%23fff' d='M.702 0l4.59 4.59c.95.95.95 2.48 0 3.42L.702 12.6l-.7-.7 4.59-4.59c.56-.56.56-1.46 0-2.02L.002.7l.7-.7z'/%3E%3C/svg%3E");
        background-size: 6px;
        background-repeat: no-repeat;
        background-position: 50%;
        font-size: 0;
        transform: rotate(90deg);
        transition: all .2s
    }

    .vtex-menu-2-x-accordionIcon--title-header-menu-items__wrapper--isOpen {
        font-size: 0;
        margin: 0
    }

    .vtex-menu-2-x-menuContainerNav--menu-tablets-accordion {
        height: auto!important
    }

    .vtex-menu-2-x-accordionIcon--title-header-menu-items__wrapper--isOpen:after {
        content: "";
        display: block;
        width: 12px;
        height: 12px;
        margin: 0;
        padding: 0;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 12.6'%3E%3Cpath fill='%23fff' d='M.702 0l4.59 4.59c.95.95.95 2.48 0 3.42L.702 12.6l-.7-.7 4.59-4.59c.56-.56.56-1.46 0-2.02L.002.7l.7-.7z'/%3E%3C/svg%3E");
        background-size: 6px;
        background-repeat: no-repeat;
        background-position: 50%;
        font-size: 0;
        transform: rotate(-90deg);
        transition: all .2s
    }

    .vtex-menu-2-x-accordionIcon--menu-item-accordion-header__wrapper--isClosed {
        font-size: 0;
        margin: 0
    }

    .vtex-menu-2-x-accordionIcon--menu-item-accordion-header__wrapper--isClosed:after {
        content: "";
        display: block;
        width: 12px;
        height: 12px;
        margin: 0;
        padding: 0;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 12.6'%3E%3Cpath fill='%23fff' d='M.702 0l4.59 4.59c.95.95.95 2.48 0 3.42L.702 12.6l-.7-.7 4.59-4.59c.56-.56.56-1.46 0-2.02L.002.7l.7-.7z'/%3E%3C/svg%3E");
        background-size: 6px;
        background-repeat: no-repeat;
        background-position: 50%;
        font-size: 0;
        transform: rotate(90deg);
        transition: all .2s
    }

    .vtex-menu-2-x-accordionIcon--menu-item-accordion-header__wrapper--isOpen {
        font-size: 0;
        margin: 0
    }

    .vtex-menu-2-x-accordionIcon--menu-item-accordion-header__wrapper--isOpen:after {
        content: "";
        display: block;
        width: 12px;
        height: 12px;
        margin: 0;
        padding: 0;
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 6 12.6'%3E%3Cpath fill='%23fff' d='M.702 0l4.59 4.59c.95.95.95 2.48 0 3.42L.702 12.6l-.7-.7 4.59-4.59c.56-.56.56-1.46 0-2.02L.002.7l.7-.7z'/%3E%3C/svg%3E");
        background-size: 6px;
        background-repeat: no-repeat;
        background-position: 50%;
        font-size: 0;
        transform: rotate(-90deg);
        transition: all .2s
    }

    .vtex-menu-2-x-header-menu-accordion__wrapper {
        height: auto!important
    }
}

.vtex-menu-2-x-menuContainerNav--wrapper__header-menu-principal .vtex-menu-2-x-styledLink--highlight .vtex-menu-2-x-styledLinkContent {
    position: relative;
    padding: 28px 0 12px
}

.vtex-menu-2-x-menuContainerNav--wrapper__header-menu-principal .vtex-menu-2-x-styledLink--highlight .vtex-menu-2-x-styledLinkContent:before {
    content: "Lançamento";
    text-transform: capitalize!important;
    display: block;
    position: absolute;
    top: 14px;
    left: 0;
    color: #00a7ff;
    font-size: 11px
}

.vtex-menu-2-x-menuContainerNav--wrapper__header-menu-principal .vtex-menu-2-x-styledLink--highlight .vtex-menu-2-x-styledLinkContent--vaio-fh:before {
    content: "GeForce® RTX";
    color: #76b900
}

@media screen and (min-width: 1025px) {
    .vtex-menu-2-x-menuContainerNav--wrapper__header-menu-principal .vtex-menu-2-x-styledLink--highlight .vtex-menu-2-x-styledLinkContent {
        position:relative;
        padding: 8px 0
    }

    .vtex-menu-2-x-menuContainerNav--wrapper__header-menu-principal .vtex-menu-2-x-styledLink--highlight .vtex-menu-2-x-styledLinkContent:before {
        top: -4px
    }

    .vtex-menu-2-x-menuContainerNav--wrapper__header-menu-principal .vtex-menu-2-x-submenuWrapper--submenu__wrapper .vtex-menu-2-x-styledLink--highlight .vtex-menu-2-x-styledLinkContent:before {
        top: 5px
    }
}

@media screen and (max-width: 1024px) {
    .vtex-minicart-2-x-openIconContainer {
        padding:0
    }

    .vtex-minicart-2-x-cartIcon {
        display: none
    }

    .vtex-minicart-2-x-openIconContainer .vtex-button {
        background: none;
        background-image: url(https://vaiobr.vtexassets.com/assets/vtex/assets-builder/vaiobr.loja/2.0.322/img/header/icone-carrinho___de42d98f1e6bcb9901693ffa9b185509.png);
        background-repeat: no-repeat;
        background-size: 21px;
        background-position: 50%;
        padding: 0;
        margin: 0;
        min-height: auto;
        height: auto;
        width: 40px;
        height: 40px;
        border-radius: 0;
        border-radius: 4px
    }

    .vtex-minicart-2-x-openIconContainer .vtex-minicart-2-x-minicartQuantityBadge {
        background-color: #0086df;
        top: -20px;
        right: -22px
    }
}

@media screen and (max-width: 1024px) {
    .vtex-rich-text-0-x-paragraph--icon__search {
        margin:0;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center
    }
}

@media screen and (max-width: 1024px) {
    .vtex-sticky-layout-0-x-container {
        padding:6px 6px 0
    }

    .vtex-sticky-layout-0-x-wrapper--wrapper__sticky-header-mobile {
        height: 0!important
    }
}

@media screen and (max-width: 1024px) {
    .vtex-store-components-3-x-logoImage {
        display:block
    }

    .vtex-store-components-3-x-logoContainer {
        font-size: 12px;
        padding: 0;
        min-width: auto;
        max-width: none;
        max-height: none;
        width: 81px;
        height: 19px;
        position: absolute;
        left: 50%;
        transform: translate(-50%)
    }

    .vtex-store-components-3-x-logoLink {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .vtex-store-components-3-x-searchBarInnerContainer--search-bar__wrapper .vtex-store-components-3-x-portalWrapper .vtex-store-components-3-x-resultsList {
        margin-top: 8px
    }

    .vtex-store-components-3-x-searchBarInnerContainer--search-bar__wrapper .vtex-store-components-3-x-searchBarContainer {
        visibility: hidden
    }

    .vtex-store-components-3-x-searchBarContainer .vtex-input-prefix__group {
        border: none;
        height: 48px
    }
}

@media screen and (max-width: 1024px) {
    .vtex-store-drawer-0-x-drawer {
        background-color:rgba(0,0,0,.95)
    }

    .vtex-store-drawer-0-x-openIconContainer {
        padding: 0;
        line-height: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px!important;
        height: 40px
    }

    .vtex-store-drawer-0-x-menuIcon {
        color: #fff
    }

    .vtex-store-drawer-0-x-closeIconContainer {
        background-color: #313131
    }

    .vtex-store-drawer-0-x-closeIconButton {
        margin-left: auto;
        color: #fff
    }
}

@media screen and (min-width: 1025px) {
    .vtex-flex-layout-0-x-flexRowContent--wrapper__infocards-pequenos {
        justify-content:space-between;
        margin-top: 36px;
        gap: 24px
    }

    .vtex-flex-layout-0-x-flexRow--product-slider__wrapper {
        background-color: #f4f4f6;
        padding: 64px 0 92px;
        max-width: 100%;
        margin-bottom: 92px
    }

    .vtex-flex-layout-0-x-flexRow--product-slider__wrapper .vtex-rich-text-0-x-headingLevel2--slider-title {
        margin: 0;
        font-size: 32px;
        font-weight: 400
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-content__wrapper {
        margin-top: 32px
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-content__wrapper .vtex-product-summary-2-x-clearLink--product-shelf__wrapper {
        border: 1px solid #f4f4f6;
        margin: 0 8px
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-content__wrapper .vtex-product-summary-2-x-clearLink--product-shelf__wrapper:hover {
        border-color: #d2d4de
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-content__wrapper .vtex-slider-layout-0-x-paginationDotsContainer--product-slider {
        margin-bottom: -32px
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-content__wrapper .vtex-slider-layout-0-x-paginationDot {
        background-color: #d2d4de
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-content__wrapper .vtex-slider-layout-0-x-paginationDot--isActive {
        background-color: #333
    }
}

.vtex-slider-layout-0-x-paginationDot {
    background-color: rgba(234,235,240,.5);
    width: 32px!important;
    height: 6px!important;
    border-radius: 2px;
    padding: 0
}

.vtex-slider-layout-0-x-paginationDot--wrapper__banner-principal {
    border: 1px solid #bbb
}

.vtex-slider-layout-0-x-paginationDot--isActive {
    background-color: #fff
}

.vtex-slider-layout-0-x-sliderLeftArrow--wrapper__banner-principal,.vtex-slider-layout-0-x-sliderRightArrow--wrapper__banner-principal {
    margin: 0 auto;
    border-radius: 4px;
    border: 1px solid #333;
    backdrop-filter: blur(3px);
    height: 42px;
    width: 42px;
    background-position: 50%!important;
    background-color: rgba(0,0,0,.75)!important
}

.vtex-slider-layout-0-x-sliderLeftArrow--wrapper__banner-principal,.vtex-slider-layout-0-x-sliderRightArrow--wrapper__banner-principal {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='24'%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h12v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg clip-path='url(%23a)' transform='rotate(180 6 12)'%3E%3Cpath fill='%23fff' d='M10.6 24l-9.181-8.74a4.456 4.456 0 010-6.521L10.6 0 12 1.337l-9.178 8.74a2.63 2.63 0 000 3.847L12 22.663z'/%3E%3C/g%3E%3C/svg%3E")!important
}

.vtex-slider-layout-0-x-sliderLeftArrow--wrapper__banner-principal {
    transform: rotate(180deg)
}

@media screen and (min-width: 1025px) {
    .vtex-slider-layout-0-x-sliderRightArrow--wrapper__banner-principal {
        margin-right:12px
    }

    .vtex-slider-layout-0-x-sliderLeftArrow--wrapper__banner-principal {
        margin-left: 12px
    }
}

@media screen and (min-width: 1660px) {
    .vtex-slider-layout-0-x-sliderRightArrow--wrapper__banner-principal {
        margin-right:16px
    }

    .vtex-slider-layout-0-x-sliderLeftArrow--wrapper__banner-principal {
        margin-left: 16px
    }
}

@media screen and (min-width: 1025px) {
    .vtex-store-components-3-x-infoCardContainer--wrapper__banner-grande {
        height:448px;
        border: none
    }

    .vtex-store-components-3-x-infoCardTextContainer--wrapper__banner-grande {
        margin: 0 0 0 8%;
        width: 30%
    }

    .vtex-store-components-3-x-infoCardHeadline--wrapper__banner-grande {
        color: #fff;
        margin: 0;
        font-size: 1.5rem;
        font-weight: 400
    }

    .vtex-store-components-3-x-infoCardSubhead--wrapper__banner-grande {
        color: #fff;
        margin: 8px 0 0;
        font-size: 2rem
    }

    .vtex-store-components-3-x-infoCardCallActionContainer--wrapper__banner-grande {
        margin: 12px 0 0
    }
}

@media screen and (min-width: 1660px) {
    .vtex-store-components-3-x-infoCardContainer--wrapper__banner-grande {
        height:578px
    }
}

@media screen and (min-width: 1025px) {
    .vtex-store-components-3-x-infoCardContainer--wrapper__infocard-pequeno {
        border:none;
        align-items: flex-start;
        padding-top: 64px
    }

    .vtex-store-components-3-x-infoCardTextContainer--wrapper__infocard-pequeno {
        width: 80%
    }

    .vtex-store-components-3-x-infoCardHeadline--wrapper__infocard-pequeno {
        margin: 0
    }

    .vtex-store-components-3-x-infoCardSubhead--wrapper__infocard-pequeno {
        margin: 12px 0 0
    }

    .vtex-store-components-3-x-infoCardCallActionText--wrapper__infocard-pequeno {
        margin-top: 16px
    }

    .vtex-store-components-3-x-infoCardCallActionContainer--wrapper__infocard-pequeno {
        margin: 16px 0 0
    }

    .vtex-store-components-3-x-infoCardContainer--wrapper__infocard-pequeno {
        width: 460px;
        height: 460px;
        padding-top: 42px
    }
}

@media screen and (min-width: 1260px) {
    .vtex-store-components-3-x-infoCardContainer--wrapper__infocard-pequeno {
        width:588px;
        height: 460px
    }
}

@media screen and (min-width: 1660px) {
    .vtex-store-components-3-x-infoCardContainer--wrapper__infocard-pequeno {
        width:756px;
        height: 592px;
        padding-top: 64px
    }
}

.vtex-store-components-3-x-infoCardCallActionText {
    margin: 0;
    text-decoration: none;
    font-weight: 400;
    color: #fff
}

.vtex-store-components-3-x-infoCardCallActionContainer .vtex-button {
    border: transparent;
    background-color: #0086df;
    background-image: url(https://vaiobr.vtexassets.com/assets/vtex/assets-builder/vaiobr.loja/2.0.322/img/home/slide-right-arrow-white___29db0b6a6a1923750af31d224bd0ff70.png);
    background-repeat: no-repeat;
    background-size: 6px;
    background-position: 80%;
    border-radius: 4px;
    padding: 9px 32px 9px 20px;
    color: #fff;
    min-height: auto
}

.vtex-store-components-3-x-infoCardCallActionContainer .vtex-button:hover {
    background-color: #0075c2
}

.vtex-store-components-3-x-infoCardCallActionContainer .vtex-button__label {
    padding: 0!important;
    margin: 0
}

@media screen and (max-width: 1024px) {
    .vtex-flex-layout-0-x-flexRow--product-slider__wrapper {
        background-color:#f4f4f6;
        padding: 42px 0 64px;
        max-width: 100%;
        margin-bottom: 64px
    }

    .vtex-flex-layout-0-x-flexRow--product-slider__wrapper .vtex-rich-text-0-x-headingLevel2--slider-title {
        margin: 0;
        font-size: 24px;
        font-weight: 400
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-content__wrapper {
        margin-top: 32px
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-content__wrapper .vtex-slider-layout-0-x-sliderLayoutContainer--product-slider {
        padding: 0!important
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-content__wrapper .vtex-product-summary-2-x-clearLink--product-shelf__wrapper {
        margin: 0;
        padding: 20px
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-content__wrapper .vtex-product-summary-2-x-clearLink--product-shelf__wrapper:hover {
        border-color: #d2d4de
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-content__wrapper .vtex-slider-layout-0-x-paginationDotsContainer--product-slider {
        margin-bottom: -32px
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-content__wrapper .vtex-slider-layout-0-x-paginationDot {
        background-color: #d2d4de
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-content__wrapper .vtex-slider-layout-0-x-paginationDot--isActive {
        background-color: #333
    }

    .vtex-flex-layout-0-x-flexRow--product-slider-content__wrapper .vtex-slider-layout-0-x-sliderArrows {
        display: none
    }

    .vtex-flex-layout-0-x-flexRow--wrapper__banners-pequeno-mobile .vtex-flex-layout-0-x-flexCol {
        margin-top: 16px
    }

    .vtex-flex-layout-0-x-flexRow--wrapper__banners-pequeno-mobile .vtex-flex-layout-0-x-flexCol .vtex-store-components-3-x-imageElement,.vtex-flex-layout-0-x-flexRow--wrapper__banners-pequeno-mobile .vtex-flex-layout-0-x-flexCol .vtex-store-components-3-x-imageElementLink {
        display: block
    }
}

@media screen and (min-width: 640px) {
    .vtex-flex-layout-0-x-flexRowContent--wrapper__banners-pequeno-mobile {
        gap:24px
    }
}

@media screen and (max-width: 768px) {
    .vtex-slider-layout-0-x-sliderLayoutContainer--wrapper__banner-principal {
        height:564px;
        min-height: 564px;
        overflow: hidden
    }

    .vtex-slider-layout-0-x-slide--wrapper__banner-principal {
        overflow: hidden
    }

    .vtex-slider-layout-0-x-imageElement--wrapper__banner-principal {
        height: 564px;
        min-height: 564px;
        width: auto!important;
        position: relative;
        max-width: fit-content!important
    }
}

@media screen and (min-width: 769px) and (max-width:1024px) {
    .vtex-slider-layout-0-x-sliderLayoutContainer--wrapper__banner-principal {
        height:742px;
        min-height: 742px;
        overflow: hidden
    }

    .vtex-slider-layout-0-x-slide--wrapper__banner-principal {
        overflow: hidden
    }

    .vtex-slider-layout-0-x-imageElement--wrapper__banner-principal {
        height: 742px;
        min-height: 742px;
        width: auto!important;
        position: relative;
        max-width: fit-content!important
    }
}

@media screen and (max-width: 1024px) {
    .vtex-store-components-3-x-infoCardContainer--wrapper__banner-grande-mobile {
        height:500px;
        border: none;
        align-items: flex-start;
        background-size: 768px!important;
        padding: 42px 24px 24px
    }

    .vtex-store-components-3-x-infoCardTextContainer--wrapper__banner-grande-mobile {
        margin: 0
    }

    .vtex-store-components-3-x-infoCardHeadline--wrapper__banner-grande-mobile {
        color: #fff;
        margin: 0;
        font-size: 1.6rem;
        font-weight: 400
    }

    .vtex-store-components-3-x-infoCardSubhead--wrapper__banner-grande-mobile {
        color: #fff;
        margin: 8px 0 0;
        font-size: 1.2rem
    }

    .vtex-store-components-3-x-infoCardCallActionContainer--wrapper__banner-grande-mobile {
        margin: 12px 0 0
    }

    .vtex-store-components-3-x-infoCardContainer--wrapper__infocard-pequeno-mobile {
        border: none;
        align-items: flex-start;
        padding: 42px 24px 24px;
        height: 374px;
        margin: 16px 0 0;
        background-size: 768px!important
    }

    .vtex-store-components-3-x-infoCardHeadline--wrapper__infocard-pequeno-mobile {
        margin: 0;
        font-size: 1.6rem
    }

    .vtex-store-components-3-x-infoCardSubhead--wrapper__infocard-pequeno-mobile {
        margin: 12px 0 0
    }

    .vtex-store-components-3-x-infoCardCallActionText--wrapper__infocard-pequeno-mobile {
        margin-top: 16px
    }

    .vtex-store-components-3-x-infoCardCallActionContainer--wrapper__infocard-pequeno-mobile {
        margin: 16px 0 0
    }
}

@media screen and (min-width: 640px) and (max-width:1024px) {
    .vtex-store-components-3-x-infoCardContainer--wrapper__infocard-pequeno-mobile {
        margin:16px 8px;
        width: 324px
    }

    .vtex-store-components-3-x-infoCardTextContainer--wrapper__infocard-pequeno-mobile {
        width: 100%;
        margin: 0
    }
}

.vtex-flex-layout-0-x-flexCol--wrapper__newsletter {
    background-color: #eaebf0
}

@media screen and (min-width: 1025px) {
    .vtex-flex-layout-0-x-flexCol--wrapper__newsletter {
        margin:64px 0;
        padding: 24px;
        margin: 92px 0;
        padding: 36px
    }
}

@media screen and (min-width: 1660px) {
    .vtex-flex-layout-0-x-flexCol--wrapper__newsletter {
        margin:112px 0;
        padding: 48px
    }
}

@media screen and (min-width: 1025px) {
    .vtex-rich-text-0-x-wrapper__newsletter-title {
        margin:0
    }

    .vtex-rich-text-0-x-paragraph--wrapper__newsletter-confirmacao {
        margin: 0;
        font-size: .8rem
    }

    .vtex-rich-text-0-x-paragraph--wrapper__newsletter-title {
        margin: 0;
        font-size: 2rem
    }

    .vtex-rich-text-0-x-paragraph--wrapper__newsletter-confirmacao {
        width: 80%;
        margin: 12px auto 0
    }
}

@media screen and (min-width: 1660px) {
    .vtex-rich-text-0-x-paragraph--wrapper__newsletter-confirmacao {
        width:100%
    }
}

.vtex-store-newsletter-1-x-emailInputContainer--input-newsletter .vtex-input-prefix__group,.vtex-store-newsletter-1-x-nameInputContainer--input-newsletter .vtex-input-prefix__group {
    border: none
}

.vtex-store-newsletter-1-x-newsletterForm--wrapper__newsletter-form .vtex-styleguide-9-x-input {
    box-shadow: none;
    outline: none;
    background: none;
    border: none;
    border-bottom: 1px solid #9d9ea5;
    border-radius: 0;
    padding: 12px 12px 10px
}

.vtex-store-newsletter-1-x-newsletterForm--wrapper__newsletter-form .vtex-styleguide-9-x-input:hover {
    border-bottom: 1px solid #9d9ea5
}

.vtex-store-newsletter-1-x-newsletterForm--wrapper__newsletter-form .vtex-styleguide-9-x-input:focus {
    border-bottom: 2px solid #0086df
}

.vtex-store-newsletter-1-x-formSubmitContainer--submit-newsletter {
    margin-top: 0
}

@media screen and (min-width: 1025px) {
    .vtex-store-newsletter-1-x-newsletterForm--wrapper__newsletter-form {
        display:flex;
        flex-direction: row;
        justify-content: space-evenly;
        flex-wrap: nowrap;
        margin: 32px auto 0;
        width: 70%;
        align-items: flex-start;
        width: 80%
    }

    .vtex-store-newsletter-1-x-emailInputContainer--input-newsletter,.vtex-store-newsletter-1-x-nameInputContainer--input-newsletter {
        width: 320px
    }
}

@media screen and (min-width: 1660px) {
    .vtex-store-newsletter-1-x-newsletterForm--wrapper__newsletter-form {
        width:70%
    }

    .vtex-store-newsletter-1-x-emailInputContainer--input-newsletter,.vtex-store-newsletter-1-x-nameInputContainer--input-newsletter {
        width: 360px
    }
}

@media screen and (max-width: 1024px) {
    .vtex-flex-layout-0-x-flexCol--wrapper__newsletter {
        margin:42px 0;
        padding: 24px
    }
}

@media screen and (max-width: 1024px) {
    .vtex-rich-text-0-x-paragraph--wrapper__newsletter-title {
        margin:0;
        font-size: 1.313rem;
        padding: 0 24px;
        line-height: 1.2
    }

    .vtex-rich-text-0-x-wrapper__newsletter-title {
        margin: 0
    }

    .vtex-rich-text-0-x-paragraph--wrapper__newsletter-confirmacao {
        font-size: .9rem;
        line-height: 1.2;
        margin: 16px 0 0
    }
}

@media screen and (max-width: 1024px) {
    .vtex-store-newsletter-1-x-emailInputContainer .vtex-input-prefix__group,.vtex-store-newsletter-1-x-nameInputContainer .vtex-input-prefix__group {
        height:auto
    }

    .vtex-store-newsletter-1-x-newsletterForm--wrapper__newsletter-form {
        display: flex;
        flex-direction: column;
        margin: 16px auto 0;
        align-items: center
    }

    .vtex-store-newsletter-1-x-emailInputContainer--input-newsletter {
        width: 100%;
        margin-top: 16px
    }

    .vtex-store-newsletter-1-x-nameInputContainer--input-newsletter {
        width: 100%
    }

    .vtex-store-newsletter-1-x-formSubmitContainer--submit-newsletter {
        margin-top: 16px;
        width: 100%
    }

    .vtex-store-newsletter-1-x-formSubmitContainer--submit-newsletter .vtex-button {
        width: 100%;
        min-height: 48px
    }
}

.vtex-flex-layout-0-x-flexRowContent--ordenar-bf {
    border: 1px solid #00f!important
}

.vtex-search-result-3-x-searchResultContainer--black-friday-conversao-page {
    background-color: #090909!important;
    padding: 0!important
}

.vtex-search-result-3-x-searchResultContainer--black-friday-conversao-page .vtex-search-result-3-x-galleryTitle--layout {
    color: #fff;
    font-size: 28px;
    font-weight: 500
}

.vtex-search-result-3-x-searchResultContainer--black-friday-conversao-page .vtex-search-result-3-x-totalProducts--layout {
    color: #979899;
    display: flex;
    justify-content: flex-start
}

.vtex-search-result-3-x-searchResultContainer--black-friday-conversao-page .vtex-search-result-3-x-filterPopupButton {
    display: none
}

.vtex-search-result-3-x-searchResultContainer--black-friday-conversao-page .vtex-search-result-3-x-gallery--grid .vtex-product-summary-2-x-clearLink--product-shelf__wrapper {
    background-color: #090909;
    border: none
}

.vtex-search-result-3-x-searchResultContainer--black-friday-conversao-page .vtex-search-result-3-x-gallery--grid .vtex-search-result-3-x-vtex-flex-layout-0-x-flexRowContent--summary-product-name .vtex-search-result-3-x-vtex-flex-layout-0-x-stretchChildrenWidth .vtex-search-result-3-x-vaiobr-loja-2-x-product_name_shelf {
    color: #fff
}

.vtex-search-result-3-x-searchResultContainer--black-friday-conversao-page .vtex-search-result-3-x-gallery--grid .vtex-product-summary-2-x-container--product-shelf__wrapper:hover {
    transition: .2s;
    box-shadow: 0 0 16px #01c0dc!important
}

.vtex-search-result-3-x-searchResultContainer--black-friday-conversao-page .vtex-search-result-3-x-gallery--grid .vtex-button {
    background-color: #01c0dc;
    border: none
}

.vtex-search-result-3-x-searchResultContainer--black-friday-conversao-page .vtex-search-result-3-x-gallery--grid .vtex-button:hover {
    background: #01c0dc;
    background: linear-gradient(90deg,#01c0dc,#674894)
}

.vtex-search-result-3-x-searchResultContainer--black-friday-conversao-page .vtex-search-result-3-x-orderByButton {
    border: 1px solid #9d9ea5;
    background-color: #090909;
    color: #9d9ea5!important
}

.vtex-search-result-3-x-searchResultContainer--black-friday-conversao-page .vtex-search-result-3-x-orderByButton .vtex-search-result-3-x-filterPopupTitle {
    color: #9d9ea5!important
}

.vtex-search-result-3-x-searchResultContainer--black-friday-conversao-page .vtex-search-result-3-x-orderByOptionItem {
    background-color: #090909;
    color: #9d9ea5
}

.vtex-search-result-3-x-searchResultContainer--black-friday-conversao-page .vtex-search-result-3-x-orderByOptionItem--selected {
    background-color: #eaebf0;
    color: #333
}

.vtex-search-result-3-x-searchResultContainer--black-friday-conversao-page .vtex-search-result-3-x-galleryTitle--layout {
    display: none
}

.vtex-search-result-3-x-searchResultContainer--black-friday-conversao-page .vtex-search-result-3-x-buttonShowMore .vtex-button {
    background-color: #090909;
    color: #01c0dc;
    border: 1px solid #01c0dc
}

.vtex-search-result-3-x-searchResultContainer--black-friday-conversao-page .vtex-search-result-3-x-buttonShowMore .vtex-button:hover {
    background: #01c0dc;
    background: linear-gradient(90deg,#01c0dc,#674894);
    color: #fff
}

.vtex-search-result-3-x-searchResultContainer--black-friday-conversao-page .vtex-product-price-1-x-installments {
    color: #fff!important
}

@media (max-width: 960px) {
    .vtex-search-result-3-x-searchResultContainer--black-friday-conversao-page .vtex-search-result-3-x-totalProducts--layout {
        display:flex;
        justify-content: center;
        border: none
    }

    .vtex-search-result-3-x-searchResultContainer--black-friday-conversao-page .vtex-search-result-3-x-orderByButton {
        margin: 0 auto
    }
}

@font-face {
    font-family: DINNext;
    src: url(https://vaiobr.vtexassets.com/assets/vtex/assets-builder/vaiobr.loja/2.0.322/fonts/DIN-Next-LT-Pro-Regular___e430b5d034bb0ea9f1f5ac09666c0784.ttf);
    font-weight: 400
}

@font-face {
    font-family: DINNext;
    src: url(https://vaiobr.vtexassets.com/assets/vtex/assets-builder/vaiobr.loja/2.0.322/fonts/DIN-Next-LT-Pro-Bold___c79ec830352e5de3465c6fa3be9ee323.ttf);
    font-weight: 700
}

@font-face {
    font-family: DINNextUltraLight;
    src: url(https://vaiobr.vtexassets.com/assets/vtex/assets-builder/vaiobr.loja/2.0.322/fonts/DINNextLTPro-UltraLightCond___f683a8deea0916e8e1add2f5d7d4e2ab.otf);
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: DINNextCondensed;
    src: url(https://vaiobr.vtexassets.com/assets/vtex/assets-builder/vaiobr.loja/2.0.322/fonts/DINNextLTPro-Condensed___37c43269b6a1852aaa7f7e63c7c4bc41.otf);
    font-weight: 400;
    font-style: normal
}