@charset "UTF-8";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,.bg-base--inverted { background-color: #fff } .bg-action-primary { background-color: #0e77da } .bg-action-secondary { background-color: #eef3f7 } .bg-emphasis { background-color: #ff554d } .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: #0e77da } .b--action-secondary { border-color: #eef3f7 } .b--emphasis { border-color: #ff554d } .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: .05rem } .bw2 { border-width: .075rem } .bw3 { border-width: .1rem } .bw4 { border-width: .125rem } .bw5 { border-width: .15rem } .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: #fff } .c-action-secondary { color: #eef3f7 } .c-link { color: #ff554d } .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-base,.c-on-base { color: #001428 } .c-on-action-primary,.c-on-base--inverted { color: #fff } .c-on-action-secondary { color: #ff554d } .c-on-emphasis { color: #fff } .c-on-disabled { color: #979899 } .c-on-success { color: #fff } .c-on-success--faded { color: #3f3f40 } .c-on-danger { color: #fff } .c-on-danger--faded { color: #3f3f40 } .c-on-warning { color: #fff } .c-on-warning--faded { color: #1a1a1a } .c-on-muted-1,.c-on-muted-2 { color: #fff } .c-on-muted-3,.c-on-muted-4,.c-on-muted-5 { color: #3f3f40 } .hover-rebel-pink:focus,.hover-rebel-pink:hover { color: #f71963 } .hover-heavy-rebel-pink:focus,.hover-heavy-rebel-pink:hover { color: #dd1659 } .hover-elite-purple:focus,.hover-elite-purple:hover { color: #8914cc } .hover-near-black:focus,.hover-near-black:hover { color: #3f3f40 } .hover-dark-gray:focus,.hover-dark-gray:hover { color: #585959 } .hover-mid-gray:focus,.hover-mid-gray:hover { color: #727273 } .hover-gray:focus,.hover-gray:hover { color: #979899 } .hover-silver:focus,.hover-silver:hover { color: #cacbcc } .hover-light-gray:focus,.hover-light-gray:hover { color: #e3e4e6 } .hover-light-silver:focus,.hover-light-silver:hover { color: #f2f4f5 } .hover-near-white:focus,.hover-near-white:hover { color: #f7f9fa } .hover-white:focus,.hover-white:hover { color: #fff } .hover-washed-blue:focus,.hover-washed-blue:hover { color: #edf4fa } .hover-light-blue:focus,.hover-light-blue:hover { color: #cce8ff } .hover-blue:focus,.hover-blue:hover { color: #368df7 } .hover-heavy-blue:focus,.hover-heavy-blue:hover { color: #2a6dbf } .hover-light-marine:focus,.hover-light-marine:hover { color: #3d5980 } .hover-marine:focus,.hover-marine:hover { color: #25354d } .hover-serious-black:focus,.hover-serious-black:hover { color: #142032 } .hover-green:focus,.hover-green:hover { color: #8bc34a } .hover-washed-green:focus,.hover-washed-green:hover { color: #eafce3 } .hover-red:focus,.hover-red:hover { color: #ff4c4c } .hover-washed-red:focus,.hover-washed-red:hover { color: #ffe6e6 } .hover-yellow:focus,.hover-yellow:hover { color: #ffb100 } .hover-washed-yellow:focus,.hover-washed-yellow:hover { color: #fff6e0 } .hover-black-90:focus,.hover-black-90:hover { color: rgba(0,0,0,.9) } .hover-black-80:focus,.hover-black-80:hover { color: rgba(0,0,0,.8) } .hover-black-70:focus,.hover-black-70:hover { color: rgba(0,0,0,.7) } .hover-black-60:focus,.hover-black-60:hover { color: rgba(0,0,0,.6) } .hover-black-50:focus,.hover-black-50:hover { color: rgba(0,0,0,.5) } .hover-black-40:focus,.hover-black-40:hover { color: rgba(0,0,0,.4) } .hover-black-30:focus,.hover-black-30:hover { color: rgba(0,0,0,.3) } .hover-black-20:focus,.hover-black-20:hover { color: rgba(0,0,0,.2) } .hover-black-10:focus,.hover-black-10:hover { color: rgba(0,0,0,.1) } .hover-black-05:focus,.hover-black-05:hover { color: rgba(0,0,0,.05) } .hover-black-025:focus,.hover-black-025:hover { color: rgba(0,0,0,.025) } .hover-black-0125:focus,.hover-black-0125:hover { color: rgba(0,0,0,.0125) } .hover-white-90:focus,.hover-white-90:hover { color: hsla(0,0%,100%,.9) } .hover-white-80:focus,.hover-white-80:hover { color: hsla(0,0%,100%,.8) } .hover-white-70:focus,.hover-white-70:hover { color: hsla(0,0%,100%,.7) } .hover-white-60:focus,.hover-white-60:hover { color: hsla(0,0%,100%,.6) } .hover-white-50:focus,.hover-white-50:hover { color: hsla(0,0%,100%,.5) } .hover-white-40:focus,.hover-white-40:hover { color: hsla(0,0%,100%,.4) } .hover-white-30:focus,.hover-white-30:hover { color: hsla(0,0%,100%,.3) } .hover-white-20:focus,.hover-white-20:hover { color: hsla(0,0%,100%,.2) } .hover-white-10:focus,.hover-white-10:hover { color: hsla(0,0%,100%,.1) } .hover-white-05:focus,.hover-white-05:hover { color: hsla(0,0%,100%,.05) } .hover-white-025:focus,.hover-white-025:hover { color: hsla(0,0%,100%,.025) } .hover-white-0125:focus,.hover-white-0125:hover { color: hsla(0,0%,100%,.0125) } .hover-bg-rebel-pink:focus,.hover-bg-rebel-pink:hover { background-color: #f71963 } .hover-b--rebel-pink:focus,.hover-b--rebel-pink:hover { border-color: #f71963 } .hover-bg-heavy-rebel-pink:focus,.hover-bg-heavy-rebel-pink:hover { background-color: #dd1659 } .hover-b--heavy-rebel-pink:focus,.hover-b--heavy-rebel-pink:hover { border-color: #dd1659 } .hover-bg-elite-purple:focus,.hover-bg-elite-purple:hover { background-color: #8914cc } .hover-b--elite-purple:focus,.hover-b--elite-purple:hover { border-color: #8914cc } .hover-bg-near-black:focus,.hover-bg-near-black:hover { background-color: #3f3f40 } .hover-b--near-black:focus,.hover-b--near-black:hover { border-color: #3f3f40 } .hover-bg-dark-gray:focus,.hover-bg-dark-gray:hover { background-color: #585959 } .hover-b--dark-gray:focus,.hover-b--dark-gray:hover { border-color: #585959 } .hover-bg-mid-gray:focus,.hover-bg-mid-gray:hover { background-color: #727273 } .hover-b--mid-gray:focus,.hover-b--mid-gray:hover { border-color: #727273 } .hover-bg-gray:focus,.hover-bg-gray:hover { background-color: #979899 } .hover-b--gray:focus,.hover-b--gray:hover { border-color: #979899 } .hover-bg-silver:focus,.hover-bg-silver:hover { background-color: #cacbcc } .hover-b--silver:focus,.hover-b--silver:hover { border-color: #cacbcc } .hover-bg-light-gray:focus,.hover-bg-light-gray:hover { background-color: #e3e4e6 } .hover-b--light-gray:focus,.hover-b--light-gray:hover { border-color: #e3e4e6 } .hover-bg-light-silver:focus,.hover-bg-light-silver:hover { background-color: #f2f4f5 } .hover-b--light-silver:focus,.hover-b--light-silver:hover { border-color: #f2f4f5 } .hover-bg-near-white:focus,.hover-bg-near-white:hover { background-color: #f7f9fa } .hover-b--near-white:focus,.hover-b--near-white:hover { border-color: #f7f9fa } .hover-bg-white:focus,.hover-bg-white:hover { background-color: #fff } .hover-b--white:focus,.hover-b--white:hover { border-color: #fff } .hover-bg-washed-blue:focus,.hover-bg-washed-blue:hover { background-color: #edf4fa } .hover-b--washed-blue:focus,.hover-b--washed-blue:hover { border-color: #edf4fa } .hover-bg-light-blue:focus,.hover-bg-light-blue:hover { background-color: #cce8ff } .hover-b--light-blue:focus,.hover-b--light-blue:hover { border-color: #cce8ff } .hover-bg-blue:focus,.hover-bg-blue:hover { background-color: #368df7 } .hover-b--blue:focus,.hover-b--blue:hover { border-color: #368df7 } .hover-bg-heavy-blue:focus,.hover-bg-heavy-blue:hover { background-color: #2a6dbf } .hover-b--heavy-blue:focus,.hover-b--heavy-blue:hover { border-color: #2a6dbf } .hover-bg-light-marine:focus,.hover-bg-light-marine:hover { background-color: #3d5980 } .hover-b--light-marine:focus,.hover-b--light-marine:hover { border-color: #3d5980 } .hover-bg-marine:focus,.hover-bg-marine:hover { background-color: #25354d } .hover-b--marine:focus,.hover-b--marine:hover { border-color: #25354d } .hover-bg-serious-black:focus,.hover-bg-serious-black:hover { background-color: #142032 } .hover-b--serious-black:focus,.hover-b--serious-black:hover { border-color: #142032 } .hover-bg-green:focus,.hover-bg-green:hover { background-color: #8bc34a } .hover-b--green:focus,.hover-b--green:hover { border-color: #8bc34a } .hover-bg-washed-green:focus,.hover-bg-washed-green:hover { background-color: #eafce3 } .hover-b--washed-green:focus,.hover-b--washed-green:hover { border-color: #eafce3 } .hover-bg-red:focus,.hover-bg-red:hover { background-color: #ff4c4c } .hover-b--red:focus,.hover-b--red:hover { border-color: #ff4c4c } .hover-bg-washed-red:focus,.hover-bg-washed-red:hover { background-color: #ffe6e6 } .hover-b--washed-red:focus,.hover-b--washed-red:hover { border-color: #ffe6e6 } .hover-bg-yellow:focus,.hover-bg-yellow:hover { background-color: #ffb100 } .hover-b--yellow:focus,.hover-b--yellow:hover { border-color: #ffb100 } .hover-bg-washed-yellow:focus,.hover-bg-washed-yellow:hover { background-color: #fff6e0 } .hover-b--washed-yellow:focus,.hover-b--washed-yellow:hover { border-color: #fff6e0 } .hover-bg-black-90:focus,.hover-bg-black-90:hover { background-color: rgba(0,0,0,.9) } .hover-b--black-90:focus,.hover-b--black-90:hover { border-color: rgba(0,0,0,.9) } .hover-bg-black-80:focus,.hover-bg-black-80:hover { background-color: rgba(0,0,0,.8) } .hover-b--black-80:focus,.hover-b--black-80:hover { border-color: rgba(0,0,0,.8) } .hover-bg-black-70:focus,.hover-bg-black-70:hover { background-color: rgba(0,0,0,.7) } .hover-b--black-70:focus,.hover-b--black-70:hover { border-color: rgba(0,0,0,.7) } .hover-bg-black-60:focus,.hover-bg-black-60:hover { background-color: rgba(0,0,0,.6) } .hover-b--black-60:focus,.hover-b--black-60:hover { border-color: rgba(0,0,0,.6) } .hover-bg-black-50:focus,.hover-bg-black-50:hover { background-color: rgba(0,0,0,.5) } .hover-b--black-50:focus,.hover-b--black-50:hover { border-color: rgba(0,0,0,.5) } .hover-bg-black-40:focus,.hover-bg-black-40:hover { background-color: rgba(0,0,0,.4) } .hover-b--black-40:focus,.hover-b--black-40:hover { border-color: rgba(0,0,0,.4) } .hover-bg-black-30:focus,.hover-bg-black-30:hover { background-color: rgba(0,0,0,.3) } .hover-b--black-30:focus,.hover-b--black-30:hover { border-color: rgba(0,0,0,.3) } .hover-bg-black-20:focus,.hover-bg-black-20:hover { background-color: rgba(0,0,0,.2) } .hover-b--black-20:focus,.hover-b--black-20:hover { border-color: rgba(0,0,0,.2) } .hover-bg-black-10:focus,.hover-bg-black-10:hover { background-color: rgba(0,0,0,.1) } .hover-b--black-10:focus,.hover-b--black-10:hover { border-color: rgba(0,0,0,.1) } .hover-bg-black-05:focus,.hover-bg-black-05:hover { background-color: rgba(0,0,0,.05) } .hover-b--black-05:focus,.hover-b--black-05:hover { border-color: rgba(0,0,0,.05) } .hover-bg-black-025:focus,.hover-bg-black-025:hover { background-color: rgba(0,0,0,.025) } .hover-b--black-025:focus,.hover-b--black-025:hover { border-color: rgba(0,0,0,.025) } .hover-bg-black-0125:focus,.hover-bg-black-0125:hover { background-color: rgba(0,0,0,.0125) } .hover-b--black-0125:focus,.hover-b--black-0125:hover { border-color: rgba(0,0,0,.0125) } .hover-bg-white-90:focus,.hover-bg-white-90:hover { background-color: hsla(0,0%,100%,.9) } .hover-b--white-90:focus,.hover-b--white-90:hover { border-color: hsla(0,0%,100%,.9) } .hover-bg-white-80:focus,.hover-bg-white-80:hover { background-color: hsla(0,0%,100%,.8) } .hover-b--white-80:focus,.hover-b--white-80:hover { border-color: hsla(0,0%,100%,.8) } .hover-bg-white-70:focus,.hover-bg-white-70:hover { background-color: hsla(0,0%,100%,.7) } .hover-b--white-70:focus,.hover-b--white-70:hover { border-color: hsla(0,0%,100%,.7) } .hover-bg-white-60:focus,.hover-bg-white-60:hover { background-color: hsla(0,0%,100%,.6) } .hover-b--white-60:focus,.hover-b--white-60:hover { border-color: hsla(0,0%,100%,.6) } .hover-bg-white-50:focus,.hover-bg-white-50:hover { background-color: hsla(0,0%,100%,.5) } .hover-b--white-50:focus,.hover-b--white-50:hover { border-color: hsla(0,0%,100%,.5) } .hover-bg-white-40:focus,.hover-bg-white-40:hover { background-color: hsla(0,0%,100%,.4) } .hover-b--white-40:focus,.hover-b--white-40:hover { border-color: hsla(0,0%,100%,.4) } .hover-bg-white-30:focus,.hover-bg-white-30:hover { background-color: hsla(0,0%,100%,.3) } .hover-b--white-30:focus,.hover-b--white-30:hover { border-color: hsla(0,0%,100%,.3) } .hover-bg-white-20:focus,.hover-bg-white-20:hover { background-color: hsla(0,0%,100%,.2) } .hover-b--white-20:focus,.hover-b--white-20:hover { border-color: hsla(0,0%,100%,.2) } .hover-bg-white-10:focus,.hover-bg-white-10:hover { background-color: hsla(0,0%,100%,.1) } .hover-b--white-10:focus,.hover-b--white-10:hover { border-color: hsla(0,0%,100%,.1) } .hover-bg-white-05:focus,.hover-bg-white-05:hover { background-color: hsla(0,0%,100%,.05) } .hover-b--white-05:focus,.hover-b--white-05:hover { border-color: hsla(0,0%,100%,.05) } .hover-bg-white-025:focus,.hover-bg-white-025:hover { background-color: hsla(0,0%,100%,.025) } .hover-b--white-025:focus,.hover-b--white-025:hover { border-color: hsla(0,0%,100%,.025) } .hover-bg-white-0125:focus,.hover-bg-white-0125:hover { background-color: hsla(0,0%,100%,.0125) } .hover-b--white-0125:focus,.hover-b--white-0125:hover { border-color: hsla(0,0%,100%,.0125) } .hover-bg-transparent:focus,.hover-bg-transparent:hover { background-color: transparent } .hover-b--transparent:focus,.hover-b--transparent:hover { border-color: transparent } .hover-c-action-primary:focus,.hover-c-action-primary:hover { color: #001428 } .hover-c-action-secondary:focus,.hover-c-action-secondary:hover { color: #dbe9fd } .hover-c-link:focus,.hover-c-link:hover { color: #001428 } .hover-c-emphasis:focus,.hover-c-emphasis:hover { color: #ff554d } .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-base:focus,.hover-c-base:hover { color: #001428 } .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: #ff554d } .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: #001428 } .hover-bg-action-primary:focus,.hover-bg-action-primary:hover { background-color: #005eb1 } .hover-bg-action-secondary:focus,.hover-bg-action-secondary:hover { background-color: transparent } .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: #005eb1 } .hover-b--action-secondary:focus,.hover-b--action-secondary:hover { border-color: #dbe9fd } .hover-b--emphasis:focus,.hover-b--emphasis:hover { border-color: #ff554d } .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: #001428 } .active-c-emphasis:active { color: #ff554d } .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: #ff554d } .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: #0e77da } .active-bg-action-secondary:active { background-color: #dbe9fd } .active-bg-emphasis:active { background-color: #ff554d } .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: #001428 } .active-b--action-secondary:active { border-color: #dbe9fd } .active-b--emphasis:active { border-color: #ff554d } .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: Montserrat; font-weight: 700; text-transform: none; letter-spacing: 0 } .t-heading-2 { font-size: 2.25rem } .t-heading-3 { font-family: Montserrat; 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: Montserrat; 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: Montserrat; 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: Montserrat; 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: Montserrat; font-weight: 500; text-transform: none; letter-spacing: 0 } .t-action--small { font-size: .875rem } .t-action--large { font-weight: 500; font-size: 1.5rem } .t-action--large,.t-code { font-family: Montserrat; text-transform: none; letter-spacing: 0 } .t-code { font-size: 1rem } .normal,.t-code { font-weight: 400 } .b { font-weight: 700 } .fw1 { font-weight: 100 } .fw2 { font-weight: 200 } .fw3 { font-weight: 300 } .fw4 { font-weight: 400 } .fw5 { font-weight: 500 } .fw6 { font-weight: 600 } .fw7 { font-weight: 700 } .fw8 { font-weight: 800 } .fw9 { font-weight: 900 } .overflow-container { overflow-y: scroll } .center { margin-left: auto } .center,.mr-auto { margin-right: auto } .ml-auto { margin-left: auto } .clip { position: fixed !important; _position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px) } .ws-normal { white-space: normal } .nowrap { white-space: nowrap } .pre { white-space: pre } .w1 { width: 1rem } .w2 { width: 2rem } .w3 { width: 4rem } .w4 { width: 8rem } .w5 { width: 16rem } .w-10 { width: 10% } .w-20 { width: 20% } .w-25 { width: 25% } .w-30 { width: 30% } .w-33 { width: 33% } .w-34 { width: 34% } .w-40 { width: 40% } .w-50 { width: 50% } .w-60 { width: 60% } .w-70 { width: 70% } .w-75 { width: 75% } .w-80 { width: 80% } .w-90 { width: 90% } .w-100 { width: 100% } .w-third { width: 33.33333% } .w-two-thirds { width: 66.66667% } .w-auto { width: auto } .vw-10 { width: 10vw } .vw-20 { width: 20vw } .vw-25 { width: 25vw } .vw-30 { width: 30vw } .vw-33 { width: 33vw } .vw-34 { width: 34vw } .vw-40 { width: 40vw } .vw-50 { width: 50vw } .vw-60 { width: 60vw } .vw-70 { width: 70vw } .vw-75 { width: 75vw } .vw-80 { width: 80vw } .vw-90 { width: 90vw } .vw-100 { width: 100vw } .vw-third { width: 33.33333vw } .vw-two-thirds { width: 66.66667vw } .z-0 { z-index: 0 } .z-1 { z-index: 1 } .z-2 { z-index: 2 } .z-3 { z-index: 3 } .z-4 { z-index: 4 } .z-5 { z-index: 5 } .z-999 { z-index: 999 } .z-9999 { z-index: 9999 } .z-max { z-index: 2147483647 } .z-inherit { z-index: inherit } .z-initial { z-index: auto } .z-unset { z-index: unset } @media screen and (min-width: 20em) { .aspect-ratio-s { height:0; position: relative } .aspect-ratio--16x9-s { padding-bottom: 56.25% } .aspect-ratio--9x16-s { padding-bottom: 177.77% } .aspect-ratio--4x3-s { padding-bottom: 75% } .aspect-ratio--3x4-s { padding-bottom: 133.33% } .aspect-ratio--6x4-s { padding-bottom: 66.6% } .aspect-ratio--4x6-s { padding-bottom: 150% } .aspect-ratio--8x5-s { padding-bottom: 62.5% } .aspect-ratio--5x8-s { padding-bottom: 160% } .aspect-ratio--7x5-s { padding-bottom: 71.42% } .aspect-ratio--5x7-s { padding-bottom: 140% } .aspect-ratio--1x1-s { padding-bottom: 100% } .aspect-ratio--object-s { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100 } .cover-s { background-size: cover !important } .contain-s { background-size: contain !important } .bg-center-s { background-position: 50% } .bg-center-s,.bg-top-s { background-repeat: no-repeat } .bg-top-s { background-position: top } .bg-right-s { background-position: 100% } .bg-bottom-s,.bg-right-s { background-repeat: no-repeat } .bg-bottom-s { background-position: bottom } .bg-left-s { background-repeat: no-repeat; background-position: 0 } .ba-s { border-style: solid; border-width: 1px } .bt-s { border-top-style: solid; border-top-width: 1px } .br-s { border-right-style: solid; border-right-width: 1px } .bb-s { border-bottom-style: solid; border-bottom-width: 1px } .bl-s { border-left-style: solid; border-left-width: 1px } .bn-s { border-style: none; border-width: 0 } .br0-s { border-radius: 0 } .br1-s { border-radius: .125rem } .br2-s { border-radius: .25rem } .br3-s { border-radius: .5rem } .br4-s { border-radius: 1rem } .br-100-s { border-radius: 100% } .br-pill-s { border-radius: 9999px } .br--bottom-s { border-top-left-radius: 0; border-top-right-radius: 0 } .br--top-s { border-bottom-right-radius: 0 } .br--right-s,.br--top-s { border-bottom-left-radius: 0 } .br--right-s { border-top-left-radius: 0 } .br--left-s { border-top-right-radius: 0; border-bottom-right-radius: 0 } .b--dotted-s { border-style: dotted } .b--dashed-s { border-style: dashed } .b--solid-s { border-style: solid } .b--none-s { border-style: none } .bw0-s { border-width: 0 } .bw1-s { border-width: .05rem } .bw2-s { border-width: .075rem } .bw3-s { border-width: .1rem } .bw4-s { border-width: .125rem } .bw5-s { border-width: .15rem } .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: Montserrat; font-weight: 700; text-transform: none; letter-spacing: 0 } .t-heading-2-s { font-size: 2.25rem } .t-heading-3-s { font-family: Montserrat; 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: Montserrat; 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: Montserrat; 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: Montserrat; 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: Montserrat; font-weight: 500; text-transform: none; letter-spacing: 0 } .t-action--small-s { font-size: .875rem } .t-action--large-s { font-weight: 500; font-size: 1.5rem } .t-action--large-s,.t-code-s { font-family: Montserrat; text-transform: none; letter-spacing: 0 } .t-code-s { font-size: 1rem } .normal-s,.t-code-s { font-weight: 400 } .b-s { font-weight: 700 } .fw1-s { font-weight: 100 } .fw2-s { font-weight: 200 } .fw3-s { font-weight: 300 } .fw4-s { font-weight: 400 } .fw5-s { font-weight: 500 } .fw6-s { font-weight: 600 } .fw7-s { font-weight: 700 } .fw8-s { font-weight: 800 } .fw9-s { font-weight: 900 } .clip-s { position: fixed !important; _position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px) } .ws-normal-s { white-space: normal } .nowrap-s { white-space: nowrap } .pre-s { white-space: pre } .w1-s { width: 1rem } .w2-s { width: 2rem } .w3-s { width: 4rem } .w4-s { width: 8rem } .w5-s { width: 16rem } .w-10-s { width: 10% } .w-20-s { width: 20% } .w-25-s { width: 25% } .w-30-s { width: 30% } .w-33-s { width: 33% } .w-34-s { width: 34% } .w-40-s { width: 40% } .w-50-s { width: 50% } .w-60-s { width: 60% } .w-70-s { width: 70% } .w-75-s { width: 75% } .w-80-s { width: 80% } .w-90-s { width: 90% } .w-100-s { width: 100% } .w-third-s { width: 33.33333% } .w-two-thirds-s { width: 66.66667% } .w-auto-s { width: auto } .vw-10-s { width: 10vw } .vw-20-s { width: 20vw } .vw-25-s { width: 25vw } .vw-30-s { width: 30vw } .vw-33-s { width: 33vw } .vw-34-s { width: 34vw } .vw-40-s { width: 40vw } .vw-50-s { width: 50vw } .vw-60-s { width: 60vw } .vw-70-s { width: 70vw } .vw-75-s { width: 75vw } .vw-80-s { width: 80vw } .vw-90-s { width: 90vw } .vw-100-s { width: 100vw } .vw-third-s { width: 33.33333vw } .vw-two-thirds-s { width: 66.66667vw } } @media screen and (min-width: 40em) { .aspect-ratio-ns { height:0; position: relative } .aspect-ratio--16x9-ns { padding-bottom: 56.25% } .aspect-ratio--9x16-ns { padding-bottom: 177.77% } .aspect-ratio--4x3-ns { padding-bottom: 75% } .aspect-ratio--3x4-ns { padding-bottom: 133.33% } .aspect-ratio--6x4-ns { padding-bottom: 66.6% } .aspect-ratio--4x6-ns { padding-bottom: 150% } .aspect-ratio--8x5-ns { padding-bottom: 62.5% } .aspect-ratio--5x8-ns { padding-bottom: 160% } .aspect-ratio--7x5-ns { padding-bottom: 71.42% } .aspect-ratio--5x7-ns { padding-bottom: 140% } .aspect-ratio--1x1-ns { padding-bottom: 100% } .aspect-ratio--object-ns { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100 } .cover-ns { background-size: cover !important } .contain-ns { background-size: contain !important } .bg-center-ns { background-position: 50% } .bg-center-ns,.bg-top-ns { background-repeat: no-repeat } .bg-top-ns { background-position: top } .bg-right-ns { background-position: 100% } .bg-bottom-ns,.bg-right-ns { background-repeat: no-repeat } .bg-bottom-ns { background-position: bottom } .bg-left-ns { background-repeat: no-repeat; background-position: 0 } .ba-ns { border-style: solid; border-width: 1px } .bt-ns { border-top-style: solid; border-top-width: 1px } .br-ns { border-right-style: solid; border-right-width: 1px } .bb-ns { border-bottom-style: solid; border-bottom-width: 1px } .bl-ns { border-left-style: solid; border-left-width: 1px } .bn-ns { border-style: none; border-width: 0 } .br0-ns { border-radius: 0 } .br1-ns { border-radius: .125rem } .br2-ns { border-radius: .25rem } .br3-ns { border-radius: .5rem } .br4-ns { border-radius: 1rem } .br-100-ns { border-radius: 100% } .br-pill-ns { border-radius: 9999px } .br--bottom-ns { border-top-left-radius: 0; border-top-right-radius: 0 } .br--top-ns { border-bottom-right-radius: 0 } .br--right-ns,.br--top-ns { border-bottom-left-radius: 0 } .br--right-ns { border-top-left-radius: 0 } .br--left-ns { border-top-right-radius: 0; border-bottom-right-radius: 0 } .b--dotted-ns { border-style: dotted } .b--dashed-ns { border-style: dashed } .b--solid-ns { border-style: solid } .b--none-ns { border-style: none } .bw0-ns { border-width: 0 } .bw1-ns { border-width: .05rem } .bw2-ns { border-width: .075rem } .bw3-ns { border-width: .1rem } .bw4-ns { border-width: .125rem } .bw5-ns { border-width: .15rem } .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: Montserrat; font-weight: 700; text-transform: none; letter-spacing: 0 } .t-heading-2-ns { font-size: 2.25rem } .t-heading-3-ns { font-family: Montserrat; 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: Montserrat; 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: Montserrat; 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: Montserrat; 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: Montserrat; font-weight: 500; text-transform: none; letter-spacing: 0 } .t-action--small-ns { font-size: .875rem } .t-action--large-ns { font-weight: 500; font-size: 1.5rem } .t-action--large-ns,.t-code-ns { font-family: Montserrat; text-transform: none; letter-spacing: 0 } .t-code-ns { font-size: 1rem } .normal-ns,.t-code-ns { font-weight: 400 } .b-ns { font-weight: 700 } .fw1-ns { font-weight: 100 } .fw2-ns { font-weight: 200 } .fw3-ns { font-weight: 300 } .fw4-ns { font-weight: 400 } .fw5-ns { font-weight: 500 } .fw6-ns { font-weight: 600 } .fw7-ns { font-weight: 700 } .fw8-ns { font-weight: 800 } .fw9-ns { font-weight: 900 } .clip-ns { position: fixed !important; _position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px) } .ws-normal-ns { white-space: normal } .nowrap-ns { white-space: nowrap } .pre-ns { white-space: pre } .w1-ns { width: 1rem } .w2-ns { width: 2rem } .w3-ns { width: 4rem } .w4-ns { width: 8rem } .w5-ns { width: 16rem } .w-10-ns { width: 10% } .w-20-ns { width: 20% } .w-25-ns { width: 25% } .w-30-ns { width: 30% } .w-33-ns { width: 33% } .w-34-ns { width: 34% } .w-40-ns { width: 40% } .w-50-ns { width: 50% } .w-60-ns { width: 60% } .w-70-ns { width: 70% } .w-75-ns { width: 75% } .w-80-ns { width: 80% } .w-90-ns { width: 90% } .w-100-ns { width: 100% } .w-third-ns { width: 33.33333% } .w-two-thirds-ns { width: 66.66667% } .w-auto-ns { width: auto } .vw-10-ns { width: 10vw } .vw-20-ns { width: 20vw } .vw-25-ns { width: 25vw } .vw-30-ns { width: 30vw } .vw-33-ns { width: 33vw } .vw-34-ns { width: 34vw } .vw-40-ns { width: 40vw } .vw-50-ns { width: 50vw } .vw-60-ns { width: 60vw } .vw-70-ns { width: 70vw } .vw-75-ns { width: 75vw } .vw-80-ns { width: 80vw } .vw-90-ns { width: 90vw } .vw-100-ns { width: 100vw } .vw-third-ns { width: 33.33333vw } .vw-two-thirds-ns { width: 66.66667vw } .aspect-ratio-m { height: 0; position: relative } .aspect-ratio--16x9-m { padding-bottom: 56.25% } .aspect-ratio--9x16-m { padding-bottom: 177.77% } .aspect-ratio--4x3-m { padding-bottom: 75% } .aspect-ratio--3x4-m { padding-bottom: 133.33% } .aspect-ratio--6x4-m { padding-bottom: 66.6% } .aspect-ratio--4x6-m { padding-bottom: 150% } .aspect-ratio--8x5-m { padding-bottom: 62.5% } .aspect-ratio--5x8-m { padding-bottom: 160% } .aspect-ratio--7x5-m { padding-bottom: 71.42% } .aspect-ratio--5x7-m { padding-bottom: 140% } .aspect-ratio--1x1-m { padding-bottom: 100% } .aspect-ratio--object-m { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100 } .cover-m { background-size: cover !important } .contain-m { background-size: contain !important } .bg-center-m { background-position: 50% } .bg-center-m,.bg-top-m { background-repeat: no-repeat } .bg-top-m { background-position: top } .bg-right-m { background-position: 100% } .bg-bottom-m,.bg-right-m { background-repeat: no-repeat } .bg-bottom-m { background-position: bottom } .bg-left-m { background-repeat: no-repeat; background-position: 0 } .ba-m { border-style: solid; border-width: 1px } .bt-m { border-top-style: solid; border-top-width: 1px } .br-m { border-right-style: solid; border-right-width: 1px } .bb-m { border-bottom-style: solid; border-bottom-width: 1px } .bl-m { border-left-style: solid; border-left-width: 1px } .bn-m { border-style: none; border-width: 0 } .br0-m { border-radius: 0 } .br1-m { border-radius: .125rem } .br2-m { border-radius: .25rem } .br3-m { border-radius: .5rem } .br4-m { border-radius: 1rem } .br-100-m { border-radius: 100% } .br-pill-m { border-radius: 9999px } .br--bottom-m { border-top-left-radius: 0; border-top-right-radius: 0 } .br--top-m { border-bottom-right-radius: 0 } .br--right-m,.br--top-m { border-bottom-left-radius: 0 } .br--right-m { border-top-left-radius: 0 } .br--left-m { border-top-right-radius: 0; border-bottom-right-radius: 0 } .b--dotted-m { border-style: dotted } .b--dashed-m { border-style: dashed } .b--solid-m { border-style: solid } .b--none-m { border-style: none } .bw0-m { border-width: 0 } .bw1-m { border-width: .05rem } .bw2-m { border-width: .075rem } .bw3-m { border-width: .1rem } .bw4-m { border-width: .125rem } .bw5-m { border-width: .15rem } .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: Montserrat; font-weight: 700; text-transform: none; letter-spacing: 0 } .t-heading-2-m { font-size: 2.25rem } .t-heading-3-m { font-family: Montserrat; 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: Montserrat; 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: Montserrat; 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: Montserrat; 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: Montserrat; font-weight: 500; text-transform: none; letter-spacing: 0 } .t-action--small-m { font-size: .875rem } .t-action--large-m { font-weight: 500; font-size: 1.5rem } .t-action--large-m,.t-code-m { font-family: Montserrat; text-transform: none; letter-spacing: 0 } .t-code-m { font-size: 1rem } .normal-m,.t-code-m { font-weight: 400 } .b-m { font-weight: 700 } .fw1-m { font-weight: 100 } .fw2-m { font-weight: 200 } .fw3-m { font-weight: 300 } .fw4-m { font-weight: 400 } .fw5-m { font-weight: 500 } .fw6-m { font-weight: 600 } .fw7-m { font-weight: 700 } .fw8-m { font-weight: 800 } .fw9-m { font-weight: 900 } .clip-m { position: fixed !important; _position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px) } .ws-normal-m { white-space: normal } .nowrap-m { white-space: nowrap } .pre-m { white-space: pre } .w1-m { width: 1rem } .w2-m { width: 2rem } .w3-m { width: 4rem } .w4-m { width: 8rem } .w5-m { width: 16rem } .w-10-m { width: 10% } .w-20-m { width: 20% } .w-25-m { width: 25% } .w-30-m { width: 30% } .w-33-m { width: 33% } .w-34-m { width: 34% } .w-40-m { width: 40% } .w-50-m { width: 50% } .w-60-m { width: 60% } .w-70-m { width: 70% } .w-75-m { width: 75% } .w-80-m { width: 80% } .w-90-m { width: 90% } .w-100-m { width: 100% } .w-third-m { width: 33.33333% } .w-two-thirds-m { width: 66.66667% } .w-auto-m { width: auto } .vw-10-m { width: 10vw } .vw-20-m { width: 20vw } .vw-25-m { width: 25vw } .vw-30-m { width: 30vw } .vw-33-m { width: 33vw } .vw-34-m { width: 34vw } .vw-40-m { width: 40vw } .vw-50-m { width: 50vw } .vw-60-m { width: 60vw } .vw-70-m { width: 70vw } .vw-75-m { width: 75vw } .vw-80-m { width: 80vw } .vw-90-m { width: 90vw } .vw-100-m { width: 100vw } .vw-third-m { width: 33.33333vw } .vw-two-thirds-m { width: 66.66667vw } } @media screen and (min-width: 64em) { .aspect-ratio-l { height:0; position: relative } .aspect-ratio--16x9-l { padding-bottom: 56.25% } .aspect-ratio--9x16-l { padding-bottom: 177.77% } .aspect-ratio--4x3-l { padding-bottom: 75% } .aspect-ratio--3x4-l { padding-bottom: 133.33% } .aspect-ratio--6x4-l { padding-bottom: 66.6% } .aspect-ratio--4x6-l { padding-bottom: 150% } .aspect-ratio--8x5-l { padding-bottom: 62.5% } .aspect-ratio--5x8-l { padding-bottom: 160% } .aspect-ratio--7x5-l { padding-bottom: 71.42% } .aspect-ratio--5x7-l { padding-bottom: 140% } .aspect-ratio--1x1-l { padding-bottom: 100% } .aspect-ratio--object-l { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100 } .cover-l { background-size: cover !important } .contain-l { background-size: contain !important } .bg-center-l { background-position: 50% } .bg-center-l,.bg-top-l { background-repeat: no-repeat } .bg-top-l { background-position: top } .bg-right-l { background-position: 100% } .bg-bottom-l,.bg-right-l { background-repeat: no-repeat } .bg-bottom-l { background-position: bottom } .bg-left-l { background-repeat: no-repeat; background-position: 0 } .ba-l { border-style: solid; border-width: 1px } .bt-l { border-top-style: solid; border-top-width: 1px } .br-l { border-right-style: solid; border-right-width: 1px } .bb-l { border-bottom-style: solid; border-bottom-width: 1px } .bl-l { border-left-style: solid; border-left-width: 1px } .bn-l { border-style: none; border-width: 0 } .br0-l { border-radius: 0 } .br1-l { border-radius: .125rem } .br2-l { border-radius: .25rem } .br3-l { border-radius: .5rem } .br4-l { border-radius: 1rem } .br-100-l { border-radius: 100% } .br-pill-l { border-radius: 9999px } .br--bottom-l { border-top-left-radius: 0; border-top-right-radius: 0 } .br--top-l { border-bottom-right-radius: 0 } .br--right-l,.br--top-l { border-bottom-left-radius: 0 } .br--right-l { border-top-left-radius: 0 } .br--left-l { border-top-right-radius: 0; border-bottom-right-radius: 0 } .b--dotted-l { border-style: dotted } .b--dashed-l { border-style: dashed } .b--solid-l { border-style: solid } .b--none-l { border-style: none } .bw0-l { border-width: 0 } .bw1-l { border-width: .05rem } .bw2-l { border-width: .075rem } .bw3-l { border-width: .1rem } .bw4-l { border-width: .125rem } .bw5-l { border-width: .15rem } .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: Montserrat; font-weight: 700; text-transform: none; letter-spacing: 0 } .t-heading-2-l { font-size: 2.25rem } .t-heading-3-l { font-family: Montserrat; 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: Montserrat; 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: Montserrat; 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: Montserrat; 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: Montserrat; font-weight: 500; text-transform: none; letter-spacing: 0 } .t-action--small-l { font-size: .875rem } .t-action--large-l { font-weight: 500; font-size: 1.5rem } .t-action--large-l,.t-code-l { font-family: Montserrat; text-transform: none; letter-spacing: 0 } .t-code-l { font-size: 1rem } .normal-l,.t-code-l { font-weight: 400 } .b-l { font-weight: 700 } .fw1-l { font-weight: 100 } .fw2-l { font-weight: 200 } .fw3-l { font-weight: 300 } .fw4-l { font-weight: 400 } .fw5-l { font-weight: 500 } .fw6-l { font-weight: 600 } .fw7-l { font-weight: 700 } .fw8-l { font-weight: 800 } .fw9-l { font-weight: 900 } .clip-l { position: fixed !important; _position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px) } .ws-normal-l { white-space: normal } .nowrap-l { white-space: nowrap } .pre-l { white-space: pre } .w1-l { width: 1rem } .w2-l { width: 2rem } .w3-l { width: 4rem } .w4-l { width: 8rem } .w5-l { width: 16rem } .w-10-l { width: 10% } .w-20-l { width: 20% } .w-25-l { width: 25% } .w-30-l { width: 30% } .w-33-l { width: 33% } .w-34-l { width: 34% } .w-40-l { width: 40% } .w-50-l { width: 50% } .w-60-l { width: 60% } .w-70-l { width: 70% } .w-75-l { width: 75% } .w-80-l { width: 80% } .w-90-l { width: 90% } .w-100-l { width: 100% } .w-third-l { width: 33.33333% } .w-two-thirds-l { width: 66.66667% } .w-auto-l { width: auto } .vw-10-l { width: 10vw } .vw-20-l { width: 20vw } .vw-25-l { width: 25vw } .vw-30-l { width: 30vw } .vw-33-l { width: 33vw } .vw-34-l { width: 34vw } .vw-40-l { width: 40vw } .vw-50-l { width: 50vw } .vw-60-l { width: 60vw } .vw-70-l { width: 70vw } .vw-75-l { width: 75vw } .vw-80-l { width: 80vw } .vw-90-l { width: 90vw } .vw-100-l { width: 100vw } .vw-third-l { width: 33.33333vw } .vw-two-thirds-l { width: 66.66667vw } } @media screen and (min-width: 80em) { .aspect-ratio-xl { height:0; position: relative } .aspect-ratio--16x9-xl { padding-bottom: 56.25% } .aspect-ratio--9x16-xl { padding-bottom: 177.77% } .aspect-ratio--4x3-xl { padding-bottom: 75% } .aspect-ratio--3x4-xl { padding-bottom: 133.33% } .aspect-ratio--6x4-xl { padding-bottom: 66.6% } .aspect-ratio--4x6-xl { padding-bottom: 150% } .aspect-ratio--8x5-xl { padding-bottom: 62.5% } .aspect-ratio--5x8-xl { padding-bottom: 160% } .aspect-ratio--7x5-xl { padding-bottom: 71.42% } .aspect-ratio--5x7-xl { padding-bottom: 140% } .aspect-ratio--1x1-xl { padding-bottom: 100% } .aspect-ratio--object-xl { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100 } .cover-xl { background-size: cover !important } .contain-xl { background-size: contain !important } .bg-center-xl { background-position: 50% } .bg-center-xl,.bg-top-xl { background-repeat: no-repeat } .bg-top-xl { background-position: top } .bg-right-xl { background-position: 100% } .bg-bottom-xl,.bg-right-xl { background-repeat: no-repeat } .bg-bottom-xl { background-position: bottom } .bg-left-xl { background-repeat: no-repeat; background-position: 0 } .ba-xl { border-style: solid; border-width: 1px } .bt-xl { border-top-style: solid; border-top-width: 1px } .br-xl { border-right-style: solid; border-right-width: 1px } .bb-xl { border-bottom-style: solid; border-bottom-width: 1px } .bl-xl { border-left-style: solid; border-left-width: 1px } .bn-xl { border-style: none; border-width: 0 } .br0-xl { border-radius: 0 } .br1-xl { border-radius: .125rem } .br2-xl { border-radius: .25rem } .br3-xl { border-radius: .5rem } .br4-xl { border-radius: 1rem } .br-100-xl { border-radius: 100% } .br-pill-xl { border-radius: 9999px } .br--bottom-xl { border-top-left-radius: 0; border-top-right-radius: 0 } .br--top-xl { border-bottom-right-radius: 0 } .br--right-xl,.br--top-xl { border-bottom-left-radius: 0 } .br--right-xl { border-top-left-radius: 0 } .br--left-xl { border-top-right-radius: 0; border-bottom-right-radius: 0 } .b--dotted-xl { border-style: dotted } .b--dashed-xl { border-style: dashed } .b--solid-xl { border-style: solid } .b--none-xl { border-style: none } .bw0-xl { border-width: 0 } .bw1-xl { border-width: .05rem } .bw2-xl { border-width: .075rem } .bw3-xl { border-width: .1rem } .bw4-xl { border-width: .125rem } .bw5-xl { border-width: .15rem } .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: Montserrat; font-weight: 700; text-transform: none; letter-spacing: 0 } .t-heading-2-xl { font-size: 2.25rem } .t-heading-3-xl { font-family: Montserrat; 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: Montserrat; 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: Montserrat; 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: Montserrat; 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: Montserrat; font-weight: 500; text-transform: none; letter-spacing: 0 } .t-action--small-xl { font-size: .875rem } .t-action--large-xl { font-weight: 500; font-size: 1.5rem } .t-action--large-xl,.t-code-xl { font-family: Montserrat; text-transform: none; letter-spacing: 0 } .t-code-xl { font-size: 1rem } .normal-xl,.t-code-xl { font-weight: 400 } .b-xl { font-weight: 700 } .fw1-xl { font-weight: 100 } .fw2-xl { font-weight: 200 } .fw3-xl { font-weight: 300 } .fw4-xl { font-weight: 400 } .fw5-xl { font-weight: 500 } .fw6-xl { font-weight: 600 } .fw7-xl { font-weight: 700 } .fw8-xl { font-weight: 800 } .fw9-xl { font-weight: 900 } .clip-xl { position: fixed !important; _position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px) } .ws-normal-xl { white-space: normal } .nowrap-xl { white-space: nowrap } .pre-xl { white-space: pre } .w1-xl { width: 1rem } .w2-xl { width: 2rem } .w3-xl { width: 4rem } .w4-xl { width: 8rem } .w5-xl { width: 16rem } .w-10-xl { width: 10% } .w-20-xl { width: 20% } .w-25-xl { width: 25% } .w-30-xl { width: 30% } .w-33-xl { width: 33% } .w-34-xl { width: 34% } .w-40-xl { width: 40% } .w-50-xl { width: 50% } .w-60-xl { width: 60% } .w-70-xl { width: 70% } .w-75-xl { width: 75% } .w-80-xl { width: 80% } .w-90-xl { width: 90% } .w-100-xl { width: 100% } .w-third-xl { width: 33.33333% } .w-two-thirds-xl { width: 66.66667% } .w-auto-xl { width: auto } .vw-10-xl { width: 10vw } .vw-20-xl { width: 20vw } .vw-25-xl { width: 25vw } .vw-30-xl { width: 30vw } .vw-33-xl { width: 33vw } .vw-34-xl { width: 34vw } .vw-40-xl { width: 40vw } .vw-50-xl { width: 50vw } .vw-60-xl { width: 60vw } .vw-70-xl { width: 70vw } .vw-75-xl { width: 75vw } .vw-80-xl { width: 80vw } .vw-90-xl { width: 90vw } .vw-100-xl { width: 100vw } .vw-third-xl { width: 33.33333vw } .vw-two-thirds-xl { width: 66.66667vw } } @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: .25rem; --sl-space-2: .5rem; --sl-space-3: .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: .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: .25rem; --sl-radius-2: .5rem; --sl-radius-3: .75rem; --sl-radius-full: 9999rem; --sl-focus-ring-base: 0rem 0rem 0rem .0625rem var(--sl-color-gray-0),0rem 0rem 0rem .1875rem var(--sl-color-gray-5); --sl-focus-ring-critical: 0rem 0rem 0rem .0625rem var(--sl-color-gray-0),0rem 0rem 0rem .1875rem var(--sl-color-red-6); --sl-focus-ring-accent: 0rem 0rem 0rem .0625rem var(--sl-color-gray-0),0rem 0rem 0rem .1875rem var(--sl-color-blue-6); --sl-shadow-1: 0rem .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: .75rem; --sl-font-size-2: .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) } @-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 } @-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 } .mxmoto-motorola-components-2-x-modal { background-color: rgba(0,0,0,.75); width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 9999; display: none; justify-content: center; align-items: center } .mxmoto-motorola-components-2-x-modal ::-webkit-scrollbar { width: 7px } .mxmoto-motorola-components-2-x-modal ::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #bfbfbf; border-radius: 4px } .mxmoto-motorola-components-2-x-modal ::-webkit-scrollbar-thumb { background: #ff5d4d; border-radius: 4px } .mxmoto-motorola-components-2-x-modal__dialog { padding: 10px; color: #000; position: relative } .mxmoto-motorola-components-2-x-modal__dialog--button-close { position: absolute; right: 9px; float: right; font-size: 1.5rem; cursor: pointer } .mxmoto-motorola-components-2-x-modal__dialog--children { margin: 0 } .mxmoto-motorola-components-2-x-modal-open { display: grid } .modal_macan_home { padding: 0 !important; border-radius: 5px; color: #000 !important; background-color: #fff; background-repeat: no-repeat; max-width: 100%; position: relative } .modal_macan_home .mxmoto-motorola-components-2-x-modal__dialog--button-close { color: #000; border-radius: 50%; cursor: pointer; justify-content: center; padding: 0 10px 3px; z-index: 100; border: 3px solid; right: 20px; top: 20px; background: none; position: absolute; display: block !important } @media (max-width: 1023px) { .modal_macan_home .mxmoto-motorola-components-2-x-modal__dialog--button-close { color:#fff; top: 5px; right: 5px } } .modal_macan_home form { width: 100%; margin: auto } @media (max-width: 1023px) { .modal_macan_home form { margin:0; height: 100% } } .modal_macan_home form .modal_macan_home__container { display: flex; flex-direction: row; position: relative; height: 100% } @media (max-width: 1023px) { .modal_macan_home form .modal_macan_home__container { flex-direction:column } } .modal_macan_home form .modal_macan_home__container--left { display: flex; justify-content: center; align-items: flex-end; position: inherit } @media (min-width: 1024px) { .modal_macan_home form .modal_macan_home__container--left { width:100%; height: 100% } } .modal_macan_home form .modal_macan_home__container--left h2 { font-size: 20px } @media (min-width: 1024px) { .modal_macan_home form .modal_macan_home__container--left h2 { font-size:36px } } .modal_macan_home form .modal_macan_home__container--left .img-background { content: url("/arquivos/Pop UP _Mobile 720x400px.png") } @media (min-width: 1024px) { .modal_macan_home form .modal_macan_home__container--left .img-background { content:url("/arquivos/Pop UP _Desktop 788x464px-.png") } } .modal_macan_home form .modal_macan_home__container--right { width: 100%; bottom: 8%; padding: 10px 20px } @media (min-width: 1024px) { .modal_macan_home form .modal_macan_home__container--right { width:55%; right: 12px; top: 50px; position: absolute; padding: 0 10px } } .modal_macan_home form .modal_macan_home__container--right h3 { font-size: 20px; font-weight: 400 } @media (min-width: 1024px) { .modal_macan_home form .modal_macan_home__container--right h3 { margin-bottom:30px } } .modal_macan_home form .modal_macan_home__container--right h3 span { font-weight: 700; font-size: 15px } @media (min-width: 1024px) { .modal_macan_home form .modal_macan_home__container--right h3 span { font-size:15px } } .modal_macan_home form .modal_macan_home__container--right .row-1 { width: 100%; display: flex; justify-content: space-between; flex-direction: column; gap: 20px } @media (min-width: 1024px) { .modal_macan_home form .modal_macan_home__container--right .row-1 { flex-direction:row; margin-top: 30px } } .modal_macan_home form .modal_macan_home__container--right .row-2 { position: relative } .modal_macan_home form .modal_macan_home__container--right .row-2 .email-error { position: absolute; font-size: 11px; color: red; left: 0; bottom: -15px } @media (max-width: 1023px) { .modal_macan_home form .modal_macan_home__container--right .row-2 { margin-bottom:5px !important } } .modal_macan_home form .modal_macan_home__container--right .row-1,.modal_macan_home form .modal_macan_home__container--right .row-2 { width: 100%; margin: 20px 0 } .modal_macan_home form .modal_macan_home__container--right .row-1 input,.modal_macan_home form .modal_macan_home__container--right .row-2 input { width: 100%; border-radius: 4px; height: 35px; padding: 10px 16px; font-size: 16px; line-height: 1.3333333; color: #001428; background-color: #fff; background-image: none; border: 1.5px solid #001428; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out } .modal_macan_home form .modal_macan_home__container--right .row-1 input::-moz-placeholder,.modal_macan_home form .modal_macan_home__container--right .row-2 input::-moz-placeholder { color: #001428; font-size: 14px } .modal_macan_home form .modal_macan_home__container--right .row-1 input:-ms-input-placeholder,.modal_macan_home form .modal_macan_home__container--right .row-2 input:-ms-input-placeholder { color: #001428; font-size: 14px } .modal_macan_home form .modal_macan_home__container--right .row-1 input::-ms-input-placeholder,.modal_macan_home form .modal_macan_home__container--right .row-2 input::-ms-input-placeholder { color: #001428; font-size: 14px } .modal_macan_home form .modal_macan_home__container--right .row-1 input::placeholder,.modal_macan_home form .modal_macan_home__container--right .row-2 input::placeholder { color: #001428; font-size: 14px } .modal_macan_home form .modal_macan_home__container--right .row-3 { font-size: 14px; margin-top: 20px; display: flex; align-items: center; gap: 20px } @media (max-width: 1023px) { .modal_macan_home form .modal_macan_home__container--right .row-3 { gap:0; flex-direction: column; align-items: flex-start; margin-top: 0 } .modal_macan_home form .modal_macan_home__container--right .row-3 p { margin-bottom: 5px } } .modal_macan_home form .modal_macan_home__container--right .row-3 .fieldset { border: none; padding: 0; display: flex; gap: 20px } .modal_macan_home form .modal_macan_home__container--right .row-3 .fieldset label { display: flex; align-items: center } .modal_macan_home form .modal_macan_home__container--right .row-3 .fieldset input { margin-right: 6px; accent-color: #001428; width: 1.3em; height: 1.3em } .modal_macan_home form .modal_macan_home__container--right .text-politics { margin-top: 25px } @media (min-width: 1024px) { .modal_macan_home form .modal_macan_home__container--right .text-politics { margin-top:5px } } .modal_macan_home form .modal_macan_home__container--right .text-politics .newsletter { display: flex; gap: 7px; align-items: flex-start } .modal_macan_home form .modal_macan_home__container--right .text-politics .newsletter input { width: 1.6em; height: 1.6em; margin-top: -6px; accent-color: #001428 } .modal_macan_home form .modal_macan_home__container--right .text-politics a,.modal_macan_home form .modal_macan_home__container--right .text-politics label { font-size: 12px; font-weight: 400 } .modal_macan_home form .modal_macan_home__container--right .text-politics a { color: #000 } .modal_macan_home form .modal_macan_home__container--right .text-politics ul { font-size: 11px; padding: 0 0 0 12px } .modal_macan_home form .modal_macan_home__container--right .contact-submit { cursor: pointer; border-radius: 50px; padding: 10px 16px; font-size: 16px; text-align: center; vertical-align: middle; position: absolute; right: 20px; color: #fff; background: #0e77da; border: 2px solid; font-weight: 700; bottom: 5px; width: 32% } @media (min-width: 1024px) { .modal_macan_home form .modal_macan_home__container--right .contact-submit { right:40px; bottom: -25px; width: 25% } } .modal_macan_home .mxmoto-motorola-components-2-x-modal__dialog--children { height: 100%; display: flex; justify-content: center; align-items: center } .modal_macan_home.bg-desktop { background-image: url("/arquivos/Pop UP _Mobile 720x400px.png"); background-size: contain } .modal_macan_home.bg-desktop .mxmoto-motorola-components-2-x-modal__dialog--button-close { color: #fff } @media (min-width: 1024px) { .modal_macan_home.bg-desktop .mxmoto-motorola-components-2-x-modal__dialog--button-close { color:#000 } } @media (min-width: 1024px) { .modal_macan_home.bg-desktop { background-image:url("/arquivos/Pop UP _Desktop 788x464px-.png") } } @media (min-width: 1024px) { .modal_macan_home.bg-desktop .mxmoto-motorola-components-2-x-modal__dialog--children { height:100%; display: flex; justify-content: flex-end; align-items: center } } .modal_macan_home.bg-desktop .sent-succesfully { color: #000; height: 100%; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; right: 40px } .modal_macan_home.bg-desktop .sent-succesfully h2 { font-weight: 400; font-size: 20px } @media (min-width: 1024px) { .modal_macan_home.bg-desktop .sent-succesfully h2 { font-size:20px } } .modal_macan_home.bg-desktop .sent-succesfully p { font-size: 18px; color: #0e77da } @media (max-width: 1023px) { .modal_macan_home.bg-desktop .sent-succesfully { margin:0 20px; right: auto } } .mxmoto-motorola-components-X7fBOCkaJDVTbl6IfRhCX { box-shadow: 0 6px 20px rgba(0,0,0,.16) } .mxmoto-motorola-components-7RupWpiqS-tp242MEK8mB { max-width: 1390px } @media (min-width: 1024px) { .mxmoto-motorola-components-7RupWpiqS-tp242MEK8mB { max-width:none } } .mxmoto-motorola-components-7RupWpiqS-tp242MEK8mB .vtex-input__suffix,.mxmoto-motorola-components-7RupWpiqS-tp242MEK8mB .vtex-styleguide-9-x-input { line-height: 20px; font-family: Montserrat; background: #f7f7f8 } .mxmoto-motorola-components-2eoG07v3Ugvwsz-cI4hpYu { height: 67px; flex-direction: row-reverse } .mxmoto-motorola-components-2eoG07v3Ugvwsz-cI4hpYu .vtex-input__suffix,.mxmoto-motorola-components-2eoG07v3Ugvwsz-cI4hpYu .vtex-styleguide-9-x-input { border-color: none; background: #fff } .mxmoto-motorola-components-1GaeD7jtQGUgrS--sT3e2C,.mxmoto-motorola-components-3P1oEfM1qvA31uX8GNStdA { height: 120px } @media (max-width: 1023px) { .mxmoto-motorola-components-1GaeD7jtQGUgrS--sT3e2C,.mxmoto-motorola-components-3P1oEfM1qvA31uX8GNStdA { height:130px } } @media (min-width: 1024px) { .mxmoto-motorola-components-7RupWpiqS-tp242MEK8mB { height:139px } .mxmoto-motorola-components-2eoG07v3Ugvwsz-cI4hpYu { height: 77px } } .mxmoto-motorola-components-1qFMmb-A-oP9IY5D3n9Qyv { height: 139px } @media (min-width: 1024px) { .mxmoto-motorola-components-1qFMmb-A-oP9IY5D3n9Qyv { height:139px } } .mxmoto-motorola-components-10AXPR8YuXeGNH3DvKpvVL { order: 3 } .mxmoto-motorola-components-ytSdHkainCgOc3yKpfRbQ { background: rgba(0,20,40,.9176470588); border-top: 4px solid #001428 } .mxmoto-motorola-components-1mW1BjN5Vrmnd3MAEO1O7v { align-items: center } .mxmoto-motorola-components-1djzrpDRHJBC8gRerfvJXu { color: #cf4039 } .mxmoto-motorola-components-204Uwe-MZU4O8oAkxAXb6i { background: #cf4039; color: #fff; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; padding: 15px 55px; border-radius: 5px; border: 1px solid #cf4039; border-bottom: 4px solid #bf3b35; cursor: pointer; outline: 0; transition: background .4s; width: 100% } @media (max-width: 768px) { .mxmoto-motorola-components-1mW1BjN5Vrmnd3MAEO1O7v>div { width:100% } } .mxmoto-motorola-components-2-x-modalDiscountContainer { width: 65%; z-index: 1000; top: 50%; left: 50%; background: #001428; transform: translate(-50%,-50%); position: fixed; padding: 2.5rem; height: 90%; border-radius: 10px } @media (max-width: 540px) { .mxmoto-motorola-components-2-x-modalDiscountContainer { padding:1rem; width: 100%; height: 90%; border-radius: 0 } } @media (max-width: 400px) { .mxmoto-motorola-components-2-x-modalDiscountContainer { height:100% } } .mxmoto-motorola-components-2-x-modalDiscountContainer h1 { text-align: center; font-size: 1.5rem; color: #fff; display: block; margin: .3rem .3rem 1rem; font-weight: 300; text-transform: uppercase } .mxmoto-motorola-components-2-x-modalDiscountContainer h1 strong { color: #ff554d } @media (max-width: 400px) { .mxmoto-motorola-components-2-x-modalDiscountContainer h1 { font-size:1.2rem } } .mxmoto-motorola-components-2-x-closeModalContainer { justify-content: flex-end; width: 100% } .mxmoto-motorola-components-2-x-closeModalContainer button { background-color: transparent; font-size: 18px; color: #fff; border: none; transition: all .3s ease; box-shadow: none; font-family: Montserrat,sans-serif; cursor: pointer } .mxmoto-motorola-components-2-x-closeModalContainer button:hover { -webkit-filter: brightness(.8); filter: brightness(.8) } .mxmoto-motorola-components-2-x-modalContent { max-height: 85%; overflow-y: auto; color: #fff; padding-right: 10px; text-align: justify; line-height: 1.5; width: 100% } @media (max-width: 540px) { .mxmoto-motorola-components-2-x-modalContent { font-size:12px } } .mxmoto-motorola-components-2-x-modalContent p { margin: 0 } .mxmoto-motorola-components-2-x-modalContent::-webkit-scrollbar { width: 8px } .mxmoto-motorola-components-2-x-modalContent::-webkit-scrollbar-track { background: #001428 } .mxmoto-motorola-components-2-x-modalContent::-webkit-scrollbar-thumb { background: #ddc8b7; border-radius: 20px } .mxmoto-motorola-components-3Ku-oVWQ4yI0qgMNxtReEn { position: relative; z-index: 9999 } .mxmoto-motorola-components-2dB1FNCRZHmEvYpMs1mqzc { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; background: rgba(0,0,0,.5) } .mxmoto-motorola-components-2Be154wMKhOFjzXI2YRC25 { width: 65%; top: 50%; left: 50%; background: #001428; transform: translate(-50%,-50%); z-index: 2; position: fixed; padding: 3rem } @media (max-width: 540px) { .mxmoto-motorola-components-2Be154wMKhOFjzXI2YRC25 { padding:2.2rem; width: 85% } } @media (max-width: 400px) { .mxmoto-motorola-components-2Be154wMKhOFjzXI2YRC25 { padding:1.8rem; width: 100% } } .mxmoto-motorola-components-2Be154wMKhOFjzXI2YRC25 p,.mxmoto-motorola-components-2P42P_R97x5PADRS3tnMQL { text-align: center; margin-bottom: 1rem; color: #ddc8b7; font-size: .7rem } .mxmoto-motorola-components-1EJ0glHz-f7ZPeNuHmYP98 { text-align: center; font-size: 1.5rem; color: #fff; display: block; margin-bottom: 1rem; font-weight: 300; text-transform: uppercase } .mxmoto-motorola-components-1EJ0glHz-f7ZPeNuHmYP98 strong { color: #ff554d } @media (max-width: 400px) { .mxmoto-motorola-components-1EJ0glHz-f7ZPeNuHmYP98 { font-size:1.2rem } } .mxmoto-motorola-components-9KnavhzKW17hsKz5peIBC { text-align: center; font-size: .9rem; line-height: 1.8; color: #ddc8b7; display: block; margin-bottom: 1rem } @media (max-width: 400px) { .mxmoto-motorola-components-9KnavhzKW17hsKz5peIBC { font-size:.7rem } } .mxmoto-motorola-components-3VWYRFkjb61AoiXgPbM8ve { width: 100% } .mxmoto-motorola-components-3VWYRFkjb61AoiXgPbM8ve .vtex-login-2-x-loginOptionsContainer .vtex-button { background: #001428 !important; transition: all .3s ease } .mxmoto-motorola-components-3VWYRFkjb61AoiXgPbM8ve .vtex-login-2-x-loginOptionsContainer .vtex-button:hover { background: #030725 !important } .mxmoto-motorola-components-3VWYRFkjb61AoiXgPbM8ve>div { width: 100%; min-width: 100%; max-width: 100%; height: auto; min-height: auto; background: none } .mxmoto-motorola-components-3VWYRFkjb61AoiXgPbM8ve>div h3,.mxmoto-motorola-components-3VWYRFkjb61AoiXgPbM8ve>div p { color: #ddc8b7; text-align: center; font-weight: 400; font-size: .9rem } .mxmoto-motorola-components-3VWYRFkjb61AoiXgPbM8ve>div span { color: #ddc8b7 } @media (max-width: 400px) { .mxmoto-motorola-components-3VWYRFkjb61AoiXgPbM8ve h3 { font-size:.7rem } } .mxmoto-motorola-components-3aR-rPL2JM5z4pNGJ6QoCY { width: 100% } .mxmoto-motorola-components-3aR-rPL2JM5z4pNGJ6QoCY button { color: #ddc8b7; font-size: 12px; cursor: pointer; background-color: transparent; border: 0; transition: all .3s ease; font-family: Montserrat,sans-serif } .mxmoto-motorola-components-3aR-rPL2JM5z4pNGJ6QoCY button:hover { -webkit-filter: brightness(.9); filter: brightness(.9) } .chat-mia { position: fixed; bottom: -9px; right: -6px; width: 100px; z-index: 9999 } @media (min-width: 1024px) { .chat-mia { right:0 } } .chat-mia img { cursor: pointer } .chat-mia .mxmoto-motorola-components-2-x-modal__dialog { position: absolute; top: 24%; left: 20px } @media (min-width: 1024px) { .chat-mia .mxmoto-motorola-components-2-x-modal__dialog { bottom:10px; right: 10px; top: auto; left: auto } } .chat-mia .mxmoto-motorola-components-2-x-modal__dialog--children { width: 90%; height: 100%; margin: auto; display: flex; align-items: center } .chat-mia .mxmoto-motorola-components-2-x-modal__dialog--children form { display: flex; flex-direction: column; align-items: center } .chat-mia .mxmoto-motorola-components-2-x-modal__dialog--children form h3,.chat-mia .mxmoto-motorola-components-2-x-modal__dialog--children form label { color: #fff } .chat-mia .mxmoto-motorola-components-2-x-modal__dialog--children form h3 { text-align: center; font-weight: 500 } .chat-mia .mxmoto-motorola-components-2-x-modal__dialog--children form div { width: 100%; display: flex; align-items: center; margin-bottom: 20px } .chat-mia .mxmoto-motorola-components-2-x-modal__dialog--children form div label { width: 30% } .chat-mia .mxmoto-motorola-components-2-x-modal__dialog--children form div input { width: 70%; height: 30px } .chat-mia .mxmoto-motorola-components-2-x-modal__dialog--children form button { height: 35px; border-radius: 25px } .chat-mia .mxmoto-motorola-components-2-x-modal__dialog--button-close { border: none; background: #ff554d; border-radius: 50%; color: #fff; width: 25px; height: 25px; font-size: 15px } .mxmoto-motorola-components-2HUepdYR8jq5FeIuYZaLp { position: fixed; display: flex; width: 100%; height: 50px; background-color: #001428; color: #fff; padding: 5px 0; border: none; z-index: 1; margin-top: 11.5rem; left: 0 } @media screen and (max-width: 1024px) { .mxmoto-motorola-components-2HUepdYR8jq5FeIuYZaLp { margin-top:6.5rem; height: 45px } } @media (min-width: 1025px) { .mxmoto-motorola-components-2HUepdYR8jq5FeIuYZaLp { margin-top:11.5rem } } .mxmoto-motorola-components-2HUepdYR8jq5FeIuYZaLp .mxmoto-motorola-components-3q7kPpsjgfhXe4m-02Lu9M { font-size: 16px; display: flex; align-items: center } @media screen and (max-width: 829px) { .mxmoto-motorola-components-2HUepdYR8jq5FeIuYZaLp .mxmoto-motorola-components-3q7kPpsjgfhXe4m-02Lu9M { font-size:11.5px; margin-left: 10px; margin-right: 10px; text-align: center } } .mxmoto-motorola-components-2HUepdYR8jq5FeIuYZaLp .mxmoto-motorola-components-3q7kPpsjgfhXe4m-02Lu9M i { font-size: .7rem } .mxmoto-motorola-components-2HUepdYR8jq5FeIuYZaLp .mxmoto-motorola-components-3q7kPpsjgfhXe4m-02Lu9M img { margin-right: 1rem; max-width: 100px !important; height: 22px } @media screen and (max-width: 1024px) { .mxmoto-motorola-components-GeqlnRXqNu46m2lcMksXY { margin-top:3.1rem } } @media (min-width: 1025px) { .mxmoto-motorola-components-GeqlnRXqNu46m2lcMksXY { margin-top:3.8rem } } .mxmoto-motorola-components-2y6Wj0awrgYZELPZ2rh0S_ { display: none } .mxmoto-motorola-components-2LF2wSAfDl_vTWajM6WAPQ { font-size: 10px; color: #001428; max-width: 20rem } .mxmoto-motorola-components-1cWA2UEqUeJl_Z919j0L__ { background: #08344e; color: #fff } @media (max-width: 1023px) { .mxmoto-motorola-components-3BARMMRMaYxTpaUPBQvqml { font-size:8px } } @media (max-width: 1250px) { .mxmoto-motorola-components-2LF2wSAfDl_vTWajM6WAPQ { display:none } } @media (min-width: 1251px) { .mxmoto-motorola-components-1cWA2UEqUeJl_Z919j0L__ { display:none } } .mxmoto-motorola-components-2l1b0vQWw86ZF_TOASQJkN { max-height: 500px } .mxmoto-motorola-components-2l1b0vQWw86ZF_TOASQJkN::-webkit-scrollbar { width: 7px } .mxmoto-motorola-components-2l1b0vQWw86ZF_TOASQJkN::-webkit-scrollbar-thumb { background: #001428; border-radius: 4px } .mxmoto-motorola-components-2l1b0vQWw86ZF_TOASQJkN::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #bfbfbf; border-radius: 4px } .mxmoto-motorola-components-29aFNEAm5f-oViWRdU0yNN:nth-child(odd) { flex-direction: row-reverse } .mxmoto-motorola-components-29aFNEAm5f-oViWRdU0yNN:nth-child(2n) .mxmoto-motorola-components-2C99RtgCPUMNGSWp7X3imN { padding-left: 10px } .mxmoto-motorola-components-29aFNEAm5f-oViWRdU0yNN:nth-child(odd) .mxmoto-motorola-components-2C99RtgCPUMNGSWp7X3imN { padding-right: 10px } .mxmoto-motorola-components-2aoRHMxcPFwUo457dm6JdC .c-on-action-primary,.mxmoto-motorola-components-2aoRHMxcPFwUo457dm6JdC .c-on-base,.mxmoto-motorola-components-2aoRHMxcPFwUo457dm6JdC .c-on-base--inverted { color: #001428 !important; font-family: Montserrat } .mxmoto-motorola-components-2aoRHMxcPFwUo457dm6JdC .vtex-store-components-3-x-portalContainer--header__search-bar { position: absolute !important; transform: translateY(42px); width: 100% !important } .mxmoto-motorola-components-2aoRHMxcPFwUo457dm6JdC .vtex-store-components-3-x-portalWrapper--header__search-bar>.flex.justify-end>.absolute { position: static !important; width: 100% !important } .mxmoto-motorola-components-2aoRHMxcPFwUo457dm6JdC .vtex-store-components-3-x-portalWrapper--header__search-bar>.flex.justify-end { position: static !important } .mxmoto-motorola-components-2aoRHMxcPFwUo457dm6JdC .vtex-store-components-3-x-searchBarContainer { padding: 0; border: 1px solid #e8e8e8; border-radius: 8px } @media (max-width: 1023px) { .mxmoto-motorola-components-2aoRHMxcPFwUo457dm6JdC .vtex-store-components-3-x-searchBarContainer { max-width:unset } } .mxmoto-motorola-components-2aoRHMxcPFwUo457dm6JdC svg:after { display: none } .mxmoto-motorola-components-mVWoKW-t_j_aF9zF1SZCR { width: 55%; flex: 1; max-width: 55%; -webkit-animation: mxmoto-motorola-components-IHuTz59kCMmFUWh-sdN-U .3s ease-in-out; animation: mxmoto-motorola-components-IHuTz59kCMmFUWh-sdN-U .3s ease-in-out } @media (max-width: 1023px) { .mxmoto-motorola-components-2RIFzRyOeXhoLZ-g6Kbv0F { width:90%; order: 2; padding-bottom: 0; justify-content: center } .mxmoto-motorola-components-mVWoKW-t_j_aF9zF1SZCR { max-width: unset; -webkit-animation: none; animation: none } } @media (max-width: 768px) { .mxmoto-motorola-components-2RIFzRyOeXhoLZ-g6Kbv0F { width:85% } } @-webkit-keyframes mxmoto-motorola-components-IHuTz59kCMmFUWh-sdN-U { 0% { transform: translateX(-90px) } to { transform: translateX(0) } } @keyframes mxmoto-motorola-components-IHuTz59kCMmFUWh-sdN-U { 0% { transform: translateX(-90px) } to { transform: translateX(0) } } .mxmoto-motorola-components-3Ou4tcNvJYaomSt5k6niYi { height: 30px; width: 30px } .mxmoto-motorola-components-1n2Za57D-0F0aBqyrjA9P_ { position: relative; height: auto; width: 118.5px } .mxmoto-motorola-components-6Ba2DUVITikkuN-mOnshq { -webkit-filter: none; filter: none } .mxmoto-motorola-components-PCtiqJpFXcjSIwYDIwgr3 { background: rgba(3,4,78,.5215686275) } .mxmoto-motorola-components-JaSo3Fh0lwgHNU6YWO-ua { font-family: Montserrat } .mxmoto-motorola-components-33ho4rXkcLUiea7MLqDMhT { max-height: calc(100vh - 4rem); overflow: auto } .mxmoto-motorola-components-33ho4rXkcLUiea7MLqDMhT::-webkit-scrollbar { width: 7px } .mxmoto-motorola-components-33ho4rXkcLUiea7MLqDMhT::-webkit-scrollbar-thumb { background: #ff5d4d; border-radius: 4px } @media (max-width: 1023px) { .mxmoto-motorola-components-33ho4rXkcLUiea7MLqDMhT { height:calc(100vh - 4rem); overflow: scroll } } .mxmoto-motorola-components-2xnC3IgcjCAAc4S3dBPYnY:not(:last-child) { border-bottom: 1px solid #e4e4e4 } .mxmoto-motorola-components-7EKsA6-Pu5Q7yLg2WPY8u { -webkit-filter: drop-shadow(0 2px 5px rgba(0,0,0,.1)); filter: drop-shadow(0 2px 5px rgba(0,0,0,.1)); transition: all .3s ease-in-out; transform: translateY(-10px); visibility: hidden } .mxmoto-motorola-components-7EKsA6-Pu5Q7yLg2WPY8u:before { content: ""; width: 0; max-height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-bottom: 25px solid #fff; position: absolute; top: -15px } .mxmoto-motorola-components-ylpCMyHW5KambBPXTR9uv { opacity: 1; transform: translateY(0); visibility: visible } .mxmoto-motorola-components-30cxlOa5x_xnwJktTofZjy { width: 22px; height: auto; max-width: unset } .mxmoto-motorola-components-McdAe6bG4GBzwpu5F7AsU { -webkit-filter: none; filter: none } @media (max-width: 1023px) { .mxmoto-motorola-components-30cxlOa5x_xnwJktTofZjy { width:20px } } .mxmoto-motorola-components-30cxlOa5x_xnwJktTofZjy[data-src="https://mxmoto.vtexassets.com/arquivos/header-white-opt-news.png"] { width: 28px } .mxmoto-motorola-components-3tIZnPENsUQVMeVx9vRgo7 { line-height: 14px; max-width: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #001428 } .mxmoto-motorola-components-1JozBIoTGXqQZmLZTwtiVV { font-size: 10px } .mxmoto-motorola-components-2dmopjXbyFp8-EB3_q1tE8 { width: 50% } @media (max-width: 1023px) { .mxmoto-motorola-components-2dmopjXbyFp8-EB3_q1tE8 { width:50%; gap: 5px !important } .mxmoto-motorola-components-2dmopjXbyFp8-EB3_q1tE8 .mxmoto-motorola-components-2AnXwPgiwGUJAKtwpX_GQA,.mxmoto-motorola-components-3uT6X6mRihoUr8LfkGIwsd .mxmoto-motorola-components-XKln0ZJafNo2lqpO0jDN6 { display: none } } .mxmoto-motorola-components-XKln0ZJafNo2lqpO0jDN6 { color: inherit } .mxmoto-motorola-components-3IANZcO5Rk_YwGt_6E7x0n .vtex-store-header-2-x-headerStickyRow .vtex-store-header-2-x-headerRowContentContainer { background-color: #fbf9f7 } .mxmoto-motorola-components-1yWVBVHF9HC7JXlYBFq5GB { width: 100% } .mxmoto-motorola-components-298OcgrGXKbSObwOf2ICug { width: auto; min-width: 45%; -webkit-animation: mxmoto-motorola-components-2TpAIPcu140JpDu1vtT-Ks .3s ease-in-out; animation: mxmoto-motorola-components-2TpAIPcu140JpDu1vtT-Ks .3s ease-in-out; overflow: hidden } @media (min-width: 1024px) { .mxmoto-motorola-components-2o7MFSR5l9enyC10Arhu0Y { border-top:1px solid #ebebeb } } @media (max-width: 1023px) { .mxmoto-motorola-components-1yWVBVHF9HC7JXlYBFq5GB { width:10%; order: 3 } .mxmoto-motorola-components-298OcgrGXKbSObwOf2ICug { -webkit-animation: none; animation: none; min-width: unset } } @media (max-width: 768px) { .mxmoto-motorola-components-1yWVBVHF9HC7JXlYBFq5GB { width:15% } } @-webkit-keyframes mxmoto-motorola-components-2TpAIPcu140JpDu1vtT-Ks { 0% { transform: translateY(20px) } to { transform: translateY(0) } } @keyframes mxmoto-motorola-components-2TpAIPcu140JpDu1vtT-Ks { 0% { transform: translateY(20px) } to { transform: translateY(0) } } .mxmoto-motorola-components-3mZKDFmAARvfRthmaldXlH { font-family: Montserrat; transition: .3s; border: 0; color: #001428 } .mxmoto-motorola-components-3mZKDFmAARvfRthmaldXlH:hover { color: #92c1e9 } .mxmoto-motorola-components-3mZKDFmAARvfRthmaldXlH:hover .mxmoto-motorola-components-1ni4CgUQibUe2QAUlSO30U,.mxmoto-motorola-components-3mZKDFmAARvfRthmaldXlH:hover .mxmoto-motorola-components-29-qJdCQxFwfYQOuGhHU6e,.mxmoto-motorola-components-3mZKDFmAARvfRthmaldXlH:hover .mxmoto-motorola-components-VYXmilU3bkoI3WedCXxkh { background: #92c1e9 } .mxmoto-motorola-components-1KfSzcOBVZv7ZT2TtZZ2O_ { width: 30px; margin-right: 6px; -webkit-backface-visibility: hidden; backface-visibility: hidden } .mxmoto-motorola-components-1KfSzcOBVZv7ZT2TtZZ2O_ .mxmoto-motorola-components-1ni4CgUQibUe2QAUlSO30U,.mxmoto-motorola-components-1KfSzcOBVZv7ZT2TtZZ2O_ .mxmoto-motorola-components-29-qJdCQxFwfYQOuGhHU6e,.mxmoto-motorola-components-1KfSzcOBVZv7ZT2TtZZ2O_ .mxmoto-motorola-components-VYXmilU3bkoI3WedCXxkh { display: block; height: 2px; border-radius: 8px; transition: .3s; margin: 5px 0; background-color: #001428 } .mxmoto-motorola-components-1KfSzcOBVZv7ZT2TtZZ2O_ .mxmoto-motorola-components-VYXmilU3bkoI3WedCXxkh { width: 24px } .mxmoto-motorola-components-1KfSzcOBVZv7ZT2TtZZ2O_ .mxmoto-motorola-components-1ni4CgUQibUe2QAUlSO30U { width: 20px } .mxmoto-motorola-components-1KfSzcOBVZv7ZT2TtZZ2O_ .mxmoto-motorola-components-29-qJdCQxFwfYQOuGhHU6e { width: 16px } .mxmoto-motorola-components-LvgRl7tWcDy9FWyNaxPLl { width: 19% } .mxmoto-motorola-components-1OohjveUc5-FEVAAJvU5s2 { width: 100% } @media (max-width: 1250px) { .mxmoto-motorola-components-1OohjveUc5-FEVAAJvU5s2 { width:100% } } .mxmoto-motorola-components-3CqeOibXtHGIYncro9d9OF { width: 14px; max-height: 16px; transition: transform .3s ease-in-out; -webkit-filter: invert(1); filter: invert(1) } .mxmoto-motorola-components-37aXYcADs2Cl7oMIbJfBL8 { padding: 20px 0 } .mxmoto-motorola-components-2h7jKvsTK8MvQVWpv8NZMM { color: #001428 } .mxmoto-motorola-components-2h7jKvsTK8MvQVWpv8NZMM:hover { color: #92c1e9 } .mxmoto-motorola-components-3a8pmEnp1UPZG_enymGKwB { color: #001428 } .mxmoto-motorola-components-2TdvQ9ALoG9OEzIa5TGjRL { font-family: Montserrat } .mxmoto-motorola-components-OvmAsVwl87A_y8MKPMrpj { border-bottom: 2px solid #000 } .mxmoto-motorola-components-3wSKgcoGzKLbTFtNt7oY5g:hover { border-radius: 12px; background-color: rgba(0,0,0,.08) } .mxmoto-motorola-components-2IvQ9ytz5FsKHE5VeCw8VE { color: #000; font-size: 1rem } .mxmoto-motorola-components-2Wvc1IL9Oj7huaJEyZvmAz { height: 100px; border-bottom: 1px solid rgba(0,0,0,.2) } .mxmoto-motorola-components-3PoEhWbT8uGcJzcULwkV_P { transition: .5s ease-in-out; visibility: visible; transform: translateY(16px); justify-content: space-between; width: 100% } .mxmoto-motorola-components-3PoEhWbT8uGcJzcULwkV_P.mxmoto-motorola-components-1EmVELBrm7Vt_NlqmGVUA- { transform: translateY(35px) } .mxmoto-motorola-components-7u0cZuncOcBzvUXcTDlL8 { transform: translateY(20px); transition: .3s ease-out; visibility: hidden; overflow: hidden } .mxmoto-motorola-components-38JSohSQ-dCyiEYSnW05Jd { padding-bottom: 20px; gap: 10px } .mxmoto-motorola-components-38JSohSQ-dCyiEYSnW05Jd li { padding-top: 10px } .mxmoto-motorola-components-2IXaNenUceNpXtWKA-GQjq { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; gap: 1rem; grid-column-gap: 10px; grid-row-gap: 0; line-height: 35px; grid-template-columns: repeat(auto-fill,minmax(min(50% - 1rem,12rem),1fr)) !important; justify-items: center; padding-left: 1rem; align-items: center } .mxmoto-motorola-components-2IXaNenUceNpXtWKA-GQjq>div ul { padding-left: .5rem; background: hsla(0,0%,96.5%,.8509803922); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); gap: 10px; top: 100% } .mxmoto-motorola-components-2IXaNenUceNpXtWKA-GQjq>div ul li { border: 1px solid rgba(38,55,72,0) } .mxmoto-motorola-components-2IXaNenUceNpXtWKA-GQjq>div ul li:hover { background: #fff; border: 1px solid hsla(0,0%,96.5%,.8509803922) } .mxmoto-motorola-components-2IXaNenUceNpXtWKA-GQjq>div ul a,.mxmoto-motorola-components-2IXaNenUceNpXtWKA-GQjq>div ul span { color: #001428 !important } .mxmoto-motorola-components-2IXaNenUceNpXtWKA-GQjq .mxmoto-motorola-components-5EQqi9ubDapP7iMrx2-7b { font-weight: 600 } .mxmoto-motorola-components-2-ODcVildJM9D2CTua3BDt,.mxmoto-motorola-components-3J9V6vgeEp0Q7Rmu06_XXl,.mxmoto-motorola-components-3smuugrn15EVrGOauBED63,.mxmoto-motorola-components-3UGQtbgEwCnSJrUugTO9WC,.mxmoto-motorola-components-7CP4IlihGxSsGFqxiADHV,.mxmoto-motorola-components-339_L4IBjuOUy-wWTnyeXg { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .mxmoto-motorola-components-339_L4IBjuOUy-wWTnyeXg:before { content: ""; display: block; width: 80%; border-top: 1px solid #e1e1e1; margin: 12px 0 } .mxmoto-motorola-components-3qawA7294Dxea3FNHWov7V { font-size: 18px } .mxmoto-motorola-components-1ZyMK2RAbCCpwDA_N5XDY_ { width: 55%; height: 100% } @media (min-width: 1100px) { .mxmoto-motorola-components-1ZyMK2RAbCCpwDA_N5XDY_ .mxmoto-motorola-components-1ZyMK2RAbCCpwDA_N5XDY_ { width:40% } } .mxmoto-motorola-components-2zfGBoeP7QVK77ZvVQ-_sZ { transition: all .5 ease-in-out } .mxmoto-motorola-components-2OkzwdDdEHhyCX65s69NDP { max-width: 1390px; background: #f9f9f9 } @media (min-width: 1024px) { .mxmoto-motorola-components-2OkzwdDdEHhyCX65s69NDP { max-width:none } } .mxmoto-motorola-components-ScQm12MBe6HN3NZ2QruG2 { background: #f5f5f5 } .mxmoto-motorola-components-1vFSC0-kKQ5ZP-6o3AjWN6 { transition: .5s ease-in-out; visibility: visible; transform: translateY(16px); width: 100% } .mxmoto-motorola-components-1vFSC0-kKQ5ZP-6o3AjWN6.mxmoto-motorola-components-12Pr2oRLQFvSlAAEGBCs6C { transform: translateY(36px) } .mxmoto-motorola-components-2sk6dBmruR3Z7pNdrtYuzU { transform: translateY(20px); transition: .3s ease-out; visibility: hidden; overflow: hidden } .mxmoto-motorola-components-38LAxh18G_0HJRhmAyA-ZM { cursor: pointer; padding-bottom: 20px; height: 100% } .mxmoto-motorola-components-38LAxh18G_0HJRhmAyA-ZM:hover .mxmoto-motorola-components-2zfGBoeP7QVK77ZvVQ-_sZ { background: #3b3b3b } .mxmoto-motorola-components-38LAxh18G_0HJRhmAyA-ZM:hover .mxmoto-motorola-components-2D42IWgm5GsHsBZj7HuFOe { z-index: 1; opacity: 1; visibility: visible; transition: all .1s ease-in } .mxmoto-motorola-components-38LAxh18G_0HJRhmAyA-ZM:hover .mxmoto-motorola-components-DZaPui_7neNdZazYghrPA { background: #e6e7e8 } .mxmoto-motorola-components-38LAxh18G_0HJRhmAyA-ZM:hover .mxmoto-motorola-components-108WnqNc5ovYrkVKCuQVCL--main { transform: translate(-7px) } .mxmoto-motorola-components-38LAxh18G_0HJRhmAyA-ZM:hover .mxmoto-motorola-components-108WnqNc5ovYrkVKCuQVCL--second { transform: translate(7px) } .mxmoto-motorola-components-DZaPui_7neNdZazYghrPA { display: flex; flex-direction: row; align-items: center; position: relative; width: 230px; text-decoration: none; cursor: pointer; background: #fff; border: 1px solid #c9c9c9; border-radius: 12px } .mxmoto-motorola-components-32gvW4oVT1Wf1NzCYrkjKC { max-width: 100px; margin: 0; padding: 0; border-radius: 12px } .mxmoto-motorola-components-108WnqNc5ovYrkVKCuQVCL { position: relative; display: flex; flex-direction: row; width: 100px; height: 100px; justify-content: center } .mxmoto-motorola-components-108WnqNc5ovYrkVKCuQVCL--main,.mxmoto-motorola-components-108WnqNc5ovYrkVKCuQVCL--second { max-width: 100px; margin: 0; padding: 0; transition: all .5s ease-in; position: absolute } .mxmoto-motorola-components-108WnqNc5ovYrkVKCuQVCL--main { left: -12px } .mxmoto-motorola-components-1SrYgfAz0xMQM8wbwYscfV { display: flex; flex-direction: column; gap: 4px; line-height: normal } .mxmoto-motorola-components-2jHfUj3m2i2UweAYfJhHr- { color: #001428; font-size: 16px; line-height: normal } .mxmoto-motorola-components-LgGHLko0Z9wK7Hi1we-7w { color: #0e77da; font-size: 11px; white-space: nowrap } .mxmoto-motorola-components-3R6V6Ltae_yJMym7t8aOjI { padding: 0 1em } .mxmoto-motorola-components-2D42IWgm5GsHsBZj7HuFOe { position: absolute; width: 100%; background: #fff; display: flex; flex-direction: row; left: 0; z-index: 1; flex-wrap: wrap; padding: .5rem; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; z-index: -1; opacity: 0; justify-content: flex-start; visibility: hidden } .mxmoto-motorola-components-2aBKcQ5V6ne4r7W7L78xao { line-height: 18px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-width: 20%; align-items: center; display: flex; justify-content: center; cursor: pointer; color: #001428; border-radius: 12px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; width: 24%; margin: 0 } .mxmoto-motorola-components-2aBKcQ5V6ne4r7W7L78xao a { border: 1px solid rgba(38,55,72,0); padding: 1rem 1.5rem; border-radius: 12px; width: 100%; display: flex; justify-content: flex-start } .mxmoto-motorola-components-2aBKcQ5V6ne4r7W7L78xao label { background-color: #001428; border-radius: 7px; padding: 0 6px 1px; font-size: 12px; margin-left: 5px; font-weight: 700; position: relative; top: -1px; background: #0e77da; color: #fff } .mxmoto-motorola-components-2EqnWBCrr8gL2yS5FMONbl { border: 1px solid #001428 !important } .mxmoto-motorola-components-2EqnWBCrr8gL2yS5FMONbl a { justify-content: center } .mxmoto-motorola-components-2spS9n2pzAGrFj_4T8LmNG { width: 589px; min-width: 680px } .mxmoto-motorola-components-3MtYIrcX1Bzv_hrY4hSLY3 { background-size: cover !important; background-position: center 5% !important; min-height: 460px } .mxmoto-motorola-components-CdzxtXD1-d7FFja-SMYmg { max-width: 200px } .mxmoto-motorola-components-2g0WXr3fcJHMImGsKxj_3A { width: 35% } .mxmoto-motorola-components-1Ii4OZ8fn1wPfRtKB4eFG1 { font-family: montserrat } .mxmoto-motorola-components-2eahHV1C8kDSkApzq3nTRK { width: 65% } .mxmoto-motorola-components-2BKTluouvf-1qYR9hQsr9Q { width: 370px; height: auto } .f-95p { font-size: 95% } .c-link { color: #0e77da !important } .mxmoto-motorola-components-1Y5OAcnIyqVxtpItRbzW1H { background: rgba(0,0,0,.3); position: fixed; width: 100%; height: 100%; left: 0; top: 0; font-family: Montserrat } .mxmoto-motorola-components-2NQPpkF9m9USEQetZPwOh6 { transition: all .4s ease-in-out } .mxmoto-motorola-components-21c9fSLkeORlcSjPP-fN0z { -webkit-filter: contrast(.5); filter: contrast(.5) } .mxmoto-motorola-components-339ck43f_4O-9--izp22g6 { -webkit-filter: none; filter: none } .mxmoto-motorola-components-2NQPpkF9m9USEQetZPwOh6::-webkit-scrollbar { width: 7px } .mxmoto-motorola-components-2NQPpkF9m9USEQetZPwOh6::-webkit-scrollbar-thumb { background: #ff5d4d; border-radius: 4px } .mxmoto-motorola-components-2NQPpkF9m9USEQetZPwOh6::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #bfbfbf; border-radius: 4px } .mxmoto-motorola-components-3Kv4BmuI1i1Eav8GmLJUIM { -webkit-animation: mxmoto-motorola-components-12nWNgwg3LefYcwSVVrSDx .3s ease-in-out; animation: mxmoto-motorola-components-12nWNgwg3LefYcwSVVrSDx .3s ease-in-out; transform: translatex(0); opacity: 1 } .mxmoto-motorola-components-LSyfVuupFxlGC1JMixyqP { visibility: hidden; transform: translatex(-100%); opacity: 0 } @media (max-width: 1023px) { .mxmoto-motorola-components-2NQPpkF9m9USEQetZPwOh6 { width:100% !important; background: #fff } .mxmoto-motorola-components-2NQPpkF9m9USEQetZPwOh6 .c-base { color: #001428 } } .mxmoto-motorola-components-3JNmHqVyhi3mIzpoKEMOLa { border-bottom: 1px solid #d5d5d5 } @-webkit-keyframes mxmoto-motorola-components-12nWNgwg3LefYcwSVVrSDx { 0% { transform: translatex(-100%) } 1% { opacity: 1 } to { transform: translatex(0) } } @keyframes mxmoto-motorola-components-12nWNgwg3LefYcwSVVrSDx { 0% { transform: translatex(-100%) } 1% { opacity: 1 } to { transform: translatex(0) } } @media (max-width: 1023px) { .mxmoto-motorola-components-1zVBBtUVLbjP_2i1qy3A5u { -webkit-filter:none; filter: none } .mxmoto-motorola-components-1UoEyhY3gjJOfhq5nHwkV { padding: 0 } } .mxmoto-motorola-components-2TiDO0NTNtTuplngUFGl9_ { border-bottom: 1px solid #e4e4e4 } .mxmoto-motorola-components-kBTkAeJ1pKKScfJjqACI9 { font-family: Montserrat } @media (max-width: 1023px) { .mxmoto-motorola-components-1qMefJPNN5hS8Bps_PTmJg { color:#001428 } } @-webkit-keyframes mxmoto-motorola-components-6xlgcM91YxVEERv1ppsS_ { 0% { transform: translateX(0); opacity: 0 } 1% { opacity: 1 } to { transform: translateX(375px) } } @keyframes mxmoto-motorola-components-6xlgcM91YxVEERv1ppsS_ { 0% { transform: translateX(0); opacity: 0 } 1% { opacity: 1 } to { transform: translateX(375px) } } @-webkit-keyframes mxmoto-motorola-components-hIJIt3x7lp9kAj7yWGZeR { 0% { transform: translateX(375px); opacity: 1 } to { transform: translateX(0); opacity: 1 } } @keyframes mxmoto-motorola-components-hIJIt3x7lp9kAj7yWGZeR { 0% { transform: translateX(375px); opacity: 1 } to { transform: translateX(0); opacity: 1 } } .mxmoto-motorola-components-3CFBCkrj95rBYpq_pmpmLn { transition: .3s ease-in-out } .mxmoto-motorola-components-308-7Ehy2LmJE0gRNkP1yw { -webkit-animation: mxmoto-motorola-components-6xlgcM91YxVEERv1ppsS_ .3s ease-in-out; animation: mxmoto-motorola-components-6xlgcM91YxVEERv1ppsS_ .3s ease-in-out; transform: translateX(375px); opacity: 1 } .mxmoto-motorola-components-22BJ9zdzfPd_5By7qCpZSQ { transform: translatex(-100%); opacity: 0; visibility: hidden } @media (max-width: 1023px) { .mxmoto-motorola-components-3CFBCkrj95rBYpq_pmpmLn { background:#fff } .mxmoto-motorola-components-308-7Ehy2LmJE0gRNkP1yw { z-index: 99999; width: 100% !important; transform: translateX(0) !important; -webkit-animation: none; animation: none; opacity: 1 } .mxmoto-motorola-components-3CFBCkrj95rBYpq_pmpmLn .c-base { color: #001428 } } .mxmoto-motorola-components-3CFBCkrj95rBYpq_pmpmLn li.mxmoto-motorola-components-14CJ7u71bY1az0de1VoXVy a span label { background-color: #fff; color: #0e77da; border-radius: 7px; padding: 0 6px 1px; font-size: 12px; margin-left: 5px; font-weight: 700; position: relative; top: -1px } @media (max-width: 1023px) { .mxmoto-motorola-components-2v1k-zVF1YZ0s2Jjjn5SlK { -webkit-filter:none; filter: none } .mxmoto-motorola-components-3U84i1P18-MLTaMSRwiVZ3 { padding: 0 } } .mxmoto-motorola-components-14CJ7u71bY1az0de1VoXVy { border-bottom: 1px solid #d5d5d5 } .mxmoto-motorola-components-3CFBCkrj95rBYpq_pmpmLn::-webkit-scrollbar { width: 7px } .mxmoto-motorola-components-3CFBCkrj95rBYpq_pmpmLn::-webkit-scrollbar-thumb { background: #ff5d4d; border-radius: 4px } .mxmoto-motorola-components-3CFBCkrj95rBYpq_pmpmLn::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #bfbfbf; border-radius: 4px } #snowComponent .snow { color: #fff; position: absolute; top: -100px } @-webkit-keyframes fall { 0% { top: -100px } to { top: 100vh } } @keyframes fall { 0% { top: -100px } to { top: 100vh } } .mxmoto-motorola-components-GFqGJE5jCF3wBue5DUFut { display: flex; width: 100%; background-color: #d2d2d2; border: none } .mxmoto-motorola-components-3OemziMH2oXib7bqTlr3Ea { position: fixed; z-index: 1; margin-top: 11rem; left: 0 } @media screen and (max-width: 480px) { .mxmoto-motorola-components-GFqGJE5jCF3wBue5DUFut { line-height:20px } .mxmoto-motorola-components-3OemziMH2oXib7bqTlr3Ea { margin-top: 7.2rem } } @media screen and (min-width: 481px)and (max-width:830px) { .mxmoto-motorola-components-GFqGJE5jCF3wBue5DUFut { margin-top:1.5rem; line-height: 20px } .mxmoto-motorola-components-3OemziMH2oXib7bqTlr3Ea { margin-top: 6.5rem } } .mxmoto-motorola-components-19hvZeisz29VJUXcnPsVyA { margin-top: 3.8rem !important } @media screen and (max-width: 480px) { .mxmoto-motorola-components-19hvZeisz29VJUXcnPsVyA { margin-top:3.2rem !important } } @media screen and (min-width: 481px)and (max-width:830px) { .mxmoto-motorola-components-19hvZeisz29VJUXcnPsVyA { margin-top:3rem !important } } .mxmoto-motorola-components-3Qt5Ag-E0Ev6pXVXXF641R { display: none !important } .mxmoto-motorola-components-1UdZDNrTZ4o2uql7Ws3W9t { font-weight: 400; color: #000; text-align: center; width: 80%; margin: 0 auto; font-size: 12px } .mxmoto-motorola-components-1UdZDNrTZ4o2uql7Ws3W9t p { margin: 4px } @media screen and (max-width: 480px) { .mxmoto-motorola-components-1UdZDNrTZ4o2uql7Ws3W9t { font-size:11px; width: 100%; line-height: normal !important } .mxmoto-motorola-components-1UdZDNrTZ4o2uql7Ws3W9t p { margin: 2px 15px } } .mxmoto-motorola-components-1bvEg89Fwm1gZQUVhazLa2 { width: 100%; padding: 1em 1em 0; height: auto } .mxmoto-motorola-components-23jtAHoISYGtHJBy_YvUoj { width: 100%; text-align: center } .mxmoto-motorola-components-23jtAHoISYGtHJBy_YvUoj h2 { margin: 0 0 5px } .mxmoto-motorola-components-23jtAHoISYGtHJBy_YvUoj p { margin: 0 0 15px } .mxmoto-motorola-components-UbsP4nvQm6zr3RjaSYoLH { width: 100%; display: flex; justify-content: center } .mxmoto-motorola-components-2VxXWoo_AqLrdYrdOoOV4H { width: auto; padding: 5px 10px; display: block; text-align: center } .mxmoto-motorola-components-LF52bQzNkynT_jTTRXWVa { font-weight: 600; font-size: 32px; margin: 0; background: #001428; color: #fff; padding: 1px 3px } .mxmoto-motorola-components-1GlWO_RPhfjk1tvsKw8ERZ { font-weight: 400; font-size: 12px } .mxmoto-motorola-components-k0K5dRboBorbG33nxHr2f { display: none } .mxmoto-motorola-components-3i_3oy_cCe6sNIZ_LDk_NF { width: 100%; height: auto; margin-top: 47px; display: flex; align-items: center; position: relative; padding: 0 } @media (max-width: 1023px) { .mxmoto-motorola-components-3i_3oy_cCe6sNIZ_LDk_NF { flex-direction:column; gap: 0; margin-top: 25px } } .mxmoto-motorola-components-S0DIBHxAzkLcF7JD0LJXZ { width: 75%; display: flex; text-align: center; align-items: center; gap: 10px; position: relative } @media (max-width: 1023px) { .mxmoto-motorola-components-S0DIBHxAzkLcF7JD0LJXZ { width:100%; max-width: none; justify-content: center } } .mxmoto-motorola-components-S0DIBHxAzkLcF7JD0LJXZ h2 { margin: 0; padding: 0; width: 100% } @media (max-width: 1023px) { .mxmoto-motorola-components-S0DIBHxAzkLcF7JD0LJXZ h2 { font-size:16px } } .mxmoto-motorola-components-S0DIBHxAzkLcF7JD0LJXZ p { margin: 0; padding: 0 } @media (max-width: 1023px) { .mxmoto-motorola-components-S0DIBHxAzkLcF7JD0LJXZ p { font-size:14px } } .mxmoto-motorola-components-2AUV7y_HBD8Nf797y1eP4I { display: flex; width: 100%; text-decoration: none } @media (max-width: 1023px) { .mxmoto-motorola-components-2AUV7y_HBD8Nf797y1eP4I { width:80%; padding: 10px 0 } } .mxmoto-motorola-components-2NilecWYYEl0TsysIT1vw8 { width: 100% } .mxmoto-motorola-components-1IQULWCOP3pnMmfSQNjk1z { width: 25%; display: flex; justify-content: center } @media (max-width: 1023px) { .mxmoto-motorola-components-1IQULWCOP3pnMmfSQNjk1z { width:100% } } .mxmoto-motorola-components-3tsXS7FICCeBPMs4GBKe8c { width: auto; padding: 5px 10px; display: block; text-align: center } .mxmoto-motorola-components-2-73R9r8tMYgUIBIsHvBW4 { font-weight: 700; font-size: 24px; margin: 0 } @media (max-width: 1023px) { .mxmoto-motorola-components-2-73R9r8tMYgUIBIsHvBW4 { font-size:18px } } .mxmoto-motorola-components-68ZGW7ABK5Ln0JIj0xToF { font-weight: 400; font-size: 12px } .mxmoto-motorola-components-W1QQCuyKVHHB0IGeu4jq6 { width: auto; padding: 5px 0; display: block; text-align: center } .mxmoto-motorola-components-1rZr_xFeUDhOP_hQxRhxp7 { font-weight: 700; font-size: 24px; margin: 0 } @media (max-width: 1023px) { .mxmoto-motorola-components-1rZr_xFeUDhOP_hQxRhxp7 { font-size:18px } } .mxmoto-motorola-components-PxM_DYpjDRr1KwExb4B4M { border-radius: 100%; padding: .5rem; border-style: none; display: flex; align-items: center; position: absolute; right: -5px; top: -5px; cursor: pointer; background: none } .mxmoto-motorola-components-PxM_DYpjDRr1KwExb4B4M svg { width: 20px; height: 20px } @-webkit-keyframes mxmoto-motorola-components-1MW-2csjm4NicfSKVYVAl5 { 0% { opacity: 0 } to { opacity: 1 } } @keyframes mxmoto-motorola-components-1MW-2csjm4NicfSKVYVAl5 { 0% { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes mxmoto-motorola-components-2TZnqfU-_nzg-0yGnTBkz_ { 0% { transform: translateY(130px) } to { transform: translateY(0) } } @keyframes mxmoto-motorola-components-2TZnqfU-_nzg-0yGnTBkz_ { 0% { transform: translateY(130px) } to { transform: translateY(0) } } .mxmoto-motorola-components-3vlRbvdcIG9W1o4pRNZ6hp:not(:first-child):before { align-self: center; content: ""; position: absolute; right: 20px; top: 12.5px; height: 60px; -webkit-animation: mxmoto-motorola-components-1MW-2csjm4NicfSKVYVAl5 .5s ease-in-out; animation: mxmoto-motorola-components-1MW-2csjm4NicfSKVYVAl5 .5s ease-in-out; border-left: 1px solid #92c1e9 } .mxmoto-motorola-components-1DYzCOCwYltI4TrRDlbEzc { right: 8px; top: 8px; border: 1.6px solid #fff; width: 15px; height: 15px; border-radius: 50% } .mxmoto-motorola-components-1K3No7nt2O5ALZF5QQNMh7 { width: 10px } .mxmoto-motorola-components-32WJOKEiLEBZMtbRqT4lql { background: #011b34; border: 1px solid #082e53; -webkit-animation: mxmoto-motorola-components-2TZnqfU-_nzg-0yGnTBkz_ .5s ease-in-out; animation: mxmoto-motorola-components-2TZnqfU-_nzg-0yGnTBkz_ .5s ease-in-out; box-shadow: 7px 7px 14px #000a14,-7px -7px 14px #001e3c } .mxmoto-motorola-components-1MOBFNUTbJaA3ejK3EC6Vj { height: 60px; background-image: radial-gradient(circle closest-side,rgba(62,141,255,.4),rgba(62,141,255,.36),rgba(62,141,255,.13),rgba(62,141,255,.07),rgba(62,141,255,0)) } .mxmoto-motorola-components-10_Me0Ea-Zya4axdfvES0R { justify-content: space-evenly; padding-left: 20px } @media screen and (max-width: 1024px) { .mxmoto-motorola-components-32WJOKEiLEBZMtbRqT4lql { flex-direction:column } .mxmoto-motorola-components-2bk7GQ5F_4yuBPboKzhodI { display: none } } @media screen and (max-width: 768px) { .mxmoto-motorola-components-3vlRbvdcIG9W1o4pRNZ6hp { height:184px } .mxmoto-motorola-components-3vlRbvdcIG9W1o4pRNZ6hp:not(:first-child):before { content: none; -webkit-animation: none; animation: none } .mxmoto-motorola-components-32WJOKEiLEBZMtbRqT4lql { -webkit-animation: mxmoto-motorola-components-1MW-2csjm4NicfSKVYVAl5 .5s ease-in-out; animation: mxmoto-motorola-components-1MW-2csjm4NicfSKVYVAl5 .5s ease-in-out } .mxmoto-motorola-components-10_Me0Ea-Zya4axdfvES0R { padding: 0 } .mxmoto-motorola-components-1MOBFNUTbJaA3ejK3EC6Vj { width: 100%; max-width: 130px; height: auto } .mxmoto-motorola-components-aMOUlJhK10E5smxz2d9NI { text-align: center; font-size: 14px } } .mxmoto-motorola-components-2-x-modal { background-color: rgba(0,0,0,.75); width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 9999; display: none; justify-content: center; align-items: center } .mxmoto-motorola-components-2-x-modal ::-webkit-scrollbar { width: 7px } .mxmoto-motorola-components-2-x-modal ::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #bfbfbf; border-radius: 4px } .mxmoto-motorola-components-2-x-modal ::-webkit-scrollbar-thumb { background: #ff5d4d; border-radius: 4px } .mxmoto-motorola-components-2-x-modal__dialog { padding: 10px; color: #000; position: relative } .mxmoto-motorola-components-2-x-modal__dialog--button-close { position: absolute; right: 9px; float: right; font-size: 1.5rem; cursor: pointer } .mxmoto-motorola-components-2-x-modal__dialog--children { margin: 0 } .mxmoto-motorola-components-2-x-modal-open { display: grid } .modal_launch { padding: 0 !important; border-radius: 5px; color: #000 !important; background-color: #fff; background-repeat: no-repeat; max-width: 100%; position: relative } .modal_launch .mxmoto-motorola-components-2-x-modal__dialog--button-close { color: #000; border-radius: 50%; cursor: pointer; justify-content: center; padding: 0 10px 3px; z-index: 100; border: 1px solid; right: 20px; top: 20px; background: none; position: absolute; display: block !important } @media (max-width: 1023px) { .modal_launch .mxmoto-motorola-components-2-x-modal__dialog--button-close { top:5px; right: 5px; color: #fff } } .modal_launch form { width: 100%; margin: auto } @media (max-width: 1023px) { .modal_launch form { margin:0; height: 100% } } .modal_launch form .modal_launch__container { display: flex; flex-direction: row; position: relative; height: 100% } @media (max-width: 1023px) { .modal_launch form .modal_launch__container { flex-direction:column } } .modal_launch form .modal_launch__container--left { display: flex; justify-content: center; align-items: flex-end; position: inherit } @media (min-width: 1024px) { .modal_launch form .modal_launch__container--left { width:100%; height: 100% } } .modal_launch form .modal_launch__container--left h2 { font-size: 20px } @media (min-width: 1024px) { .modal_launch form .modal_launch__container--left h2 { font-size:36px } } .modal_launch form .modal_launch__container--right { width: 100%; top: 49%; padding: 10px 20px; position: absolute } @media (min-width: 1024px) { .modal_launch form .modal_launch__container--right { width:40%; right: 57px; top: 40px; padding: 0 10px } } .modal_launch form .modal_launch__container--right h3 { display: flex; flex-direction: column; gap: 12px; font-size: 17px; font-weight: 400 } @media (min-width: 1024px) { .modal_launch form .modal_launch__container--right h3 { margin-bottom:30px } } @media (max-width: 1023px) { .modal_launch form .modal_launch__container--right h3 { margin:30px 0 } } .modal_launch form .modal_launch__container--right h3 span { font-weight: 700; font-size: 16px } @media (min-width: 1024px) { .modal_launch form .modal_launch__container--right h3 span { font-size:18px } } .modal_launch form .modal_launch__container--right h3 span.font-weight-normal { font-weight: 500 !important; font-size: 14px } @media (min-width: 1024px) { .modal_launch form .modal_launch__container--right h3 span.font-weight-normal { font-size:17px } } .modal_launch form .modal_launch__container--right .img-logo { content: url(/arquivos/motorola-lockup-001428-.png); width: 50%; max-width: 50% !important } @media (max-width: 1023px) { .modal_launch form .modal_launch__container--right .img-logo { width:60%; max-width: 60% !important } } .modal_launch form .modal_launch__container--right .row-1 { width: 100%; display: flex; justify-content: space-between; flex-direction: column; gap: 20px } @media (min-width: 1024px) { .modal_launch form .modal_launch__container--right .row-1 { flex-direction:row; margin-top: 30px } } .modal_launch form .modal_launch__container--right .row-2 { position: relative } .modal_launch form .modal_launch__container--right .row-2 .email-error { position: absolute; font-size: 11px; color: red; left: 0; bottom: -15px } @media (max-width: 1023px) { .modal_launch form .modal_launch__container--right .row-2 { margin-bottom:5px !important } } .modal_launch form .modal_launch__container--right .row-1,.modal_launch form .modal_launch__container--right .row-2 { width: 100%; margin: 15px 0 } .modal_launch form .modal_launch__container--right .row-1 input,.modal_launch form .modal_launch__container--right .row-2 input { width: 100%; border-radius: 7px; height: 35px; padding: 10px 16px; font-size: 16px; line-height: 1.3333333; color: #001428; background-color: #fff; background-image: none; border: 1.5px solid #bcbcbc; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out } .modal_launch form .modal_launch__container--right .row-1 input::-moz-placeholder,.modal_launch form .modal_launch__container--right .row-2 input::-moz-placeholder { color: #bcbcbc; font-size: 14px } .modal_launch form .modal_launch__container--right .row-1 input:-ms-input-placeholder,.modal_launch form .modal_launch__container--right .row-2 input:-ms-input-placeholder { color: #bcbcbc; font-size: 14px } .modal_launch form .modal_launch__container--right .row-1 input::-ms-input-placeholder,.modal_launch form .modal_launch__container--right .row-2 input::-ms-input-placeholder { color: #bcbcbc; font-size: 14px } .modal_launch form .modal_launch__container--right .row-1 input::placeholder,.modal_launch form .modal_launch__container--right .row-2 input::placeholder { color: #bcbcbc; font-size: 14px } .modal_launch form .modal_launch__container--right .row-3 { font-size: 14px; margin-top: 20px; display: flex; align-items: center; gap: 20px } @media (max-width: 1023px) { .modal_launch form .modal_launch__container--right .row-3 { gap:10px; flex-direction: row; align-items: center; margin-top: 10px } } .modal_launch form .modal_launch__container--right .row-3 .fieldset { border: none; padding: 0; display: flex; gap: 20px } .modal_launch form .modal_launch__container--right .row-3 .fieldset label { display: flex; align-items: center } .modal_launch form .modal_launch__container--right .row-3 .fieldset input { margin-right: 6px; accent-color: #001428; width: 1.3em; height: 1.3em } .modal_launch form .modal_launch__container--right .text-politics { margin-top: -10px } @media (min-width: 1024px) { .modal_launch form .modal_launch__container--right .text-politics { margin-top:5px } } .modal_launch form .modal_launch__container--right .text-politics .newsletter { display: flex; gap: 7px; align-items: flex-start; margin-bottom: 10px } .modal_launch form .modal_launch__container--right .text-politics .newsletter input { width: 1.6em; height: 1.6em; margin-top: -6px; accent-color: #001428 } .modal_launch form .modal_launch__container--right .text-politics a,.modal_launch form .modal_launch__container--right .text-politics label { font-size: 12px; font-weight: 400; color: #000 } .modal_launch form .modal_launch__container--right .text-politics a { color: #000 } .modal_launch form .modal_launch__container--right .contact-submit { cursor: pointer; border-radius: 50px; padding: 10px 16px; font-size: 16px; text-align: center; vertical-align: middle; right: 20px; color: #fff; background: #001428; border: 2px solid; font-weight: 400; bottom: 0; width: 32% } .modal_launch form .modal_launch__container--right .contact-submit:disabled { background-color: #c6c6c6; border-color: #c6c6c6; color: grey } @media (min-width: 1024px) { .modal_launch form .modal_launch__container--right .contact-submit { position:absolute; left: 0; bottom: -40px; width: 25% } } .modal_launch .mxmoto-motorola-components-2-x-modal__dialog--children { height: 100%; display: flex; justify-content: center; align-items: center } .modal_launch.bg-desktop { background-image: url(/arquivos/4-29-combined-thank-you-m-.jpg); background-size: cover; background-position-x: center } .modal_launch.bg-desktop .motoecuador-motorola-store-2-x-modal__dialog--button-close { color: #000 } @media (min-width: 1024px) { .modal_launch.bg-desktop { background-image:url(/arquivos/4-29-combined-thank-you-d-.jpg) } } @media (min-width: 1024px) { .modal_launch.bg-desktop .mxmoto-motorola-components-2-x-modal__dialog--children { height:100%; display: flex; justify-content: flex-end; align-items: center } } .modal_launch.bg-desktop .sent-succesfully { color: #000; height: 100%; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; width: 40%; margin: 0 auto } @media (max-width: 1023px) { .modal_launch.bg-desktop .sent-succesfully { margin:0 20px; width: 100% } } .modal_launch.bg-desktop .sent-succesfully .img-logo { content: url(/arquivos/motorola-lockup-001428-.png); width: 50% } @media (max-width: 1023px) { .modal_launch.bg-desktop .sent-succesfully .img-logo { width:82% } } .modal_launch.bg-desktop .sent-succesfully h2 { font-weight: 100; font-size: 46px } @media (min-width: 1024px) { .modal_launch.bg-desktop .sent-succesfully h2 { font-size:40px } } .modal_launch.bg-desktop .sent-succesfully span { font-size: 16px } @media (min-width: 1024px) { .modal_launch.bg-desktop .sent-succesfully span { font-size:15px } } .modal_launch.bg-desktop .sent-succesfully p { font-size: 20px; color: #000 } @media (min-width: 1024px) { .modal_launch.bg-desktop .sent-succesfully p { font-size:25px; margin-top: 0 !important } } .mxmoto-motorola-components-1kneVNOU3Mt9nUQWaxw9Me { width: -webkit-max-content; width: -moz-max-content; width: max-content; margin-right: 10rem } .mxmoto-motorola-components-3nq-aW5Yb9v6CcHojBY0-P { max-height: 200px; max-width: 250px; width: 150px } .mxmoto-motorola-components-1es1ePXp14I7vGW-rrm7E1 { margin-bottom: 32px } .mxmoto-motorola-components-2macxznnFzc36ZT18q0hB_ { display: flex; justify-content: center; align-items: center; width: 120px; height: 36px; line-height: 50px; border-radius: 20px; opacity: 1; margin-right: 16px } .mxmoto-motorola-components-2macxznnFzc36ZT18q0hB_:hover { transition: all .2s ease-out } @media (max-width: 1440px) { .mxmoto-motorola-components-1es1ePXp14I7vGW-rrm7E1,.mxmoto-motorola-components-2T1pJt9q2DIAa6AuIk2E_l { margin-bottom:16px } } @media (max-width: 768px) { .mxmoto-motorola-components-3nq-aW5Yb9v6CcHojBY0-P { margin-left:24px; margin-bottom: 8px; width: 140px; max-height: 80px } .mxmoto-motorola-components-2T1pJt9q2DIAa6AuIk2E_l { margin-bottom: 8px } .mxmoto-motorola-components-1es1ePXp14I7vGW-rrm7E1 { margin-bottom: 8px; width: 200px } .mxmoto-motorola-components-2macxznnFzc36ZT18q0hB_ { border-width: 1px; padding: 8px; line-height: 16px; text-align: center } .mxmoto-motorola-components-1kneVNOU3Mt9nUQWaxw9Me { padding-top: 20px; justify-content: flex-start; align-items: flex-start; width: 100%; margin-right: 0 } .mxmoto-motorola-components-rEnB0QDFuiPPsqEsDqnhI { display: flex; justify-content: space-around; flex-direction: column; margin-left: 24px } .mxmoto-motorola-components-2Svw7aj-ft_SIFegR1I63W { max-width: 191px; overflow-wrap: break-word } .mxmoto-motorola-components-1j00WrVkXB50DZs9WUlqCx { max-width: 90vw } } .mxmoto-motorola-components--yZrJkaEOk_e42kTdOwOB div { display: flex; justify-content: center; align-items: center; width: 100%; overflow: hidden; height: 32vw } .mxmoto-motorola-components-2IBo0vOwYpApOp_d32YuMP { max-height: 447px } @media (min-width: 1024px) { .mxmoto-motorola-components-2IBo0vOwYpApOp_d32YuMP { max-height:none; height: auto } } .mxmoto-motorola-components-2IBo0vOwYpApOp_d32YuMP img { display: block } .mxmoto-motorola-components-2IBo0vOwYpApOp_d32YuMP .mxmoto-motorola-components-2-x-videoContainer { border: none !important; display: inline } .mxmoto-motorola-components--yZrJkaEOk_e42kTdOwOB iframe { position: absolute; top: -13vw; left: 0; height: calc(40vw + 316px); width: 100% } .mxmoto-motorola-components-3QIyjmlGfGsE0YmsInsJ4i div { display: flex; justify-content: center; align-items: center; width: 100%; overflow: hidden; height: 99vw } .mxmoto-motorola-components-3QIyjmlGfGsE0YmsInsJ4i iframe { position: absolute; height: 99vw } .mxmoto-motorola-components-2yEc95KgWS6ClJ0c3D1zHQ { padding-left: 10%; padding-right: 10% } @media (max-width: 768px) { .mxmoto-motorola-components--yZrJkaEOk_e42kTdOwOB { display:none } .mxmoto-motorola-components-2yEc95KgWS6ClJ0c3D1zHQ { padding: 0 16px !important } } @media (max-width: 769px) { .mxmoto-motorola-components-2IBo0vOwYpApOp_d32YuMP { max-height:940px } .mxmoto-motorola-components-3QIyjmlGfGsE0YmsInsJ4i { display: none } } .mxmoto-motorola-components-2biHpvuLnxuP596Zz0rpPx [class*=paginationDotsContainer] { justify-content: flex-start } .mxmoto-motorola-components-3WOsaKicQoEgoRtJ1ahUm1 [class*=paginationDotsContainer] { justify-content: center } .mxmoto-motorola-components-1JZofKmb48MU3cOLQGSAyD [class*=paginationDotsContainer] { justify-content: flex-end } .mxmoto-motorola-store-components-0-x-containerSpecial .mxmoto-motorola-components-1YMlUrg-fPQef2158Ydfbs { max-width: 1920px; margin: auto } .mxmoto-motorola-store-components-0-x-containerSpecial .mxmoto-motorola-components-1YMlUrg-fPQef2158Ydfbs [class*=sliderLayoutContainer] { padding-bottom: 100px } @media screen and (max-width: 766px) { .mxmoto-motorola-store-components-0-x-containerSpecial .mxmoto-motorola-components-1YMlUrg-fPQef2158Ydfbs [class*=sliderLayoutContainer] { padding-bottom:0 } } .mxmoto-motorola-components-1jdcRVAVYdAc4flTiLrwp6 { width: 100%; margin-top: 30px } @media (max-width: 1023px) { .mxmoto-motorola-components-1jdcRVAVYdAc4flTiLrwp6 { margin-top:20px } } .vtex-flex-layout-0-x-flexRow--carousel-home .mxmoto-motorola-components-1jdcRVAVYdAc4flTiLrwp6 { margin-top: 61px } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexRow--carousel-home .mxmoto-motorola-components-1jdcRVAVYdAc4flTiLrwp6 { margin-top:85px } } .mxmoto-motorola-components-1YMlUrg-fPQef2158Ydfbs [class*=paginationDot] { transition: all .2s ease-out; margin-left: 10px; padding: 0; border-radius: 3px; height: 2px !important; width: 54px !important; background-color: hsla(0,0%,82.4%,.6078431373) } .mxmoto-motorola-components-1YMlUrg-fPQef2158Ydfbs [class*=paginationDot--isActive] { background-color: #fff } .mxmoto-motorola-components-1YMlUrg-fPQef2158Ydfbs [class*=paginationDotsContainer] { display: flex; background-color: transparent; width: 100% !important; border: none; position: absolute; bottom: 100px; padding-left: 10%; padding-right: 3%; margin: auto auto -15px !important } @media screen and (max-width: 768px) { .mxmoto-motorola-components-1YMlUrg-fPQef2158Ydfbs [class*=paginationDotsContainer] { width:300px; justify-content: center !important; padding-left: 0; padding-right: 0 } } .mxmoto-motorola-components-1YMlUrg-fPQef2158Ydfbs [class*=sliderLeftArrow] svg,.mxmoto-motorola-components-1YMlUrg-fPQef2158Ydfbs [class*=sliderRightArrow] svg { width: 20px; z-index: 1 } .mxmoto-motorola-components-1YMlUrg-fPQef2158Ydfbs [class*=sliderLeftArrow],.mxmoto-motorola-components-1YMlUrg-fPQef2158Ydfbs [class*=sliderRightArrow] { z-index: 99; width: 60px; height: 60px; border-radius: 200px; padding: 15px 6px; margin: 0 10px; color: #fff !important; opacity: unset } .mxmoto-motorola-components-1YMlUrg-fPQef2158Ydfbs [class*=sliderLeftArrow]:hover,.mxmoto-motorola-components-1YMlUrg-fPQef2158Ydfbs [class*=sliderRightArrow]:hover { color: #fff !important; opacity: unset; transition: all .2s ease-out } .mxmoto-motorola-components-1YMlUrg-fPQef2158Ydfbs [class*=sliderLeftArrow]:after { content: ""; width: 40px; height: 40px; position: absolute; background: rgba(0,0,0,.2); border-radius: 50%; left: 10px } .mxmoto-motorola-components-1YMlUrg-fPQef2158Ydfbs [class*=sliderRightArrow]:after { content: ""; width: 40px; height: 40px; position: absolute; background: rgba(0,0,0,.2); border-radius: 50%; left: 8px } .mxmoto-motorola-components-6vl9cTZt6JdWn7WA8HppU { width: 60px; position: relative; bottom: 47px; left: 275px } .mxmoto-motorola-components-1N1R5szbD4ttXLXeqEOLls { cursor: pointer; background: none; border: none } @media (max-width: 768px) { .mxmoto-motorola-components-1YMlUrg-fPQef2158Ydfbs [class*=sliderLeftArrow],.mxmoto-motorola-components-1YMlUrg-fPQef2158Ydfbs [class*=sliderRightArrow] { display:none } .mxmoto-motorola-components-6vl9cTZt6JdWn7WA8HppU { bottom: 43px; left: 285px } } .vtex-store-components-3-x-container { } .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 } .vtex-store-components-3-x-discountContainer,.vtex-store-components-3-x-discountInsideContainer { } .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-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-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-search-2-x-biggy-autocomplete-wrapper { width: 50vw } .vtex-search-2-x-biggy-autocomplete { position: absolute; transition: opacity .15s ease-in .05s,max-height .3s ease-out,padding .6s ease-out; padding: 20px 0 10px; max-height: 630px; box-shadow: 0 5px 7px rgba(0,0,0,.2); background: #fff; overflow: auto; display: flex } .vtex-search-2-x-close-btn { cursor: pointer; position: absolute; top: 10px; right: 10px; background: none; border: none; outline: none } .vtex-search-2-x-history-and-top-wrapper { display: flex; flex: 1 } .vtex-search-2-x-biggy-js-container--hidden { opacity: 0; max-height: 0 !important; padding: 0 } .vtex-search-2-x-tileList { flex: 2; vertical-align: top; border-left: 1px solid #eee } .vtex-search-2-x-tileListList { } .vtex-search-2-x-tileList ul { padding: 0; display: flex } .vtex-search-2-x-tileListTitle { margin-bottom: 5px; padding: 0 20px; font-size: 14px; font-weight: 600; text-transform: uppercase } .vtex-search-2-x-tileListItem { display: flex; flex: 1 } .vtex-search-2-x-tileListSeeMore { display: block; height: 60px; line-height: 60px; font-size: 13px; color: #787878; text-align: center } .vtex-search-2-x-tileListSpinner { display: flex; height: 80%; justify-content: center; align-items: center } .vtex-search-2-x-tileListFooter { } @media only screen and (min-width: 1024px) { .vtex-search-2-x-tileList { display:inline-block } } .vtex-search-2-x-clearLink { } .vtex-search-2-x-element { position: relative } .vtex-search-2-x-imageContainer { max-height: 80px } .vtex-search-2-x-image,.vtex-search-2-x-information,.vtex-search-2-x-priceContainer,.vtex-search-2-x-priceNew,.vtex-search-2-x-priceOld,.vtex-search-2-x-productBrand,.vtex-search-2-x-productNameContainer { } .vtex-search-2-x-discount { background: #e4012e; color: #fff; position: absolute; top: 1px; left: 1px; font-size: 14px } .vtex-search-2-x-itemList { flex: 1; vertical-align: top; font-family: Open Sans,Roboto,sans-serif } .vtex-search-2-x-itemListList,.vtex-search-2-x-itemListList li { padding: 0; margin: 0 } .vtex-search-2-x-itemList ol,.vtex-search-2-x-itemList ul { padding: 0; list-style: none } .vtex-search-2-x-itemListTitle { margin-bottom: 5px; padding: 0 20px; font-size: 14px; font-weight: 600; text-transform: uppercase } .vtex-search-2-x-itemListItem a,.vtex-search-2-x-itemListItem a:hover { display: block; height: 35px; line-height: 35px; padding: 0 20px; font-size: 13px; text-decoration: none; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .vtex-search-2-x-itemListItem a:hover { background: #eee } .vtex-search-2-x-itemListSubItem a { padding: 0 30px; font-weight: 600; text-transform: capitalize; white-space: nowrap; text-overflow: ellipsis; margin-right: 16px; overflow: hidden } .vtex-search-2-x-itemListSubItemLink { } .vtex-search-2-x-itemListIcon,.vtex-search-2-x-itemListPrefix { display: inline-block; width: 30px; font-weight: 600; color: #999 } .vtex-search-2-x-itemList--history,.vtex-search-2-x-itemList--suggestion,.vtex-search-2-x-itemListLink,.vtex-search-2-x-itemListLinkTitle { } .vtex-search-2-x-itemList--top-search { width: 100% } @media only screen and (min-width: 1025px) { .vtex-search-2-x-itemList { overflow:hidden } } .vtex-store-video-1-x-videoContainer:-webkit-full-screen .vtex-store-video-1-x-videoElement { width: 100%; height: 100% } .vtex-store-video-1-x-videoContainer:-ms-fullscreen .vtex-store-video-1-x-videoElement { width: 100%; height: 100% } .vtex-store-video-1-x-videoContainer:fullscreen .vtex-store-video-1-x-videoElement { width: 100%; height: 100% } .vtex-store-video-1-x-videoElement { -o-object-fit: cover; object-fit: cover } .vtex-store-video-1-x-volumeSlider { width: 5rem; margin-top: 0 } .vtex-store-video-1-x-button { border: none; background: none; color: #fff; cursor: pointer } .vtex-store-video-1-x-button:-webkit-full-screen { position: fixed } .vtex-store-video-1-x-button:-ms-fullscreen { position: fixed } .vtex-store-video-1-x-button:fullscreen { position: fixed } .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 { } .vtex-modal-layout-0-x-backdropContainer { z-index: -1; position: fixed; right: 0; bottom: 0; top: 0; left: 0; touch-action: none } .vtex-modal-layout-0-x-paperScrollContent { max-height: calc(100% - 4rem); overflow: auto } .vtex-modal-layout-0-x-paperNotFullScreen { margin: 2rem } .vtex-modal-layout-0-x-contentScroll { -webkit-overflow-scrolling: "touch" } .vtex-modal-layout-0-x-fullScreenModal { max-height: none } .vtex-modal-layout-0-x-headerContainer { flex-basis: auto } .vtex-modal-layout-0-x-hiddenContainer { overflow: hidden } .vtex-modal-layout-0-x-backdropContainer { z-index: -1; position: fixed; right: 0; bottom: 0; top: 0; left: 0; touch-action: none } .vtex-modal-layout-0-x-paperScrollContent { max-height: calc(100% - 4rem); overflow: auto } .vtex-modal-layout-0-x-paperNotFullScreen { margin: 2rem } .vtex-modal-layout-0-x-contentScroll { -webkit-overflow-scrolling: "touch" } .vtex-modal-layout-0-x-fullScreenModal { max-height: none } .vtex-modal-layout-0-x-headerContainer { flex-basis: auto } .vtex-modal-layout-0-x-hiddenContainer { overflow: hidden } .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-product-summary-2-x-containerInline .vtex-product-summary-2-x-imageContainer { max-width: 30% } .vtex-product-summary-2-x-containerInline .vtex-product-summary-2-x-imageContainer>img { max-height: 100% } .vtex-product-summary-2-x-buyButton,.vtex-product-summary-2-x-buyButtonContainer,.vtex-product-summary-2-x-container,.vtex-product-summary-2-x-containerInline,.vtex-product-summary-2-x-containerInlinePrice,.vtex-product-summary-2-x-containerSmall,.vtex-product-summary-2-x-description,.vtex-product-summary-2-x-element,.vtex-product-summary-2-x-image,.vtex-product-summary-2-x-information,.vtex-product-summary-2-x-quantityStepperContainer { } .vtex-product-summary-2-x-imageInline { max-height: 7rem } .vtex-product-summary-2-x-isHidden { visibility: hidden } .vtex-product-summary-2-x-containerNormal,.vtex-product-summary-2-x-nameContainer { } .vtex-product-summary-2-x-clearLink { text-decoration: inherit; color: inherit } .vtex-product-summary-2-x-aspectRatio { padding-top: 100%; background: 50%/contain no-repeat } .vtex-product-summary-2-x-attachmentItemContainer,.vtex-product-summary-2-x-attachmentListContainer,.vtex-product-summary-2-x-priceContainer,.vtex-product-summary-2-x-SKUSelectorContainer { } .vtex-product-summary-2-x-imageNormal { max-height: 17.56rem } .vtex-product-summary-2-x-addToListBtn,.vtex-product-summary-2-x-attachmentChildrenContainer,.vtex-product-summary-2-x-hoverEffect,.vtex-product-summary-2-x-imagePlaceholder,.vtex-product-summary-2-x-imageStackContainer { } .vtex-product-summary-2-x-hoverEffect:hover .vtex-product-summary-2-x-hoverImage { display: inline } .vtex-product-summary-2-x-hoverEffect:hover .vtex-product-summary-2-x-mainImageHovered { opacity: 0 } .vtex-product-summary-2-x-hoverImage { } .vtex-product-summary-2-x-priceSpinner { border: 2px solid rgba(0,0,0,.1); border-left-color: #4d4d4d; border-radius: 50%; width: 20px; height: 20px; -webkit-animation: vtex-product-summary-2-x-spin .5s linear infinite; animation: vtex-product-summary-2-x-spin .5s linear infinite } @-webkit-keyframes vtex-product-summary-2-x-spin { to { transform: rotate(1turn) } } @keyframes vtex-product-summary-2-x-spin { to { transform: rotate(1turn) } } .vtex-product-summary-2-x-sponsoredBadgeContainer,.vtex-product-summary-2-x-sponsoredBadgeText { } .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-flex-layout-0-x-flexRow--trending-shelf .vtex-store-components-3-x-container { padding: 0 !important } .vtex-flex-layout-0-x-flexRow--trending-shelf .vtex-flex-layout-0-x-flexRowContent--trending-shelf { display: flex; justify-content: start !important; flex-wrap: wrap } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--breadcrumb-view-all { padding:0 16px } } .vtex-flex-layout-0-x-flexRow--breadcrumb-view-all .vtex-store-components-3-x-container { padding: 0 } .vtex-flex-layout-0-x-flexRow--title-orderby { margin-bottom: 56px } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--title-orderby { padding:0 16px; margin-bottom: 48px } } .vtex-flex-layout-0-x-flexRow--title-orderby .vtex-store-components-3-x-container { padding: 0 } .vtex-flex-layout-0-x-flexRow--title-orderby .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--title-orderby { display: flex; align-items: center } .vtex-flex-layout-0-x-flexRow--title-orderby .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--title-orderby .vtex-flex-layout-0-x-flexCol--orderby-filter { display: flex; flex-direction: row; align-items: center; justify-content: flex-end } .vtex-flex-layout-0-x-flexRow--title-orderby .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--title-orderby .vtex-flex-layout-0-x-flexCol--orderby-filter .vtex-flex-layout-0-x-flexColChild--orderby-filter { display: flex; justify-content: flex-end } .vtex-flex-layout-0-x-flexRow--result-view-all .vtex-store-components-3-x-container { padding: 0 } .vtex-flex-layout-0-x-flexRow--result-view-all .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--result-view-all .vtex-flex-layout-0-x-stretchChildrenWidth:first-child { transition: .3s ease-in-out } .vtex-flex-layout-0-x-flexRow--row-orderby-familly { padding: 0 83px; background: #fff; max-width: 1920px; width: 100%; margin: 0 auto } @media (min-width: 1024px) { .vtex-flex-layout-0-x-flexRow--row-orderby-familly { position:sticky; top: 100px; z-index: 101 } } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--row-orderby-familly { flex-direction:column; padding: 24px 12px 0 24px; margin-bottom: 12px } } .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container { padding: 0; max-width: 1920px } .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--row-orderby-familly .vtex-flex-layout-0-x-stretchChildrenWidth:first-child { justify-content: flex-start; align-items: center } .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--row-orderby-familly .vtex-flex-layout-0-x-stretchChildrenWidth:last-child { justify-content: flex-end } .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--row-orderby-familly .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-flex-layout-0-x-flexCol--orderby-filter { flex-direction: row; justify-content: flex-end; align-items: center } .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--row-orderby-familly .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-flex-layout-0-x-flexCol--orderby-filter .vtex-flex-layout-0-x-flexColChild--orderby-filter { display: flex; align-items: center } .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--row-orderby-familly .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-flex-layout-0-x-flexCol--logo-orderby { flex-direction: row } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--row-orderby-familly .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-flex-layout-0-x-flexCol--logo-orderby { flex-direction:column } } .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--row-orderby-familly .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-flex-layout-0-x-flexCol--logo-orderby .vtex-store-components-3-x-imageElement { min-width: 81px } .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--row-orderby-familly .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-flex-layout-0-x-flexCol--logo-orderby .vtex-flex-layout-0-x-flexColChild--logo-orderby { display: flex; align-items: center } .vtex-flex-layout-0-x-flexRowContent--view-all-fetch-more,.vtex-flex-layout-0-x-flexRowContent--view-all-fetch-previous { margin: 0 } .vtex-flex-layout-0-x-flexRow--result-familly .vtex-store-components-3-x-container { padding: 0; max-width: 1920px } .vtex-flex-layout-0-x-flexRow--result-familly .vtex-flex-layout-0-x-flexRowContent--result-familly .vtex-flex-layout-0-x-flexCol--filterCol-familly { background: #fff; padding: 48px 0 10px 83px } @media (min-width: 1024px) { .vtex-flex-layout-0-x-flexRow--result-familly .vtex-flex-layout-0-x-flexRowContent--result-familly .vtex-flex-layout-0-x-flexCol--filterCol-familly .vtex-flex-layout-0-x-flexColChild--filterCol-familly .vtex-search-result-3-x-filters--layout { top:170px } } .vtex-flex-layout-0-x-flexRow--result-familly .vtex-flex-layout-0-x-flexRowContent--result-familly .vtex-flex-layout-0-x-flexCol--content-products-view-all { background: #f8f8f8; padding: 20px 83px 36px 8px } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--result-familly .vtex-flex-layout-0-x-flexRowContent--result-familly .vtex-flex-layout-0-x-flexCol--content-products-view-all { padding:0 } } .vtex-flex-layout-0-x-flexRow--orderby-filter-familly-sticky { background: #fff; position: fixed; bottom: 0; width: 100%; z-index: 999; box-shadow: 0 12px 28px 0 #000 } .vtex-flex-layout-0-x-flexRow--orderby-filter-familly-sticky .vtex-store-components-3-x-container { padding: 0 !important } .vtex-flex-layout-0-x-flexRow--orderby-filter-familly-sticky .vtex-flex-layout-0-x-flexRowContent--orderby-filter-familly-sticky { display: flex; flex-wrap: nowrap } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--orderby-filter-familly-sticky .vtex-flex-layout-0-x-flexRowContent--orderby-filter-familly-sticky .vtex-flex-layout-0-x-flexCol--filterCol { border-right:2px solid #eee } } .vtex-flex-layout-0-x-flexRow--family-seo-container { background-color: #f4f4f4; width: 100%; height: auto; max-width: 1920px; margin: 0 auto } .vtex-flex-layout-0-x-flexCol--family-seo-block { background-color: #fff; height: auto; min-height: 275px; border-radius: 16px; margin: 20px; padding: 0 35px } @media (max-width: 768px) { .vtex-flex-layout-0-x-flexCol--family-seo-block { margin:0; padding: 0 15px } } .vtex-flex-layout-0-x-flexRowContent--family-seo-container { display: flex; justify-content: center; max-width: 1920px; padding: 40px } @media (max-width: 768px) { .vtex-flex-layout-0-x-flexRowContent--family-seo-container { flex-direction:column; padding: 0 } } .vtex-flex-layout-0-x-flexRow--family-logo-wrapper { position: absolute; padding-top: 25px; display: flex; width: 100% } @media (max-width: 768px) { .vtex-flex-layout-0-x-flexRow--family-logo-wrapper .vtex-flex-layout-0-x-flexRowContent--family-logo-wrapper { padding-top:70px } } .vtex-flex-layout-0-x-flexRow--family-full-width .vtex-store-components-3-x-container { max-width: 1920px; padding: 0 } @media (max-width: 768px) { .vtex-flex-layout-0-x-flexRow--family-full-width .vtex-store-components-3-x-container { padding-left:0; padding-right: 0 } } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--family-full-width .vtex-flex-layout-0-x-flexRowContent--family-full-width .vtex-flex-layout-0-x-stretchChildrenWidth { width:100% !important } } .vtex-flex-layout-0-x-flexRow--view-all-fetch-more { padding-top: 30px } .vtex-login-2-x-container .vtex-button .vtex-button__label .vtex-login-2-x-profileIcon,.vtex-minicart-2-x-minicartWrapperContainer .vtex-minicart-2-x-minicartContainer .vtex-minicart-2-x-openIconContainer .vtex-button .vtex-button__label .vtex-minicart-2-x-minicartIconContainer .vtex-minicart-2-x-cartIcon { color: #fff } .vtex-modal-layout-0-x-triggerContainer--familly { width: 100%; padding: 16px 0; cursor: pointer } .vtex-modal-layout-0-x-modal--modal-content-familly .vtex-modal-layout-0-x-container--modal-content-familly { align-items: flex-end } .vtex-modal-layout-0-x-modal--modal-content-familly .vtex-modal-layout-0-x-container--modal-content-familly .vtex-modal-layout-0-x-paper--modal-content-familly { width: 100%; padding: 0 24px 32px; border-radius: 0 } .vtex-modal-layout-0-x-modal--modal-content-familly .vtex-modal-layout-0-x-container--modal-content-familly .vtex-modal-layout-0-x-paper--modal-content-familly .vtex-modal-layout-0-x-headerContainer--modal-header-familly { border: none; padding: 32px 0; display: flex; align-items: center } .vtex-modal-layout-0-x-modal--modal-content-familly .vtex-modal-layout-0-x-container--modal-content-familly .vtex-modal-layout-0-x-paper--modal-content-familly .vtex-modal-layout-0-x-headerContainer--modal-header-familly .vtex-modal-layout-0-x-closeButtonContainer--modal-header-familly { background: rgba(0,0,0,.5); border-radius: 50% } .vtex-modal-layout-0-x-modal--modal-content-familly .vtex-modal-layout-0-x-container--modal-content-familly .vtex-modal-layout-0-x-paper--modal-content-familly .vtex-modal-layout-0-x-headerContainer--modal-header-familly .vtex-modal-layout-0-x-closeButtonContainer--modal-header-familly .vtex-modal-layout-0-x-closeButton--modal-header-familly { border-radius: 50%; padding: 5px 5px 0 } .vtex-modal-layout-0-x-modal--modal-content-familly .vtex-modal-layout-0-x-container--modal-content-familly .vtex-modal-layout-0-x-paper--modal-content-familly .vtex-modal-layout-0-x-headerContainer--modal-header-familly .vtex-modal-layout-0-x-closeButtonContainer--modal-header-familly .vtex-modal-layout-0-x-closeButton--modal-header-familly .vtex-modal-layout-0-x-closeIcon--modal-header-familly { color: #fff } .vtex-product-price-1-x-listPrice--trending-shelf { color: #c1c1c1; margin-right: 5px } .vtex-product-price-1-x-sellingPrice--trending-shelf { color: #c1c1c1 } @media screen and (max-width: 640px) { .vtex-product-price-1-x-listPrice--trending-shelf,.vtex-product-price-1-x-sellingPrice--trending-shelf { font-size:14px } } .vtex-product-summary-2-x-container--trending-shelf { background-color: #0b1e32; border: .5px solid hsla(0,0%,100%,.05); border-radius: 0; margin: 0 10px; padding: 12px 13px 24px } @media screen and (max-width: 640px) { .vtex-product-summary-2-x-container--trending-shelf { margin:0 5px } } .vtex-product-summary-2-x-container--trending-shelf .vtex-product-summary-2-x-element { padding: 0 } .vtex-product-summary-2-x-container--trending-shelf .vtex-product-summary-2-x-imageContainer { height: 200px } @media screen and (max-width: 1024px) { .vtex-product-summary-2-x-container--trending-shelf .vtex-product-summary-2-x-imageContainer { height:auto } } .vtex-product-summary-2-x-container--trending-shelf .vtex-product-summary-2-x-imageContainer .vtex-product-summary-2-x-image { transition: transform .2s } .vtex-product-summary-2-x-container--trending-shelf .vtex-product-summary-2-x-imageContainer .vtex-product-summary-2-x-image:hover { transform: scale(1.05) } .vtex-product-summary-2-x-container--trending-shelf .vtex-product-summary-2-x-nameContainer { font-family: Gotham A,Gotham B,ruble !important; justify-content: start } .vtex-product-summary-2-x-container--trending-shelf .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-productNameContainer { text-align: left } .vtex-product-summary-2-x-container--trending-shelf .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-productNameContainer .vtex-product-summary-2-x-brandName { font-family: inherit; color: #fff; font-size: 24px } @media screen and (max-width: 320px) { .vtex-product-summary-2-x-container--trending-shelf .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-productNameContainer .vtex-product-summary-2-x-brandName { font-size:16px } } .vtex-product-summary-2-x-container--trending-shelf .vtex-store-components-3-x-discountInsideContainer { display: none !important } .vtex-rich-text-0-x-container--breadcrumb-view-all { margin-bottom: 24px } .vtex-rich-text-0-x-container--breadcrumb-view-all .vtex-rich-text-0-x-wrapper--breadcrumb-view-all .vtex-rich-text-0-x-paragraph--breadcrumb-view-all .vtex-rich-text-0-x-link--breadcrumb-view-all { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 18px; line-height: 30px; font-weight: 400; letter-spacing: -.77px; color: #93bfe6; text-decoration: none } .vtex-rich-text-0-x-container--view-all-title .vtex-rich-text-0-x-wrapper--view-all-title .vtex-rich-text-0-x-headingLevel1--view-all-title { margin: 0; font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 36px; line-height: 36px; font-weight: 700; letter-spacing: -.77px; color: #fff; text-decoration: none; white-space: nowrap } @media (max-width: 1024px) { .vtex-rich-text-0-x-container--view-all-title .vtex-rich-text-0-x-wrapper--view-all-title .vtex-rich-text-0-x-headingLevel1--view-all-title { font-size:20px; line-height: 27px } } .vtex-rich-text-0-x-container--orderby-mobile-button,.vtex-rich-text-0-x-container--orderby-mobile-button .vtex-rich-text-0-x-wrapper--orderby-mobile-button { width: 100% } .vtex-rich-text-0-x-container--orderby-mobile-button .vtex-rich-text-0-x-wrapper--orderby-mobile-button .vtex-rich-text-0-x-paragraph--orderby-mobile-button { width: 100%; margin: 0 !important; font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 14px; font-weight: 500; color: #000; text-transform: uppercase; display: flex; align-items: center; justify-content: center } .vtex-rich-text-0-x-container--orderby-mobile-button .vtex-rich-text-0-x-wrapper--orderby-mobile-button .vtex-rich-text-0-x-paragraph--orderby-mobile-button .vtex-rich-text-0-x-image--orderby-mobile-button { margin-right: 8px } .vtex-rich-text-0-x-container--orderby-mobile-header .vtex-rich-text-0-x-wrapper--orderby-mobile-header .vtex-rich-text-0-x-paragraph--orderby-mobile-header { margin: 0 !important; font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 32px; font-weight: 500; color: #000; text-transform: uppercase } .vtex-rich-text-0-x-container--orderby-mobile-header .vtex-rich-text-0-x-wrapper--orderby-mobile-header .vtex-rich-text-0-x-paragraph--orderby-mobile-header .vtex-rich-text-0-x-image--orderby-mobile-header { width: 24px } .vtex-rich-text-0-x-container--family-seo-title { justify-content: flex-start } .vtex-rich-text-0-x-paragraph--family-seo-title { font-size: 32px; color: #000; font-weight: 500; text-align: left } @media (max-width: 768px) { .vtex-rich-text-0-x-paragraph--family-seo-title { line-height:unset } } .vtex-rich-text-0-x-paragraph--family-seo-text { font-size: 14px; color: #000; text-align: left } .vtex-rich-text-0-x-wrapper--family-seo-text { margin-top: -35px; padding-bottom: 15px } @media (max-width: 768px) { .vtex-rich-text-0-x-wrapper--family-seo-text { padding-bottom:0 } } .vtex-rich-text-0-x-wrapper--family-seo-text-top { margin-top: -60px } @media (max-width: 768px) { .vtex-rich-text-0-x-wrapper--family-seo-text-top { margin-top:-35px } } .vtex-search-result-3-x-searchResultContainer--search-result-view-all { background: #0b1c2e; padding: 50px 10px 100px; max-width: 100% } @media (max-width: 1024px) { .vtex-search-result-3-x-searchResultContainer--search-result-view-all { padding:0 0 80px; background: #001428 } } .vtex-search-result-3-x-searchResultContainer--search-result-view-all .vtex-search-result-3-x-container--layout--search-result-view-all { max-width: 1366px; margin: 0 auto } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-view-all { padding: 0 } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-view-all .vtex-search-result-3-x-orderByOptionsContainer { top: calc(100% + 10px) } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-view-all .vtex-search-result-3-x-orderByButton--order-by-view-all { background: #0b1c2e; padding: 0; border: none; width: max-content } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-view-all .vtex-search-result-3-x-orderByButton--order-by-view-all .vtex-search-result-3-x-filterPopupTitle--order-by-view-all { font-size: 0 } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-view-all .vtex-search-result-3-x-orderByButton--order-by-view-all .vtex-search-result-3-x-filterPopupTitle--order-by-view-all .vtex-search-result-3-x-orderByText--order-by-view-all { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 16px; line-height: 18px; font-weight: 400; letter-spacing: -.77px; color: #fff; text-transform: capitalize } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-view-all .vtex-search-result-3-x-orderByButton--order-by-view-all .vtex-search-result-3-x-filterPopupArrowIcon--order-by-view-all { padding-right: 10px } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-view-all .vtex-search-result-3-x-orderByButton--order-by-view-all .vtex-search-result-3-x-caretIcon--order-by-view-all { color: #fff; transform: scale(1.5,1.2) } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-familly { position: relative } @media (max-width: 1024px) { .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-familly { padding:0; border: none !important } } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-familly .vtex-search-result-3-x-orderByButton--order-by-familly { padding: 11px 16px; border: 1px solid #e2e2e2; border-radius: 8px; min-width: 180px; display: flex; align-items: center; justify-content: space-between } @media (max-width: 1024px) { .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-familly .vtex-search-result-3-x-orderByButton--order-by-familly { display:none } } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-familly .vtex-search-result-3-x-orderByButton--order-by-familly .vtex-search-result-3-x-filterPopupTitle--order-by-familly { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -.38px; color: #000; text-transform: capitalize } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-familly .vtex-search-result-3-x-orderByButton--order-by-familly .vtex-search-result-3-x-filterPopupTitle--order-by-familly .vtex-search-result-3-x-orderByText--order-by-familly { position: absolute; right: calc(100% + 16px); white-space: nowrap; font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -.38px; color: rgba(0,0,0,.5); text-transform: capitalize; display: flex; align-items: center } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-familly .vtex-search-result-3-x-orderByButton--order-by-familly .vtex-search-result-3-x-filterPopupTitle--order-by-familly .vtex-search-result-3-x-orderByText--order-by-familly:before { content: ""; background: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-store-components/0.0.0/svgs/order-by-before___14039f0ad98c3f8cac13c8e3f24f1c81.svg); background-size: contain; background-position: 50%; background-repeat: no-repeat; width: 16px; height: 16px; display: block; margin-right: 8px } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-familly .vtex-search-result-3-x-orderByButton--order-by-familly .vtex-search-result-3-x-filterPopupTitle--order-by-familly .vtex-search-result-3-x-orderByText--order-by-familly:after { content: ":" } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-familly .vtex-search-result-3-x-orderByButton--order-by-familly .vtex-search-result-3-x-filterPopupArrowIcon--order-by-familly { padding: 0; background: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-store-components/0.0.0/svgs/dropdown-arrow-filter___4fa62f3f7ad3e52b75b0ef079103d1cb.svg); background-size: cover; background-repeat: no-repeat; background-position: 50%; width: 16px; height: 10px; margin-left: 10px } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-familly .vtex-search-result-3-x-orderByButton--order-by-familly .vtex-search-result-3-x-filterPopupArrowIcon--order-by-familly .vtex-search-result-3-x-caretIcon--order-by-familly { display: none } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-familly .vtex-search-result-3-x-orderByOptionsContainer { top: 100%; left: 0 } @media (max-width: 1024px) { .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-familly .vtex-search-result-3-x-orderByOptionsContainer { display:block; position: static; box-shadow: none; border: none } } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-familly .vtex-search-result-3-x-orderByOptionsContainer .vtex-search-result-3-x-orderByOptionItem--order-by-familly { position: relative; display: flex; align-items: center; font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: -.77px; color: #000; text-transform: capitalize; min-width: 100%; padding: 10px } @media (max-width: 1024px) { .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-familly .vtex-search-result-3-x-orderByOptionsContainer .vtex-search-result-3-x-orderByOptionItem--order-by-familly { padding:10px 0 } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-familly .vtex-search-result-3-x-orderByOptionsContainer .vtex-search-result-3-x-orderByOptionItem--order-by-familly:before { content: ""; width: 16px; height: 16px; border: 1px solid #000; display: block; border-radius: 50%; margin-right: 8px } } @media (max-width: 1024px) { .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-familly .vtex-search-result-3-x-orderByOptionsContainer .vtex-search-result-3-x-orderByOptionItem--selected { background:transparent } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-familly .vtex-search-result-3-x-orderByOptionsContainer .vtex-search-result-3-x-orderByOptionItem--selected:after { content: ""; width: 14px; height: 14px; background: #000; display: block; border-radius: 50%; margin-right: 8px; position: absolute; left: 2px } } .vtex-search-result-3-x-filters--layout { position: sticky } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--view-all .vtex-search-result-3-x-filter__container--selectedFilters,.vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--view-all .vtex-search-result-3-x-filter__container--view-all--title { display: none } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--view-all .vtex-search-result-3-x-filter__container--view-all { border: none } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--view-all .vtex-search-result-3-x-filter__container--view-all .vtex-search-result-3-x-filterAvailable--view-all { padding: 30px 0; margin-right: -20px } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--view-all .vtex-search-result-3-x-filter__container--view-all .vtex-search-result-3-x-filterAvailable--view-all .vtex-search-result-3-x-filterTitle--view-all .vtex-search-result-3-x-filterTitleSpan--view-all { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 16px; line-height: 18px; font-weight: 400; letter-spacing: -.77px; color: #fff; text-transform: capitalize } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--view-all .vtex-search-result-3-x-filter__container--view-all .vtex-search-result-3-x-filterTemplateOverflow--view-all .vtex-search-result-3-x-filterContent--view-all .vtex-search-result-3-x-filterItem--view-all .vtex-checkbox__line-container { display: flex; align-items: center } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--view-all .vtex-search-result-3-x-filter__container--view-all .vtex-search-result-3-x-filterTemplateOverflow--view-all .vtex-search-result-3-x-filterContent--view-all .vtex-search-result-3-x-filterItem--view-all .vtex-checkbox__line-container .vtex-checkbox__label { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 16px; line-height: 18px; font-weight: 400; letter-spacing: -.77px; color: #93bfe6; text-transform: capitalize; padding: 5px 0 } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--view-all .vtex-search-result-3-x-filter__container--view-all .vtex-search-result-3-x-filterTemplateOverflow--view-all .vtex-search-result-3-x-filterContent--view-all .vtex-search-result-3-x-filterItem--view-all .vtex-checkbox__line-container .vtex-checkbox__inner-container { border-color: #93bfe6 } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--view-all .vtex-search-result-3-x-filter__container--view-all .vtex-search-result-3-x-filterTemplateOverflow--view-all .vtex-slider-container .vtex-slider .vtex-slider__base,.vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--view-all .vtex-search-result-3-x-filter__container--view-all .vtex-search-result-3-x-filterTemplateOverflow--view-all .vtex-slider-container .vtex-slider .vtex-slider__base .vtex-slider__base-internal,.vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--view-all .vtex-search-result-3-x-filter__container--view-all .vtex-search-result-3-x-filterTemplateOverflow--view-all .vtex-slider-container .vtex-slider .vtex-slider__selector-container .vtex-slider__selector { background-color: #93bfe6 } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--view-all .vtex-search-result-3-x-filter__container--view-all .vtex-search-result-3-x-filterTemplateOverflow--view-all .vtex-slider-container .vtex-slider__values-container .vtex-slider__dash,.vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--view-all .vtex-search-result-3-x-filter__container--view-all .vtex-search-result-3-x-filterTemplateOverflow--view-all .vtex-slider-container .vtex-slider__values-container .vtex-slider__left-value,.vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--view-all .vtex-search-result-3-x-filter__container--view-all .vtex-search-result-3-x-filterTemplateOverflow--view-all .vtex-slider-container .vtex-slider__values-container .vtex-slider__right-value { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -.77px; color: #fff; text-transform: capitalize } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--title { border: none; display: flex; align-items: center } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--title:before { content: ""; background: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-store-components/0.0.0/svgs/filter-title-icon___37c014ec34a24afee15023f7ede80d7d.svg); background-size: contain; background-position: 50%; background-repeat: no-repeat; width: 24px; height: 24px; display: block; margin-right: 8px } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--title .vtex-search-result-3-x-filterMessage--filter-familly { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 32px; line-height: 24px; font-weight: 500; color: #000; text-transform: capitalize } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--selectedFilters { display: none } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--filter-familly .vtex-search-result-3-x-filter--filter-familly { padding: 24px 0 } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--filter-familly .vtex-search-result-3-x-filter--filter-familly .vtex-search-result-3-x-filterTitle--filter-familly { padding-right: 24px } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--filter-familly .vtex-search-result-3-x-filter--filter-familly .vtex-search-result-3-x-filterTitle--filter-familly .vtex-search-result-3-x-filterTitleSpan--filter-familly { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 18px; line-height: 24px; font-weight: 500; color: #000 } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--filter-familly .vtex-search-result-3-x-filter--filter-familly .vtex-search-result-3-x-filterTitle--filter-familly .vtex-search-result-3-x-filterIcon--filter-familly { padding: 0; background: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-store-components/0.0.0/svgs/dropdown-arrow-filter___4fa62f3f7ad3e52b75b0ef079103d1cb.svg); background-size: cover; background-repeat: no-repeat; background-position: 50%; width: 16px; height: 10px; transition: .2s ease-in-out; transform-origin: center } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--filter-familly .vtex-search-result-3-x-filter--filter-familly .vtex-search-result-3-x-filterTitle--filter-familly .vtex-search-result-3-x-filterIcon--filter-familly .vtex-search-result-3-x-caretIcon--filter-familly { display: none } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--filter-familly .vtex-search-result-3-x-filterIsOpen--filter-familly .vtex-search-result-3-x-filterIcon--filter-familly { transform: rotate(180deg); transition: .2s ease-in-out; transform-origin: center } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--filter-familly .vtex-search-result-3-x-filterTemplateOverflow--filter-familly .vtex-search-result-3-x-filterContent--filter-familly .vtex-search-result-3-x-filterItem--filter-familly .vtex-checkbox__line-container { display: flex; align-items: center } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--filter-familly .vtex-search-result-3-x-filterTemplateOverflow--filter-familly .vtex-search-result-3-x-filterContent--filter-familly .vtex-search-result-3-x-filterItem--filter-familly .vtex-checkbox__line-container .vtex-checkbox__container { margin-right: 8px } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--filter-familly .vtex-search-result-3-x-filterTemplateOverflow--filter-familly .vtex-search-result-3-x-filterContent--filter-familly .vtex-search-result-3-x-filterItem--filter-familly .vtex-checkbox__line-container .vtex-checkbox__container .vtex-checkbox__inner-container { border-color: #000 } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--filter-familly .vtex-search-result-3-x-filterTemplateOverflow--filter-familly .vtex-search-result-3-x-filterContent--filter-familly .vtex-search-result-3-x-filterItem--filter-familly .vtex-checkbox__line-container .vtex-checkbox__label { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; color: #000 } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--priceRange { border: none } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--priceRange .vtex-search-result-3-x-filterTemplateOverflow--filter-familly { padding-right: 24px } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--priceRange .vtex-search-result-3-x-filterTemplateOverflow--filter-familly .vtex-slider-container .vtex-slider .vtex-slider__base .vtex-slider__base-internal,.vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--priceRange .vtex-search-result-3-x-filterTemplateOverflow--filter-familly .vtex-slider-container .vtex-slider .vtex-slider__selector-container .vtex-slider__selector { background: #000 } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--priceRange .vtex-search-result-3-x-filterTemplateOverflow--filter-familly .vtex-slider-container .vtex-slider__values-container .vtex-slider__dash,.vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--priceRange .vtex-search-result-3-x-filterTemplateOverflow--filter-familly .vtex-slider-container .vtex-slider__values-container .vtex-slider__left-value,.vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--priceRange .vtex-search-result-3-x-filterTemplateOverflow--filter-familly .vtex-slider-container .vtex-slider__values-container .vtex-slider__right-value { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -.77px; color: #000; text-transform: capitalize } .vtex-search-result-3-x-filterIcon { color: #fff } .vtex-search-result-3-x-filters .vtex-search-result-3-x-filtersWrapperMobile--view-all .vtex-search-result-3-x-filterPopupButton { background: none; border: none; outline: none; display: flex; align-items: center } .vtex-search-result-3-x-filters .vtex-search-result-3-x-filtersWrapperMobile--view-all .vtex-search-result-3-x-filterPopupButton .vtex-search-result-3-x-filterPopupTitle--view-all { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 16px; line-height: 18px; font-weight: 300; color: #fff; text-transform: capitalize; margin-right: 15px; display: flex; align-items: center } .vtex-search-result-3-x-filters .vtex-search-result-3-x-filtersWrapperMobile--view-all .vtex-search-result-3-x-filterPopupButton .vtex-search-result-3-x-filterPopupArrowIcon--view-all { display: flex; padding: 0; background: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-store-components/0.0.0/imgs/slider___e259e1565d8ff55f22352c6ce18d7043.png); background-position: 50%; background-repeat: no-repeat; background-size: contain; width: 19px; height: 15px } .vtex-search-result-3-x-filters .vtex-search-result-3-x-filtersWrapperMobile--view-all .vtex-search-result-3-x-filterPopupButton .vtex-search-result-3-x-filterPopupArrowIcon--view-all .vtex-search-result-3-x-filterIcon--view-all { display: none } .vtex-search-result-3-x-filters .vtex-search-result-3-x-filtersWrapperMobile--filter-familly .vtex-search-result-3-x-filterPopupButton { background: none; border: none; outline: none; display: flex; flex-direction: row-reverse; align-items: center; justify-content: center; padding: 16px 0; height: max-content; width: 100% } .vtex-search-result-3-x-filters .vtex-search-result-3-x-filtersWrapperMobile--filter-familly .vtex-search-result-3-x-filterPopupButton .vtex-search-result-3-x-filterPopupTitle { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 14px; font-weight: 500; color: #000; text-transform: uppercase; margin: 0 0 0 8px; display: flex; align-items: center } .vtex-search-result-3-x-filters .vtex-search-result-3-x-filtersWrapperMobile--filter-familly .vtex-search-result-3-x-filterPopupButton .vtex-search-result-3-x-filterPopupTitle:after { content: "S"; font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 14px; font-weight: 500; color: #000; text-transform: uppercase; display: block } .vtex-search-result-3-x-filters .vtex-search-result-3-x-filtersWrapperMobile--filter-familly .vtex-search-result-3-x-filterPopupButton .vtex-search-result-3-x-filterPopupArrowIcon { display: flex; padding: 0; background: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-store-components/0.0.0/svgs/filter-title-icon___37c014ec34a24afee15023f7ede80d7d.svg); background-position: 50%; background-repeat: no-repeat; background-size: contain; width: 16px; height: 16px; margin: 0 } .vtex-search-result-3-x-filters .vtex-search-result-3-x-filtersWrapperMobile--filter-familly .vtex-search-result-3-x-filterPopupButton .vtex-search-result-3-x-filterPopupArrowIcon .vtex-search-result-3-x-filterIcon { display: none } .vtex-search-result-3-x-sidebar--view-all { width: 100%; max-width: 390px; background-color: rgba(9,24,39,.9); -webkit-backdrop-filter: blur(2em); backdrop-filter: blur(2em) } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter { overflow: auto } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-filterAccordionBreadcrumbs { background: transparent; padding: 36px 24px 18px; border: none } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-filterAccordionBreadcrumbs .vtex-search-result-3-x-filterBreadcrumbsContent--view-all { display: flex; justify-content: space-between; align-items: center; width: 100% } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-filterAccordionBreadcrumbs .vtex-search-result-3-x-filterBreadcrumbsContent--view-all:after { content: "X"; display: block; font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 22px; line-height: 18px; font-weight: 300; color: #fff; text-transform: capitalize; transform: scaleX(1.1) } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-filterAccordionBreadcrumbs .vtex-search-result-3-x-filterBreadcrumbsContent--view-all .vtex-search-result-3-x-filterBreadcrumbsText--view-all { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 20px; line-height: 20px; font-weight: 500; color: #fff; text-transform: capitalize } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterContainer--view-all { padding: 0 25px } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterContainer--view-all .vtex-search-result-3-x-accordionFilterItem { padding: 0; min-height: 0; border: none } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterContainer--view-all .vtex-search-result-3-x-accordionFilterItem .vtex-search-result-3-x-accordionFilterContent { padding: 30px 0 } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterContainer--view-all .vtex-search-result-3-x-accordionFilterItem .vtex-search-result-3-x-accordionFilterContent .vtex-search-result-3-x-accordionFilterItemTitle { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 16px; line-height: 18px; font-weight: 300; color: #fff; text-transform: capitalize } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterContainer--view-all .vtex-search-result-3-x-accordionFilterItem .vtex-search-result-3-x-accordionFilterContent .vtex-search-result-3-x-accordionFilterItemIcon .vtex-search-result-3-x-caretIcon { color: #fff; transform: scale(1.6,1.3) } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions,.vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterOpen { padding: 0; overflow: auto; margin-left: -20px } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filterAccordionItemBox,.vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterOpen .vtex-search-result-3-x-filterAccordionItemBox { padding: 0; border: none } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filterAccordionItemBox .vtex-checkbox__line-container .vtex-checkbox__label,.vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterOpen .vtex-search-result-3-x-filterAccordionItemBox .vtex-checkbox__line-container .vtex-checkbox__label { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 16px; line-height: 18px; font-weight: 300; color: #93bfe6; text-transform: capitalize } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filterAccordionItemBox .vtex-checkbox__line-container .vtex-checkbox__inner-container,.vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterOpen .vtex-search-result-3-x-filterAccordionItemBox .vtex-checkbox__line-container .vtex-checkbox__inner-container { border-color: #93bfe6 } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filter__container--priceRange { border: none } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filter__container--priceRange .vtex-search-result-3-x-filterTemplateOverflow { padding: 0 25px 0 8px } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-filterButtonsBox { background: transparent; overflow: auto } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-filterButtonsBox:hover .vtex-search-result-3-x-filterClearButtonWrapper .vtex-button .vtex-button__label { color: #091827 } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-filterButtonsBox .vtex-search-result-3-x-filterClearButtonWrapper .vtex-button .vtex-button__label { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 16px; line-height: 18px; font-weight: 300; color: #fff; text-transform: capitalize } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-filterButtonsBox .vtex-search-result-3-x-filterApplyButtonWrapper .vtex-button .vtex-button__label { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 16px; line-height: 18px; font-weight: 500; color: #091827; text-transform: capitalize } @media (max-width: 1012px) { .vtex-search-result-3-x-gallery--view-all .vtex-search-result-3-x-galleryItem--view-all { border:1px solid #eee } } .vtex-search-result-3-x-buttonShowMore--view-all-fetch-more .vtex-button { background: #09304a; border: 1px solid #09304a; font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 16px; line-height: 18px; font-weight: 700; color: #fff; text-transform: capitalize; text-decoration: underline } .vtex-search-result-3-x-searchResultContainer--searchResultContainer-familly { max-width: 100%; padding: 0 0 64px } .vtex-search-result-3-x-gallery--familly { padding: 0 } @media (min-width: 1024px) { .vtex-search-result-3-x-gallery--familly .vtex-search-result-3-x-galleryItem--familly { padding:8px; flex-basis: 33.33% !important; max-width: 33.33% !important } } @media (max-width: 1024px) { .vtex-search-result-3-x-gallery--familly .vtex-search-result-3-x-galleryItem--familly { padding:0; border: 1px solid #eee } } .vtex-search-result-3-x-sidebar--familly { width: 100%; max-width: 390px; background-color: #fff } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter { overflow: auto } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-filterAccordionBreadcrumbs { background: transparent; padding: 24px 24px 12px; border: none; height: max-content } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-filterAccordionBreadcrumbs .vtex-search-result-3-x-filterBreadcrumbsContent--filter-familly { display: flex; justify-content: space-between; align-items: center; width: 100% } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-filterAccordionBreadcrumbs .vtex-search-result-3-x-filterBreadcrumbsContent--filter-familly:before { content: ""; display: block; background: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-store-components/0.0.0/svgs/filter-title-icon___37c014ec34a24afee15023f7ede80d7d.svg); width: 24px; height: 24px } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-filterAccordionBreadcrumbs .vtex-search-result-3-x-filterBreadcrumbsContent--filter-familly .vtex-search-result-3-x-filterBreadcrumbsText--filter-familly { font-size: 32px; line-height: 24px; margin-right: auto; margin-left: 8px } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-filterAccordionBreadcrumbs .vtex-search-result-3-x-filterBreadcrumbsContent--filter-familly:after { content: "X"; display: block; font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 22px; line-height: 18px; font-weight: 300; color: #fff; text-transform: capitalize; transform: scaleX(1.1); background: rgba(0,0,0,.5); border-radius: 50%; padding: 10px 9px } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-filterAccordionBreadcrumbs .vtex-search-result-3-x-filterBreadcrumbsContent--filter-familly .vtex-search-result-3-x-filterBreadcrumbsText--filter-familly { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 20px; line-height: 20px; font-weight: 500; color: #000; text-transform: capitalize } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterContainer--filter-familly { padding: 0 25px } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterContainer--filter-familly .vtex-search-result-3-x-accordionFilterItem { padding: 0; min-height: 0; border: none } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterContainer--filter-familly .vtex-search-result-3-x-accordionFilterItem .vtex-search-result-3-x-accordionFilterContent { padding: 10px 0 } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterContainer--filter-familly .vtex-search-result-3-x-accordionFilterItem .vtex-search-result-3-x-accordionFilterContent .vtex-search-result-3-x-accordionFilterItemTitle { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 18px; line-height: 24px; font-weight: 500; color: #000; text-transform: capitalize } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterContainer--filter-familly .vtex-search-result-3-x-accordionFilterItem .vtex-search-result-3-x-accordionFilterContent .vtex-search-result-3-x-accordionFilterItemIcon .vtex-search-result-3-x-caretIcon { color: #000; transform: scale(1.6,1.3) } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions,.vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterOpen { padding: 0; overflow: auto; margin-left: -20px } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filterAccordionItemBox,.vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterOpen .vtex-search-result-3-x-filterAccordionItemBox { padding: 10px 0; min-height: max-content; border: none } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filterAccordionItemBox .vtex-checkbox__line-container .vtex-checkbox__inner-container,.vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterOpen .vtex-search-result-3-x-filterAccordionItemBox .vtex-checkbox__line-container .vtex-checkbox__inner-container { border: 2px solid #000 } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filterAccordionItemBox .vtex-checkbox__line-container .vtex__icon-check,.vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterOpen .vtex-search-result-3-x-filterAccordionItemBox .vtex-checkbox__line-container .vtex__icon-check { background: #000 } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filterAccordionItemBox .vtex-checkbox__line-container .vtex-checkbox__label,.vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterOpen .vtex-search-result-3-x-filterAccordionItemBox .vtex-checkbox__line-container .vtex-checkbox__label { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 16px; line-height: 18px; font-weight: 400; color: #000; text-transform: capitalize } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filter__container--priceRange { border: none } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filter__container--priceRange .vtex-search-result-3-x-filter--filter-familly { display: none } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filter__container--priceRange .vtex-search-result-3-x-filterTemplateOverflow { padding: 0 25px 0 8px } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filter__container--priceRange .vtex-search-result-3-x-filterTemplateOverflow--filter-familly .vtex-slider-container .vtex-slider .vtex-slider__base .vtex-slider__base-internal,.vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filter__container--priceRange .vtex-search-result-3-x-filterTemplateOverflow--filter-familly .vtex-slider-container .vtex-slider .vtex-slider__selector-container .vtex-slider__selector { background: #000 } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filter__container--priceRange .vtex-search-result-3-x-filterTemplateOverflow--filter-familly .vtex-slider-container .vtex-slider__values-container .vtex-slider__left-value,.vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filter__container--priceRange .vtex-search-result-3-x-filterTemplateOverflow--filter-familly .vtex-slider-container .vtex-slider__values-container .vtex-slider__right-value { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 12px; line-height: 14px; font-weight: 400; color: #000 } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-filterButtonsBox { background: #fff; overflow: auto } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-filterButtonsBox:hover .vtex-search-result-3-x-filterClearButtonWrapper .vtex-button .vtex-button__label { color: #091827 } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-filterButtonsBox .vtex-search-result-3-x-filterClearButtonWrapper { padding: 0 8px 0 24px } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-filterButtonsBox .vtex-search-result-3-x-filterClearButtonWrapper .vtex-button { border: 1px solid rgba(0,0,0,.5) } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-filterButtonsBox .vtex-search-result-3-x-filterClearButtonWrapper .vtex-button .vtex-button__label { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 16px; line-height: 18px; font-weight: 400; color: #000; text-transform: capitalize; padding: 14px 0 !important } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-filterButtonsBox .vtex-search-result-3-x-filterApplyButtonWrapper { padding: 0 24px 0 8px } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-filterButtonsBox .vtex-search-result-3-x-filterApplyButtonWrapper .vtex-button { background: #1879a6; border: none } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-filterButtonsBox .vtex-search-result-3-x-filterApplyButtonWrapper .vtex-button .vtex-button__label { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 16px; line-height: 18px; font-weight: 400; color: #fff; text-transform: capitalize; padding: 14px 0 !important } .vtex-slider-layout-0-x-sliderLayoutContainer--trending-shelf { padding: 0 30px !important } @media screen and (max-width: 640px) { .vtex-slider-layout-0-x-sliderLayoutContainer--trending-shelf { padding:0 20px !important } } .vtex-slider-layout-0-x-sliderLayoutContainer--trending-shelf .vtex-slider-layout-0-x-sliderArrows { margin: 0 } .vtex-slider-layout-0-x-sliderLayoutContainer--trending-shelf .vtex-slider-layout-0-x-sliderArrows .vtex-slider-layout-0-x-caretIcon { color: #fff; height: 20px; width: auto } .vtex-store-components-3-x-skuSelectorItem--weiss,.vtex-store-components-3-x-skuSelectorItem--white { background: #fff } .vtex-store-components-3-x-skuSelectorItem--black,.vtex-store-components-3-x-skuSelectorItem--black000000,.vtex-store-components-3-x-skuSelectorItem--schwarz { background: #000 } .vtex-store-components-3-x-skuSelectorItem--brushed-bronze { background: #6b4e3c } .vtex-store-components-3-x-skuSelectorItem--cosmic-purple { background: #451a4c } .vtex-store-components-3-x-skuSelectorItem--deep-indigo { background: #484b63 } .vtex-store-components-3-x-skuSelectorItem--denim-blue { background: #343d62 } .vtex-store-components-3-x-skuSelectorItem--electric-grey,.vtex-store-components-3-x-skuSelectorItem--felt-grey { background: #707372 } .vtex-store-components-3-x-skuSelectorItem--flash-grey { background: #727272 } .vtex-store-components-3-x-skuSelectorItem--grey { background: grey } .vtex-store-components-3-x-skuSelectorItem--dark-grey { background: #333f48 } .vtex-store-components-3-x-skuSelectorItem--lunar-grey { background: #4f4f4f } .vtex-store-components-3-x-skuSelectorItem--marine-blue { background: #283857 } .vtex-store-components-3-x-skuSelectorItem--melange-pink { background: #7c455c } .vtex-store-components-3-x-skuSelectorItem--orange { background: #ff6a00 } .vtex-store-components-3-x-skuSelectorItem--oxford-blue { background: #394e6a } .vtex-store-components-3-x-skuSelectorItem--pearl-white { background: #f5f5f5 } .vtex-store-components-3-x-skuSelectorItem--purple { background: #491d3f } .vtex-store-components-3-x-skuSelectorItem--red { background: #eb140a } .vtex-store-components-3-x-skuSelectorItem--starry-black { background: #000 } .vtex-store-components-3-x-skuSelectorItem--sterling-blue { background: #b7bdcb } .vtex-store-components-3-x-skuSelectorItem--white { background: #fff } .vtex-store-components-3-x-skuSelectorItem--yellow { background: #fee600 } .vtex-store-components-3-x-skuSelectorItem--bright-cherry { background: #790604 } .vtex-store-components-3-x-skuSelectorItem--ceramic-black { background: #1e1e1e } .vtex-store-components-3-x-skuSelectorItem--ice-violet { background: #7d7893 } .vtex-store-components-3-x-skuSelectorItem--fine-gold { background: #ccbea1 } .vtex-store-components-3-x-skuSelectorItem--viva-red { background: #8d2328 } .vtex-store-components-3-x-skuSelectorItem--bronze-gradient { background: #804a00 } .vtex-store-components-3-x-skuSelectorItem--pearl-white { background: #eef4f4 } .vtex-store-components-3-x-skuSelectorItem--polished-graphite { background: #2a3439 } .vtex-store-components-3-x-skuSelectorItem--ultra-violet { background: #9d4199 } .vtex-store-components-3-x-skuSelectorItem--space-blue { background: #003b59 } .vtex-store-components-3-x-skuSelectorItem--cosmic-blue { background: #383680 } .vtex-store-components-3-x-skuSelectorItem--steel-black { background: #120f12 } .vtex-store-components-3-x-skuSelectorItem--sapphire-blue { background: #0f52ba } .vtex-store-components-3-x-skuSelectorItem--deepsea-blue { background: #006994 } .vtex-store-components-3-x-skuSelectorItem--fresh-orchid { background: #6a3151 } .vtex-store-components-3-x-skuSelectorItem--blau { background: #003b59 } .vtex-store-components-3-x-skuSelectorItem--gunmental,.vtex-store-components-3-x-skuSelectorItem--silbergrau { background: #7f9fae } .vtex-store-components-3-x-skuSelectorItem--mineral-blue { background: #2d92e0 } .vtex-store-components-3-x-skuSelectorItem--violet-gradient { background: #d40083 } .vtex-store-components-3-x-skuSelectorItem--sapphire-gradient { background: #1e3c61 } .vtex-store-components-3-x-skuSelectorItem--dark-amber { background: #601f1b } .vtex-store-components-3-x-skuSelectorItem--deep-sea-blue { background: #4797d9 } .vtex-store-components-3-x-skuSelectorItem--capri-blue { background: #7195aa } .vtex-store-components-3-x-skuSelectorItem--smoke-black { background: #666 } .vtex-store-components-3-x-skuSelectorItem--mystic-indigo { background: #00a4d6 } .vtex-store-components-3-x-skuSelectorItem--electric-grey { background: #686d63 } .vtex-store-components-3-x-skuSelectorItem--ocean-blue { background: #2ebfe6 } .vtex-store-components-3-x-skuSelectorItem--crystal-pink { background: #8e2d31 } .vtex-store-components-3-x-skuSelectorItem--fresh-orchid { background: #bf5393 } .vtex-store-components-3-x-skuSelectorItem--neon-blue { background: #5c88e1 } .vtex-store-components-3-x-skuSelectorItem--peacock-blue { background: #157b90 } .vtex-store-components-3-x-skuSelectorItem--sunrise-red { background: #af2947 } .vtex-store-components-3-x-skuSelectorItem--mystic-indigo { background: #2d2b6d } .vtex-store-components-3-x-skuSelectorItem--clear-white,.vtex-store-components-3-x-skuSelectorItem--frost-white { background: #fff } .vtex-store-components-3-x-skuSelectorItem--blush-gold { background: #e1c4bc } .vtex-store-components-3-x-skuSelectorItem--noir-black { background: #000 } .vtex-store-components-3-x-skuSelectorItem--royal-blue { background: #1c325b } .vtex-store-components-3-x-skuSelectorItem--arctic-blue { background: #23acc1 } .vtex-store-components-3-x-skuSelectorItem--blush-gold { background: #ac9889 } .vtex-store-components-3-x-skuSelectorItem--smoky-sangria { background: #6e2548 } .vtex-store-components-3-x-skuSelectorItem--thunder-grey { background: #074f71 } .vtex-store-components-3-x-skuSelectorItem--solar-black { background: #0d0d0d } .vtex-store-components-3-x-skuSelectorItem--midnight-magenta { background: #672743 } .vtex-store-components-3-x-skuSelectorItem--rose-gold { background: #e6a483 } .vtex-store-components-3-x-skuSelectorItem--phantom-black { background: #1f1e1e } .vtex-store-components-3-x-skuSelectorItem--steel-gray { background: #a2a2a3 } .vtex-store-components-3-x-skuSelectorItem--midnight-blue { background: #1c3554 } .vtex-store-components-3-x-skuSelectorItem--meteor-grey { background: #58585d } .vtex-store-components-3-x-skuSelectorItem--electric-pink { background: #c14979 } .vtex-store-components-3-x-skuSelectorItem--twilight-blue { background: #1b5f89 } .vtex-store-components-3-x-skuSelectorItem--moonlight-white { background: #fff } .vtex-store-components-3-x-skuSelectorItem--surfing-blue { background: #1a54a4 } .vtex-store-components-3-x-skuSelectorItem--mystic-lilac { background: #8587b9 } .vtex-store-components-3-x-skuSelectorItem--polished-graphite { background: #565b5f } .vtex-store-components-3-x-skuSelectorItem--liquid-mercury { background: #a6a9aa } .vtex-store-components-3-x-skuSelectorItem--oxford-blue { background: #03123b } .vtex-store-components-3-x-skuSelectorItem--aurora-black { background: #323236 } .vtex-store-components-3-x-skuSelectorItem--aurora-white { background: #e7e7e7 } .vtex-store-components-3-x-skuSelectorItem--misty-blue { background: #173468 } .vtex-store-components-3-x-skuSelectorItem--flash-gray { background: #71686a } .vtex-store-components-3-x-skuSelectorItem--polar-silver { background: #bec3c5 } .vtex-store-components-3-x-skuSelectorItem--frosted-silver { background: #b6b6b8 } .vtex-store-components-3-x-skuSelectorItem--volcanic-grey { background: #4f4b55 } .vtex-store-components-3-x-skuSelectorItem--cosmic-emerald { background: #24514c } .vtex-store-components-3-x-skuSelectorItem--iridescent-ocean { background: #3699b9 } .vtex-store-components-3-x-skuSelectorItem--nebula-blue { background: #3e578e } .vtex-store-components-3-x-skuSelectorItem--iridescent-sky { background: #e3e9eb } .vtex-store-components-3-x-skuSelectorItem--glowing-blue { background: #1144b4 } .vtex-store-components-3-x-skuSelectorItem--twilight-blue { background: #35426e } .vtex-store-components-3-x-skuSelectorItem--dusty-rose { background: #d2b4b5 } .vtex-store-components-3-x-skuSelectorItem--neptune-green { background: #00d0de } .vtex-store-components-3-x-skuSelectorItem--cosmo-blue,.vtex-store-components-3-x-skuSelectorItem--cosmos-blue { background: #2a5161 } .vtex-store-components-3-x-skuSelectorItem--stardust-white { background: #cdd5e4 } .vtex-product-summary-2-x-skuSelectorContainer--trending-shelf { justify-content: center !important } .vtex-product-summary-2-x-skuSelectorContainer--trending-shelf .vtex-store-components-3-x-skuSelectorSubcontainer:not(:first-child) { display: none !important } .vtex-product-summary-2-x-skuSelectorContainer--trending-shelf .vtex-store-components-3-x-skuSelectorSubcontainer { margin-bottom: 0 !important; margin-top: 0 !important; margin-right: 0 !important; max-height: 30px !important } .vtex-product-summary-2-x-skuSelectorContainer--trending-shelf .vtex-store-components-3-x-skuSelectorItemImage { border-radius: 100% !important; border: .5px solid #eee !important } .vtex-product-summary-2-x-skuSelectorContainer--trending-shelf .vtex-store-components-3-x-frameAround { border: none !important; border-radius: 100% !important } .vtex-product-summary-2-x-skuSelectorContainer--trending-shelf .vtex-store-components-3-x-skuSelectorInternalBox { border: none !important } .vtex-product-summary-2-x-skuSelectorContainer--trending-shelf .vtex-store-components-3-x-skuSelectorItemImageValue,.vtex-product-summary-2-x-skuSelectorContainer--trending-shelf .vtex-store-components-3-x-skuSelectorTextContainer { display: none !important } .vtex-product-summary-2-x-skuSelectorContainer--trending-shelf .vtex-store-components-3-x-skuSelectorItem { width: 20px !important; height: 20px !important } .vtex-product-summary-2-x-skuSelectorContainer--trending-shelf .vtex-store-components-3-x-skuSelectorItem--selected { border: 1px solid #82c1e9 !important } .vtex-product-summary-2-x-skuSelectorContainer--trending-shelf .vtex-store-components-3-x-skuSelectorOptionsList { justify-content: center !important } .vtex-store-components-3-x-searchBarIcon--search .vtex-store-components-3-x-searchIcon { display: none } .vtex-store-components-3-x-imageElement--family-banner-logo { max-height: 24px; width: 80px } @media (max-width: 768px) { .vtex-store-components-3-x-imageElement--family-banner-logo { width:60px } } .vtex-store-components-3-x-infoCardContainer--family-banner-container { height: 450px } .vtex-store-components-3-x-infoCardHeadline--family-banner-title { color: #000; font-weight: 500; font-size: 48px } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardHeadline--family-banner-title { font-size:32px } } .vtex-store-components-3-x-infoCardSubhead--family-banner-text { color: #000; font-size: 16px; line-height: 1.5 } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardSubhead--family-banner-text { font-size:14px; line-height: unset } } .vtex-store-components-3-x-infoCardCallActionContainer--family-banner-Button .vtex-button { background-color: #1879a6; outline: none; border: none; border-color: unset; height: 45px; font-weight: unset; text-transform: none; border-radius: 8px; width: 210px } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardCallActionContainer--family-banner-Button .vtex-button { height:50px; width: 170px; font-size: 15px } } .vtex-store-components-3-x-infoCardCallActionContainer--family-banner-Button .vtex-button:hover { background-color: #1879a6 } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardTextContainer--family-banner-container { padding-top:90px } } .vtex-store-components-3-x-infoCardTextContainer--family-infocard-wrapper { width: 100% } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardTextContainer--family-infocard-wrapper { padding-bottom:320px } } @media (min-width: 1920px) { .vtex-store-components-3-x-infoCardTextContainer--family-infocard-wrapper { margin-left:25rem !important } } .vtex-store-components-3-x-infoCardContainer--family-infocard-container { width: 100%; background-size: 100% !important; background-position: 50% } @media only screen and (min-width: 1000px) { .vtex-store-components-3-x-infoCardContainer--family-infocard-container { padding:5rem 0 } } @media only screen and (min-width: 1650px) { .vtex-store-components-3-x-infoCardContainer--family-infocard-container { padding:9.5rem 0 } } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardContainer--family-infocard-container { height:781px; background-color: #000; background-position-y: bottom } } .vtex-store-components-3-x-infoCardHeadline--family-infocard-title { color: #fff; font-weight: 500 } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardHeadline--family-infocard-title { font-size:32px } } .vtex-store-components-3-x-infoCardSubhead--family-infocard-text { color: #fff } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardSubhead--family-infocard-text { font-size:14px } } .vtex-store-components-3-x-infoCardCallActionContainer--family-infocard-Button .vtex-button { background-color: #1879a6; outline: none; border: none; border-color: unset; height: 50px; font-weight: unset; text-transform: none; border-radius: 10px; width: 185px; background-image: url(https://motorolaimgrepo.vteximg.com.br/arquivos/Icon-arrow-right.svg); background-repeat: no-repeat; background-size: 9px; background-position: 145px 16px } .vtex-store-components-3-x-infoCardCallActionContainer--family-infocard-Button .vtex-button:hover { background-color: #1879a6 } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardCallActionContainer--family-infocard-Button,.vtex-store-components-3-x-infoCardHeadline--family-infocard-title,.vtex-store-components-3-x-infoCardSubhead--family-infocard-text { text-align:center; margin: 0 auto; padding: 10px; line-height: 1.5 } } .vtex-flex-layout-0-x-flexRow--buy-btn-product-summary .vtex-button { height: 48px; margin-bottom: 15px } .vtex-flex-layout-0-x-flexRow--buy-btn-product-summary .vtex-button .vtex-add-to-cart-button-0-x-buttonText { color: #fff; font-size: 14px; line-height: 17px; font-weight: 400 } .vtex-add-to-cart-button-0-x-buttonText--pdp { font-size: 14px; line-height: 16px; color: #fff; font-weight: 500 } @media only screen and (min-width: 768px) { .vtex-add-to-cart-button-0-x-buttonText--pdp { font-size:16px; line-height: 24px } } .vtex-availability-notify-1-x-notiferContainer .vtex-availability-notify-1-x-title { font-size: 0; margin-bottom: 10px } .vtex-availability-notify-1-x-notiferContainer .vtex-availability-notify-1-x-title:before { content: "Mantente informado"; font-size: 20px; color: #001428; font-weight: 700 } .vtex-availability-notify-1-x-notiferContainer .vtex-availability-notify-1-x-notifyLabel { font-size: 0; margin-bottom: 10px } .vtex-availability-notify-1-x-notiferContainer .vtex-availability-notify-1-x-notifyLabel:before { content: 'Para ser notificado de la disponibilidad de este Producto, simplemente complete los campos a continuación y  haga clic en el botón "Enviar"'; font-size: 14px; line-height: 24px; color: #001428; font-weight: 500; margin: 20px 0; line-height: 1.5 } .vtex-availability-notify-1-x-notiferContainer .vtex-availability-notify-1-x-content { flex-direction: column } .vtex-availability-notify-1-x-notiferContainer .vtex-availability-notify-1-x-content .vtex-availability-notify-1-x-inputEmail,.vtex-availability-notify-1-x-notiferContainer .vtex-availability-notify-1-x-content .vtex-availability-notify-1-x-inputName { box-shadow: 0 3px 6px rgba(0,0,0,.2); height: 50px } .vtex-availability-notify-1-x-notiferContainer .vtex-availability-notify-1-x-content .vtex-availability-notify-1-x-inputEmail .vtex-input-prefix__group,.vtex-availability-notify-1-x-notiferContainer .vtex-availability-notify-1-x-content .vtex-availability-notify-1-x-inputName .vtex-input-prefix__group { border: none; height: 50px } .vtex-availability-notify-1-x-notiferContainer .vtex-availability-notify-1-x-content .vtex-availability-notify-1-x-inputEmail .vtex-input-prefix__group .vtex-styleguide-9-x-input,.vtex-availability-notify-1-x-notiferContainer .vtex-availability-notify-1-x-content .vtex-availability-notify-1-x-inputName .vtex-input-prefix__group .vtex-styleguide-9-x-input { height: 50px; background-color: #fff; font-size: 16px; border: 0; border-radius: 4px; outline: 0; width: 100%; color: #000 } .vtex-availability-notify-1-x-notiferContainer .vtex-availability-notify-1-x-content .vtex-availability-notify-1-x-inputEmail .vtex-input__error,.vtex-availability-notify-1-x-notiferContainer .vtex-availability-notify-1-x-content .vtex-availability-notify-1-x-inputName .vtex-input__error { padding-top: 8px } .vtex-availability-notify-1-x-notiferContainer .vtex-availability-notify-1-x-content .vtex-availability-notify-1-x-submit { background-color: #0e77da; height: 50px; line-height: 52px; color: #fff; font-size: 16px; border: 0; border-radius: 4px; outline: 0; cursor: pointer; width: 100%; justify-content: center; padding: 0; margin-top: 15px } .vtex-availability-notify-1-x-notiferContainer .vtex-availability-notify-1-x-content .vtex-availability-notify-1-x-submit .vtex-button { padding: 0 18px; background-color: transparent; color: #fff; border: none; font-size: 16px; font-weight: 400; margin-top: 3px; width: 100%; height: 100% } .vtex-disclosure-layout-1-x-trigger--institucionais { display: flex; justify-content: space-between; align-items: center; padding: 0 30px; background: #011b34; border-radius: 4px; border: 1px solid #082e53; margin-bottom: 20px } .vtex-disclosure-layout-1-x-trigger--institucionais--visible { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 0 } .vtex-disclosure-layout-1-x-trigger--institucionais .vtex-store-icons-0-x-caretIcon--institucionais { color: #fff; overflow: inherit; padding-top: 10px } .vtex-disclosure-layout-1-x-trigger--blackfriday-faq { height: 86px } .vtex-disclosure-layout-1-x-trigger--blackfriday-faq .vtex-rich-text-0-x-paragraph--perguntas-institucionais { color: #0e77da } .vtex-disclosure-layout-1-x-trigger--blackfriday-faq .vtex-store-icons-0-x-caretIcon--institucionais { color: #0e77da; padding-top: 15px } @media (min-width: 1025px) { .vtex-flex-layout-0-x-flexColChild--seguros-perguntas-frequentes .vtex-disclosure-layout-1-x-trigger--institucionais { padding:15px 30px } } .vtex-disclosure-layout-1-x-content--institucionais { 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--institucionais[data-enter] { opacity: 1; height: fit-content; transform: translateZ(0) } .vtex-disclosure-layout-1-x-content--institucionais[data-leave] { height: 0; overflow: hidden } .vtex-disclosure-layout-1-x-content--institucionais--visible { padding: 0 30px; background: #011b34; border-radius: 4px; margin-bottom: 20px; border: 1px solid #082e53; border-top: none; border-top-left-radius: 0; border-top-right-radius: 0 } .vtex-flex-layout-0-x-flexRow .vtex-flex-layout-0-x-flexRowContent--search-container { padding: 0 15px } .vtex-flex-layout-0-x-flexRow .vtex-flex-layout-0-x-flexRowContent--search-bread-title-order { padding: 20px 15px 40px } .vtex-flex-layout-0-x-flexRow .vtex-flex-layout-0-x-flexRowContent--search-bread-title-order-busca .vtex-breadcrumb-1-x-container { display: none } .vtex-flex-layout-0-x-flexRow .vtex-flex-layout-0-x-flexRowContent--search-seo { padding: 0 15px; margin-bottom: 20px } .vtex-flex-layout-0-x-flexRow--seguros-coberturas { background-color: #fff } .vtex-flex-layout-0-x-flexCol--search-title-busca { margin-bottom: 30px } @media (min-width: 1025px) { .vtex-flex-layout-0-x-flexRow--seguros-intro .vtex-store-components-3-x-container { padding-right:0 } } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRowContent--search-filter-order-mobile { margin-bottom:20px; display: flex; align-items: center; justify-content: center } .vtex-flex-layout-0-x-flexRowContent--seguros-intro { display: flex; flex-direction: column-reverse } .vtex-flex-layout-0-x-flexRowContent--seguros-intro-topic { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px 40px; background: #011b34; border-radius: 4px; border: 1px solid #082e53; margin-bottom: 20px } } .vtex-flex-layout-0-x-flexRowContent--pdp-price { align-items: flex-end } .vtex-flex-layout-0-x-flexRow--container-pdp-infos { background-color: #fff; padding-top: 74px } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexRow--container-pdp-infos { padding-top:32px } } .vtex-flex-layout-0-x-flexRow--container-pdp-infos .vtex-store-components-3-x-container { padding: 0 } .vtex-flex-layout-0-x-flexRow--pdp-formas-pagamento-cartoes { width: 100%; padding: 20px 0 } .vtex-flex-layout-0-x-flexRow--pdp-formas-pagamento-cartoes .vtex-flex-layout-0-x-flexRowContent { display: flex; align-items: center } .vtex-flex-layout-0-x-flexRow--pdp-add-to-cart-btn { margin: 0; align-self: flex-end } .vtex-flex-layout-0-x-flexRow--pdp-add-to-cart-btn .vtex-button { height: 56px; box-shadow: 0 3px 6px rgba(0,0,0,.1882352941) } .vtex-flex-layout-0-x-flexRow--pdp-nome-ref { justify-content: space-between } .vtex-flex-layout-0-x-flexRow--pdp-modal-ame-passos { padding: 0 30px } @media (min-width: 1024px) { .vtex-flex-layout-0-x-flexRow--pdp-triggers { margin-top:40px } } .vtex-flex-layout-0-x-flexRow--pdp-triggers .vtex-flex-layout-0-x-flexRowContent { padding: 10px 20px } @media (min-width: 1024px) { .vtex-flex-layout-0-x-flexRow--pdp-triggers .vtex-flex-layout-0-x-flexRowContent { padding:10px 0 } } .vtex-flex-layout-0-x-flexCol--pdp-infos { padding: 20px 40px; background-color: #fff } .vtex-flex-layout-0-x-flexCol--pdp-imagens { position: relative } .vtex-flex-layout-0-x-flexCol .vtex-flex-layout-0-x-flexColChild--pdp-imagens { height: auto !important } @media (min-width: 1025px) { .vtex-flex-layout-0-x-flexRow--pdp-triggers { background:#f5f5f5; -webkit-border-radius: 5px; border-radius: 5px } .vtex-flex-layout-0-x-flexRow--pdp-triggers .vtex-flex-layout-0-x-flexRowContent--pdp-triggers { display: flex; align-items: center; padding: 10px 0 } .vtex-flex-layout-0-x-flexRow--pdp-motog100-skus { margin: 5px 0 15px; border-top: 1px solid #ddc8b7; border-bottom: 1px solid #ddc8b7; padding: 25px 40px 25px 0 } .vtex-flex-layout-0-x-flexCol--pdp-infos { padding-top: 25px } } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--pdp-triggers .vtex-flex-layout-0-x-flexRowContent--pdp-triggers .vtex-modal-layout-0-x-triggerContainer--pdp-modal-triggers-frete,.vtex-flex-layout-0-x-flexRow--pdp-triggers .vtex-flex-layout-0-x-flexRowContent--pdp-triggers .vtex-store-link-0-x-link--product-compare-shelf-blue { border-bottom:1px solid #001428 } .vtex-flex-layout-0-x-flexRow--pdp-triggers .vtex-flex-layout-0-x-flexRowContent--pdp-triggers .vtex-modal-layout-0-x-triggerContainer--pdp-modal-triggers,.vtex-flex-layout-0-x-flexRow--pdp-triggers .vtex-flex-layout-0-x-flexRowContent--pdp-triggers .vtex-store-link-0-x-link--product-compare-shelf-blue { display: flex; align-items: center; justify-content: space-between } .vtex-flex-layout-0-x-flexRow--pdp-triggers .vtex-flex-layout-0-x-flexRowContent--pdp-triggers .vtex-modal-layout-0-x-triggerContainer--pdp-modal-triggers:after,.vtex-flex-layout-0-x-flexRow--pdp-triggers .vtex-flex-layout-0-x-flexRowContent--pdp-triggers .vtex-store-link-0-x-link--product-compare-shelf-blue:after { content: url(/arquivos/c-rd-arrow-blue.png?v=637455372900270000) } .vtex-flex-layout-0-x-flexRow--pdp-formas-pagamento-cartoes { background-color: #fff } .vtex-flex-layout-0-x-flexCol .vtex-flex-layout-0-x-flexColChild--pdp-modal-ame-passo { display: flex; justify-content: center } .vtex-flex-layout-0-x-flexCol .vtex-flex-layout-0-x-flexColChild--pdp-imagens { background-color: #f5f5f5 } .vtex-flex-layout-0-x-flexCol--pdp-infos { border-top-left-radius: 30px; border-top-right-radius: 30px; padding: 20px 30px; box-shadow: 3px -20px 20px 2px rgba(0,0,0,.05) } } @media (min-width: 1024px) { .vtex-flex-layout-0-x-flexRowContent--container-pdp-infos .vtex-flex-layout-0-x-stretchChildrenWidth:first-child { width:50%; position: sticky; height: 700px; display: block; top: 70px } .vtex-flex-layout-0-x-flexRowContent--container-pdp-infos .vtex-flex-layout-0-x-stretchChildrenWidth:first-child .vtex-flex-layout-0-x-flexRow--pdp-triggers .vtex-flex-layout-0-x-stretchChildrenWidth:first-child { height: auto !important } } @media (max-width: 359px) { .vtex-flex-layout-0-x-flexCol--pdp-infos { padding:25px 5% 0 } } .vtex-flex-layout-0-x-flexRowContent--seguros-intro-topic :first-child { align-items: center } @media (min-width: 1025px) { .vtex-flex-layout-0-x-flexCol--seguros-intro-1 { padding-top:30px } } .vtex-flex-layout-0-x-flexRow--ifetel-container,.vtex-flex-layout-0-x-flexRow--ifetel-container-mobile { background-color: #f5f5f5 } .vtex-flex-layout-0-x-flexRow--ifetel-container-mobile { padding: 2rem 0 } .vtex-flex-layout-0-x-flexCol--ifetel-menu { background-color: #fff } .vtex-flex-layout-0-x-flexCol--ifetel-menu .vtex-menu-2-x-styledLink--institucionais { color: #ff554d; font-weight: 700; text-decoration: underline } .vtex-flex-layout-0-x-flexCol--ifetel-menu .vtex-menu-2-x-styledLinkContainer--institucionais { margin: 2rem 0 2rem 1rem } .vtex-flex-layout-0-x-flexCol--ifetel-conteudo { padding: 0 1rem } .vtex-flex-layout-0-x-flexCol--ifetel-header-col,.vtex-flex-layout-0-x-flexCol--ifetel-item-table { border: 1px solid #e1e1e1 } .vtex-flex-layout-0-x-flexCol--ifetel-header-col .vtex-flex-layout-0-x-flexColChild--ifetel-item-table,.vtex-flex-layout-0-x-flexCol--ifetel-item-table .vtex-flex-layout-0-x-flexColChild--ifetel-item-table { text-align: center } .vtex-flex-layout-0-x-flexColChild--images-item-container-e20 { display: flex; justify-content: center } .vtex-rich-text-0-x-heading--ifetel-header { display: none !important } .vtex-rich-text-0-x-container--ifetel-conteudo-texto { justify-content: center } .vtex-rich-text-0-x-paragraph--ifetel-conteudo-texto { color: #000; text-align: center } .vtex-flex-layout-0-x-flexRow--ifetel-container-mobile .vtex-flex-layout-0-x-flexCol--ifetel-conteudo { padding: 0 } .vtex-flex-layout-0-x-flexRow--ifetel-container-mobile .vtex-rich-text-0-x-container--ifetel-conteudo-texto-tile { justify-content: center; color: #ff554d; font-weight: 700; text-decoration: underline } .vtex-flex-layout-0-x-flexRow--ifetel-container-mobile .vtex-disclosure-layout-1-x-trigger--ifetel-trigger { width: 100%; background: none; border: none } .vtex-flex-layout-0-x-flexRow--ifetel-container-mobile .vtex-flex-layout-0-x-flexCol--ifetel-modelos { border: 1px solid #e1e1e1 } .vtex-flex-layout-0-x-flexRow--ifetel-container-mobile .vtex-flex-layout-0-x-flexRowContent--ifetel-rows-mobile { display: flex } .vtex-flex-layout-0-x-flexRow--ifetel-container-mobile .vtex-flex-layout-0-x-flexRowContent--ifetel-rows-mobile .vtex-flex-layout-0-x-stretchChildrenWidth { border: 1px solid #fff } .vtex-flex-layout-0-x-flexRow--ifetel-container-mobile .vtex-disclosure-layout-1-x-content--visible,.vtex-flex-layout-0-x-flexRow--ifetel-container-mobile .vtex-disclosure-layout-1-x-trigger--visible { background: rgba(17,17,17,.067); border: 1px solid #fff } .vtex-flex-layout-0-x-flexRow--interes-tab-category .vtex-product-summary-2-x-container--white-shelf { background: none; color: #fff } .vtex-flex-layout-0-x-flexRow--interes-tab-category .vtex-product-summary-2-x-brandName,.vtex-flex-layout-0-x-flexRow--interes-tab-category .vtex-store-link-0-x-label--product-compare-shelf-blue { color: #fff !important } .vtex-flex-layout-0-x-flexRow--interes-tab-category .vtex-product-summary-2-x-imageContainer { background-image: radial-gradient(circle closest-side,#153d65,#001428 95%) } .vtex-flex-layout-0-x-flexRow--institucionais-container { background-color: #f5f5f5 } .vtex-flex-layout-0-x-flexRow--institucionais-conteudo-titulo { background-color: #001428; border-top-left-radius: 10px; border-top-right-radius: 10px } .vtex-flex-layout-0-x-flexRow--institucionais-conteudo-texto { background-color: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px } .vtex-flex-layout-0-x-flexRow--sobre-motorola-conteudo-titulo { background: url(/arquivos/banner-sobre-motorola.png) no-repeat; background-position: 50%; -webkit-background-size: cover; background-size: cover } @media (min-width: 1025px) { .vtex-flex-layout-0-x-flexRow--institucionais-conteudo-titulo { padding:40px 50px } .vtex-flex-layout-0-x-flexRow--institucionais-conteudo-texto { padding: 25px 50px } .vtex-flex-layout-0-x-flexRow--blackfriday-cyberweek { min-width: 600px } .vtex-flex-layout-0-x-flexCol--institucionais-menu { margin-right: 26px } .vtex-flex-layout-0-x-flexCol--institucionais-conteudo-titulo { padding: 40px 50px; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #001428 } } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--institucionais-conteudo-titulo { padding:30px 20px } .vtex-flex-layout-0-x-flexRow--institucionais-conteudo-texto { padding: 25px 8px } .vtex-flex-layout-0-x-flexRow .vtex-flex-layout-0-x-flexRowContent--institucionais-container { padding-top: 30px } .vtex-flex-layout-0-x-flexCol--institucionais-menu { margin-right: 26px } .vtex-flex-layout-0-x-flexCol--institucionais-conteudo-titulo { padding: 30px 20px; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #001428 } } @media (max-width: 600px) { .vtex-flex-layout-0-x-flexCol--institucionais-menu { margin-right:0 } } .vtex-flex-layout-0-x-flexRow--blackfriday-faq .vtex-store-components-3-x-container { padding: 0 } .vtex-flex-layout-0-x-flexRow--blackfriday-faq-title-img { background-color: #000; margin-bottom: 30px } .vtex-flex-layout-0-x-flexColChild--blackfriday-faq:last-child,.vtex-flex-layout-0-x-flexRow--blackfriday-faq-title-img .vtex-flex-layout-0-x-flexRowContent--blackfriday-faq-title-img { padding: 0 15px } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexColChild--blackfriday-cyberweek { max-height:max-content } .vtex-flex-layout-0-x-flexRow--blackfriday-faq-title-img .vtex-flex-layout-0-x-flexRowContent--blackfriday-faq-title-img { padding: 15px; background: url(https://mxmoto.vtexassets.com/arquivos/blackfriday-faq.png) no-repeat; background-position: 170px -195px } } .vtex-flex-layout-0-x-flexRowContent--novidades-link-anchor { display: flex; justify-content: center } .vtex-flex-layout-0-x-flexRow--footer-newsletter { background: #d2d2d2; padding: 20px 40px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px } .vtex-flex-layout-0-x-flexRow--footer-newsletter .vtex-flex-layout-0-x-flexRowContent { max-width: 1366px; margin: 0 auto; flex-direction: column; align-items: center } @media (min-width: 1024px) { .vtex-flex-layout-0-x-flexRow--footer-newsletter .vtex-flex-layout-0-x-flexRowContent { max-width:none } } .vtex-flex-layout-0-x-flexRow--footer-location { width: 100% } .vtex-flex-layout-0-x-flexRow--footer-location .vtex-flex-layout-0-x-flexRowContent { align-items: center } .vtex-flex-layout-0-x-flexRow--footer-menus,.vtex-flex-layout-0-x-flexRow--footer-social-location { background-color: #fff; max-width: 1366px; margin: 0 auto } @media (min-width: 1024px) { .vtex-flex-layout-0-x-flexRow--footer-menus,.vtex-flex-layout-0-x-flexRow--footer-social-location { max-width:none } } .vtex-flex-layout-0-x-flexRow--footer-menus .vtex-flex-layout-0-x-flexRowContent--footer-menus,.vtex-flex-layout-0-x-flexRow--footer-menus .vtex-flex-layout-0-x-flexRowContent--footer-social-location,.vtex-flex-layout-0-x-flexRow--footer-social-location .vtex-flex-layout-0-x-flexRowContent--footer-menus,.vtex-flex-layout-0-x-flexRow--footer-social-location .vtex-flex-layout-0-x-flexRowContent--footer-social-location { padding: 40px 15px } .vtex-flex-layout-0-x-flexRow--footer-copyright,.vtex-flex-layout-0-x-flexRow--footer-vendas { background-color: #fff } .vtex-flex-layout-0-x-flexRow--footer-copyright .vtex-flex-layout-0-x-flexRowContent,.vtex-flex-layout-0-x-flexRow--footer-vendas .vtex-flex-layout-0-x-flexRowContent { padding: 15px 0 } .vtex-flex-layout-0-x-flexRow--footer-created { background-color: #f5f5f5 } .vtex-flex-layout-0-x-flexRow--footer-created .vtex-flex-layout-0-x-flexRowContent { align-items: center; padding: 5px 0 10px } .vtex-flex-layout-0-x-flexRow--footer-created-by,.vtex-flex-layout-0-x-flexRow--footer-created-with { margin: 0 5px } .vtex-flex-layout-0-x-flexRow .vtex-flex-layout-0-x-flexRowContent--footer-menus { display: flex; justify-content: space-between } .vtex-flex-layout-0-x-flexColChild--footer-location { height: 100%; align-items: center; justify-content: center; display: flex; width: 100% } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexCol--footer-social-location,.vtex-flex-layout-0-x-flexCol--footer-social-media { margin-bottom:30px } .vtex-flex-layout-0-x-flexCol .vtex-flex-layout-0-x-flexColChild--footer-newsletter-btn { display: flex; justify-content: center } .vtex-flex-layout-0-x-flexRow--footer .vtex-store-components-3-x-container { padding: 0 } .vtex-flex-layout-0-x-flexRow--footer-newsletter { padding: 70px 40px } .vtex-flex-layout-0-x-flexRow--footer-created { padding: 0 0 20px; border-top: thin solid rgba(16,44,74,.3) } .vtex-flex-layout-0-x-flexRow--footer-created .vtex-flex-layout-0-x-flexRowContent { padding: 5px 15px } .vtex-flex-layout-0-x-flexRow--footer-created .vtex-flex-layout-0-x-flexRowContent--footer-created { padding: 5px 0; border-bottom: thin solid rgba(16,44,74,.3) } .vtex-flex-layout-0-x-flexRow--footer-copyright { padding: 0 15px } .vtex-flex-layout-0-x-flexRow .vtex-flex-layout-0-x-flexRowContent--footer-menus-mobile { padding: 0 15px 20px } } .vtex-flex-layout-0-x-flexRowContent--autocomplete-row { background: #f7f7f7; margin-bottom: 10px; border-radius: 10px } .vtex-flex-layout-0-x-flexRowContent--autocomplete-row .vtex-flex-layout-0-x-stretchChildrenWidth:first-child { width: 20% !important } .vtex-flex-layout-0-x-flexRowContent--autocomplete-row .vtex-flex-layout-0-x-stretchChildrenWidth:last-child { width: 80% !important } .vtex-flex-layout-0-x-flexCol--autocomplete-col2 .vtex-flex-layout-0-x-flexColChild:last-child { margin-top: 10px } .vtex-flex-layout-0-x-flexColChild--autocomplete-col2 { height: auto !important } .vtex-flex-layout-0-x-flexCol--autocomplete-col2 { justify-content: center !important } .vtex-flex-layout-0-x-flexColChild--autocomplete-col2 { height: 100%; justify-content: center; display: flex; flex-direction: column } .vtex-flex-layout-0-x-flexColChild--autocomplete-col2 .vtex-product-summary-2-x-nameContainer { padding-top: 0 } .vtex-flex-layout-0-x-flexColChild--autocomplete-col2 .vtex-product-summary-2-x-productBrand { font-size: 1.125rem; text-transform: capitalize } .vtex-flex-layout-0-x-flexRowContent--banner-releases .vtex-flex-layout-0-x-stretchChildrenWidth { margin: 15px } @media (max-width: 639px) { .vtex-flex-layout-0-x-flexRowContent--banner-releases .vtex-flex-layout-0-x-stretchChildrenWidth { margin:15px 0 } } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--banner-releases .vtex-store-components-3-x-container { padding:0 } } .vtex-flex-layout-0-x-flexRowContent--accessoriesContainer .vtex-flex-layout-0-x-stretchChildrenWidth:nth-child(odd) { width: 60% !important } .vtex-flex-layout-0-x-flexRowContent--accessoriesContainer .vtex-flex-layout-0-x-stretchChildrenWidth:nth-child(2n) { width: 40% !important } .vtex-flex-layout-0-x-flexColChild--accessoriesContainer2 { display: block } .vtex-flex-layout-0-x-flexRow--accessoriesContainer { margin: 20px } .vtex-flex-layout-0-x-flexColChild--accessoriesContainer2 { display: flex; width: 100% } .vtex-flex-layout-0-x-flexRowContent--accessoriesRow1-mobile { flex-direction: column; align-items: center } .vtex-flex-layout-0-x-flexRowContent--accessoriesRow1-mobile .vtex-flex-layout-0-x-stretchChildrenWidth { width: 100% !important; max-width: 570px } .vtex-flex-layout-0-x-flexRowContent--accessoriesRow1-mobile .vtex-flex-layout-0-x-stretchChildrenWidth:first-child { padding: 5px 10px } .vtex-flex-layout-0-x-flexCol--accessoriesRow2-mobile { flex-direction: row } .vtex-flex-layout-0-x-flexColChild--accessoriesRow2-mobile { padding: 5px 10px } .vtex-flex-layout-0-x-flexColChild--blogRow2-mobile:not(:nth-child(2n)) { padding: 0 15px 0 0 } .vtex-flex-layout-0-x-flexRowContent--blogRow1-mobile,.vtex-flex-layout-0-x-flexRowContent--blogRow2-mobile { flex-direction: column } .vtex-flex-layout-0-x-flexRowContent--blogRow1-mobile .vtex-flex-layout-0-x-stretchChildrenWidth,.vtex-flex-layout-0-x-flexRowContent--blogRow2-mobile .vtex-flex-layout-0-x-stretchChildrenWidth { width: 100% !important } .vtex-flex-layout-0-x-flexCol--blogRow2-mobile { flex-direction: row; justify-content: center } @media screen and (max-width: 768px) { .vtex-flex-layout-0-x-flexCol--blogRow2-mobile { margin:0 0 18px } } .vtex-flex-layout-0-x-flexRow--blogRow1-mobile { padding: 0 11.5px 0 0 } @media screen and (max-width: 768px) { .vtex-flex-layout-0-x-flexRow--blogRow1-mobile { padding:0 11.5px } } .vtex-flex-layout-0-x-flexRow--blogRow2-mobile { padding: 0 0 0 11.5px } .vtex-flex-layout-0-x-flexRow--categories-wrapper { margin-top: 15px } .vtex-flex-layout-0-x-flexRowContent--categories-wrapper { flex-direction: column; width: 100% } .vtex-flex-layout-0-x-flexRowContent--categories-wrapper .vtex-flex-layout-0-x-stretchChildrenWidth { width: 100% !important } .vtex-flex-layout-0-x-flexRow--categories { background-color: transparent; padding: 15px 0; justify-content: flex-start } .vtex-flex-layout-0-x-flexRowContent--categories { display: flex !important; justify-content: space-around !important; flex-wrap: wrap } .vtex-flex-layout-0-x-flexRowContent--categories .vtex-flex-layout-0-x-stretchChildrenWidth { width: 208px !important; height: 90px !important; margin: 5px } .vtex-flex-layout-0-x-flexRowContent--categories .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-flex-layout-0-x-flexRow--category .vtex-flex-layout-0-x-flexRowContent--category .vtex-flex-layout-0-x-stretchChildrenWidth { width: auto !important; height: auto !important; margin: 0 !important } .vtex-flex-layout-0-x-flexRow--category { align-items: center; width: auto !important; flex-wrap: nowrap; border-radius: 4px; background: #011b34; border: 1px solid #082e53; box-shadow: -6px -5px 8px rgba(49,49,49,.55); padding: 25px; width: 100% !important } .vtex-flex-layout-0-x-flexRowContent--category { align-items: center; justify-content: center; height: 100%; width: auto } .vtex-flex-layout-0-x-flexRow--categories .vtex-flex-layout-0-x-flexCol { align-items: center } @media screen and (max-width: 1080px) { .vtex-flex-layout-0-x-flexRow--category { padding:15px; background: transparent; border: 0; box-shadow: none } .vtex-flex-layout-0-x-flexRowContent--categories .vtex-flex-layout-0-x-stretchChildrenWidth { width: 47% !important; height: 60px !important } .vtex-flex-layout-0-x-flexRowContent--category .vtex-flex-layout-0-x-stretchChildrenWidth { width: 100% !important; height: 100% !important } .vtex-flex-layout-0-x-flexRowContent--category { width: auto !important; display: flex !important; justify-content: unset } .vtex-flex-layout-0-x-flexRowContent--category:first-child { width: 100px !important } .vtex-flex-layout-0-x-flexRowContent--mobile-change-country { display: flex; flex-direction: column; margin-top: 20px } .vtex-flex-layout-0-x-flexRowContent--banner-releases { padding: 0 16px } } @media screen and (max-width: 892px) { .vtex-flex-layout-0-x-flexRowContent--home-categorie { flex-wrap:wrap } } @media screen and (max-width: 430px) { .vtex-flex-layout-0-x-flexRowContent--home-categorie { flex-wrap:nowrap } .vtex-flex-layout-0-x-flexRowContent--mobile-change-country { display: flex; flex-direction: column; margin-top: 20px } } @media screen and (max-width: 366px) { .vtex-flex-layout-0-x-flexRow--category { padding:5px 0 } .vtex-flex-layout-0-x-flexRow--category .vtex-flex-layout-0-x-stretchChildrenWidth { margin: 5px 0 } .vtex-flex-layout-0-x-flexRowContent--categories { justify-content: flex-start !important } .vtex-flex-layout-0-x-flexRowContent--categories .vtex-flex-layout-0-x-stretchChildrenWidth { width: 46% !important; height: 50px; margin: 0 } } @media screen and (max-width: 331px) { .vtex-flex-layout-0-x-flexRowContent--home-categorie { flex-wrap:wrap } } @media screen and (max-width: 283px) { .vtex-flex-layout-0-x-flexRow--category { padding:10px 20px } .vtex-flex-layout-0-x-flexRowContent--categories .vtex-flex-layout-0-x-stretchChildrenWidth { width: 100% !important; height: 50px } } .vtex-flex-layout-0-x-sliderLayoutContainer--shelf { justify-content: center; min-height: 500px; max-width: 87.5rem; margin-right: auto; margin-left: auto; margin-bottom: 25px } .vtex-flex-layout-0-x-layoutContainer--shelf { margin-top: 20px; margin-bottom: 20px; max-width: 87.5rem } .vtex-flex-layout-0-x-slide--shelf { margin: 12px 12px 25px; padding: 0 25px; color: #fff; border-radius: 10px; max-width: 324px !important } @media screen and (max-width: 768px) { .vtex-flex-layout-0-x-slide--shelf { margin:12px 12px 0 } } .vtex-flex-layout-0-x-slide--shelf-container:hover { border-image: none } .vtex-flex-layout-0-x-paginationDotsContainer--shelf { margin: .5rem 6vw -.5rem } @media (max-width: 1024px) { .vtex-flex-layout-0-x-slide--shelf { max-width:284px !important; height: auto } .vtex-flex-layout-0-x-slide--shelf-container { border-image: none } } @media (max-width: 575px) { .vtex-flex-layout-0-x-sliderLayoutContainer--shelf { padding:0 !important; margin-bottom: 20px } } .vtex-flex-layout-0-x-flexRow--family-page-banner { margin-top: 60px !important; margin-bottom: 26px !important } .vtex-flex-layout-0-x-flexRowContent--family-page-banner { justify-content: center } .vtex-flex-layout-0-x-flexRowContent--family-page-specification-item { display: flex } .vtex-flex-layout-0-x-flexRowContent--family-page-specification-item .vtex-flex-layout-0-x-stretchChildrenWidth:first-child { margin-right: 10px; width: 50px !important; height: auto !important; align-items: center !important; text-align: center } .vtex-flex-layout-0-x-flexRowContent--family-page-specification-item .vtex-flex-layout-0-x-stretchChildrenWidth:nth-child(2n) { width: auto !important; height: auto !important; align-items: center !important } .vtex-flex-layout-0-x-flexRowContent--family-page-items-specifications { max-width: 1050px; margin: auto } .vtex-flex-layout-0-x-flexRowContent .vtex-flex-layout-0-x-flexRow--family-page-specification-item { display: flex !important; flex-wrap: wrap } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexRowContent--family-page-items-specifications { display:flex !important; flex-wrap: wrap !important } .vtex-flex-layout-0-x-flexRowContent--family-page-items-specifications .vtex-flex-layout-0-x-stretchChildrenWidth { width: 50% !important } } @media (max-width: 359px) { .vtex-flex-layout-0-x-flexRowContent--family-page-items-specifications .vtex-flex-layout-0-x-stretchChildrenWidth { width:100% !important } } .vtex-flex-layout-0-x-flexRowContent--info-middle-image { flex-direction: column; align-items: center } .vtex-flex-layout-0-x-flexRowContent--avise-me-row { display: flex; position: relative } .vtex-flex-layout-0-x-flexColChild--images-item-container { max-width: 430px; height: unset } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexColChild--images-item-container { max-width:unset; width: 100% } } .vtex-flex-layout-0-x-flexRow--edge-release { background-color: #000a13 } .vtex-flex-layout-0-x-flexRow--edge-30 .vtex-store-components-3-x-container { padding: 0 } .vtex-flex-layout-0-x-flexRowContent--images-g20-container { margin: 30px auto 50px; width: 100%; justify-content: space-evenly } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRowContent--images-g20-container { max-width:100%; flex-direction: column; width: 100%; margin: 30px 0 50px; max-width: unset } .vtex-flex-layout-0-x-flexRowContent--images-g20-container .vtex-flex-layout-0-x-stretchChildrenWidth { width: 100% !important } } .vtex-flex-layout-0-x-flexRow--blogContainer-desktop { width: 80%; margin: 22px auto } .vtex-flex-layout-0-x-flexCol--institucionais-conteudo-texto { padding: 25px 50px; background-color: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px } .vtex-flex-layout-0-x-flexCol--institucionais-conteudo-texto .vtex-store-components-3-x-faq_container { padding: 0 } .vtex-flex-layout-0-x-flexCol--institucionais-conteudo-texto .vtex-store-components-3-x-faq_container .vtex-store-components-3-x-faq_answer,.vtex-flex-layout-0-x-flexCol--institucionais-conteudo-texto .vtex-store-components-3-x-faq_container .vtex-store-components-3-x-faq_question_title { background-color: #fff; color: #000; padding: 0 } .vtex-flex-layout-0-x-flexCol--institucionais-conteudo-texto .vtex-store-components-3-x-faq_container .vtex-store-components-3-x-faq_question_title { border-bottom: 1px solid } .vtex-flex-layout-0-x-flexCol--institucionais-conteudo-texto .vtex-store-components-3-x-faq_container .vtex-store-components-3-x-faq_question { font-size: 16px; font-weight: 400; width: 100% } .vtex-flex-layout-0-x-flexCol--institucionais-conteudo-texto .vtex-flex-layout-0-x-flexColChild--institucionais-conteudo-texto-politica-privacidad-producto .vtex-rich-text-0-x-paragraph { font-size: 14px } .vtex-flex-layout-0-x-flexCol--institucionais-conteudo-texto .vtex-flex-layout-0-x-flexColChild--institucionais-conteudo-texto-politica-privacidad-producto .vtex-rich-text-0-x-paragraph .vtex-rich-text-0-x-link { color: #53a4f3; text-decoration: none } .vtex-flex-layout-0-x-flexRowContent--search-not-found { margin-top: 5rem } .vtex-flex-layout-0-x-flexColChild--pdp-price .vtex-product-price-1-x-installments { font-weight: 700 !important } .vtex-flex-layout-0-x-flexRowContent--motofertas-content .vtex-search-result-3-x-gallery--three { padding-left: 0 !important } .vtex-flex-layout-0-x-flexRowContent--motofertas-content .vtex-search-result-3-x-container--layout { margin-bottom: 10px !important } .vtex-flex-layout-0-x-flexRowContent--motofertas-content .vtex-product-summary-2-x-container--shelf,.vtex-flex-layout-0-x-flexRowContent--motofertas-content .vtex-product-summary-2-x-container--white-shelf { height: auto; max-width: none !important } .vtex-flex-layout-0-x-flexRow--motofertas-banner-principal { margin: 20px 0 } .vtex-flex-layout-0-x-flexRow--product-more-colors-empty { height: 28px } @media only screen and (max-width: 480px) { .vtex-flex-layout-0-x-flexCol--institucional-equipos-ilicitos { padding:25px !important } } .vtex-flex-layout-0-x-flexCol--institucional-equipos-ilicitos .vtex-rich-text-0-x-wrapper--institucionais-conteudo-subtitulo { padding-bottom: 20px } .vtex-flex-layout-0-x-flexCol--institucional-equipos-ilicitos .vtex-rich-text-0-x-wrapper--institucionais-conteudo-subtitulo .vtex-rich-text-0-x-heading { font-weight: 700; font-size: 14px; padding: 10px 0 } .vtex-flex-layout-0-x-flexCol--institucional-equipos-ilicitos .vtex-rich-text-0-x-paragraph--institucionais-conteudo-texto-title { font-weight: 400; font-size: 16px; margin-bottom: 0 } .vtex-flex-layout-0-x-flexRowContent--print-card-left .vtex-button,.vtex-flex-layout-0-x-flexRowContent--print-card-right .vtex-button { display: none } .vtex-flex-layout-0-x-flexRow--shelf-home-offers-name,.vtex-flex-layout-0-x-flexRow--shelf-home-offers-price { height: 50px } .vtex-flex-layout-0-x-flexRow--shelf-home-offers-name .vtex-store-components-3-x-container,.vtex-flex-layout-0-x-flexRow--shelf-home-offers-price .vtex-store-components-3-x-container { padding: 0 } .vtex-flex-layout-0-x-flexColChild--shelf-home-offers-price { text-align: left } .vtex-flex-layout-0-x-flexRow--text-shelf-home-ofertas .vtex-store-components-3-x-container { width: 100%; padding: 0 } .vtex-flex-layout-0-x-flexRowContent--no-context-breadcrumb { align-items: center } .vtex-flex-layout-0-x-flexRowContent--no-context-breadcrumb .vtex-store-link-0-x-link--no-context-breadcrumb-item { color: #fff; text-decoration: none } .vtex-flex-layout-0-x-flexRow--showcase-prices { min-height: 40px } .vtex-flex-layout-0-x-flexRow--showcase-prices .vtex-store-components-3-x-container { padding: 0 !important } .vtex-flex-layout-0-x-flexRow--showcase-prices .vtex-flex-layout-0-x-flexRowContent { display: flex; justify-content: center !important; align-items: center; flex-wrap: wrap; flex-direction: column; gap: 3px; position: relative } .vtex-flex-layout-0-x-flexRow--showcase-prices .vtex-flex-layout-0-x-flexRowContent .vtex-product-price-1-x-savings { position: absolute; border-radius: 360rem; font-weight: 700; padding: 5px 12px; background: #cae3f6; color: #216cb4; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0; font-size: 14px; top: 45%; left: 80%; transform: translate(-50%,-50%) } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexRow--showcase-prices .vtex-flex-layout-0-x-flexRowContent .vtex-product-price-1-x-savings { font-size:12px } } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--breadcrumb-view-all { padding:0 16px } } .vtex-flex-layout-0-x-flexRow--breadcrumb-view-all .vtex-store-components-3-x-container { padding: 0 } .vtex-flex-layout-0-x-flexRow--title-orderby { margin-bottom: 56px } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--title-orderby { padding:0 16px; margin-bottom: 48px } } .vtex-flex-layout-0-x-flexRow--title-orderby .vtex-store-components-3-x-container { padding: 0 } .vtex-flex-layout-0-x-flexRow--title-orderby .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--title-orderby { display: flex; align-items: center } .vtex-flex-layout-0-x-flexRow--title-orderby .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--title-orderby .vtex-flex-layout-0-x-flexCol--orderby-filter { display: flex; flex-direction: row; align-items: center; justify-content: flex-end } .vtex-flex-layout-0-x-flexRow--title-orderby .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--title-orderby .vtex-flex-layout-0-x-flexCol--orderby-filter .vtex-flex-layout-0-x-flexColChild--orderby-filter { display: flex; justify-content: flex-end } .vtex-flex-layout-0-x-flexRow--result-view-all .vtex-store-components-3-x-container { padding: 0 } .vtex-flex-layout-0-x-flexRow--result-view-all .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--result-view-all .vtex-flex-layout-0-x-stretchChildrenWidth:first-child { transition: .3s ease-in-out } .vtex-flex-layout-0-x-flexRow--row-orderby-familly { padding: 0 83px; background: #fff; max-width: 1920px; width: 100%; margin: 0 auto } @media (min-width: 1024px) { .vtex-flex-layout-0-x-flexRow--row-orderby-familly { position:sticky; top: 100px; z-index: 101 } } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--row-orderby-familly { flex-direction:column; padding: 24px 12px 0 24px; margin-bottom: 12px } } .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container { padding: 0; max-width: 1920px } .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--row-orderby-familly .vtex-flex-layout-0-x-stretchChildrenWidth:first-child { justify-content: flex-start; align-items: center } .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--row-orderby-familly .vtex-flex-layout-0-x-stretchChildrenWidth:last-child { justify-content: flex-end } .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--row-orderby-familly .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-flex-layout-0-x-flexCol--orderby-filter { flex-direction: row; justify-content: flex-end; align-items: center } .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--row-orderby-familly .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-flex-layout-0-x-flexCol--orderby-filter .vtex-flex-layout-0-x-flexColChild--orderby-filter { display: flex; align-items: center } .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--row-orderby-familly .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-flex-layout-0-x-flexCol--logo-orderby { flex-direction: row } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--row-orderby-familly .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-flex-layout-0-x-flexCol--logo-orderby { flex-direction:column } } .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--row-orderby-familly .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-flex-layout-0-x-flexCol--logo-orderby .vtex-store-components-3-x-imageElement { min-width: 81px } .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--row-orderby-familly .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-flex-layout-0-x-flexCol--logo-orderby .vtex-flex-layout-0-x-flexColChild--logo-orderby { display: flex; align-items: center } .vtex-flex-layout-0-x-flexRowContent--view-all-fetch-more,.vtex-flex-layout-0-x-flexRowContent--view-all-fetch-previous { margin: 0 } .vtex-flex-layout-0-x-flexRow--result-familly .vtex-store-components-3-x-container { padding: 0; max-width: 1920px } .vtex-flex-layout-0-x-flexRow--result-familly .vtex-flex-layout-0-x-flexRowContent--result-familly .vtex-flex-layout-0-x-flexCol--filterCol-familly { background: #fff; padding: 48px 0 10px 83px } @media (min-width: 1024px) { .vtex-flex-layout-0-x-flexRow--result-familly .vtex-flex-layout-0-x-flexRowContent--result-familly .vtex-flex-layout-0-x-flexCol--filterCol-familly .vtex-flex-layout-0-x-flexColChild--filterCol-familly .vtex-search-result-3-x-filters--layout { top:170px } } .vtex-flex-layout-0-x-flexRow--result-familly .vtex-flex-layout-0-x-flexRowContent--result-familly .vtex-flex-layout-0-x-flexCol--content-products-view-all { background: #f8f8f8; padding: 20px 83px 36px 8px } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--result-familly .vtex-flex-layout-0-x-flexRowContent--result-familly .vtex-flex-layout-0-x-flexCol--content-products-view-all { padding:0 } } .vtex-flex-layout-0-x-flexRow--orderby-filter-familly-sticky { background: #fff; position: fixed; bottom: 0; width: 100%; z-index: 999; box-shadow: 0 12px 28px 0 #000 } .vtex-flex-layout-0-x-flexRow--orderby-filter-familly-sticky .vtex-store-components-3-x-container { padding: 0 !important } .vtex-flex-layout-0-x-flexRow--orderby-filter-familly-sticky .vtex-flex-layout-0-x-flexRowContent--orderby-filter-familly-sticky { display: flex; flex-wrap: nowrap } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--orderby-filter-familly-sticky .vtex-flex-layout-0-x-flexRowContent--orderby-filter-familly-sticky .vtex-flex-layout-0-x-flexCol--filterCol { border-right:2px solid #eee } } .vtex-flex-layout-0-x-flexRow--family-seo-container { background-color: #f4f4f4; width: 100%; height: auto; max-width: 1920px; margin: 0 auto } .vtex-flex-layout-0-x-flexCol--family-seo-block { background-color: #fff; height: auto; min-height: 275px; border-radius: 16px; margin: 20px; padding: 0 35px } @media (max-width: 768px) { .vtex-flex-layout-0-x-flexCol--family-seo-block { margin:0; padding: 0 15px } } .vtex-flex-layout-0-x-flexRowContent--family-seo-container { display: flex; justify-content: center; max-width: 1920px; padding: 40px } @media (max-width: 768px) { .vtex-flex-layout-0-x-flexRowContent--family-seo-container { flex-direction:column; padding: 0 } } .vtex-flex-layout-0-x-flexRow--family-logo-wrapper { position: absolute; padding-top: 25px; display: flex; width: 100% } @media (max-width: 768px) { .vtex-flex-layout-0-x-flexRow--family-logo-wrapper .vtex-flex-layout-0-x-flexRowContent--family-logo-wrapper { padding-top:70px } } .vtex-flex-layout-0-x-flexRow--family-full-width .vtex-store-components-3-x-container { max-width: 1920px; padding: 0 } @media (max-width: 768px) { .vtex-flex-layout-0-x-flexRow--family-full-width .vtex-store-components-3-x-container { padding-left:0; padding-right: 0 } } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--family-full-width .vtex-flex-layout-0-x-flexRowContent--family-full-width .vtex-flex-layout-0-x-stretchChildrenWidth { width:100% !important } } .vtex-flex-layout-0-x-flexRow--view-all-fetch-more { padding-top: 30px } .vtex-flex-layout-0-x-flexRow--moto-watch-container { width: 100% } @media (min-width: 1024px) { .vtex-flex-layout-0-x-flexRow--moto-watch-container { max-width:1400px; margin: auto; height: 700px; padding: 20px 0 } } @media (min-width: 1024px) { .vtex-flex-layout-0-x-flexCol--moto-watch-container__text { padding:0 20px; display: flex; justify-content: center } } .vtex-flex-layout-0-x-flexRow--moto-watch-specs { width: 100%; margin: 20px auto 0 } @media (min-width: 1024px) { .vtex-flex-layout-0-x-flexRow--moto-watch-specs { max-width:1000px; margin: 50px auto } } .vtex-flex-layout-0-x-flexRow--g32-container { background-color: #001428 } .vtex-flex-layout-0-x-flexRow--edge30-ultra-page { background-color: #fff } .vtex-flex-layout-0-x-flexRow--edge30-ultra-page .vtex-store-components-3-x-container { padding: 0; max-width: inherit } .vtex-flex-layout-0-x-flexRow--landing-f1,.vtex-flex-layout-0-x-flexRow--lenguas-vivas-container,.vtex-flex-layout-0-x-flexRow--pantone-container { background: #fff } .vtex-flex-layout-0-x-flexRow--landing-f1 .vtex-store-components-3-x-container,.vtex-flex-layout-0-x-flexRow--lenguas-vivas-container .vtex-store-components-3-x-container,.vtex-flex-layout-0-x-flexRow--pantone-container .vtex-store-components-3-x-container { padding: 0 } .vtex-flex-layout-0-x-flexRow--landing-f1 .vtex-flex-layout-0-x-flexColChild--landing-f1 { max-width: 1920px } .vtex-flex-layout-0-x-flexRow--carousel-home { margin-top: 20px } @media (min-width: 1024px) { .vtex-flex-layout-0-x-flexRow--carousel-home { margin-top:15px } } .vtex-flex-layout-0-x-flexRow--landing-maven { background-color: #fff } .vtex-flex-layout-0-x-flexRow--landing-maven .vtex-store-components-3-x-container { padding: 0; max-width: inherit } .vtex-flex-layout-0-x-flexRowContent--new_family_edge_page__banner { background: #fff } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexRowContent--new_family_edge_page__banner_first .vtex-flex-layout-0-x-stretchChildrenWidth { min-height:545px } } .vtex-flex-layout-0-x-flexRow--new_family_edge_page__banner .vtex-flex-layout-0-x-container,.vtex-flex-layout-0-x-flexRow--new_family_edge_page__recommended-products .vtex-flex-layout-0-x-container,.vtex-flex-layout-0-x-flexRow--new_family_edge_page__simple_card_list .vtex-flex-layout-0-x-container { background: #f8f8f8 } .vtex-flex-layout-0-x-flexRow--new_family_edge_page__banner .vtex-store-components-3-x-container,.vtex-flex-layout-0-x-flexRow--new_family_edge_page__recommended-products .vtex-store-components-3-x-container,.vtex-flex-layout-0-x-flexRow--new_family_edge_page__simple_card_list .vtex-store-components-3-x-container { padding: 0 } .vtex-flex-layout-0-x-flexRowContent--new_family_edge_page__recommended-products { background: #f8f8f8 } .vtex-flex-layout-0-x-flexRowContent--new_family_edge_page__simple_card_list { padding: 83px 64px; background: #f8f8f8 } .vtex-flex-layout-0-x-flexColChild--new_family_edge_page__simple_card_list_card { margin-right: 24px } @media only screen and (max-width: 768px) { .vtex-flex-layout-0-x-flexRowContent--new_family_edge_page__simple_card_list { padding:0 } .vtex-flex-layout-0-x-flexColChild--new_family_edge_page__simple_card_list_card { margin-right: 0 } .vtex-flex-layout-0-x-flexCol--new_family_edge_content_filter { display: none } } .vtex-flex-layout-0-x-flexRow--new-family-edge-shelf .vtex-store-components-3-x-container { padding: 0 !important } .vtex-flex-layout-0-x-flexRow--new-family-edge-shelf .vtex-flex-layout-0-x-flexRowContent--new-family-edge-shelf { display: flex; justify-content: start !important; flex-wrap: wrap } .vtex-flex-layout-0-x-flexRowContent--new_family_edge_page__recommended-products { flex-flow: row wrap; justify-content: space-between; align-items: center; padding: 0 83px } .vtex-flex-layout-0-x-flexRowContent--new_family_edge_page__recommended-products .vtex-flex-layout-0-x-container { padding: 0 24px } @media only screen and (max-width: 768px) { .vtex-flex-layout-0-x-flexRowContent--new_family_edge_page__recommended-products { padding:0 24px } } .vtex-flex-layout-0-x-flexRowContent--min-h-600 { min-height: 600px } .vtex-flex-layout-0-x-flexCol--pdp-infos { position: relative } @media (min-width: 1024px) { .vtex-flex-layout-0-x-flexCol--pdp-infos { gap:10px } } .vtex-flex-layout-0-x-flexRow--motoparts .vtex-store-components-3-x-container { padding: 0 } .vtex-flex-layout-0-x-flexRow--motoparts-faqs-title { background-color: #fff } .vtex-flex-layout-0-x-flexRow--motoparts-faqs { background-color: #fff; padding: 0 0 50px } .vtex-flex-layout-0-x-flexRow--motoparts-faqs .vtex-store-components-3-x-faq_question_container { border-bottom: 2px solid #ededed } .vtex-flex-layout-0-x-flexRow--motoparts-faqs .vtex-store-components-3-x-faq_question_container .vtex-store-components-3-x-faq_question_title { background-color: #fff; color: #001428; padding: 0 } .vtex-flex-layout-0-x-flexRow--motoparts-faqs .vtex-store-components-3-x-faq_question_container .vtex-store-components-3-x-faq_question_title .vtex-store-components-3-x-faq_question { font-size: 16px; font-weight: 400 } .vtex-flex-layout-0-x-flexRow--motoparts-faqs .vtex-store-components-3-x-faq_question_container .vtex-store-components-3-x-faq_answer { background-color: #fff; color: #000; font-size: 14px; line-height: 20px } .vtex-flex-layout-0-x-flexColChild--motoparts-faqs-title { padding: 20px 20px 0 } .vtex-flex-layout-0-x-flexColChild--motoparts-faqs-title .vtex-rich-text-0-x-paragraph--motoparts { color: #000; font-weight: 400; font-size: 38px } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexColChild--motoparts-faqs-title .vtex-rich-text-0-x-paragraph--motoparts { margin:0 0 25px; font-size: 28px } } .vtex-flex-layout-0-x-flexColChild--landing-family-space { background-color: #fff } .vtex-flex-layout-0-x-flexRow--motocare-page-banner,.vtex-flex-layout-0-x-flexRow--motocare-page-legals { background-color: #001428 } .vtex-flex-layout-0-x-flexRow--motocare-page-why { background-color: #fff; color: #000; padding: 50px 0 } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexRow--motocare-page-why { padding:20px } } .vtex-flex-layout-0-x-flexRow--motocare-page-esp,.vtex-flex-layout-0-x-flexRow--motocare-page-how { padding: 50px; background-color: #001428 } .vtex-flex-layout-0-x-flexRow--motocare-page-esp .vtex-rich-text-0-x-paragraph--how-text1,.vtex-flex-layout-0-x-flexRow--motocare-page-how .vtex-rich-text-0-x-paragraph--how-text1 { color: #fff } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexRow--motocare-page-esp,.vtex-flex-layout-0-x-flexRow--motocare-page-how { padding:20px } } .vtex-flex-layout-0-x-flexRow--motocare-page-asistencia { padding: 50px; background: #fff } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexRow--motocare-page-asistencia { padding:20px } } .vtex-flex-layout-0-x-flexRow--motocare-page-faq { background-color: #fff } .vtex-flex-layout-0-x-flexCol--icons-col { padding: 20px } .vtex-flex-layout-0-x-flexColChild--icons-col { display: flex; justify-content: center; align-items: start } @media (min-width: 1024px) { .vtex-flex-layout-0-x-flexRow--carousel-home-secundary .vtex-store-components-3-x-container,.vtex-flex-layout-0-x-flexRow--carousel-home .vtex-store-components-3-x-container,.vtex-flex-layout-0-x-flexRow--grid-layout-home .vtex-store-components-3-x-container,.vtex-flex-layout-0-x-flexRow--shelves-tabs-home .vtex-store-components-3-x-container { max-width:none } } .vtex-flex-layout-0-x-flexRow--showcase { margin-top: 3em } .vtex-flex-layout-0-x-flexRow--showcase .vtex-store-components-3-x-container { max-width: 1440px; padding: 10px 15px } .vtex-flex-layout-0-x-flexRow--shelves { padding: 3em 0; background: #f7f7f7 } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexRow--shelves { padding:10px 0 } } .vtex-flex-layout-0-x-flexRow--shelves .vtex-store-components-3-x-container { max-width: 1440px } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexRow--shelves .vtex-store-components-3-x-container { padding:0 } } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexRow--shelves-discounts .vtex-button__label { padding:.25em .5rem .32em !important } } .vtex-flex-layout-0-x-flexRow--reviews-summary { height: fit-content; margin-bottom: 5px } .vtex-flex-layout-0-x-flexRow--reviews-summary .vtex-reviews-and-ratings-3-x-summaryContainer { justify-content: center } .vtex-flex-layout-0-x-flexRow--reviews-summary .vtex-reviews-and-ratings-3-x-summaryContainer .vtex-reviews-and-ratings-3-x-summaryButtonContainer { display: none } @media (min-width: 1024px) { .vtex-flex-layout-0-x-flexRow--family-page-banner .vtex-store-components-3-x-container,.vtex-flex-layout-0-x-flexRow--search-bottom-home .vtex-store-components-3-x-container,.vtex-flex-layout-0-x-flexRow--search-container .vtex-store-components-3-x-container { max-width:none } } .vtex-flex-layout-0-x-flexColChild--search-filter { position: sticky; top: 70px } .vtex-flex-layout-0-x-flexRowContent--table-pcda { display: flex; flex-direction: column } .vtex-flex-layout-0-x-flexRowContent--table-pcda .vtex-flex-layout-0-x-stretchChildrenWidth { margin: auto } .vtex-flex-layout-0-x-flexRow--terminos-condiciones-pcda { width: 90%; margin: auto } .vtex-flex-layout-0-x-flexRowContent--container-banner-info { display: flex; align-items: center; justify-content: center; height: 100%; padding: 0 1rem; gap: 10px } .vtex-flex-layout-0-x-flexRowContent--container-banner-info .vtex-flex-layout-0-x-stretchChildrenWidth:nth-child(odd) { width: 30px !important; max-height: 30px } .vtex-flex-layout-0-x-flexRowContent--container-banner-info .vtex-flex-layout-0-x-stretchChildrenWidth:nth-child(2n) { width: auto !important } .vtex-flex-layout-0-x-flexRowContent--container-banner-info .vtex-flex-layout-0-x-stretchChildrenWidth:nth-child(2n) .vtex-rich-text-0-x-paragraph { font-size: .9rem; color: #001428; margin: 10px 0 } .vtex-flex-layout-0-x-flexRow--landing-page-moto-ai .vtex-store-components-3-x-container { max-width: 100%; padding: 0 } .vtex-flex-layout-0-x-flexRow--privacy-policies .vtex-store-components-3-x-container { padding: 0 } @media (min-width: 1024px) { .vtex-flex-layout-0-x-flexRow--home-faqs { margin-top:30px } } .vtex-flex-layout-0-x-flexRow--home-faqs .vtex-flex-layout-0-x-flexRowContent--home-faqs { flex-direction: column } .vtex-flex-layout-0-x-flexRow--home-faqs .vtex-flex-layout-0-x-flexRowContent--home-faqs .vtex-flex-layout-0-x-stretchChildrenWidth { width: 100% !important } .vtex-flex-layout-0-x-flexRow--home-faqs .vtex-flex-layout-0-x-flexRowContent--home-faqs .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-rich-text-0-x-paragraph--home-faqs-title { line-height: normal } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexRow--home-faqs .vtex-flex-layout-0-x-flexRowContent--home-faqs .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-rich-text-0-x-paragraph--home-faqs-title { font-size:24px } } .vtex-flex-layout-0-x-flexRow--home-faqs .vtex-flex-layout-0-x-flexRowContent--home-faqs .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-store-components-3-x-faq_container { padding: 0 } .vtex-flex-layout-0-x-flexRow--home-faqs .vtex-flex-layout-0-x-flexRowContent--home-faqs .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-store-components-3-x-faq_container .vtex-store-components-3-x-faq_question_title { display: flex; cursor: pointer; justify-content: space-between; align-items: center; color: #011428; font-weight: 700; padding: 0 30px; background-color: #f7f7f7 } .vtex-flex-layout-0-x-flexRow--home-faqs .vtex-flex-layout-0-x-flexRowContent--home-faqs .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-store-components-3-x-faq_container .vtex-store-components-3-x-faq_question_title .vtex-store-components-3-x-faq_question { font-size: 16px; font-weight: 400 } .vtex-flex-layout-0-x-flexRow--home-faqs .vtex-flex-layout-0-x-flexRowContent--home-faqs .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-store-components-3-x-faq_container .vtex-store-components-3-x-faq_answer { padding: 20px 20px 20px 30px; color: #011428; background-color: #f7f7f7; font-size: 14px; line-height: 20px } .vtex-flex-layout-0-x-flexRow--installments-payment { display: flex; justify-content: center; margin: 5px 0 10px } .vtex-flex-layout-0-x-flexRow--installments-payment .vtex-flex-layout-0-x-flexRowContent { display: flex; justify-content: center; align-items: center; background: #efeeed; width: 88%; border-radius: .5rem } .vtex-flex-layout-0-x-flexRow--installments-payment .vtex-flex-layout-0-x-flexRowContent .vtex-rich-text-0-x-paragraph--installments-payment-text { font-size: 10px; margin: 0 } .vtex-flex-layout-0-x-flexRow--installments-payment .vtex-flex-layout-0-x-flexRowContent .vtex-store-components-3-x-imageElement--installments-payment-logo { width: 32px; height: fit-content } .vtex-flex-layout-0-x-flexRow--rating-summary-new .vtex-flex-layout-0-x-stretchChildrenWidth { height: 80px !important } .vtex-flex-layout-0-x-flexRow--rating-summary-new .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-reviews-and-ratings-3-x-summaryTotalReviews { color: #000; text-decoration: none !important } .vtex-flex-layout-0-x-flexRow--rating-summary-new .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-reviews-and-ratings-3-x-summaryButtonContainer .vtex-button__label { padding-left: .5rem; padding-right: .5rem } .vtex-flex-layout-0-x-flexRow--dinamica-fifa-page-container,.vtex-flex-layout-0-x-flexRow--fifa-page-container,.vtex-flex-layout-0-x-flexRow--golden-ticket-page-container,.vtex-flex-layout-0-x-flexRow--pantone-container { background: #fff } .vtex-flex-layout-0-x-flexRow--dinamica-fifa-page-container .vtex-store-components-3-x-container,.vtex-flex-layout-0-x-flexRow--fifa-page-container .vtex-store-components-3-x-container,.vtex-flex-layout-0-x-flexRow--golden-ticket-page-container .vtex-store-components-3-x-container,.vtex-flex-layout-0-x-flexRow--pantone-container .vtex-store-components-3-x-container { margin: 0; padding: 0; max-width: 100% } .vtex-breadcrumb-1-x-container { color: #fff; text-transform: lowercase } .vtex-breadcrumb-1-x-container .vtex-breadcrumb-1-x-homeLink:before { content: "home"; font-size: 12px; color: #fff } .vtex-breadcrumb-1-x-container .vtex-breadcrumb-1-x-homeLink .vtex-breadcrumb-1-x-homeIcon { display: none } .vtex-breadcrumb-1-x-container .vtex-breadcrumb-1-x-arrow { font-size: 12px; padding: 0; color: #fff; text-transform: lowercase } .vtex-breadcrumb-1-x-container .vtex-breadcrumb-1-x-arrow:before { content: "/"; font-size: 12px; color: #fff } .vtex-breadcrumb-1-x-container .vtex-breadcrumb-1-x-arrow .vtex-breadcrumb-1-x-caretIcon { display: none } .vtex-flex-layout-0-x-flexCol--search-bread .vtex-breadcrumb-1-x-container .vtex-breadcrumb-1-x-arrow:last-child .vtex-breadcrumb-1-x-link { color: #fff; font-weight: 700; text-transform: lowercase } .vtex-stack-layout-0-x-stackItem--pdp-imagens .vtex-breadcrumb-1-x-container,.vtex-stack-layout-0-x-stackItem--pdp-imagens .vtex-breadcrumb-1-x-container .vtex-breadcrumb-1-x-arrow,.vtex-stack-layout-0-x-stackItem--pdp-imagens .vtex-breadcrumb-1-x-container .vtex-breadcrumb-1-x-arrow .vtex-breadcrumb-1-x-link,.vtex-stack-layout-0-x-stackItem--pdp-imagens .vtex-breadcrumb-1-x-container .vtex-breadcrumb-1-x-arrow:before,.vtex-stack-layout-0-x-stackItem--pdp-imagens .vtex-breadcrumb-1-x-container .vtex-breadcrumb-1-x-homeLink:before { color: #001428 } .vtex-stack-layout-0-x-stackItem--pdp-imagens .vtex-breadcrumb-1-x-container .vtex-breadcrumb-1-x-arrow--3 { display: none } .vtex-stack-layout-0-x-stackItem--pdp-imagens .vtex-breadcrumb-1-x-container .vtex-breadcrumb-1-x-termArrow:before { color: #001428; font-weight: 700 } .vtex-stack-layout-0-x-stackItem--pdp-imagens .vtex-breadcrumb-1-x-container .vtex-breadcrumb-1-x-term { color: #001428; font-size: 12px; font-weight: 700 } .vtex-list-context-0-x-list--blackfriday-shelves .vtex-list-context-0-x-item { margin-bottom: 20px } @media (min-width: 1025px) { .vtex-list-context-0-x-list--blackfriday-shelves { display:flex; flex-wrap: wrap; justify-content: space-evenly } .vtex-list-context-0-x-list--blackfriday-shelves .vtex-list-context-0-x-item { margin: 0 35px 20px } .vtex-list-context-0-x-list--blackfriday-shelves .vtex-list-context-0-x-item .vtex-product-summary-2-x-container { max-width: 325px !important } } .vtex-menu-2-x-styledLinkContainer--home-category { margin: 5px !important } .vtex-menu-2-x-styledLinkContainer--home-category .vtex-menu-2-x-styledLinkContent { display: flex; align-items: center; color: #fff; font-weight: 700; font-size: 14px; line-height: 16.1px } .vtex-menu-2-x-styledLinkContainer--home-category .vtex-menu-2-x-styledLinkContent .vtex-menu-2-x-styledLinkIcon { margin-right: 10px } .vtex-menu-2-x-styledLinkContainer--home-category .vtex-menu-2-x-styledLinkContent .vtex-menu-2-x-styledLinkIcon :first-child { visibility: hidden } .vtex-menu-2-x-styledLinkContainer--home-category-1 .vtex-menu-2-x-styledLinkIcon { margin-right: 5px !important; background: url(https://mxmoto.vteximg.com.br/arquivos/c-rd-ct-bateria.png) no-repeat 50%; background-size: contain } .vtex-menu-2-x-styledLinkContainer--home-category-2 .vtex-menu-2-x-styledLinkIcon { background: url(https://mxmoto.vteximg.com.br/arquivos/c-rd-ct-camera.png) no-repeat 50%; background-size: contain } .vtex-menu-2-x-styledLinkContainer--home-category-3 .vtex-menu-2-x-styledLinkIcon { background: url(https://mxmoto.vteximg.com.br/arquivos/c-rd-ct-preco.png) no-repeat 50%; background-size: contain } .vtex-menu-2-x-styledLinkContainer--home-category-4 .vtex-menu-2-x-styledLinkIcon { background: url(https://mxmoto.vteximg.com.br/arquivos/icone-conectividade-5g.png) no-repeat 50%; background-size: contain } .vtex-menu-2-x-styledLinkContainer--home-category-5 .vtex-menu-2-x-styledLinkIcon { background: url(https://mxmoto.vteximg.com.br/arquivos/c-rd-ct-memoria.png) no-repeat 50%; background-size: contain } .vtex-menu-2-x-styledLinkContainer--home-category-6 .vtex-menu-2-x-styledLinkIcon { background: url(https://mxmoto.vteximg.com.br/arquivos/c-rd-ct-jogar.png) no-repeat 50%; background-size: contain } @media (min-width: 1065px) { .vtex-menu-2-x-styledLinkContainer--home-category { border-radius:4px; background: #011b34; border: 1px solid #082e53; box-shadow: -6px -5px 8px rgba(49,49,49,.55) } .vtex-menu-2-x-styledLinkContainer--home-category .vtex-menu-2-x-styledLinkContent { display: flex; align-items: center; justify-content: center; height: 90px; width: 208px } } @media (max-width: 1353px) { .vtex-menu-2-x-styledLinkContainer--home-category .vtex-menu-2-x-styledLinkContent { height:80px; width: 160px } } @media (max-width: 1064px) { .vtex-menu-2-x-styledLinkContainer--home-category .vtex-menu-2-x-styledLinkContent { display:flex; align-items: center; justify-content: flex-start; min-width: 125px; width: auto } .vtex-menu-2-x-styledLinkContainer--home-category .vtex-menu-2-x-styledLinkContent .vtex-menu-2-x-styledLinkIcon { height: 48px; width: 48px; border-radius: 4px; border: 1px solid #082e53; box-shadow: -6px -5px 8px rgba(49,49,49,.55); background-size: 35px } .vtex-menu-2-x-styledLinkContainer--home-category-1 .vtex-menu-2-x-styledLinkIcon { background-size: 18px !important } } @media (max-width: 375px) { .vtex-menu-2-x-styledLinkContainer--home-category .vtex-menu-2-x-styledLinkContent { font-size:12px } } .vtex-menu-2-x-menuContainerNav--institucionais .vtex-menu-2-x-menuItem .vtex-menu-2-x-styledLinkContainer { margin: 0 } .vtex-menu-2-x-menuContainerNav--institucionais .vtex-menu-2-x-menuItem .vtex-menu-2-x-styledLinkContainer .vtex-menu-2-x-styledLinkContent { color: #001428; font-size: 16px; white-space: break-spaces } @media (min-width: 1025px) { .vtex-menu-2-x-menuContainerNav--institucionais { width:324px; background-color: #fff; border-radius: 5px; padding: 40px 20px; margin-bottom: 40px } .vtex-menu-2-x-menuContainerNav--institucionais .vtex-menu-2-x-menuItem { line-height: 1.5; margin-bottom: 20px } .vtex-menu-2-x-menuContainerNav--institucionais .vtex-menu-2-x-menuItem .vtex-menu-2-x-styledLinkContainer { padding: 8px 0; margin: 0 } .vtex-menu-2-x-menuContainerNav--institucionais .vtex-menu-2-x-menuItem .vtex-menu-2-x-styledLinkContainer .vtex-menu-2-x-styledLinkContent { color: #001428; font-size: 16px; white-space: break-spaces } .vtex-menu-2-x-menuContainerNav--institucionais .vtex-menu-2-x-menuItem .vtex-menu-2-x-styledLinkContainer .vtex-menu-2-x-styledLink--highlight .vtex-menu-2-x-styledLinkContent { color: #0e77da; text-decoration: underline; font-weight: 700 } .vtex-menu-2-x-menuContainerNav--institucionais .vtex-menu-2-x-menuItem:last-child { margin-bottom: 0 } } @media (max-width: 1024px) { .vtex-menu-2-x-menuItem--institucionais-mobile { margin-bottom:20px; background-color: #fff; border-radius: 5px; box-shadow: 2px 5px 10px .5px rgba(0,0,0,.2); padding: 8px 0 } .vtex-menu-2-x-menuItem--institucionais-mobile .vtex-menu-2-x-submenuAccordion { padding: 0 .75rem } .vtex-menu-2-x-menuItem--institucionais-mobile .vtex-menu-2-x-styledLinkContainer { padding: 15px; margin: 0 } .vtex-menu-2-x-menuItem--institucionais-mobile .vtex-menu-2-x-styledLinkContainer .vtex-menu-2-x-styledLinkContent { color: #001428; font-size: 16px; white-space: break-spaces } .vtex-menu-2-x-menuItem--institucionais-mobile .vtex-menu-2-x-accordionIcon--isOpen { font-size: 0 } .vtex-menu-2-x-menuItem--institucionais-mobile .vtex-menu-2-x-accordionIcon--isOpen:before { content: url(https://mxmoto.vtexassets.com/arquivos/arrow-top-menu-institucionais.png); font-size: 14px } .vtex-menu-2-x-menuItem--institucionais-mobile .vtex-menu-2-x-accordionIcon--isClosed { font-size: 0; transform: rotate(180deg) } .vtex-menu-2-x-menuItem--institucionais-mobile .vtex-menu-2-x-accordionIcon--isClosed:before { content: url(https://mxmoto.vtexassets.com/arquivos/arrow-top-menu-institucionais.png); font-size: 14px } .vtex-menu-2-x-menuContainerNav--institucionais .vtex-menu-2-x-menuItem { border-bottom: 1px solid hsla(0,0%,83.9%,.75) } .vtex-menu-2-x-menuContainerNav--institucionais .vtex-menu-2-x-menuItem .vtex-menu-2-x-styledLinkContainer { padding: 15px 0 } .vtex-menu-2-x-menuContainerNav--institucionais .vtex-menu-2-x-menuItem:last-child { border-bottom: none } } .vtex-menu-2-x-menuContainer--footer-menus .vtex-menu-2-x-styledLinkContainer { margin: 0 } .vtex-menu-2-x-menuContainer--footer-menus .vtex-menu-2-x-styledLinkContainer .vtex-menu-2-x-styledLinkContent { color: #001428; font-size: 14px; max-width: 16.25rem; white-space: break-spaces } .vtex-menu-2-x-menuContainer .vtex-menu-2-x-menuItem--footer-menu-title { border-top: thin solid #c9c9c9; border-bottom: thin solid #c9c9c9 } .vtex-menu-2-x-menuContainer .vtex-menu-2-x-menuItem--footer-menu-title .vtex-menu-2-x-styledLinkContainer { margin: 0 } .vtex-menu-2-x-menuContainer .vtex-menu-2-x-menuItem--footer-menu-title .vtex-menu-2-x-styledLinkContainer .vtex-menu-2-x-styledLinkContent--footer-menu-title { font-size: 14px; line-height: 54px; padding: 0 5px; color: #001428 } @media (max-width: 1023px) { .vtex-menu-2-x-menuContainer .vtex-menu-2-x-menuItem--footer-menu-title .vtex-menu-2-x-styledLinkContainer .vtex-menu-2-x-styledLinkContent--footer-menu-title { font-size:18px } } .vtex-menu-2-x-menuContainer .vtex-menu-2-x-menuItem--footer-menu-title .vtex-menu-2-x-styledLinkContainer .vtex-menu-2-x-styledLinkContent--footer-menu-title .vtex-menu-2-x-accordionIcon--footer-menu-title--isClosed { font-size: 0; display: flex; justify-content: center; align-items: center } .vtex-menu-2-x-menuContainer .vtex-menu-2-x-menuItem--footer-menu-title .vtex-menu-2-x-styledLinkContainer .vtex-menu-2-x-styledLinkContent--footer-menu-title .vtex-menu-2-x-accordionIcon--footer-menu-title--isClosed:after { content: ""; background: url(https://motorolaimgrepo.vtexassets.com/arquivos/arrow-down-header-icon.svg); transition: .3s; width: 20px; height: 12px; background-repeat: no-repeat; filter: invert(1) } .vtex-menu-2-x-menuContainer .vtex-menu-2-x-menuItem--footer-menu-title .vtex-menu-2-x-styledLinkContainer .vtex-menu-2-x-styledLinkContent--footer-menu-title .vtex-menu-2-x-accordionIcon--footer-menu-title--isOpen { font-size: 0; display: flex; justify-content: center; align-items: center } .vtex-menu-2-x-menuContainer .vtex-menu-2-x-menuItem--footer-menu-title .vtex-menu-2-x-styledLinkContainer .vtex-menu-2-x-styledLinkContent--footer-menu-title .vtex-menu-2-x-accordionIcon--footer-menu-title--isOpen:after { content: ""; background: url(https://motorolaimgrepo.vtexassets.com/arquivos/arrow-down-header-icon.svg); transition: .3s; width: 20px; height: 12px; background-repeat: no-repeat; transform: rotate(180deg); filter: invert(1) } .vtex-menu-2-x-menuContainer .vtex-menu-2-x-menuItem--footer-menu-title .vtex-menu-2-x-styledLinkContainer .vtex-menu-2-x-styledLinkContent--footer-menus { font-size: 14px; line-height: 30px } .vtex-menu-2-x-menuContainer .vtex-menu-2-x-menuItem--footer-menu-title .vtex-menu-2-x-submenuAccordion--footer-mobile .vtex-menu-2-x-menuContainer { margin-bottom: 20px } .vtex-minicart-2-x-minicartIconContainer .vtex-store-icons-0-x-cartIcon { display: none } .vtex-minicart-2-x-minicartIconContainer:after { content: ""; background-image: url(/arquivos/shopping-cart.png); width: 23px; height: 28px; display: block; background-repeat: no-repeat; background-size: contain } .vtex-login-2-x-content { background: #fff; min-width: 800px; max-width: 800px; display: flex; flex-direction: row-reverse } @media (max-width: 1023px) { .vtex-login-2-x-content { flex-direction:column; min-width: 100%; max-width: 100% } } .vtex-login-2-x-contentForm { border-right: 1px solid #ccc } .vtex-login-2-x-contentForm>div { min-width: 100% !important } .vtex-login-2-x-content .vtex-input__suffix,.vtex-login-2-x-content .vtex-styleguide-9-x-input { background: #fff } .vtex-login-2-x-content .vtex-input-prefix__group { box-shadow: 0 2px 4px rgba(0,0,0,.1) } .vtex-login-2-x-content .vtex-button__label { padding: 12px 25px !important } .vtex-login-2-x-content .vtex-button.bg-transparent { color: #001428 } .vtex-login-2-x-options { min-width: 100% } .vtex-login-2-x-contentForm,.vtex-login-2-x-loginOptionsContainer { width: 50%; min-width: 50% !important; display: flex; padding: 0 40px } @media (max-width: 1023px) { .vtex-login-2-x-contentForm,.vtex-login-2-x-loginOptionsContainer { min-width:100% !important; width: 100%; padding: 0; border: 0 } } .vtex-login-2-x-formTitle { text-align: left; padding: 0; font-weight: 600 } .vtex-login-2-x-loading { background: #fff } .vtex-login-2-x-loading .c-emphasis { padding: 131px 0 } @media (min-width: 1024px) { .vtex-login-2-x-loading .c-emphasis { min-width:800px } } .vtex-login-2-x-inputContainer .vtex-styleguide-9-x-input { color: #001428 } .vtex-login-2-x-inputContainerAccessCode .vtex-styleguide-9-x-input { font-size: 16px; font-family: Montserrat } .vtex-modal-layout-0-x-modal--pdp-formas-pagamento { z-index: 9999 !important } .vtex-modal-layout-0-x-modal--pdp-formas-pagamento .vtex-modal-layout-0-x-container { background-color: rgba(0,20,40,.3137254902) } .vtex-modal-layout-0-x-modal--pdp-formas-pagamento .vtex-modal-layout-0-x-container .vtex-modal-layout-0-x-paper { z-index: 9999 } .vtex-modal-layout-0-x-modal--pdp-formas-pagamento .vtex-modal-layout-0-x-container .vtex-modal-layout-0-x-paper .vtex-modal-layout-0-x-headerContainer { border: none } .vtex-modal-layout-0-x-modal--pdp-formas-pagamento .vtex-modal-layout-0-x-container .vtex-modal-layout-0-x-paper .vtex-modal-layout-0-x-headerContainer .vtex-rich-text-0-x-container--pdp-formas-pagamento { margin-bottom: 20px } .vtex-modal-layout-0-x-modal--pdp-formas-pagamento .vtex-modal-layout-0-x-container .vtex-modal-layout-0-x-paper .vtex-modal-layout-0-x-headerContainer .vtex-rich-text-0-x-container--pdp-formas-pagamento .vtex-rich-text-0-x-paragraph--pdp-formas-pagamento { text-decoration: none; font-weight: 400 } .vtex-modal-layout-0-x-triggerContainer--pdp-modal-ame { width: 100%; cursor: pointer } @media (max-width: 1024px) { .vtex-modal-layout-0-x-triggerContainer--pdp-modal-ame { margin-top:20px } } .vtex-modal-layout-0-x-modal--pdp-modal-ame { z-index: 9999 !important } .vtex-modal-layout-0-x-modal--pdp-modal-ame .vtex-modal-layout-0-x-container { background-color: rgba(0,20,40,.3137254902) } .vtex-modal-layout-0-x-modal--pdp-modal-ame .vtex-modal-layout-0-x-container .vtex-modal-layout-0-x-paper { background-color: #fff; z-index: 9999; max-width: 902px; border-radius: 10px } .vtex-modal-layout-0-x-modal--pdp-modal-ame .vtex-modal-layout-0-x-container .vtex-modal-layout-0-x-paper .vtex-modal-layout-0-x-headerContainer { border: none; width: auto; position: absolute; right: 0 } .vtex-modal-layout-0-x-triggerContainer--pdp-modal-triggers { cursor: pointer } .vtex-modal-layout-0-x-modal--pdp-modal-triggers { z-index: 9999 !important } .vtex-modal-layout-0-x-modal--pdp-modal-triggers .vtex-modal-layout-0-x-container { background-color: rgba(0,20,40,.3137254902) } .vtex-modal-layout-0-x-modal--pdp-modal-triggers .vtex-modal-layout-0-x-container .vtex-modal-layout-0-x-paper { background-color: #fff; padding: 10px; z-index: 9999; border-radius: 10px } .vtex-modal-layout-0-x-modal--pdp-modal-triggers .vtex-modal-layout-0-x-container .vtex-modal-layout-0-x-paper .vtex-modal-layout-0-x-headerContainer { border: none; width: auto; position: absolute; right: 0 } @media (min-width: 1025px) { .vtex-modal-layout-0-x-modal--pdp-formas-pagamento .vtex-modal-layout-0-x-container .vtex-modal-layout-0-x-paper { background-color:#fff; padding: 30px 40px 40px; border-radius: 10px } .vtex-modal-layout-0-x-triggerContainer--pdp-modal-ame { width: 100%; cursor: pointer } .vtex-modal-layout-0-x-modal--pdp-modal-ame .vtex-modal-layout-0-x-container .vtex-modal-layout-0-x-paper { padding: 10px 20px } .vtex-modal-layout-0-x-modal--pdp-modal-triggers .vtex-modal-layout-0-x-container .vtex-modal-layout-0-x-paper { min-width: 535px; display: flex; align-items: center } } @media (max-width: 1024px) { .vtex-modal-layout-0-x-modal--pdp-formas-pagamento .vtex-modal-layout-0-x-container .vtex-modal-layout-0-x-paper { background-color:#001428; padding: 10px } .vtex-modal-layout-0-x-modal--pdp-formas-pagamento .vtex-modal-layout-0-x-container .vtex-modal-layout-0-x-paper .vtex-rich-text-0-x-paragraph--pdp-formas-pagamento,.vtex-modal-layout-0-x-modal--pdp-formas-pagamento .vtex-modal-layout-0-x-container .vtex-modal-layout-0-x-paper .vtex-rich-text-0-x-paragraph--pdp-formas-pagamento-cartao { color: #fff !important } .vtex-modal-layout-0-x-modal--pdp-formas-pagamento .vtex-modal-layout-0-x-container .vtex-modal-layout-0-x-closeIcon--pdp-formas-pagamento { color: #fff } .vtex-modal-layout-0-x-modal--pdp-modal-ame .vtex-modal-layout-0-x-container .vtex-modal-layout-0-x-paper { margin: 0; width: 100% } .vtex-modal-layout-0-x-modal--pdp-modal-ame .vtex-modal-layout-0-x-closeIcon--pdp-modal-ame { color: #fff } .vtex-modal-layout-0-x-triggerContainer--pdp-modal-triggers { width: 100% } } .vtex-modal-layout-0-x-paper--modal-avise-me { background: #f5f5f5; padding: 25px; border-radius: 20px } .vtex-modal-layout-0-x-backdrop--modal-avise-me { background: #000 } .vtex-modal-layout-0-x-headerContainer--avise-me-modal-header { border: 0; position: absolute; right: 0; top: 0 } .vtex-modal-layout-0-x-triggerContainer--avise-me-trigger { display: flex; align-items: flex-end } .vtex-modal-layout-0-x-modal--seguros-verificar-aparelhos { z-index: 9999 !important } .vtex-modal-layout-0-x-modal--seguros-verificar-aparelhos .vtex-modal-layout-0-x-paper { padding: .5rem 2rem } .vtex-modal-layout-0-x-modal--seguros-verificar-aparelhos .vtex-modal-layout-0-x-paper::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #eee } .vtex-modal-layout-0-x-modal--seguros-verificar-aparelhos .vtex-modal-layout-0-x-paper::-webkit-scrollbar { width: 5px; background-color: #92c1e9 } .vtex-modal-layout-0-x-modal--seguros-verificar-aparelhos .vtex-modal-layout-0-x-paper::-webkit-scrollbar-thumb { background-color: #001428 } .vtex-modal-layout-0-x-modal--seguros-verificar-aparelhos .vtex-modal-layout-0-x-headerContainer { border: none; width: auto; position: absolute; right: 0 } .vtex-modal-layout-0-x-modal--seguros-verificar-aparelhos .vtex-modal-layout-0-x-headerContainer .vtex-modal-layout-0-x-closeIcon { color: #eee } .vtex-modal-layout-0-x-paperNotFullScreen { width: 50% } .vtex-modal-layout-0-x-paperNotFullScreen .vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-tab-layout-0-x-listContainer { width: 60%; margin: auto } .vtex-modal-layout-0-x-modal--modal-home { z-index: 9999 !important } .vtex-modal-layout-0-x-modal--modal-home .vtex-modal-layout-0-x-container--modal-home .vtex-modal-layout-0-x-paper--modal-home { position: relative; height: 85vh; width: auto; overflow: hidden; margin: auto; max-height: calc(100% - 2rem) } @media (min-width: 1024px) { .vtex-modal-layout-0-x-modal--modal-home .vtex-modal-layout-0-x-container--modal-home .vtex-modal-layout-0-x-paper--modal-home { width:1050px; height: auto } } .vtex-modal-layout-0-x-modal--modal-home .vtex-modal-layout-0-x-container--modal-home .vtex-modal-layout-0-x-paper--modal-home .vtex-modal-layout-0-x-link-modal-home { width: 100%; height: 100%; display: flex } .vtex-modal-layout-0-x-modal--modal-home .vtex-modal-layout-0-x-container--modal-home .vtex-modal-layout-0-x-paper--modal-home .vtex-modal-layout-0-x-link-modal-home .vtex-modal-layout-0-x-image-modal-home { width: 100%; height: 100% } .vtex-modal-layout-0-x-backdrop--modal-home,.vtex-modal-layout-0-x-backdropContainer--modal-home { background-color: rgba(0,0,0,.7) } .vtex-modal-layout-0-x-headerContainer--modal-home { position: absolute; right: 0; top: 0; border: none; padding: 5px } .vtex-modal-layout-0-x-closeButton--modal-home { justify-content: center; display: flex; align-items: center; color: #fff; border: 1px solid #fff; border-radius: 50%; width: 30px; height: 30px; padding: 0 } @media (min-width: 1024px) { .vtex-modal-layout-0-x-closeButton--modal-home { width:40px; height: 40px; border: 2px solid #fff } } .vtex-modal-layout-0-x-closeIcon--modal-home { width: 16px; height: 16px } @media (min-width: 1024px) { .vtex-modal-layout-0-x-closeIcon--modal-home { width:20px; height: 20px } } .vtex-modal-layout-0-x-triggerContainer--modal-config-moto-tag { width: 100%; margin-top: 30px } .vtex-modal-layout-0-x-triggerContainer--modal-config-moto-tag .vtex-rich-text-0-x-container--modal-config-moto-tag-title { justify-content: center; background: #82c1e9; border-radius: .25rem; color: #fff; min-height: 40px; align-items: center; cursor: pointer; font-weight: 700 } .vtex-modal-layout-0-x-triggerContainer--modal-config-moto-tag .vtex-rich-text-0-x-container--modal-config-moto-tag-title .vtex-rich-text-0-x-paragraph--modal-config-moto-tag-title { margin: 0 } .vtex-modal-layout-0-x-modal--modal-config-moto-tag-modal { z-index: 9999 !important } @media (max-width: 1023px) { .vtex-modal-layout-0-x-modal--modal-config-moto-tag-modal { max-height:fit-content } } .vtex-modal-layout-0-x-modal--modal-config-moto-tag-modal .vtex-modal-layout-0-x-paper--modal-config-moto-tag-modal::-webkit-scrollbar { width: 7px } .vtex-modal-layout-0-x-modal--modal-config-moto-tag-modal .vtex-modal-layout-0-x-paper--modal-config-moto-tag-modal::-webkit-scrollbar-thumb { background: #ff5d4d; border-radius: 4px } .vtex-modal-layout-0-x-modal--modal-config-moto-tag-modal .vtex-modal-layout-0-x-paper--modal-config-moto-tag-modal::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #bfbfbf; border-radius: 4px } .vtex-modal-layout-0-x-modal--modal-config-moto-tag-modal .vtex-modal-layout-0-x-paper--modal-config-moto-tag-modal .vtex-modal-layout-0-x-headerContainer { position: absolute; right: 0; border: none } .vtex-modal-layout-0-x-modal--modal-config-moto-tag-modal .vtex-modal-layout-0-x-paper--modal-config-moto-tag-modal .vtex-modal-layout-0-x-headerContainer .vtex-modal-layout-0-x-closeButton { filter: invert(1); padding: 0 } .render-route-store-account .vtex-store__template { background-color: #fff } .render-route-store-account .vtex-store__template .vtex-account .w-100.mw9.pv7-m.pv9-l.flex { padding-top: 2rem } .render-route-store-account .vtex-store__template .vtex-account .c-on-base { color: #001428 } .render-route-store-account .vtex-store__template .vtex-account .bg-base { background-color: #fff } .render-route-store-account .vtex-store__template .vtex-account .t-heading-4 { font-weight: 700 } .render-route-store-account .vtex-store__template .vtex-account .vtex-my-account-1-x-menu .vtex-account_menu-link { color: #001428; padding-left: .25rem } .render-route-store-account .vtex-store__template .vtex-account .vtex-my-account-1-x-menu .vtex-account_menu-link.f6.no-underline.db.hover-near-black.pv5.mv3.pl5.bl.bw2.nowrap.c-on-base.b.b--action-primary { font-weight: 700; border-color: #1346d8; padding-left: 0; border-width: .25rem } .render-route-store-account .vtex-store__template .vtex-account .vtex-my-account-1-x-menu .vtex-my-account-1-x-menuLink { color: #001428; padding-left: .25rem } .render-route-store-account .vtex-store__template .vtex-account .vtex-account__page .vtex-my-account-1-x-boxContainer .vtex-my-account-1-x-boxContainerFooter .vtex-button { border: thin solid #e3e4e6; border-radius: .25rem; color: #001428; text-transform: uppercase } .render-route-store-account .vtex-store__template .vtex-account .vtex-account__page .vtex-my-account-1-x-boxContainer .vtex-my-account-1-x-profileFormBoxContainer .vtex-profile-form-3-x-profileContainer .vtex-button { background-color: #0e77da; border-color: #0e77da; color: #fff; min-height: 40px } .render-route-store-account .vtex-store__template .vtex-account .vtex-account__page .vtex-my-account-1-x-boxContainer .vtex-my-account-1-x-profileFormBoxContainer .vtex-profile-form-3-x-profileContainer .vtex-profile-form-3-x-toggleBusinessButtonWrapper .vtex-button { background-color: #001428; border-color: #001428 } .render-route-store-account .vtex-store__template .vtex-account .vtex-account__page .vtex-my-account-1-x-boxContainer .vtex-address-form-4-x-container,.render-route-store-account .vtex-store__template .vtex-account .vtex-account__page .vtex-my-account-1-x-boxContainer .vtex-input .bg-base { background-color: #fff } .render-route-store-account .vtex-store__template .vtex-account .vtex-account__page .vtex-my-account-1-x-addressCreate .vtex-button { background-color: #0e77da; border-color: #0e77da; min-height: 40px; margin-top: 20px } .render-route-store-account .vtex-store__template .vtex-account .vtex-account__page .vtex-my-account-1-x-addressCreate .vtex-button .vtex-button__label { color: #fff } .render-route-store-account .vtex-store__template .vtex-account .vtex-account__page .vtex-my-account-1-x-passwordBoxContainer .vtex-button { background-color: #0e77da; border-color: #0e77da; min-height: 40px; margin-top: 20px } .render-route-store-account .vtex-store__template .vtex-account .vtex-account__page .vtex-my-account-1-x-passwordBoxContainer .vtex-button .vtex-button__label { color: #fff } .render-route-store-account .vtex-store__template .vtex-account .vtex-account__page .vtex-pageHeader-link__container .vtex-button,.render-route-store-account .vtex-store__template .vtex-account .vtex-account__page .vtex-pageHeader-link__container .vtex__icon-arrow-back { color: #0e77da; text-transform: uppercase } .render-route-store-account .vtex-store__template .vtex-account__create-card .bg-base,.render-route-store-account .vtex-store__template .vtex-account__create-card .undefined.ma0.border-box.undefined.undefined.br2.w-100.bn.outline-0.bg-base.c-on-base.b--danger.hover-b--danger.t-body.ph5 { background-color: #fff !important } .render-route-store-account .vtex-store__template .vtex-account__create-card .vtex-input__label,.render-route-store-account .vtex-store__template .vtex-account__create-card .vtex-radio__label { color: #001428 !important } .render-route-store-account .vtex-store__template .vtex-menu-2-x-styledLinkContent--footer-menu-title,.render-route-store-account .vtex-store__template .vtex-menu-2-x-styledLinkContent--footer-menus,.render-route-store-account .vtex-store__template .vtex-rich-text-0-x-paragraph--footer-menus,.render-route-store-account .vtex-store__template .vtex-rich-text-0-x-paragraph--footer-newsletter { color: #000 } .render-route-store-account .vtex-store__template .vtex-store-components-3-x-imageElement--footer-menus { filter: invert(1) } @media (min-width: 1025px) { .render-route-store-account .vtex-store__template .vtex-account .vtex-account__page { width:90%; margin: 0 auto; max-width: 1000px } } .render-route-store-orderplaced .vtex-store__template { background-color: #f5f5f5 } .render-route-store-orderplaced .vtex-store__template .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice .t-heading-4 { font-size: 24px; line-height: 32px; font-weight: 700 } .myo-cancel-btn,.render-route-store-orderplaced .vtex-store__template .vtex-my-orders-app-3-x-invoiceBtn,.render-route-store-orderplaced .vtex-store__template .vtex-order-placed-2-x-cancelOrderButton,.render-route-store-orderplaced .vtex-store__template .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice .vtex-order-placed-2-x-printButtonWrapper .vtex-button .vtex-button__label svg,.vtex-account__order-details .list .no-underline .link { display: none } .vtex-my-cards-1-x-boxContainerFooter button,.vtex-toast,.vtex__icon-close { color: #001428 } #root form .vtex-dropdown__container div,#root form .vtex-input-prefix__group span,#root form .vtex-input__label,#root form input,#root form span,.vtex-account .vtex-input__label,.vtex-account__create-card input { color: #001428 !important; background-color: #fff !important } #root form .ph5.flex { color: #001428 !important } .vtex_my-authentication_box_footer .vtex-button { background-color: #000 } .vtex-order-placed-2-x-orderPlacedWrapper { background-color: #f5f5f5; color: #001428 } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section { border: none } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--confirmation { margin-bottom: 20px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--confirmation .vtex-order-placed-2-x-confirmationTitle { color: #001428; font-size: 30px; font-weight: 700; line-height: 40px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--confirmation .vtex-order-placed-2-x-confirmationMessage { color: #001428; font-size: 14px; line-height: 15px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--notices .vtex-order-placed-2-x-noticeListItem { color: #001428; font-size: 14px; line-height: 15px; border: none; padding: 0; text-align: center } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--notices .vtex-order-placed-2-x-noticeListItem:not(:last-child) { display: none } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--notices .vtex-order-placed-2-x-noticeListItem:last-child { display: block } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--notices .vtex-order-placed-2-x-noticeListItem .vtex-button { display: none } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice { padding-bottom: 0 } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice :first-child { text-align: center } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice .vtex-order-placed-2-x-barCodeContainer { justify-content: center } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice .vtex-order-placed-2-x-barCodeContainer .vtex-order-placed-2-x-barCodeWrapper { border: none } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice .vtex-order-placed-2-x-barCodeContainer .vtex-order-placed-2-x-barCodeWrapper .vtex-order-placed-2-x-barCodeNumber { display: flex; flex-direction: column; color: #001428; font-size: 20px; line-height: 30px; font-weight: 700; font-family: Montserrat } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice .vtex-order-placed-2-x-barCodeContainer .vtex-order-placed-2-x-barCodeWrapper .vtex-order-placed-2-x-barCodeNumber:before { content: "Utilize o número do código de barras abaixo para realizar o pagamento:"; font-size: 16px; line-height: 22px; font-family: Montserrat; margin-bottom: 5px; font-weight: 400 } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice .vtex-order-placed-2-x-barCodeContainer .vtex-order-placed-2-x-barCodeWrapper .vtex-order-placed-2-x-barCodeCopyButtonWrapper .vtex-button { height: 48px; background-color: #0e77da; border-color: #0e77da; border-radius: 5px; min-width: 298px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice .vtex-order-placed-2-x-barCodeContainer .vtex-order-placed-2-x-barCodeWrapper .vtex-order-placed-2-x-barCodeCopyButtonWrapper .vtex-button .vtex-button__label { font-size: 16px; line-height: 24px; color: #fff } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice .vtex-order-placed-2-x-printButtonWrapper .vtex-button { height: 48px; background-color: #0e77da; border-color: #0e77da; border-radius: 5px; min-width: 298px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice .vtex-order-placed-2-x-printButtonWrapper .vtex-button .vtex-button__label { font-size: 16px; line-height: 24px; color: #fff; width: 100% } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--paymentMethods { margin: 0 15px 15px; width: max-content; padding: 20px; background: #fff; border-radius: 5px; border: none; min-width: 260px; min-height: 150px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--paymentMethods .vtex-order-placed-2-x-orderPaymentItem { margin: 0; padding: 0 } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--paymentMethods .vtex-order-placed-2-x-orderPaymentItem .vtex-order-placed-2-x-paymentGroup,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--paymentMethods .vtex-order-placed-2-x-orderPaymentItem .vtex-order-placed-2-x-paymentValue { color: #001428; font-family: Montserrat; font-size: 16px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--paymentMethods .vtex-order-placed-2-x-orderPaymentItem .vtex-button { display: none } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section----pickupPackages,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--deliveryPackages { width: 100% } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section----pickupPackages .vtex-order-placed-2-x-package,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--deliveryPackages .vtex-order-placed-2-x-package { display: flex; flex-direction: column; margin-top: 0; margin-bottom: 0 } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section----pickupPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-packageHeaderColumn,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--deliveryPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-packageHeaderColumn { width: max-content; padding: 20px; background: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; border-color: #fff; min-width: 260px; min-height: 150px; margin-bottom: 20px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section----pickupPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-packageHeaderColumn .vtex-order-placed-2-x-addressContainer,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section----pickupPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-packageHeaderColumn .vtex-order-placed-2-x-packageAddressWrapper,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section----pickupPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-packageHeaderColumn .vtex-order-placed-2-x-packageHeader,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section----pickupPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-packageHeaderColumn .vtex-order-placed-2-x-packageShippingEstimate,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section----pickupPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-packageHeaderColumn .vtex-order-placed-2-x-packageSLA,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--deliveryPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-packageHeaderColumn .vtex-order-placed-2-x-addressContainer,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--deliveryPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-packageHeaderColumn .vtex-order-placed-2-x-packageAddressWrapper,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--deliveryPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-packageHeaderColumn .vtex-order-placed-2-x-packageHeader,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--deliveryPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-packageHeaderColumn .vtex-order-placed-2-x-packageShippingEstimate,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--deliveryPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-packageHeaderColumn .vtex-order-placed-2-x-packageSLA { color: #001428; font-family: Montserrat; font-size: 16px; text-transform: capitalize; margin: 0; line-height: 20px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section----pickupPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-productList,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--deliveryPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-productList { width: 100%; padding: 20px 20px 0; background: #fff; border-radius: 5px; border-color: #fff; margin-bottom: 0 } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section----pickupPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-productList .vtex-order-placed-2-x-productListItem,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--deliveryPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-productList .vtex-order-placed-2-x-productListItem { border-bottom: 2px solid #d5d5d5 } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section----pickupPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-productList .vtex-order-placed-2-x-productListItem .vtex-order-placed-2-x-productInfoColumn,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--deliveryPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-productList .vtex-order-placed-2-x-productListItem .vtex-order-placed-2-x-productInfoColumn { display: flex; flex-direction: row } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section----pickupPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-productList .vtex-order-placed-2-x-productListItem .vtex-order-placed-2-x-productInfoColumn .vtex-order-placed-2-x-productName,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section----pickupPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-productList .vtex-order-placed-2-x-productListItem .vtex-order-placed-2-x-productInfoColumn .vtex-order-placed-2-x-productQuantity,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--deliveryPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-productList .vtex-order-placed-2-x-productListItem .vtex-order-placed-2-x-productInfoColumn .vtex-order-placed-2-x-productName,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--deliveryPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-productList .vtex-order-placed-2-x-productListItem .vtex-order-placed-2-x-productInfoColumn .vtex-order-placed-2-x-productQuantity { color: #001428; font-family: Montserrat; font-size: 16px; margin: 0 15px; display: flex; align-items: center } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section----pickupPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-productList .vtex-order-placed-2-x-productListItem .vtex-order-placed-2-x-productPrice,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--deliveryPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-productList .vtex-order-placed-2-x-productListItem .vtex-order-placed-2-x-productPrice { color: #001428; font-family: Montserrat; font-size: 16px; display: flex; align-items: center } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-orderPlacedMainWrapper .vtex-order-placed-2-x-orderWrapper { display: flex; flex-wrap: wrap } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-orderPlacedMainWrapper .vtex-order-placed-2-x-orderWrapper .vtex-flex-layout-0-x-flexRow--order-header { width: 100% } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-orderPlacedMainWrapper .vtex-order-placed-2-x-orderWrapper .vtex-order-placed-2-x-orderNumber { font-size: 24px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-orderPlacedMainWrapper .vtex-order-placed-2-x-orderWrapper .vtex-order-placed-2-x-orderDatetime,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-orderPlacedMainWrapper .vtex-order-placed-2-x-orderWrapper .vtex-order-placed-2-x-orderSeller,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-orderPlacedMainWrapper .vtex-order-placed-2-x-orderWrapper .vtex-order-placed-2-x-orderSoldBy { color: #001428; font-size: 14px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-orderPlacedMainWrapper .vtex-order-placed-2-x-orderWrapper .vtex-profile-form-3-x-profileSummary { width: max-content; padding: 20px; background: #fff; border-radius: 5px; border-color: #fff; min-width: 260px; min-height: 150px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-orderPlacedMainWrapper .vtex-order-placed-2-x-orderWrapper .vtex-profile-form-3-x-profileSummary .vtex-order-placed-2-x-customerInfoListDocument,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-orderPlacedMainWrapper .vtex-order-placed-2-x-orderWrapper .vtex-profile-form-3-x-profileSummary .vtex-order-placed-2-x-customerInfoListEmail,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-orderPlacedMainWrapper .vtex-order-placed-2-x-orderWrapper .vtex-profile-form-3-x-profileSummary .vtex-order-placed-2-x-customerInfoListName,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-orderPlacedMainWrapper .vtex-order-placed-2-x-orderWrapper .vtex-profile-form-3-x-profileSummary .vtex-order-placed-2-x-customerInfoListPhone { color: #001428; font-family: Montserrat; font-size: 16px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-totalListWrapper { padding: 20px; background: #fff; border-color: #fff; margin-bottom: 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-totalListWrapper .vtex-order-placed-2-x-totalList { margin: 0; width: 100%; display: flex; justify-content: flex-end } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-totalListWrapper .vtex-order-placed-2-x-totalList .vtex-order-placed-2-x-totalListItem { margin-right: 10px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-totalListWrapper .vtex-order-placed-2-x-totalList .vtex-order-placed-2-x-totalListItem .vtex-order-placed-2-x-totalListItemLabel,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-totalListWrapper .vtex-order-placed-2-x-totalList .vtex-order-placed-2-x-totalListItem .vtex-order-placed-2-x-totalListItemValue { color: #001428; font-family: Montserrat; font-size: 16px; margin: 0 5px; font-weight: 400 } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-orderOptionsWrapper { margin-bottom: 30px; width: 100% } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-orderOptionsWrapper .vtex-button { height: 48px; background-color: transparent; border-color: #001428; border-radius: 5px; min-width: 298px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-orderOptionsWrapper .vtex-button .vtex-button__label { font-size: 16px; line-height: 24px; color: #001428 } @media (min-width: 1025px) { .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice .vtex-order-placed-2-x-barCodeContainer { display:flex; flex-direction: column } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice .vtex-order-placed-2-x-barCodeContainer .vtex-order-placed-2-x-barCodeWrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 15px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice .vtex-order-placed-2-x-barCodeContainer .vtex-order-placed-2-x-barCodeWrapper .vtex-order-placed-2-x-barCodeNumber { display: flex; flex-direction: column; color: #001428; font-size: 20px; line-height: 30px; font-weight: 700; font-family: Montserrat } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice .vtex-order-placed-2-x-barCodeContainer .vtex-order-placed-2-x-barCodeWrapper .vtex-order-placed-2-x-barCodeNumber:before { content: "Utilize o número do código de barras abaixo para realizar o pagamento:"; font-size: 16px; line-height: 22px; font-family: Montserrat; margin-bottom: 5px; font-weight: 400 } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice .vtex-order-placed-2-x-barCodeContainer .vtex-order-placed-2-x-printButtonWrapper { margin: 0 } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-orderOptionsWrapper .vtex-button { margin-bottom: 30px } } @media (max-width: 1024px) { .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--confirmation { padding:0 15px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--paymentMethods { margin: 15px 0 } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice .vtex-order-placed-2-x-barCodeContainer .vtex-order-placed-2-x-barCodeWrapper .vtex-order-placed-2-x-barCodeCopyButtonWrapper .vtex-button,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice .vtex-order-placed-2-x-printButtonWrapper .vtex-button { width: 100% } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section----pickupPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-productList .vtex-order-placed-2-x-productListItem .vtex-order-placed-2-x-productPrice,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--deliveryPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-productList .vtex-order-placed-2-x-productListItem .vtex-order-placed-2-x-productPrice { justify-content: center; margin-bottom: 10px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-totalList { flex-direction: column } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-myOrdersButton,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-updateOrderButton { display: flex; justify-content: center } } .vtex-product-identifier-0-x-product-identifier { font-size: 10px; line-height: 24px; font-weight: 500; color: #c4beb6 } @media (min-width: 1025px) { .vtex-product-identifier-0-x-product-identifier { margin-left:20px } } @media (max-width: 1024px) { .vtex-product-identifier-0-x-product-identifier { min-width:50px } .vtex-product-identifier-0-x-product-identifier__label,.vtex-product-identifier-0-x-product-identifier__separator { display: none } } .vtex-product-highlights-2-x-productHighlightText[data-highlight-name=Lanzamientos] { background: #001428; color: #fff; font-size: 14px; padding: 6px 0; font-weight: 600 } .vtex-product-summary-2-x-container--shelf .vtex-product-price-1-x-sellingPrice,.vtex-product-summary-2-x-container--shelf .vtex-product-price-1-x-spotPrice,.vtex-product-summary-2-x-container--white-shelf .vtex-product-price-1-x-sellingPrice,.vtex-product-summary-2-x-container--white-shelf .vtex-product-price-1-x-spotPrice { color: #001428; font-size: 12px; text-align: left; margin-bottom: 15px } .vtex-product-summary-2-x-container--shelf .vtex-product-price-1-x-sellingPrice .vtex-product-price-1-x-currencyContainer,.vtex-product-summary-2-x-container--shelf .vtex-product-price-1-x-sellingPrice .vtex-product-price-1-x-spotPriceValue,.vtex-product-summary-2-x-container--shelf .vtex-product-price-1-x-spotPrice .vtex-product-price-1-x-currencyContainer,.vtex-product-summary-2-x-container--shelf .vtex-product-price-1-x-spotPrice .vtex-product-price-1-x-spotPriceValue,.vtex-product-summary-2-x-container--white-shelf .vtex-product-price-1-x-sellingPrice .vtex-product-price-1-x-currencyContainer,.vtex-product-summary-2-x-container--white-shelf .vtex-product-price-1-x-sellingPrice .vtex-product-price-1-x-spotPriceValue,.vtex-product-summary-2-x-container--white-shelf .vtex-product-price-1-x-spotPrice .vtex-product-price-1-x-currencyContainer,.vtex-product-summary-2-x-container--white-shelf .vtex-product-price-1-x-spotPrice .vtex-product-price-1-x-spotPriceValue { font-size: 14px; font-weight: 700 } .vtex-product-price-1-x-savings--price-percentage { font: 700 20px/12px Montserrat; letter-spacing: 0; color: #ff554d; border: 1.5px solid #ff554d; border-radius: 21px; padding: 0 16px } .vtex-product-price-1-x-listPrice--summary { color: #c4beb6; margin-top: .5rem; margin-bottom: .25rem; font-size: 12px !important } .vtex-product-price-1-x-sellingPrice--summary { color: #fff; font-size: 12px; margin-top: 10px; margin-bottom: 15px } .vtex-product-price-1-x-sellingPriceValue--summary { font-size: 14px; font-weight: 600; color: #001428 } .vtex-product-price-1-x-installments--summary { margin-bottom: .25rem; color: #fff; font-size: .875rem } .vtex-product-price-1-x-installmentsNumber--summary,.vtex-product-price-1-x-installmentsTotalValue--summary,.vtex-product-price-1-x-installmentValue--summary { color: #fff; font-weight: 700 } .vtex-flex-layout-0-x-flexRow--pdp-price .vtex-product-price-1-x-listPrice .vtex-product-price-1-x-listPriceValue { color: #d5d1cb; font-size: 12px; font-weight: 700 } .vtex-flex-layout-0-x-flexRow--pdp-price .vtex-product-price-1-x-installments { font-size: 14px; font-weight: 500 } .vtex-flex-layout-0-x-flexRow--pdp-price .vtex-product-price-1-x-installments .vtex-product-price-1-x-installmentsNumber,.vtex-flex-layout-0-x-flexRow--pdp-price .vtex-product-price-1-x-installments .vtex-product-price-1-x-installmentValue,.vtex-flex-layout-0-x-flexRow--pdp-price .vtex-product-price-1-x-installments .vtex-product-price-1-x-spotPriceValue { font-weight: 700 } .vtex-flex-layout-0-x-flexRow--pdp-price .vtex-product-price-1-x-spotPrice { font-size: 14px; font-weight: 500 } .vtex-flex-layout-0-x-flexRow--pdp-price .vtex-product-price-1-x-spotPrice .vtex-product-price-1-x-spotPriceValue { font-size: 18px; font-weight: 700 } .vtex-product-price-1-x-spotPrice--pdp-formas-pagamento { color: #001428; font-size: 16px; font-weight: 500; text-align: left } .vtex-product-price-1-x-spotPrice--pdp-formas-pagamento .vtex-product-price-1-x-spotPriceValue { font-weight: 700 } .vtex-product-price-1-x-spotPriceValue { margin: 0 10px 0 0 } .vtex-product-price-1-x-listPrice--showcase { color: #c1c1c1; font-size: 12px } .vtex-product-price-1-x-sellingPrice--showcase { color: #001428; font-weight: 600; font-size: 16px } @media screen and (max-width: 640px) { .vtex-product-price-1-x-listPrice--showcase,.vtex-product-price-1-x-sellingPrice--showcase { font-size:14px } } .vtex-product-summary-2-x-container--white-shelf { background-color: #fbf9f7; padding: 15px; border-radius: 10px; height: auto } .vtex-product-summary-2-x-container--white-shelf .vtex-product-summary-2-x-nameContainer { padding: 5px 0; justify-content: left; height: auto } .vtex-product-summary-2-x-container--white-shelf .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-productBrand { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #001428; font-size: 14px; font-weight: 700; text-transform: lowercase } .vtex-product-summary-2-x-container--white-shelf .vtex-store-components-3-x-discountInsideContainer { background-color: #fff; display: flex; align-items: center; justify-content: center; width: 55px; height: 18px; color: #001428; border: 1px solid #001428; border-radius: 5px; font-weight: 700; font-size: 12px; left: 0; right: auto } .vtex-product-summary-2-x-container--white-shelf .vtex-store-link-0-x-link--product-compare-shelf-blue { padding: 0; border: none } .vtex-product-summary-2-x-container--white-shelf .vtex-store-link-0-x-link--product-compare-shelf-blue .vtex-store-link-0-x-label { color: #001428; font-size: 14px } .vtex-flex-layout-0-x-flexColChild--search-content .vtex-product-summary-2-x-container { margin: 0 10px 0 0; max-width: 310px !important } .vtex-product-summary-2-x-container--shelf { background-color: #fbf9f7; text-align: start; padding: 15px; border-radius: 10px; height: auto } .vtex-product-summary-2-x-container--shelf .vtex-product-summary-2-x-element { position: relative; justify-content: space-between } @media (max-width: 1023px) { .vtex-product-summary-2-x-container--shelf .vtex-product-summary-2-x-element { position:relative } .vtex-product-summary-2-x-container--shelf .vtex-product-summary-2-x-element .vtex-button { order: 2; position: relative; transition: .4s; top: 0; left: 0; width: 100% !important; height: 48px; margin-bottom: 15px; margin-top: auto } } .vtex-product-summary-2-x-container--shelf .vtex-product-summary-2-x-element .vtex-button { padding: 0 15px; position: absolute; left: -20px; width: auto !important; transition: left .4s,opacity 50ms; top: 50%; font-size: 14px; line-height: 17px; font-weight: 400; background-color: #001428 !important; color: #fff; border: none; opacity: 0 } .vtex-product-summary-2-x-container--shelf .vtex-product-summary-2-x-element:hover .vtex-button { left: 0; opacity: 1 } .vtex-product-summary-2-x-container--shelf .vtex-product-summary-2-x-element .vtex-product-summary-2-x-nameWrapper { font-size: 14px; z-index: 2 } .vtex-product-summary-2-x-container--shelf .vtex-product-summary-2-x-element .vtex-product-summary-2-x-nameContainer { justify-content: flex-start; padding: 0 } .vtex-product-summary-2-x-container--shelf .vtex-product-summary-2-x-element .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-brandName { font-weight: 700; font-size: 14px; color: #001428; font-family: Montserrat } .vtex-product-summary-2-x-container--shelf .vtex-product-summary-2-x-element .vtex-product-summary-2-x-imageWrapper .vtex-store-components-3-x-discountInsideContainer { position: absolute; top: -15px; left: 0; display: flex; align-items: center; justify-content: center; width: 55px; height: 18px; color: #001428; background: #fbf9f7; border: 1px solid #001428; border-radius: 5px; font-size: 12px; font-weight: 700 } .vtex-product-summary-2-x-stackItem--shelf-home-offers { height: 100% } .vtex-product-summary-2-x-imageWrapper--shelf-home-offers { height: 250px } .vtex-product-summary-2-x-imageWrapper--shelf-home-offers .vtex-store-components-3-x-discountContainer { height: 100% } .vtex-product-summary-2-x-imageWrapper--shelf-home-offers .vtex-store-components-3-x-discountInsideContainer { position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center; width: 69px; height: 24px; color: #fff; background: transparent; background-image: url(/arquivos/background-offer-home.png); background-size: cover; background-repeat: no-repeat; font-size: 15px; font-weight: 800 } .vtex-product-summary-2-x-imageContainer--shelf-home-offers { height: 100% } .vtex-product-summary-2-x-description--home-offers { font-size: 12px; background: linear-gradient(270deg,#1b5185,transparent); margin-bottom: 10px; padding: 5px; height: 30px; color: #fff; display: flex; justify-content: center; align-items: center } @media screen and (max-width: 320px) { .vtex-product-summary-2-x-container--new-family-edge-shelf { padding:16px 8px; font-size: 14px; height: 260px } .vtex-product-summary-2-x-container--new-family-edge-shelf-complete { padding: 16px 8px; font-size: 14px; border: 2px solid #f8f8f8 } } .vtex-product-summary-2-x-container--new-family-edge-shelf,.vtex-product-summary-2-x-container--new-family-edge-shelf-complete { background: #fff; border-radius: 8px; padding: 32px 24px } .vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-nameContainer,.vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-nameContainer,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-nameContainer,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-nameContainer { -webkit-box-pack: left; justify-content: left; padding: 0 0 16px } .vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-nameWrapper,.vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-nameWrapper,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-nameWrapper,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-nameWrapper { color: #000 } .vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-nameWrapper .vtex-product-summary-2-x-brandName,.vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-nameWrapper .vtex-product-summary-2-x-brandName,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-nameWrapper .vtex-product-summary-2-x-brandName,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-nameWrapper .vtex-product-summary-2-x-brandName { font-weight: 600 !important } @media screen and (max-width: 320px) { .vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-nameWrapper .vtex-product-summary-2-x-brandName,.vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-nameWrapper .vtex-product-summary-2-x-brandName,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-nameWrapper .vtex-product-summary-2-x-brandName,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-nameWrapper .vtex-product-summary-2-x-brandName { font-size:14px } } .vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-priceContainer,.vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-priceContainer,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-priceContainer,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-priceContainer { color: #000; -webkit-box-align: flex-start; align-items: flex-start; text-align: left } .vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-priceContainer .vtex-product-summary-2-x-productPriceClass,.vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-priceContainer .vtex-product-summary-2-x-productPriceClass,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-priceContainer .vtex-product-summary-2-x-productPriceClass,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-priceContainer .vtex-product-summary-2-x-productPriceClass { height: 80px } @media screen and (max-width: 320px) { .vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-priceContainer .vtex-product-summary-2-x-productPriceClass,.vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-priceContainer .vtex-product-summary-2-x-productPriceClass,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-priceContainer .vtex-product-summary-2-x-productPriceClass,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-priceContainer .vtex-product-summary-2-x-productPriceClass { height:130px } } .vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-priceContainer .vtex-product-summary-2-x-listPriceLabel,.vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-priceContainer .vtex-product-summary-2-x-sellingPriceLabel,.vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-priceContainer .vtex-product-summary-2-x-listPriceLabel,.vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-priceContainer .vtex-product-summary-2-x-sellingPriceLabel,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-priceContainer .vtex-product-summary-2-x-listPriceLabel,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-priceContainer .vtex-product-summary-2-x-sellingPriceLabel,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-priceContainer .vtex-product-summary-2-x-listPriceLabel,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-priceContainer .vtex-product-summary-2-x-sellingPriceLabel { display: none } .vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-button,.vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-button,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-button,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-button { width: 165px; height: 48px; color: #fff; background: #1879a6; border: none; border-radius: 8px; align-self: center; margin-top: 12px } @media screen and (max-width: 320px) { .vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-button,.vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-button,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-button,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-button { width:100px; height: 32px; font-size: 12px } } .vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf-complete,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf-complete { -webkit-box-pack: center; justify-content: center } .vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-priceContainer,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-priceContainer { text-align: center; align-items: center } .vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-sellingPriceContainer,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-sellingPriceContainer { color: #000 } .vtex-product-summary-2-x-container--showcase { background-color: #fff; box-shadow: 0 0 3px rgba(0,0,0,.2); border-radius: 10px; margin: 0 10px; padding: 0 } @media screen and (max-width: 640px) { .vtex-product-summary-2-x-container--showcase { margin:0 5px } } .vtex-product-summary-2-x-container--showcase .vtex-product-summary-2-x-element { padding: 0; position: relative } .vtex-product-summary-2-x-container--showcase .vtex-product-summary-2-x-element .vtex-store-link-0-x-link--free-shipping { position: absolute; right: 25px; top: 90px; background: #c9e2f7; color: #216cb4; text-decoration: none; font-weight: 700; font-size: 9px; padding: 5px 10px; border-radius: .5rem; margin: 0; z-index: 10 } @media (max-width: 1023px) { .vtex-product-summary-2-x-container--showcase .vtex-product-summary-2-x-element .vtex-store-link-0-x-link--free-shipping { right:10px; top: 75px } } .vtex-product-summary-2-x-container--showcase .vtex-product-summary-2-x-imageContainer { height: 200px; margin-top: auto } @media screen and (max-width: 1024px) { .vtex-product-summary-2-x-container--showcase .vtex-product-summary-2-x-imageContainer { height:auto } } .vtex-product-summary-2-x-container--showcase .vtex-product-summary-2-x-imageContainer .vtex-product-summary-2-x-image { transition: transform .2s; max-height: 200px } .vtex-product-summary-2-x-container--showcase .vtex-product-summary-2-x-imageContainer .vtex-product-summary-2-x-image:hover { transform: scale(1.05) } .vtex-product-summary-2-x-container--showcase .vtex-product-summary-2-x-nameContainer { font-family: Gotham A,Gotham B,ruble !important; justify-content: center; align-items: center; padding: 5px 0; margin-top: .5em; height: 30px } .vtex-product-summary-2-x-container--showcase .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-productNameContainer { text-align: center } .vtex-product-summary-2-x-container--showcase .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-productNameContainer .vtex-product-summary-2-x-brandName { color: #001428; font-size: 14px; text-transform: lowercase; font-weight: 600 } @media screen and (max-width: 320px) { .vtex-product-summary-2-x-container--showcase .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-productNameContainer .vtex-product-summary-2-x-brandName { font-size:14px } } .vtex-product-summary-2-x-container--showcase .vtex-product-summary-2-x-buyButtonContainer .vtex-button { display: flex; align-items: center; justify-content: center; max-width: 260px; width: 100%; background-color: #001428; border-color: #001428; border-radius: 4px; font-size: 14px; font-weight: 600; color: #fff; text-decoration: none; margin: 0 auto; min-height: 35px } .vtex-product-summary-2-x-container--showcase .vtex-store-components-3-x-discountInsideContainer { display: none !important } .vtex-rich-text-0-x-container--search-not-found { margin-bottom: 40px } .vtex-rich-text-0-x-container--shelf-not-found { padding: 15px } .vtex-rich-text-0-x-container--showcase .vtex-rich-text-0-x-paragraph { margin: 8px 0 } @media (max-width: 1023px) { .vtex-rich-text-0-x-container--showcase .vtex-rich-text-0-x-paragraph { font-size:24px } } .vtex-rich-text-0-x-container .vtex-rich-text-0-x-paragraph--indisponivel-product-summary { color: #001428; font-size: 16px; line-height: 21px } .vtex-rich-text-0-x-container .vtex-rich-text-0-x-paragraph--search-title { color: #ddc8b7; font-size: 20px; margin: 0 } .vtex-rich-text-0-x-container .vtex-rich-text-0-x-paragraph--search-not-found { color: #fff; font-size: 12px; margin: 0 } .vtex-rich-text-0-x-container .vtex-rich-text-0-x-paragraph--search-not-found :last-child { width: 20px } .vtex-rich-text-0-x-container .vtex-rich-text-0-x-paragraph--images-item-title { color: #2a8cda; font-size: 22px; margin: 20px 0 0 } @media (max-width: 1024px) { .vtex-rich-text-0-x-container .vtex-rich-text-0-x-paragraph--images-item-title { max-width:100%; margin-top: 35px } } .vtex-rich-text-0-x-container .vtex-rich-text-0-x-paragraph--images-item-description { font-size: 16px; color: #fff; margin: 8px 0 0 } .vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel1--shelf-not-found { padding: 15px; text-transform: uppercase; letter-spacing: 2px; font-weight: 300; font-size: 20px } .vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel1--shelf-not-found .vtex-rich-text-0-x-italic { color: #0e77da; font-style: normal } .vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel1 .vtex-rich-text-0-x-paragraph--indisponivel-product-summary { color: #001428; font-size: 16px; line-height: 21px } .vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel1 .vtex-rich-text-0-x-paragraph--search-title { color: #ddc8b7; font-size: 20px; margin: 0 } .vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel1 .vtex-rich-text-0-x-paragraph--search-title-colecao { font-size: 26px; text-transform: uppercase; font-weight: 400; letter-spacing: 1.5px } .vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel1 .vtex-rich-text-0-x-paragraph--search-not-found { color: #fff; font-size: 12px; margin: 0 } .vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel1--search-title-colecao,.vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel2--search-title-colecao,.vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel3--search-title-colecao,.vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel4--search-title-colecao,.vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel5--search-title-colecao,.vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel6--search-title-colecao,.vtex-rich-text-0-x-container .vtex-rich-text-0-x-paragraph--search-title-colecao { color: #001428; font-size: 26px; padding: 20px 0; font-weight: 400; letter-spacing: 1.5px } @media (max-width: 1024px) { .vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel1--search-title-colecao,.vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel2--search-title-colecao,.vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel3--search-title-colecao,.vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel4--search-title-colecao,.vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel5--search-title-colecao,.vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel6--search-title-colecao,.vtex-rich-text-0-x-container .vtex-rich-text-0-x-paragraph--search-title-colecao { font-size:20px; text-transform: inherit } } .vtex-rich-text-0-x-paragraph--g60s-disclaimer { font-size: 14px } .vtex-rich-text-0-x-container--pdp-modal-ame-passo { max-width: 159px } .vtex-rich-text-0-x-container--pdp-triggers { display: flex; align-items: center; justify-content: center } .vtex-rich-text-0-x-container--pdp-modal-triggers { max-width: 347px } .vtex-rich-text-0-x-paragraph--pdp-formas-pagamento { color: #000; font-size: 14px; line-height: 14px; font-weight: 500; text-decoration: underline; cursor: pointer; margin-bottom: 33px } .vtex-rich-text-0-x-paragraph--pdp-formas-pagamento-cartao { color: #001428; font-size: 10px; line-height: 14px } .vtex-rich-text-0-x-paragraph--pdp-formas-pagamento-modal { color: #001428; font-size: 14px; line-height: 14px } .vtex-rich-text-0-x-paragraph--pdp-modal-ame-descricao { color: #170085; font-size: 14px } .vtex-rich-text-0-x-paragraph--pdp-modal-ame-descricao .vtex-rich-text-0-x-strong { font-size: 16px } .vtex-rich-text-0-x-paragraph--pdp-modal-ame-descricao .vtex-rich-text-0-x-italic { color: #ff0058; font-style: normal } .vtex-rich-text-0-x-paragraph--pdp-modal-ame-passos { font-size: 20px; margin-top: -10px } .vtex-rich-text-0-x-paragraph--pdp-modal-ame-passos .vtex-rich-text-0-x-italic { color: #ff0058; font-style: normal } .vtex-rich-text-0-x-paragraph--pdp-modal-ame-passo { color: #170085; font-size: 12px; line-height: 16px; text-align: center } .vtex-rich-text-0-x-paragraph--pdp-modal-ame-passo .vtex-rich-text-0-x-italic { color: #ff0058; font-style: normal; font-weight: 700 } .vtex-rich-text-0-x-paragraph--pdp-modal-ame-info { color: #170085; font-size: 14px } .vtex-rich-text-0-x-paragraph--pdp-modal-ame-info .vtex-rich-text-0-x-italic,.vtex-rich-text-0-x-paragraph--pdp-modal-ame-info .vtex-rich-text-0-x-link { color: #ff0058; font-style: normal; text-decoration: none } .vtex-rich-text-0-x-paragraph--pdp-modal-triggers { color: #001428; font-size: 12px; line-height: 16.2px } .vtex-rich-text-0-x-headingLevel2--pdp-triggers { color: #001428; font-size: 12px; line-height: 12px; font-weight: 400; display: flex; align-items: center } .vtex-rich-text-0-x-headingLevel2--pdp-triggers .vtex-rich-text-0-x-image { margin-right: 5px } .vtex-rich-text-0-x-headingLevel3--pdp-formas-pagamento-ame { color: #001428; font-size: 16px; line-height: 16px; margin-top: 20px } .vtex-rich-text-0-x-headingLevel3--pdp-modal-trigger-ame { color: #001428; font-size: 14px; line-height: 12px; font-weight: 400; display: flex } .vtex-rich-text-0-x-headingLevel3--pdp-modal-trigger-ame .vtex-rich-text-0-x-strong { font-size: 22px; color: #f1125b; margin-right: 5px } .vtex-rich-text-0-x-headingLevel3--pdp-modal-trigger-ame .vtex-rich-text-0-x-image { max-height: 18px; margin-left: 5px } .vtex-rich-text-0-x-headingLevel4--pdp-formas-pagamento-ame { color: #001428; font-size: 14px; line-height: 14px; margin: 10px 0 } .vtex-rich-text-0-x-headingLevel4--pdp-modal-triggers { color: #001428; font-size: 20px; font-weight: 700 } @media (min-width: 1025px) { .vtex-rich-text-0-x-paragraph--pdp-modal-ame-descricao:after,.vtex-rich-text-0-x-paragraph--pdp-modal-ame-descricao:before { height:4px; width: 100px; color: #ff0058 } .vtex-rich-text-0-x-headingLevel2--pdp-triggers-border { padding-right: 30px; margin-right: 30px; border-right: 1px solid #d8d8d8 } } @media (max-width: 1024px) { .vtex-rich-text-0-x-container--pdp-modal-ame-descricao,.vtex-rich-text-0-x-container--pdp-modal-ame-info,.vtex-rich-text-0-x-container--pdp-modal-ame-passos { padding:10px 20px } .vtex-rich-text-0-x-paragraph--pdp-modal-ame-passos { font-size: 16px } } .vtex-rich-text-0-x-container--seguros-intro { margin: 20px 0 } .vtex-rich-text-0-x-wrapper--seguros-coberturas-tabela { width: 100%; color: #001428 } .vtex-rich-text-0-x-wrapper--seguros-coberturas-tabela .vtex-rich-text-0-x-table { width: 100%; margin-top: 40px } .vtex-rich-text-0-x-wrapper--seguros-coberturas-tabela .vtex-rich-text-0-x-table .vtex-rich-text-0-x-tableHead .vtex-rich-text-0-x-tableTh { font-size: 18px; font-weight: 600; padding: 25px; line-height: 30px; max-width: 50px } .vtex-rich-text-0-x-wrapper--seguros-coberturas-tabela .vtex-rich-text-0-x-table .vtex-rich-text-0-x-tableBody .vtex-rich-text-0-x-tableTr:first-child,.vtex-rich-text-0-x-wrapper--seguros-coberturas-tabela .vtex-rich-text-0-x-table .vtex-rich-text-0-x-tableBody .vtex-rich-text-0-x-tableTr:last-child { background: #eff4f7 } .vtex-rich-text-0-x-wrapper--seguros-coberturas-tabela .vtex-rich-text-0-x-table .vtex-rich-text-0-x-tableBody .vtex-rich-text-0-x-tableTr .vtex-rich-text-0-x-tableTd { padding: 21px 0; font-weight: 500 } .vtex-rich-text-0-x-headingLevel1--seguros-intro,.vtex-rich-text-0-x-headingLevel3--seguros-intro { font-size: 40px; font-weight: 400; margin: 0 } .vtex-rich-text-0-x-headingLevel1--seguros-intro .vtex-rich-text-0-x-italic,.vtex-rich-text-0-x-headingLevel3--seguros-intro .vtex-rich-text-0-x-italic { font-style: normal; color: #0e77da } .vtex-rich-text-0-x-headingLevel1--seguros-coberturas-title,.vtex-rich-text-0-x-headingLevel3--seguros-coberturas-title { color: #001428; font-size: 40px; font-weight: 300; margin: 0 } .vtex-rich-text-0-x-headingLevel6--seguros-how-do-passo { color: #0e77da; font-size: 30px; border: 3px solid #0e77da; border-radius: 50%; width: 60px; height: 60px; margin: 0 0 20px; display: flex; justify-content: center; align-items: center } .vtex-rich-text-0-x-paragraph--seguros-intro-topic { font-size: 12px; line-height: 18px } .vtex-rich-text-0-x-paragraph--seguros-how-do-passo { font-size: 14px } .vtex-rich-text-0-x-paragraph--seguros-how-do-passo .vtex-rich-text-0-x-italic { font-style: normal; color: #0e77da; text-transform: uppercase } .vtex-rich-text-0-x-paragraph--seguros-coberturas-title { color: #001428; font-size: 14px } .vtex-rich-text-0-x-paragraph--seguros-verificar-aparelhos { margin-top: 40px } .vtex-rich-text-0-x-paragraph--perguntas-institucionais { font-size: 16px; font-weight: 600; line-height: 24px } .vtex-rich-text-0-x-paragraph--respostas-institucionais { font-size: 13px } .vtex-rich-text-0-x-paragraph--respostas-institucionais .vtex-rich-text-0-x-link { color: #92c1e9 } @media (min-width: 1025px) { .vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel1--seguros-intro { max-width:480px } } @media (max-width: 1024px) { .vtex-rich-text-0-x-wrapper--seguros-coberturas-mobile { width:100%; color: #001428 } .vtex-rich-text-0-x-wrapper--seguros-coberturas-mobile .vtex-rich-text-0-x-table { width: 100%; padding: 35px 0; border-bottom: 1px solid #e9e9e9 } .vtex-rich-text-0-x-wrapper--seguros-coberturas-mobile .vtex-rich-text-0-x-table .vtex-rich-text-0-x-tableHead .vtex-rich-text-0-x-tableTh { font-size: 16px; font-weight: 600; text-align: left; padding: 10px 0 } .vtex-rich-text-0-x-wrapper--seguros-coberturas-mobile .vtex-rich-text-0-x-table .vtex-rich-text-0-x-tableBody .vtex-rich-text-0-x-tableTr .vtex-rich-text-0-x-tableTd { font-size: 12px; font-weight: 500; text-align: left; padding: 10px 0 } .vtex-rich-text-0-x-headingLevel1--seguros-intro,.vtex-rich-text-0-x-headingLevel3--seguros-intro { margin-top: 0; margin-bottom: 20px; font-size: 18px; line-height: 28px; text-align: center } .vtex-rich-text-0-x-headingLevel1--seguros-how-do,.vtex-rich-text-0-x-headingLevel3--seguros-how-do { text-align: left; margin-bottom: 10px } .vtex-rich-text-0-x-headingLevel1--seguros-coberturas-title,.vtex-rich-text-0-x-headingLevel3--seguros-coberturas-title { text-align: left; font-size: 18px } .vtex-rich-text-0-x-headingLevel6--seguros-how-do-passo { width: 40px; height: 40px; font-size: 18px } .vtex-rich-text-0-x-paragraph--seguros-intro { font-size: 12px; text-align: center } .vtex-rich-text-0-x-paragraph--seguros-intro-topic { text-align: center } .vtex-rich-text-0-x-paragraph--seguros-coberturas-title { text-align: left; font-size: 12px } .vtex-rich-text-0-x-paragraph--seguros-coberturas-mobile { text-align: left; font-size: 12px; margin-top: 35px } .vtex-rich-text-0-x-paragraph--perguntas-institucionais { font-size: 12px; padding-right: 5px } .vtex-rich-text-0-x-paragraph--respostas-institucionais { font-size: 13px } } .vtex-rich-text-0-x-headingLevel1--institucionais-conteudo-titulo { margin: 0 0 16px; font-size: 24px; color: #fff } .vtex-rich-text-0-x-headingLevel1--institucionais-conteudo-texto { margin: 0 0 16px; color: #001428; font-size: 24px } .vtex-rich-text-0-x-headingLevel2--institucionais-conteudo-texto { color: #001428; font-weight: 700; font-size: 14px; margin: 18px 0 0 } .vtex-rich-text-0-x-paragraph--institucionais-conteudo-titulo { font-size: 12px; line-height: 20px; color: #fff } .vtex-rich-text-0-x-paragraph--institucionais-conteudo-texto { color: #001428; font-size: 12px; line-height: 20px } .vtex-rich-text-0-x-paragraph--institucionais-conteudo-texto .vtex-rich-text-0-x-strong .vtex-rich-text-0-x-link { color: #001428; font-weight: 700; font-size: 16px; text-decoration: none } .vtex-rich-text-0-x-paragraph--avisos-conteudo-contato { color: #001428; font-size: 12px; line-height: 20px; font-weight: 700 } .vtex-rich-text-0-x-list--institucionais-conteudo-texto { padding: 0 15px } .vtex-rich-text-0-x-list--institucionais-conteudo-texto .vtex-rich-text-0-x-listItem { color: #001428; font-size: 12px; line-height: 20px } .vtex-rich-text-0-x-link--reciclagem-conteudo-texto { color: #001428; font-weight: 700; font-size: 16px; text-decoration: none } @media (max-width: 1024px) { .vtex-rich-text-0-x-headingLevel1--institucionais-conteudo-texto,.vtex-rich-text-0-x-headingLevel1--institucionais-conteudo-titulo { font-size:18px } } .vtex-rich-text-0-x-container--blackfriday-dicas-texto .vtex-rich-text-0-x-headingLevel3 { font-size: 24px; line-height: 36px; font-weight: 200; color: #fff; margin-bottom: 50px; letter-spacing: 1.75px } .vtex-rich-text-0-x-container--blackfriday-dicas-texto .vtex-rich-text-0-x-headingLevel3 .vtex-rich-text-0-x-italic { color: #0e77da; font-style: normal } .vtex-rich-text-0-x-container--blackfriday-dicas-texto .vtex-rich-text-0-x-headingLevel6 { font-size: 14px; color: #0e77da; font-weight: 600; margin: 30px 0 0 } .vtex-rich-text-0-x-container--blackfriday-dicas-texto .vtex-rich-text-0-x-paragraph { font-size: 14px } .vtex-rich-text-0-x-container--blackfriday-dicas-texto .vtex-rich-text-0-x-paragraph .vtex-rich-text-0-x-strong { color: #0e77da; font-weight: 600; margin-bottom: 10px } .vtex-rich-text-0-x-container--blackfriday-top-3-title .vtex-rich-text-0-x-paragraph { font-size: 24px; font-weight: 200; letter-spacing: 1.75px; line-height: 36px; margin: 0 } .vtex-rich-text-0-x-container--blackfriday-top-3-title .vtex-rich-text-0-x-paragraph .vtex-rich-text-0-x-italic { font-style: normal; color: #0e77da } .vtex-rich-text-0-x-container--blackfriday-top-3-texto .vtex-rich-text-0-x-paragraph { font-size: 14px; line-height: 24px; margin: 0 0 18px } .vtex-rich-text-0-x-container--blackfriday-faq { height: 100%; display: flex; align-items: center } .vtex-rich-text-0-x-container--blackfriday-faq .vtex-rich-text-0-x-wrapper .vtex-rich-text-0-x-headingLevel1 { font-size: 24px; font-weight: 200; letter-spacing: 1.75px; line-height: 36px; margin: 0 0 30px } .vtex-rich-text-0-x-container--blackfriday-faq .vtex-rich-text-0-x-wrapper .vtex-rich-text-0-x-headingLevel1 .vtex-rich-text-0-x-italic { font-style: normal; color: #0e77da } .vtex-rich-text-0-x-container--blackfriday-faq .vtex-rich-text-0-x-wrapper .vtex-rich-text-0-x-paragraph { margin: 0; font-size: 14px; line-height: 24px } @media (min-width: 1025px) { .vtex-rich-text-0-x-container--blackfriday-lancamentos-title { display:flex; justify-content: center } .vtex-rich-text-0-x-container--blackfriday-top-3-texto,.vtex-rich-text-0-x-container--blackfriday-top-3-title { width: 70%; margin: 10px auto } .vtex-rich-text-0-x-container--blackfriday-faq { height: 100%; display: flex; align-items: center } .vtex-rich-text-0-x-container--blackfriday-faq .vtex-rich-text-0-x-wrapper { padding-left: 30px } } @media (max-width: 1024px) { .vtex-rich-text-0-x-container--blackfriday-cyberweek { position:relative; top: -40px; left: 10px } } .vtex-rich-text-0-x-paragraph--footer-newsletter { text-align: center; line-height: 27px; font-size: 20px; color: #001428 } @media (min-width: 1024px) { .vtex-rich-text-0-x-paragraph--footer-newsletter { font-size:24px } } .vtex-rich-text-0-x-paragraph--footer-social-location { color: #001428; font-size: 12px; font-weight: 500 } .vtex-rich-text-0-x-paragraph--footer-location .vtex-rich-text-0-x-link { color: #001428; font-size: 14px; font-weight: 500 } .vtex-rich-text-0-x-paragraph--footer-menus { color: #001428; font-size: 18px; font-weight: 700 } .vtex-rich-text-0-x-paragraph--footer-copyright-vendas,.vtex-rich-text-0-x-paragraph--footer-created { color: #001428; font-size: 12px; font-weight: 500; text-align: center } .vtex-rich-text-0-x-paragraph--footer-copyright-vendas .vtex-rich-text-0-x-link,.vtex-rich-text-0-x-paragraph--footer-created .vtex-rich-text-0-x-link { color: #001428; text-decoration: none } @media (max-width: 1024px) { .vtex-rich-text-0-x-paragraph--footer-newsletter { text-align:center } .vtex-rich-text-0-x-paragraph--footer-vendas { color: #fff; line-height: 34px; text-align: left; margin: 0 } .vtex-rich-text-0-x-paragraph--footer-copyright-vendas { line-height: 30px; text-align: left; margin: 0 } } .vtex-rich-text-0-x-container--sectionTitle { margin-top: 30px; margin-bottom: 15px } .vtex-rich-text-0-x-heading--sectionTitle,.vtex-rich-text-0-x-paragraph--sectionTitle { color: #fff; font-size: 24px; text-transform: uppercase; font-weight: 300; padding-left: 15px } .vtex-rich-text-0-x-heading .vtex-rich-text-0-x-strong--sectionTitle,.vtex-rich-text-0-x-paragraph .vtex-rich-text-0-x-strong--sectionTitle { font-weight: 300; color: #0e77da } .vtex-rich-text-0-x-heading--helloofertas { text-transform: lowercase !important } @media (max-width: 639px) { .vtex-rich-text-0-x-heading--sectionTitle,.vtex-rich-text-0-x-paragraph--sectionTitle { font-size:20px; padding-left: 0 } } .vtex-rich-text-0-x-paragraph--unavailable-product-summary { font-size: 15px } .vtex-rich-text-0-x-container--familyPageText { text-align: center } .vtex-rich-text-0-x-container--familyPageText .vtex-rich-text-0-x-wrapper { max-width: 900px } @media (min-width: 1024px) { .vtex-rich-text-0-x-container--familyPageText .vtex-rich-text-0-x-wrapper { max-width:1920px; padding: 0 3em } } .vtex-rich-text-0-x-container--familyPageText .vtex-rich-text-0-x-headingLevel1 { color: #001428; font-size: 24px; text-transform: uppercase; font-weight: 300; line-height: 24px; padding-left: 15px } .vtex-rich-text-0-x-container--familyPageText .vtex-rich-text-0-x-headingLevel1 .vtex-rich-text-0-x-strong { font-weight: 300; color: #0e77da } .vtex-rich-text-0-x-container--familyPageText .vtex-rich-text-0-x-headingLevel2 { font-size: 16px; line-height: 18px; font-weight: 400 } .vtex-rich-text-0-x-container--familyPageText .vtex-rich-text-0-x-headingLevel3 { font-size: 14px; font-weight: 400; line-height: 24px } .vtex-rich-text-0-x-container--familyPageText .vtex-rich-text-0-x-paragraph { color: #a2a2a2; font-weight: 300; font-size: 14px; line-height: normal } .vtex-rich-text-0-x-container--familyPageText .vtex-rich-text-0-x-link--familyPageText { display: block; text-align: center; text-decoration: none; font-weight: 400; margin: 25px auto; width: 100%; max-width: 328px; min-height: 48px; background-color: #0e77da; color: #fff; font-size: 14px; border: none; border-radius: 5px; cursor: pointer; padding: 15px 40px } .vtex-rich-text-0-x-container--sectionTitleFamilyPage { padding-top: 50px } .vtex-rich-text-0-x-container--sectionTitleFamilyPage .vtex-rich-text-0-x-heading { line-height: 30px !important; font-weight: 400 !important; color: #001428 } .vtex-rich-text-0-x-container--legalWarnings { color: #fff } .vtex-rich-text-0-x-container--legalWarnings .vtex-rich-text-0-x-headingLevel2 { font-size: 16px } .vtex-rich-text-0-x-container--legalWarnings .vtex-rich-text-0-x-list { padding-inline-start:15px} .vtex-rich-text-0-x-container--legalWarnings .vtex-rich-text-0-x-list,.vtex-rich-text-0-x-container--legalWarnings .vtex-rich-text-0-x-paragraph { font-size: 12px } .vtex-rich-text-0-x-container--family-page-specification-text .vtex-rich-text-0-x-heading,.vtex-rich-text-0-x-container--family-page-specification-text .vtex-rich-text-0-x-paragraph { font-size: 14px; line-height: 14px } @media (max-width: 639px) { .vtex-rich-text-0-x-container--familyPageText { padding:0 10px; text-align: left } .vtex-rich-text-0-x-container--familyPageText .vtex-rich-text-0-x-headingLevel1 { padding-left: 0 } } .vtex-rich-text-0-x-heading--info-cel-title { font-size: 30px; line-height: 40px; font-weight: 200; color: #ff6b00; margin-bottom: 24px; letter-spacing: 1.75px } @media screen and (max-width: 768px) { .vtex-rich-text-0-x-wrapper--info-cel-text { font-size:12px } .vtex-rich-text-0-x-heading--info-cel-title { font-size: 20px } } .vtex-rich-text-0-x-wrapper--end-of-life { width: 100% } .vtex-rich-text-0-x-wrapper--end-of-life .vtex-rich-text-0-x-heading { color: #001428; font-size: 20px } .vtex-rich-text-0-x-wrapper--end-of-life .vtex-rich-text-0-x-paragraph { color: #001428; font-weight: 500; line-height: 24px; font-size: 16px } .vtex-rich-text-0-x-wrapper--end-of-life .vtex-rich-text-0-x-link { display: block; text-align: center; text-decoration: none; font-weight: 400; width: 100%; min-height: 48px; background-color: #0e77da; color: #fff; font-size: 14px; border: none; border-radius: 5px; cursor: pointer; padding: 15px 40px } .vtex-rich-text-0-x-heading--category { color: #fff; font-weight: 700; font-size: 14px; margin-left: 5px; text-align: center; justify-content: center; text-decoration: none; padding: 0 } .vtex-rich-text-0-x-link--category { color: #fff; text-decoration: none } @media (max-width: 345) { .vtex-rich-text-0-x-heading--category { font-size:12px } } .vtex-rich-text-0-x-container--compare-link { align-items: center; margin-top: 15px } .vtex-rich-text-0-x-heading--compare-link { color: #fff; font-size: 14px; font-weight: 700; display: flex; align-items: center; margin: 0 } .vtex-rich-text-0-x-link--compare-link { text-decoration: none; color: #fff } @media screen and (max-width: 758px) { .vtex-rich-text-0-x-heading--compare-link,.vtex-rich-text-0-x-link--compare-link { display:none } } .vtex-rich-text-0-x-container--blog-button { justify-content: center; margin-bottom: 20px } .vtex-rich-text-0-x-container .vtex-rich-text-0-x-heading--blog-button { width: auto !important; margin: 0 auto } .vtex-rich-text-0-x-container .vtex-rich-text-0-x-heading .vtex-rich-text-0-x-link--blog-button { color: #ddc8b7; text-decoration: none; font-size: 14px; font-weight: 600; padding: 15px 35px; transition: .3s; margin-bottom: 10px; background-color: transparent; border: 1px solid #ddc8b7; border-radius: 5px; height: 48px; line-height: 44px } .vtex-rich-text-0-x-container .vtex-rich-text-0-x-heading .vtex-rich-text-0-x-link--blog-button:hover { background-color: #fff; border: 1px solid #fff; color: #001428 } .vtex-rich-text-0-x-wrapper--avise-me-button { cursor: pointer } .vtex-rich-text-0-x-paragraph--avise-me-button { background: #f6534c; border: #f6534c; padding: 15px; border-radius: 6px; margin: 0 } .vtex-rich-text-0-x-wrapper--avise-me-title .vtex-rich-text-0-x-heading-level-2 { font-size: 20px; color: #001428; font-weight: 700; margin: 0 } .vtex-rich-text-0-x-wrapper--avise-me-title .vtex-rich-text-0-x-paragraph { font-size: 14px; line-height: 24px; color: #001428; font-weight: 500; margin: 10px 0; line-height: 1.5 } .vtex-rich-text-0-x-paragraph--text-between-name-sku { color: #000; font-size: 12px; line-height: 1.6; border-top: 1px solid #ddc8b7; margin-top: 20px; padding-top: 20px } @media (max-width: 1024px) { .vtex-rich-text-0-x-paragraph--text-between-name-sku { border:0; padding-top: 0; margin-top: 0 } } .vtex-rich-text-0-x-container--text-between-name-sku,.vtex-rich-text-0-x-wrapper--text-between-name-sku { width: 100% } .vtex-rich-text-0-x-wrapper--text-footer,.vtex-rich-text-0-x-wrapper--text-footer-edge-20-lite-mx,.vtex-rich-text-0-x-wrapper--text-footer-edge-20-mx { margin: 2rem 1.7rem } .vtex-rich-text-0-x-wrapper--text-footer-edge-20-lite-mx .vtex-rich-text-0-x-paragraph,.vtex-rich-text-0-x-wrapper--text-footer-edge-20-mx .vtex-rich-text-0-x-paragraph,.vtex-rich-text-0-x-wrapper--text-footer .vtex-rich-text-0-x-paragraph { font-size: 14px } .vtex-rich-text-0-x-container--images-description-col-1 { margin-bottom: 70px } .vtex-rich-text-0-x-container--images-description-col-2 { margin-bottom: 120px } .vtex-rich-text-0-x-container--interes-title-category { justify-content: center } .vtex-rich-text-0-x-wrapper--interes-title-category { color: #ddc8b7; font-size: 26px; text-transform: uppercase } .vtex-rich-text-0-x-container--motofertas-title { justify-content: center; margin: 0 0 20px } .vtex-rich-text-0-x-container--motofertas-title .vtex-rich-text-0-x-paragraph { color: #ddc8b7; font-size: 26px; text-transform: uppercase } .vtex-rich-text-0-x-container--ready-for-footer-legend .vtex-rich-text-0-x-paragraph { font-size: 14px } .vtex-rich-text-0-x-container--step-one-text { display: flex; justify-content: center; margin-top: 20px } .vtex-rich-text-0-x-listItem--step-one-text { margin-top: 10px; font-size: 18px; font-weight: 400 } @media only screen and (min-width: 768px) { .vtex-rich-text-0-x-listItem--step-one-text { font-size:20px; font-weight: 500 } } .vtex-rich-text-0-x-paragraph--print-button-crear { width: 300px; background-color: #ff554d; border-color: #ff554d; border-radius: 5px; height: 50px; padding: 5px } .vtex-rich-text-0-x-paragraph--print-button-crear .vtex-rich-text-0-x-link--print-button-crear { color: #fff; font-weight: 600; text-decoration: none } .vtex-rich-text-0-x-container--disclaimers-text { max-width: 1300px; margin: 50px 0; font-size: 14px } .vtex-rich-text-0-x-link--disclaimers-text { color: #fff } .vtex-rich-text-0-x-heading--new-motocare-page-title { font-size: 35px; font-weight: 400; color: #8dc6ec } .vtex-rich-text-0-x-headingLevel2--motocare-page-imei-checker-text { font-size: 20px; color: #fff; font-weight: 500 } .vtex-rich-text-0-x-container--moto-watch-container__text--paragraph { margin-top: 150px } @media (min-width: 1024px) { .vtex-rich-text-0-x-container--moto-watch-container__text--paragraph { margin-top:0 } } .vtex-rich-text-0-x-paragraph--moto-watch-container__text--title { color: #fff; font-size: 45px; font-weight: 700; line-height: normal; margin: 0; text-align: center } @media (min-width: 1024px) { .vtex-rich-text-0-x-paragraph--moto-watch-container__text--title { line-height:1.5; text-align: left } } .vtex-rich-text-0-x-paragraph--moto-watch-container__text--paragraph { color: #fff; font-size: 16px; line-height: 24px; font-weight: 300 } .vtex-rich-text-0-x-link--moto-watch-container__text--link { padding: 0 60px; min-height: 2.5rem; box-shadow: 0 1px 1px rgba(0,0,0,.2); color: #fff; cursor: pointer; display: inline-block; text-decoration: none; height: 16px; font-size: 18px; font-weight: 400; line-height: 32px; letter-spacing: .72px; border-radius: 24px; width: 100%; outline: 0; text-transform: none; border: 2px solid #ff554d; background-color: #ff554d } @media (min-width: 1024px) { .vtex-rich-text-0-x-link--moto-watch-container__text--link { width:auto } } @media screen and (max-width: 768px) { .vtex-rich-text-0-x-wrapper--recommended-products-title { padding-left:0 } } .vtex-rich-text-0-x-wrapper--recommended-products-title .vtex-rich-text-0-x-heading--recommended-products-title { margin: 48px 0 32px; color: #000; font-size: 32px } @media screen and (max-width: 768px) { .vtex-rich-text-0-x-wrapper--recommended-products-title .vtex-rich-text-0-x-heading--recommended-products-title { margin:33px 0 20px; font-size: 18px } } @media screen and (max-width: 768px) { .vtex-rich-text-0-x-wrapper .vtex-rich-text-0-x-paragraph--new-family-edge-page-smartphones--link { margin:33px 0 20px } } .vtex-rich-text-0-x-wrapper .vtex-rich-text-0-x-link--new-family-edge-page-smartphones--link { font-size: 16px; text-decoration: none; font-weight: 400; color: #1879a6 } @media screen and (max-width: 768px) { .vtex-rich-text-0-x-wrapper .vtex-rich-text-0-x-link--new-family-edge-page-smartphones--link { font-size:12px } } .vtex-rich-text-0-x-headingLevel5--how-text1,.vtex-rich-text-0-x-headingLevel5--title-esp { color: #8dc6ec; font-weight: 400; font-size: 28px; text-align: left; margin-bottom: 25px; margin-top: 0 } .vtex-rich-text-0-x-headingLevel6--title-esp { font-weight: 400; font-size: 24px; text-align: left; margin-top: 0; margin-bottom: 15px } .vtex-rich-text-0-x-paragraph--how-text1,.vtex-rich-text-0-x-paragraph--title-esp { text-align: left; margin-top: 0; font-size: 16px; font-weight: 200 } .vtex-rich-text-0-x-link--how-text1 { color: #fff } .vtex-rich-text-0-x-wrapper--pcda-cuatro-lista { width: 90%; margin: auto } .vtex-rich-text-0-x-paragraph--pcda-catorce .vtex-rich-text-0-x-strong--pcda-catorce { font-weight: 400; color: -webkit-link } .vtex-rich-text-0-x-paragraph--pcda-catorce .vtex-rich-text-0-x-link--pcda-catorce { color: #000; text-decoration: unset } @media (max-width: 1023px) { .vtex-rich-text-0-x-headingLevel2--pcda-title { font-size:28px } } .vtex-search-result-3-x-container--layout { margin-bottom: 79px } .vtex-search-result-3-x-container--layout .vtex-flex-layout-0-x-flexCol--search-title .vtex-search-result-3-x-galleryTitle--layout { font-weight: 300; text-transform: uppercase; color: #001428 } .vtex-search-result-3-x-container--layout .vtex-flex-layout-0-x-flexCol--search-not-found .vtex-search-result-3-x-galleryTitle--layout,.vtex-search-result-3-x-container--layout .vtex-flex-layout-0-x-flexCol--search-title-busca .vtex-search-result-3-x-galleryTitle--layout { font-weight: 600; text-transform: lowercase; color: #001428 } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout { background-color: #fff; padding: 15px; border-radius: 10px } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filter__container--selectedFilters { display: none } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filter__container .vtex-search-result-3-x-filterMessage { color: #011428; font-weight: 700; display: flex; align-items: center; gap: 7px; margin-bottom: 25px } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filter__container .vtex-search-result-3-x-filterMessage:before { content: ""; background: url(https://brmotorolanew.vtexassets.com/arquivos/search-filter-icon.png); width: 20px; height: 20px; display: block; background-size: contain; background-repeat: no-repeat } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filter__container .vtex-search-result-3-x-filterTitle { color: #001428; font-weight: 700; font-size: 16px } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filter__container .vtex-search-result-3-x-filterTitle .vtex-search-result-3-x-caretIcon { color: #001428; overflow: inherit } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filter__container .vtex-search-result-3-x-filterItem .vtex-checkbox__line-container { display: flex; align-items: center; padding: 8px 0 } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filter__container .vtex-search-result-3-x-filterItem .vtex-checkbox__line-container .vtex-checkbox__label { color: #001428; font-size: 14px; line-height: 14px } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filter__container .vtex-search-result-3-x-filterItem .vtex-checkbox__line-container .vtex-checkbox__container { width: 24px; height: 24px; margin-right: 20px } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filter__container .vtex-search-result-3-x-filterItem .vtex-checkbox__line-container .vtex-checkbox__container .vtex-checkbox__inner-container { border-color: #001428; width: 24px; height: 24px; border-radius: 5px; margin-right: 0 } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filter__container .vtex-search-result-3-x-filterItem .vtex-checkbox__line-container .vtex-checkbox__container .vtex__icon-check { display: none } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filter__container .vtex-search-result-3-x-filterItem .vtex-checkbox__line-container .vtex-checkbox__container .vtex-checkbox__box-wrapper { width: 24px; height: 24px } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filter__container .vtex-search-result-3-x-filterTemplateOverflow { max-height: 100% !important } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapperMobile { background-color: #fff; width: 100%; height: 40px } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapperMobile .vtex-search-result-3-x-filterPopupButton { border: thin solid #001428; border-radius: 5px; background-color: #fff; width: 100%; height: 40px; margin-right: auto } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapperMobile .vtex-search-result-3-x-filterPopupButton .vtex-search-result-3-x-filterPopupTitle { color: #001428; display: flex; align-items: center; gap: 5px } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapperMobile .vtex-search-result-3-x-filterPopupButton .vtex-search-result-3-x-filterPopupTitle:before { content: ""; background: url(https://brmotorolanew.vtexassets.com/arquivos/search-filter-icon.png); width: 16px; height: 16px; display: block; background-size: contain; background-repeat: no-repeat } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapperMobile .vtex-search-result-3-x-filterPopupButton .vtex-search-result-3-x-filterPopupArrowIcon { width: 16px; height: 16px; background: url(/arquivos/arrow-right-filter.png) no-repeat } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapperMobile .vtex-search-result-3-x-filterPopupButton .vtex-search-result-3-x-filterPopupArrowIcon .vtex-search-result-3-x-filterIcon { color: #001428 } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-orderBy--layout { display: flex; justify-content: flex-end } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByButton { width: auto; background-color: transparent; border: 1px solid #001428; -webkit-border-radius: 5px; border-radius: 5px } @media (max-width: 1023px) { .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByButton { width:100%; background-color: transparent; border: 1px solid #001428; -webkit-border-radius: 5px; border-radius: 5px; height: 40px } } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByButton .vtex-search-result-3-x-caretIcon,.vtex-search-result-3-x-container--layout .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByButton .vtex-search-result-3-x-orderByText { color: #001428 } @media (max-width: 1023px) { .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByButton .vtex-search-result-3-x-filterPopupArrowIcon { display:flex; align-items: center } } @media (max-width: 1023px) { .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByButton .vtex-search-result-3-x-filterPopupArrowIcon .vtex-search-result-3-x-caretIcon,.vtex-search-result-3-x-container--layout .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByButton .vtex-search-result-3-x-filterPopupArrowIcon .vtex-search-result-3-x-filterIcon { color:#001428; width: 16px; height: 16px; overflow: inherit } } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByOptionsContainer { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #001428; border-top: none; top: 40px; min-width: 100px; padding-bottom: 2px } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByOptionsContainer .vtex-search-result-3-x-orderByOptionItem { font-size: 14px; font-family: Montserrat; color: #001428; text-align: center; padding-left: 0; padding-right: 0; min-width: 100px } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByOptionsContainer .vtex-search-result-3-x-orderByOptionItem--selected,.vtex-search-result-3-x-container--layout .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByOptionsContainer .vtex-search-result-3-x-orderByOptionItem:hover { background-color: #fbf9f7 } @media (max-width: 1023px) { .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByOptionsContainer .vtex-search-result-3-x-orderByOptionItem--selected,.vtex-search-result-3-x-container--layout .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByOptionsContainer .vtex-search-result-3-x-orderByOptionItem:hover { background-color:inherit } } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-gallery { margin: 0; padding-left: 25px } @media (max-width: 1023px) { .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-gallery { margin:0 0 20px; padding: 0 10px; justify-content: space-around } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-gallery--three .vtex-search-result-3-x-galleryItem { max-width: 47% !important } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-gallery--three .vtex-search-result-3-x-galleryItem .vtex-flex-layout-0-x-flexRowContent--installments-payment { width: 100% } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-gallery--one .vtex-search-result-3-x-galleryItem { display: flex; justify-content: center } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-gallery--one .vtex-search-result-3-x-galleryItem .vtex-flex-layout-0-x-flexRowContent--installments-payment { width: 100%; min-width: 250px } } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-gallery .vtex-search-result-3-x-galleryItem { padding: 0 10px; margin-bottom: 20px } @media (max-width: 1023px) { .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-gallery .vtex-search-result-3-x-galleryItem { padding:0; margin-bottom: 20px } } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-galleryTitle--layout { color: #001428; font-size: 36px; text-align: center } @media (max-width: 1023px) { .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-galleryTitle--layout { font-weight:300; font-size: 18px; text-transform: uppercase; margin-bottom: 0; padding: 0 15px } } .vtex-search-result-3-x-sidebar { width: 90% !important; z-index: 10000 } .vtex-search-result-3-x-sidebar .vtex-search-result-3-x-accordionFilter { padding-bottom: 81px !important } .vtex-search-result-3-x-sidebar .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-filterAccordionBreadcrumbs .vtex-search-result-3-x-filterBreadcrumbsText { color: #001428; font-size: 16px; margin-right: 5px; display: flex; gap: 5px; align-items: center; font-weight: 700 } .vtex-search-result-3-x-sidebar .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-filterAccordionBreadcrumbs .vtex-search-result-3-x-filterBreadcrumbsText:before { content: ""; background: url(https://brmotorolanew.vtexassets.com/arquivos/search-filter-icon.png); width: 16px; height: 16px; display: block; background-size: contain; background-repeat: no-repeat } .vtex-search-result-3-x-sidebar .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-filterAccordionBreadcrumbs .vtex-search-result-3-x-filterBreadcrumbsItemName { color: #001428; font-weight: 700; font-size: 16px } .vtex-search-result-3-x-sidebar .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterContainer { padding: 0 15px !important } .vtex-search-result-3-x-sidebar .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterContainer .vtex-search-result-3-x-accordionFilterItemTitle { color: #001428; font-weight: 700; font-size: 16px } .vtex-search-result-3-x-sidebar .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filterAccordionItemBox .vtex-checkbox__line-container { display: flex; align-items: center; padding: 8px 0 } .vtex-search-result-3-x-sidebar .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filterAccordionItemBox .vtex-checkbox__line-container .vtex-checkbox__label { color: #001428; font-size: 14px; line-height: 14px } .vtex-search-result-3-x-sidebar .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filterAccordionItemBox .vtex-checkbox__line-container .vtex-checkbox__container { width: 24px; height: 24px; margin-right: 20px } .vtex-search-result-3-x-sidebar .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filterAccordionItemBox .vtex-checkbox__line-container .vtex-checkbox__container .vtex-checkbox__inner-container { border-color: #001428; width: 24px; height: 24px; border-radius: 5px; margin-right: 0 } .vtex-search-result-3-x-sidebar .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filterAccordionItemBox .vtex-checkbox__line-container .vtex-checkbox__container .vtex__icon-check { display: none } .vtex-search-result-3-x-sidebar .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filterAccordionItemBox .vtex-checkbox__line-container .vtex-checkbox__container .vtex-checkbox__box-wrapper { width: 24px; height: 24px; border: 1px solid #001428; border-radius: .5em } .vtex-search-result-3-x-sidebar .vtex-search-result-3-x-filterButtonsBox { border: none; box-shadow: 0 -3px 10px hsla(0,0%,100%,.1); height: 81px !important } .vtex-search-result-3-x-sidebar .vtex-search-result-3-x-filterButtonsBox .vtex-search-result-3-x-filterClearButtonWrapper .vtex-button { border: thin solid #fff; border-radius: 5px; min-height: 60px } .vtex-search-result-3-x-sidebar .vtex-search-result-3-x-filterButtonsBox .vtex-search-result-3-x-filterApplyButtonWrapper .vtex-button { border-radius: 5px; background-color: #0e77da; border: 1px solid #0e77da; min-height: 60px } .vtex-search-result-3-x-sidebar .vtex-search-result-3-x-filterButtonsBox .vtex-search-result-3-x-filterApplyButtonWrapper .vtex-button .vtex-button__label { color: #fff } .vtex-search-result-3-x-buttonShowMore .vtex-button__label { font-size: 12px } .vtex-flex-layout-0-x-flexRow--search-fetch-previous .vtex-search-result-3-x-buttonShowMore .vtex-button { margin-bottom: 20px } .vtex-search-result-3-x-searchResultContainer { padding-top: 40px } @media (max-width: 1023px) { .vtex-search-result-3-x-searchResultContainer { padding:0 !important } } @media (min-width: 1024px) { .vtex-search-result-3-x-searchResultContainer--search-department { max-width:none !important } } .vtex-search-result-3-x-searchResultContainer--new_family_edge_content { padding: 0 !important; background: #fff } .vtex-search-result-3-x-searchResultContainer--new_family_edge_content .vtex-store-components-3-x-container { padding: 0 } .vtex-search-result-3-x-searchResultContainer--new_family_edge_content .vtex-search-result-3-x-filters--layout { border-radius: 0; padding-top: 48px; padding-left: 83px } .vtex-search-result-3-x-searchResultContainer--new_family_edge_content .vtex-search-result-3-x-container--layout--new_family_edge_content { background: #f8f8f8; margin-bottom: 20px !important } .vtex-search-result-3-x-searchResultContainer--new_family_edge_content .vtex-search-result-3-x-buttonShowMore { padding: 18px } .vtex-search-result-3-x-searchResultContainer--new_family_edge_content .vtex-slider-container { padding: 0 24px 0 0 } .vtex-search-result-3-x-searchResultContainer--new_family_edge_content .vtex-search-result-3-x-flexRow { background: #f8f8f8 } .vtex-search-result-3-x-searchResultContainer--new_family_edge_content .vtex-search-result-3-x-gallery--gallery-new-family-edge { background: #f8f8f8; padding: 16px 83px 16px 16px } @media (max-width: 1023px) { .vtex-search-result-3-x-searchResultContainer--new_family_edge_content .vtex-search-result-3-x-gallery--gallery-new-family-edge { padding:20px 0 0; margin: 0 } } .vtex-search-result-3-x-searchResultContainer--new_family_edge_content .vtex-search-result-3-x-buttonShowMore--layout { background: #f8f8f8 } .vtex-search-result-3-x-filter__container--brand { display: none } .vtex-search-result-3-x-filter__container--priceRange .vtex-search-result-3-x-filterTitle:first-child { font-size: 0 !important } .vtex-search-result-3-x-filter__container--priceRange .vtex-search-result-3-x-filterTitle:before { content: "Rango de Precios"; color: #001428; font-weight: 500; font-size: 16px } .vtex-search-result-3-x-galleryLayoutSwitcher { justify-content: flex-end; margin-bottom: 20px } .vtex-search-result-3-x-galleryLayoutSwitcher .vtex-search-result-3-x-galleryLayoutOptionButton { filter: invert(.9) } .vtex-search-result-3-x-galleryLayoutSwitcher .vtex-search-result-3-x-galleryLayoutOptionButton--selected { filter: invert(0) } .vtex-search-result-3-x-galleryLayoutSwitcher .vtex-search-result-3-x-galleryLayoutOptionButton .vtex-store-icons-0-x-gridIcon,.vtex-search-result-3-x-galleryLayoutSwitcher .vtex-search-result-3-x-galleryLayoutOptionButton .vtex-store-icons-0-x-singleGridIcon { width: 20px; height: 20px } .vtex-search-2-x-biggy-autocomplete { flex-direction: column !important; transform: translateY(-4px); box-shadow: none; border-radius: 0 0 4px 4px; padding: 20px 0 0 } .vtex-search-2-x-biggy-autocomplete-wrapper { width: auto } .vtex-search-2-x-biggy-autocomplete::-webkit-scrollbar { width: 7px } .vtex-search-2-x-biggy-autocomplete::-webkit-scrollbar-thumb { background: #ff5d4d; border-radius: 4px } .vtex-search-2-x-biggy-autocomplete::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #bfbfbf; border-radius: 4px } .vtex-search-2-x-biggy-autocomplete .vtex-product-price-1-x-sellingPrice,.vtex-search-2-x-biggy-autocomplete .vtex-product-summary-2-x-productNameContainer { text-align: left } .vtex-search-2-x-biggy-autocomplete .vtex-product-summary-2-x-productBrand { font-size: 14px !important; font-weight: 600 } .vtex-search-2-x-biggy-autocomplete .vtex-product-summary-2-x-nameContainer { margin-top: 0 !important; padding-bottom: 0 !important } .vtex-search-2-x-biggy-autocomplete .vtex-product-summary-2-x-container--shelf-autocomplete { max-width: unset !important } .vtex-search-2-x-biggy-autocomplete .vtex-product-summary-2-x-imageNormal { max-height: 90px !important; width: fit-content !important; padding: 10px 0 } .vtex-search-2-x-biggy-autocomplete .vtex-flex-layout-0-x-flexColChild { margin-bottom: 0; align-items: flex-start } .vtex-search-2-x-biggy-autocomplete .vtex-product-summary-2-x-nameContainer { justify-content: start } .vtex-search-2-x-biggy-autocomplete .vtex-product-summary-2-x-productNameContainer { width: 90% } .vtex-search-2-x-tileListSeeMore { height: auto; line-height: normal; padding: 10px 0; background: #f7f7f7; color: #001428; font-weight: 500 } .vtex-search-2-x-tileListList { flex-direction: column !important } .vtex-search-2-x-tileListList .vtex-search-2-x-tileListItem .vtex-store-components-3-x-discountInsideContainer { background-color: #c9e2f7; color: #216cb4; font-weight: 700; font-size: 12px; padding: 5px 10px; border-radius: .5rem; right: -215px; top: 11px } .vtex-search-2-x-tileListList .vtex-search-2-x-tileListItem .vtex-product-price-1-x-listPrice { color: #c1c1c1; font-size: 12px; margin-top: -10px } .vtex-search-result-3-x-buttonShowMore .vtex-button { padding: 0 2rem } .vtex-shelf-1-x-dotsContainer { width: 90% !important; border: none; margin: auto auto -25px !important } .vtex-shelf-1-x-dot { text-align: center; width: 30px !important; padding: 0; height: 4px !important; background-color: transparent; border-radius: 30px; border: 1px solid #fff; margin-right: 5px; font-size: 0 } .vtex-shelf-1-x-dot--isActive { background-color: #fff } .vtex-slider-layout-0-x-sliderLayoutContainer--carousel { max-width: 1366px; margin: 60px auto calc(5% + 20px) } @media screen and (max-width: 480px) { .vtex-slider-layout-0-x-sliderLayoutContainer--carousel { margin-top:calc(6.7% + 55px) } } .vtex-slider-layout-0-x-caretIcon--carousel { display: none } .vtex-slider-layout-0-x-sliderRightArrow--carousel:before { margin-right: 20px; background-image: url(https://mxmoto.vteximg.com.br/arquivos/c-rd-slick-arrow-right-white.png) } .vtex-slider-layout-0-x-sliderLeftArrow--carousel:before,.vtex-slider-layout-0-x-sliderRightArrow--carousel:before { padding: 0 !important; content: ""; display: block; width: 40px !important; height: 30px !important; background-repeat: no-repeat } .vtex-slider-layout-0-x-sliderLeftArrow--carousel:before { margin-left: 20px; background-image: url(https://mxmoto.vteximg.com.br/arquivos/c-rd-slick-arrow-left-white.png) } .vtex-slider-layout-0-x-paginationDotsContainer--carousel { width: 90% !important; border: none; margin: auto auto -25px !important } .vtex-slider-layout-0-x-paginationDotsContainer--carousel .vtex-slider-layout-0-x-paginationDot--carousel { text-align: center; width: 30px !important; padding: 0; height: 4px !important; background-color: #ebebeb; border-radius: 30px; border: 1px solid #fff; margin-right: 5px; font-size: 0 } .vtex-slider-layout-0-x-paginationDotsContainer--carousel .vtex-slider-layout-0-x-paginationDot--isActive { background-color: #001428 } @media (max-width: 1024px) { .vtex-slider-layout-0-x-sliderLayoutContainer--carousel { min-height:385px } } .vtex-slider-layout-0-x-sliderLayoutContainer--not-found { margin-bottom: 30px } .vtex-slider-layout-0-x-sliderLayoutContainer--blackfriday-lancamentos,.vtex-slider-layout-0-x-sliderLayoutContainer--seguros-how-do-passos { margin-bottom: 40px } .vtex-slider-layout-0-x-sliderLayoutContainer--blackfriday-lancamentos .vtex-slider-layout-0-x-sliderArrows { color: #fff } .vtex-slider-layout-0-x-sliderLayoutContainer--blackfriday-lancamentos .vtex-slider-layout-0-x-paginationDotsContainer { bottom: -20px } .vtex-slider-layout-0-x-sliderLayoutContainer--blackfriday-lancamentos .vtex-slider-layout-0-x-paginationDotsContainer .vtex-slider-layout-0-x-paginationDot { width: 30px !important; height: 4px !important; padding: 0; background-color: transparent; border-radius: 30px; border: 1px solid #fff } .vtex-slider-layout-0-x-sliderLayoutContainer--blackfriday-lancamentos .vtex-slider-layout-0-x-paginationDotsContainer .vtex-slider-layout-0-x-paginationDot--isActive { background-color: #fff } .vtex-slider-layout-0-x-sliderLayoutContainer--shelf { justify-content: center; max-width: 87.5rem; margin-right: auto; margin-left: auto } .vtex-slider-layout-0-x-slide--shelf { margin: 12px 12px 25px; padding: 0 25px; color: #001428; background: #fbf9f7; border-radius: 10px; max-width: 324px !important } @media screen and (max-width: 768px) { .vtex-slider-layout-0-x-slide--shelf { margin:12px 12px 0 } } .vtex-slider-layout-0-x-sliderLayoutContainer--defaultStyles { padding: 15px 0; margin: 25px 0 } .vtex-slider-layout-0-x-sliderLayoutContainer--defaultStyles .vtex-slider-layout-0-x-paginationDotsContainer { width: 90% !important; border: none; margin: auto auto -25px !important } .vtex-slider-layout-0-x-sliderLayoutContainer--defaultStyles .vtex-slider-layout-0-x-paginationDotsContainer .vtex-slider-layout-0-x-paginationDot { text-align: center; width: 80px !important; padding: 0; height: 2px !important; background-color: #ebebeb; border-radius: 30px; margin-right: 5px; font-size: 0 } .vtex-slider-layout-0-x-sliderLayoutContainer--defaultStyles .vtex-slider-layout-0-x-paginationDotsContainer .vtex-slider-layout-0-x-paginationDot--isActive { background-color: #001428 } .vtex-slider-layout-0-x-sliderLayoutContainer--defaultStyles .vtex-slider-layout-0-x-sliderArrows { color: #001428; width: 40px; height: 40px; background: rgba(0,0,0,.2) !important; border-radius: 50%; padding: 1px 5px; opacity: .8; top: 45% } .vtex-slider-layout-0-x-sliderLayoutContainer--defaultStyles .vtex-slider-layout-0-x-sliderArrows:hover { opacity: 1 } .vtex-slider-layout-0-x-sliderLayoutContainer--showcase { padding: 0 !important } @media (min-width: 1024px) { .vtex-slider-layout-0-x-sliderLayoutContainer--showcase { padding:0 30px !important } } .vtex-slider-layout-0-x-sliderLayoutContainer--showcase .vtex-slider-layout-0-x-slideChildrenContainer--showcase { margin: 5px 0 } .vtex-slider-layout-0-x-sliderLayoutContainer--showcase .vtex-slider-layout-0-x-sliderArrows { margin: 0 } .vtex-slider-layout-0-x-sliderLayoutContainer--showcase .vtex-slider-layout-0-x-sliderArrows .vtex-slider-layout-0-x-caretIcon { color: #fff; height: 20px; width: auto } .vtex-slider-layout-0-x-sliderLayoutContainer--showcase .vtex-slider-layout-0-x-sliderRightArrow { right: 0 } @media (min-width: 1024px) { .vtex-slider-layout-0-x-sliderLayoutContainer--showcase .vtex-slider-layout-0-x-sliderRightArrow { right:20px } } .vtex-slider-layout-0-x-sliderLayoutContainer--showcase .vtex-slider-layout-0-x-sliderLeftArrow { left: 0 } @media (min-width: 1024px) { .vtex-slider-layout-0-x-sliderLayoutContainer--showcase .vtex-slider-layout-0-x-sliderLeftArrow { left:20px } } @media (max-width: 1024px) { .vtex-slider-layout-0-x-slide--shelf { max-width:284px !important; height: auto; border-image: none } } @media (max-width: 575px) { .vtex-slider-layout-0-x-sliderLayoutContainer--shelf { padding:0 !important; margin-bottom: 20px } } .vtex-slider-layout-0-x-slide--shelf-ksp { margin-right: 15px } .vtex-slider-layout-0-x-slide--shelf-ksp,.vtex-slider-layout-0-x-sliderLayoutContainer--shelf-ksp { min-height: 405px } @media (min-width: 1025px) { .vtex-slider-layout-0-x-paginationDotsContainer--shelf-ksp { bottom:45px } .vtex-slider-layout-0-x-sliderLayoutContainer--shelf-ksp { margin-bottom: 0; padding-bottom: 0 } } @media (max-width: 639px) { .vtex-slider-layout-0-x-slide--shelf-ksp { min-height:369px !important; margin-right: 0 } } @media (max-width: 437px) { .vtex-slider-layout-0-x-sliderLayoutContainer--shelf-ksp { padding-left:10px !important; padding-right: 10px !important } } .vtex-slider-layout-0-x-sliderLayoutContainer--new-family-edge-shelf { justify-content: center; background: #f8f8f8; max-width: 1366px; margin: 0 auto } .vtex-slider-layout-0-x-sliderLayoutContainer--new-family-edge-shelf .vtex-slider-layout-0-x-sliderTrackContainer--new-family-edge-shelf { margin-left: 83px; padding-bottom: 49px } @media screen and (max-width: 640px) { .vtex-slider-layout-0-x-sliderLayoutContainer--new-family-edge-shelf .vtex-slider-layout-0-x-sliderTrackContainer--new-family-edge-shelf { margin-left:0 } } .vtex-slider-layout-0-x-sliderLayoutContainer--new-family-edge-shelf .vtex-slider-layout-0-x-sliderArrows--new-family-edge-shelf { color: #fff; width: 64px; height: 64px; background-color: #ababab !important } @media screen and (max-width: 640px) { .vtex-slider-layout-0-x-sliderLayoutContainer--new-family-edge-shelf .vtex-slider-layout-0-x-sliderArrows--new-family-edge-shelf { display:none } } .vtex-slider-layout-0-x-sliderLayoutContainer--new-family-edge-shelf .vtex-slider-layout-0-x-sliderArrows--new-family-edge-shelf .vtex-slider-layout-0-x-left-0 { left: 24px } .vtex-slider-layout-0-x-sliderLayoutContainer--new-family-edge-shelf .vtex-slider-layout-0-x-sliderArrows--new-family-edge-shelf .vtex-slider-layout-0-x-right-0 { right: 24px } .vtex-slider-layout-0-x-sliderLayoutContainer--new-family-edge-shelf .vtex-slider-layout-0-x-paginationDot--isActive { background-color: #001428 } .vtex-slider-layout-0-x-sliderLayoutContainer--carousel-banners-info { background: #fbf9f7 } .vtex-slider-layout-0-x-sliderLayoutContainer--carousel-banners-info .vtex-slider-layout-0-x-sliderTrackContainer { background: #fbf9f7; border-radius: 12px; max-width: 1440px; margin: 0 auto } .vtex-slider-layout-0-x-sliderLayoutContainer--carousel-banners-info .vtex-slider-layout-0-x-sliderTrackContainer .vtex-slider-layout-0-x-sliderTrack { align-items: stretch } @media (max-width: 1023px) { .vtex-slider-layout-0-x-sliderLayoutContainer--carousel-banners-info .vtex-slider-layout-0-x-sliderLeftArrow { display:none } } @media (max-width: 1023px) { .vtex-slider-layout-0-x-sliderLayoutContainer--carousel-banners-info .vtex-slider-layout-0-x-sliderRightArrow { background-color:#f5ebe7 !important; height: 100% } } @media (max-width: 1023px) { .vtex-slider-layout-0-x-sliderLayoutContainer--carousel-banners-info .vtex-slider-layout-0-x-sliderRightArrow .vtex-slider-layout-0-x-caretIcon { width:14px; height: 20px } } .vtex-stack-layout-0-x-stackContainer--shelf { min-height: 254px } .vtex-stack-layout-0-x-stackItem--pdp-imagens--first { background-color: #f5f5f5 } @media (min-width: 1025px) { .vtex-stack-layout-0-x-stackItem--novidades-form { width:45%; height: 100%; display: flex; justify-content: center; align-items: center } } .vtex-sticky-layout-0-x-wrapper--stuck { height: auto !important } .vtex-sticky-layout-0-x-wrapper--stuck .vtex-sticky-layout-0-x-container { box-shadow: 1px -3px 20px #13304e; background-color: #001428; padding: 5px 0 } .vtex-sticky-layout-0-x-wrapper--stuck .vtex-sticky-layout-0-x-container .vtex-flex-layout-0-x-flexRowContent--sku-buy-btn-mob { background-color: #001428; justify-content: center } .vtex-sticky-layout-0-x-wrapper--stuck .vtex-sticky-layout-0-x-container .vtex-flex-layout-0-x-flexRowContent--sku-buy-btn-mob .vtex-store-components-3-x-skuSelectorSubcontainer { margin: 0 5px } .vtex-sticky-layout-0-x-wrapper--stuck .vtex-sticky-layout-0-x-container .vtex-flex-layout-0-x-flexRowContent--sku-buy-btn-mob .vtex-store-components-3-x-skuSelectorSubcontainer .vtex-store-components-3-x-skuSelectorOptionsList { background-color: #fff } .vtex-sticky-layout-0-x-wrapper--stuck .vtex-sticky-layout-0-x-container .vtex-flex-layout-0-x-flexRowContent--sku-buy-btn-mob .vtex-store-components-3-x-skuSelectorSubcontainer .vtex-store-components-3-x-skuSelectorTextContainer { margin-bottom: 0 } .vtex-sticky-layout-0-x-wrapper--stuck .vtex-sticky-layout-0-x-container .vtex-flex-layout-0-x-flexRowContent--sku-buy-btn-mob .vtex-store-components-3-x-skuSelectorSubcontainer .vtex-store-components-3-x-skuSelectorTextContainer .vtex-store-components-3-x-skuSelectorName,.vtex-sticky-layout-0-x-wrapper--stuck .vtex-sticky-layout-0-x-container .vtex-flex-layout-0-x-flexRowContent--sku-buy-btn-mob .vtex-store-components-3-x-skuSelectorSubcontainer .vtex-store-components-3-x-skuSelectorTextContainer .vtex-store-components-3-x-skuSelectorName:before { color: #fff } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--negro-cosmico { background: #242a32 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--verde-aurora { background-color: #005f56 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--azul-satinado { background-color: #0075b3 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--naranja-amanecer { background-color: #e2583e } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--gris-oxford { background: #8a909b } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--verde,.vtex-store-components-3-x-skuSelectorItem--trending-shelf--verde-oliva { background: #c9d9b3 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--gris-acero { background-color: #6e7074 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--celeste-glaciar { background-color: #cee7ef } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--soothing-sea { background: #c1ddd9 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--azul-artico { background: #cee4ef } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--negro-meteorito { background: #3b3c40 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--verde-oceano { background: #496c77 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--azul-indigo { background-image: linear-gradient(to bottom right,#2b9cd8,#1c2427) !important } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--verde-menta { background: #d5e8ce } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--azul-niagara { background: #729ca4 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--blanco-brillante { background: #dfe1e9 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--black-beauty,.vtex-store-components-3-x-skuSelectorItem--trending-shelf--negro,.vtex-store-components-3-x-skuSelectorItem--trending-shelf--negro-eclipse,.vtex-store-components-3-x-skuSelectorItem--trending-shelf--negro-infinito { background: #000 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--blanco { background: #ededf9 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--negro-espacial { background: #242a32 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--viva-magenta { background: #b41e47 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--azul-caribe { background: #88cddb } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--gris { background: #485265 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--blanco-opalo { background: #efedef } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--negro-quarzo { background: #494e50 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--azul-nebula { background: #5a7193 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--gris-mate { background: #6f7079 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--morado-amatista { background: #765a86 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--azul-glacier,.vtex-store-components-3-x-skuSelectorItem--trending-shelf--caneel-bay { background: #5498ab } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--peach-fuzz { background: #ffbe98 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--black-onyx { background: #4c4c48 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--very-peri { background: #6667ab } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--verde-cosmico { background: linear-gradient(90deg,#5e81b6,#191e24 50%,#7095d4 96%) } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--blanco-starlight { background: #f2f0f1 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--negro-interstellar { background: #28292c } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--morado-lavanda { background: #7c84aa } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--italian-marble { background: linear-gradient(to bottom right,#dfdedb,#f5f3f1) !important } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--nordic-wood { background: #ccbeaf } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--verde-azulado { background: #174a5b } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--rosa-durazno { background: #d45144 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--celeste-ilusion { background: #7a97a4 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--azul-blueberry { background: #152136 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--lavanda { background-color: #cab4d3 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--azul-electrico { background-color: #3e4980 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--verde-lima { background-color: #a09c30 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--gris-carbon { background-color: #454a40 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--verde-nori { background-color: #647755 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--beige { background: #c4beb3 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--naranja { background: #d07158 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--gris-carbon { background: #666d72 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--azul-medianoche { background: #282d3c } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--rosa-fragola { background: #d74b85 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--verde-jaspe { background: #335959 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--latte-cafe { background: linear-gradient(135deg,#cbaa88,#fbdab8) } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--grisaille-gris { background: linear-gradient(135deg,#626677,#999aa2) } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--poinciana-naranja { background: linear-gradient(135deg,#c94235,#ff4806) } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--rosa { background: #a65382 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--azul { background: #3a414a } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--multicolor { background: linear-gradient(90deg,#3a414a 50%,#c9d9b3 0) } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--azul-aqua { background: #1b8da7 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--verde-soculenta { background: #b7c7c5 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--rojo { background: #993242 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--verde-profundo { background: #32575c } .vtex-store-components-3-x-container { padding: 0 15px; max-width: 1366px; margin: 0 auto } @media (max-width: 1023px) { .vtex-store-components-3-x-skuSelectorContainer--sku-pdp .vtex-store-components-3-x-skuSelectorSubcontainer--color .vtex-store-components-3-x-skuSelectorItem { width:100% !important } } .vtex-store-components-3-x-skuSelectorContainer--sku-pdp .vtex-store-components-3-x-skuSelectorSubcontainer .vtex-store-components-3-x-skuSelectorItem { background: rgba(0,10,19,.1); border: 1px solid rgba(0,10,19,.1); color: #001428; border-radius: .5rem; height: 36px !important; padding: 1.25em .75em !important; justify-content: space-between; font-weight: 700; font-size: .75em } .vtex-store-components-3-x-skuSelectorContainer--sku-pdp .vtex-store-components-3-x-skuSelectorSubcontainer .vtex-store-components-3-x-skuSelectorItem .vtex-store-components-3-x-skuSelectorInternalBox { width: 1.5rem; height: 1.5rem; border-radius: 50% } .vtex-store-components-3-x-skuSelectorContainer--sku-pdp .vtex-store-components-3-x-skuSelectorSubcontainer .vtex-store-components-3-x-skuSelectorItem--storage-size { border: none } .vtex-store-components-3-x-skuSelectorContainer--sku-pdp .vtex-store-components-3-x-skuSelectorSubcontainer .vtex-store-components-3-x-skuSelectorItem--storage-size .vtex-store-components-3-x-skuSelectorInternalBox:before { display: none } .vtex-store-components-3-x-skuSelectorContainer--sku-pdp .vtex-store-components-3-x-skuSelectorSubcontainer .vtex-store-components-3-x-skuSelectorItem--selected { border: 2px solid #ff554d; background-color: #fbf0ef; border-radius: .5rem } .vtex-store-components-3-x-skuSelectorContainer--sku-pdp .vtex-store-components-3-x-skuSelectorSubcontainer .vtex-store-components-3-x-skuSelectorItem--selected .vtex-store-components-3-x-skuSelectorInternalBox { border: none } .vtex-store-components-3-x-skuSelectorContainer--sku-pdp .vtex-store-components-3-x-skuSelectorSubcontainer .vtex-store-components-3-x-skuSelectorItem .vtex-store-components-3-x-skuSelectorItemImageValue { display: none } .vtex-product-summary-2-x-skuSelectorContainer--showcase { justify-content: center !important; border: none; padding: 0; margin-bottom: 30px !important } @media (min-width: 1024px) { .vtex-product-summary-2-x-skuSelectorContainer--showcase { padding:0 !important } } .vtex-product-summary-2-x-skuSelectorContainer--showcase .vtex-store-components-3-x-skuSelectorSubcontainer { margin-bottom: 0 !important; margin-top: 0 !important; margin-right: 0 !important; max-height: 30px !important } .vtex-product-summary-2-x-skuSelectorContainer--showcase .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size { display: none !important } .vtex-product-summary-2-x-skuSelectorContainer--showcase .vtex-store-components-3-x-skuSelectorSubcontainer--color .vtex-store-components-3-x-skuSelectorNameContainer .vtex-store-components-3-x-skuSelectorTextContainer { margin: 0 } .vtex-product-summary-2-x-skuSelectorContainer--showcase .vtex-store-components-3-x-skuSelectorSubcontainer--color .vtex-store-components-3-x-skuSelectorNameContainer .vtex-store-components-3-x-skuSelectorTextContainer .vtex-store-components-3-x-skuSelectorName,.vtex-product-summary-2-x-skuSelectorContainer--showcase .vtex-store-components-3-x-skuSelectorSubcontainer--color .vtex-store-components-3-x-skuSelectorNameContainer .vtex-store-components-3-x-skuSelectorTextContainer .vtex-store-components-3-x-skuSelectorNameSeparator { display: none } .vtex-product-summary-2-x-skuSelectorContainer--showcase .vtex-store-components-3-x-skuSelectorSubcontainer--color .vtex-store-components-3-x-skuSelectorNameContainer .vtex-store-components-3-x-skuSelectorTextContainer .vtex-store-components-3-x-skuSelectorSelectorImageValue { font-size: 12px; font-weight: 500 } .vtex-product-summary-2-x-skuSelectorContainer--showcase .vtex-store-components-3-x-skuSelectorItemImage { border-radius: 100% !important } .vtex-product-summary-2-x-skuSelectorContainer--showcase .vtex-store-components-3-x-frameAround { border: none; display: none !important } .vtex-product-summary-2-x-skuSelectorContainer--showcase .vtex-store-components-3-x-skuSelectorItemImageValue { display: none !important } .vtex-product-summary-2-x-skuSelectorContainer--showcase .vtex-store-components-3-x-skuSelectorItem { width: 24px !important; height: 24px !important; border-radius: 4px !important; display: flex; align-items: center; justify-content: center } .vtex-product-summary-2-x-skuSelectorContainer--showcase .vtex-store-components-3-x-skuSelectorItem .vtex-store-components-3-x-skuSelectorInternalBox { width: 18px !important; height: 18px !important; border-radius: 4px !important; border: none !important } .vtex-product-summary-2-x-skuSelectorContainer--showcase .vtex-store-components-3-x-skuSelectorItem--selected { border: 1px solid #001428 !important } .vtex-product-summary-2-x-skuSelectorContainer--showcase .vtex-store-components-3-x-skuSelectorOptionsList { justify-content: center !important; border-radius: 0 !important; height: auto !important; margin: 0 !important; min-width: 0 !important; padding: 0 !important } .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesGallerySwiperContainer { margin-bottom: 20px } @media (max-width: 1023px) { .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesGallerySwiperContainer { height:410px } } .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesGallerySwiperContainer .vtex-store-components-3-x-productImagesGallerySlide { margin: 0 } .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesGallerySwiperContainer .vtex-store-components-3-x-productImagesGallerySlide .vtex-store-components-3-x-productImageTag--main { max-height: 515px } .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesGallerySwiperContainer .vtex-store-components-3-x-swiper-pagination { bottom: 0 } @media (min-width: 1024px) { .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesGallerySwiperContainer .vtex-store-components-3-x-swiper-pagination { display:none } } .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesGallerySwiperContainer .vtex-store-components-3-x-swiper-pagination .vtex-store-components-3-x-swiperBullet { height: 1px; width: 45px; border: 1px solid #c9c5c5; -webkit-border-radius: 12px; border-radius: 12px } @media (max-width: 1023px) { .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesGallerySwiperContainer .vtex-store-components-3-x-swiper-pagination .vtex-store-components-3-x-swiperBullet { width:20px } } .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesGallerySwiperContainer .vtex-store-components-3-x-swiper-pagination .vtex-store-components-3-x-swiperBullet--active { background-color: #000 } .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesGallerySwiperContainer .vtex-store-components-3-x-swiperCaretNext { right: -15px } @media (min-width: 1024px) { .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesGallerySwiperContainer .vtex-store-components-3-x-swiperCaretNext { right:10px } } .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesGallerySwiperContainer .vtex-store-components-3-x-swiperCaretNext .vtex-store-components-3-x-caretIcon { visibility: hidden } @media screen and (min-width: 481px) { .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesGallerySwiperContainer .vtex-store-components-3-x-swiperCaretNext:before { content:url(/arquivos/c-rd-slick-arrow-right.png) } } .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesGallerySwiperContainer .vtex-store-components-3-x-swiperCaretPrev { left: 10px } .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesGallerySwiperContainer .vtex-store-components-3-x-swiperCaretPrev .vtex-store-components-3-x-caretIcon { visibility: hidden } @media screen and (min-width: 481px) { .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesGallerySwiperContainer .vtex-store-components-3-x-swiperCaretPrev:before { content:url(/arquivos/c-rd-slick-arrow-left.png) } } .vtex-store-components-3-x-productImagesContainer--pdp-imagens .vtex-store-components-3-x-carouselGaleryCursor { padding-left: 0 } .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-carouselGaleryThumbs--pdp-imagens { padding: 5px 10px } .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-carouselGaleryThumbs--pdp-imagens .vtex-store-components-3-x-productImagesThumb--pdp-imagens { width: auto !important } .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesThumbActive--pdp-imagens { border: .5px solid #041426; border-radius: 10px; padding: 5px } .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesThumbCaret--pdp-imagens { color: #041426 } .vtex-store-components-3-x-productNameContainer { display: flex; align-items: center } .vtex-store-components-3-x-productNameContainer .vtex-store-components-3-x-productBrand,.vtex-store-components-3-x-productNameContainer .vtex-store-components-3-x-productBrand:first-child { font-size: 14px; line-height: 24px; font-weight: 500 } .vtex-store-components-3-x-productNameContainer .vtex-store-components-3-x-productBrand:first-child:after { content: "-"; font-size: 14px; line-height: 24px; font-weight: 500; margin-right: 5px } .vtex-store-components-3-x-skuSelectorContainer { display: flex; justify-content: space-between; flex-direction: column-reverse; margin-bottom: 20px } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorTextContainer { margin-bottom: 20px } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorTextContainer .vtex-store-components-3-x-skuSelectorName,.vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorTextContainer .vtex-store-components-3-x-skuSelectorNameSeparator { color: #001428; font-size: 14px; font-weight: 500 } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorTextContainer .vtex-store-components-3-x-skuSelectorSelectorImageValue { color: #001428; font-size: 14px; font-weight: 700 } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer { margin: 0; width: 100% } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer .vtex-store-components-3-x-diagonalCross { display: none } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer .vtex-store-components-3-x-skuSelectorItem .vtex-store-components-3-x-skuSelectorInternalBox { width: 30px; height: 30px; border-radius: 50% } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer .vtex-store-components-3-x-skuSelectorItem--selected .vtex-store-components-3-x-skuSelectorInternalBox { border: 3px solid #ff6a00 } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer .vtex-store-components-3-x-skuSelectorItem .vtex-store-components-3-x-frameAround { border: none } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size .vtex-store-components-3-x-skuSelectorName { font-size: 0; display: flex } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size .vtex-store-components-3-x-skuSelectorName:before { color: #001428; font-size: 14px; font-weight: 500; margin-right: 7px; margin-bottom: 3px } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size .vtex-store-components-3-x-skuSelectorName:after { content: "Capacidad: "; color: #001428; font-size: 14px; font-weight: 500; margin-right: .25em } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size .vtex-store-components-3-x-skuSelectorNameSeparator { display: none } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size .vtex-store-components-3-x-skuSelectorItem { min-width: 80px } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size .vtex-store-components-3-x-skuSelectorItem .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #fff; border: none; width: 0; height: 0 } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size .vtex-store-components-3-x-skuSelectorItem .vtex-store-components-3-x-skuSelectorInternalBox .vtex-store-components-3-x-skuSelectorItemTextValue { padding: 0; position: absolute; left: 10px; color: #001428; font-size: 12px; line-height: 24px; font-weight: 700 } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size .vtex-store-components-3-x-skuSelectorItem--selected .vtex-store-components-3-x-skuSelectorInternalBox { border: 3px solid #ff6a00; background-color: #fbbf94 } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--color .vtex-store-components-3-x-skuSelectorNameSeparator,.vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--cor .vtex-store-components-3-x-skuSelectorNameSeparator { display: none } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--color .vtex-store-components-3-x-skuSelectorName,.vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--cor .vtex-store-components-3-x-skuSelectorName { font-size: 0; display: flex } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--color .vtex-store-components-3-x-skuSelectorName:before,.vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--cor .vtex-store-components-3-x-skuSelectorName:before { color: #001428; font-size: 14px; font-weight: 500; margin-right: 7px; margin-bottom: 3px } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--color .vtex-store-components-3-x-skuSelectorName:after,.vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--cor .vtex-store-components-3-x-skuSelectorName:after { content: "Color: "; color: #001428; font-size: 14px; font-weight: 500; margin-right: .25em } .vtex-store-components-3-x-skuSelectorContainer--motog100 .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size { display: none } .vtex-flex-layout-0-x-flexRow--pdp-motog100-skus { margin: 5px 0 15px; border-top: 1px solid #ddc8b7; border-bottom: 1px solid #ddc8b7; padding: 25px 40px 25px 0 } .vtex-flex-layout-0-x-flexRow--pdp-motog100-skus .vtex-store-components-3-x-skuSelectorContainer { margin: 0; border: none; min-width: auto !important; padding: 0 } .vtex-flex-layout-0-x-flexRow--pdp-motog100-skus .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size { display: none } .vtex-store-components-3-x-imageElement--banner-novidades { width: 100% } .vtex-store-components-3-x-imageElement--pdp-formas-pagamento-ame,.vtex-store-components-3-x-imageElement--pdp-formas-pagamento-paymee { margin: 20px 0 0 } .vtex-store-components-3-x-imageElement--pdp-modal-ame-passo { max-height: 197px } .vtex-store-components-3-x-imageElement--footer-menus { filter: invert(1) } @media (min-width: 1025px) { .vtex-store-components-3-x-skuSelectorContainer { padding:1em 0 } .vtex-store-components-3-x-imageElement--pdp-modal-ame-descricao { margin-right: 50px } } @media (min-width: 1024px) { .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size .vtex-store-components-3-x-skuSelectorNameContainer .vtex-store-components-3-x-skuSelectorOptionsList { flex-direction:row; align-items: flex-start } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size .vtex-store-components-3-x-skuSelectorNameContainer .vtex-store-components-3-x-skuSelectorOptionsList .vtex-store-components-3-x-skuSelectorItem { width: 48% !important } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size .vtex-store-components-3-x-skuSelectorNameContainer .vtex-store-components-3-x-skuSelectorOptionsList .vtex-store-components-3-x-skuSelectorItem .vtex-store-components-3-x-skuSelectorItemTextValue { left: 10px } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size .vtex-store-components-3-x-skuSelectorNameContainer .vtex-store-components-3-x-skuSelectorOptionsList .vtex-store-components-3-x-skuSelectorItem--selected .vtex-store-components-3-x-skuSelectorInternalBox { border: none; background: none; justify-content: center } } @media (max-width: 1024px) { .vtex-store-components-3-x-imageElement--pdp-modal-ame-descricao { width:100% } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorOptionsList { margin: 0 !important; height: 48px; -webkit-border-radius: 4px; border-radius: 4px; padding: 0 5px } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorOptionsList .vtex-store-components-3-x-sliderLayoutContainer { padding: 0 !important } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorOptionsList .vtex-store-components-3-x-sliderLayoutContainer .vtex-store-components-3-x-sliderLeftArrow { display: none } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorOptionsList .vtex-store-components-3-x-sliderLayoutContainer .vtex-store-components-3-x-sliderRightArrow { right: -10px } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--color,.vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--cor { min-width: 80px; max-width: 100%; height: auto; flex-direction: column !important } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--color .vtex-store-components-3-x-skuSelectorOptionsList,.vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--cor .vtex-store-components-3-x-skuSelectorOptionsList { width: 100%; min-width: 85px; flex-wrap: nowrap; display: flex; padding: 0; height: auto; margin-bottom: .25em } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--color .vtex-store-components-3-x-sliderLayoutContainer,.vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--cor .vtex-store-components-3-x-sliderLayoutContainer { max-width: 60px } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--color .vtex-store-components-3-x-sliderLayoutContainer .vtex-store-components-3-x-sliderTrackContainer,.vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--cor .vtex-store-components-3-x-sliderLayoutContainer .vtex-store-components-3-x-sliderTrackContainer { max-width: 50px } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size { min-width: 110px; max-width: 110px } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size .vtex-store-components-3-x-slideChildrenContainer { justify-content: flex-start } .vtex-store-components-3-x-productNameContainer { flex-wrap: wrap } .vtex-store-components-3-x-swiperCaretNext { right: 0 } .vtex-store-components-3-x-swiperCaretPrev { left: 0 } } @media (max-width: 1024px) { .vtex-store-components-3-x-imageElement--pdp-modal-ame-descricao { width:100% } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorOptionsList { margin: 0 !important; height: 48px } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorOptionsList .vtex-store-components-3-x-sliderLayoutContainer { padding: 0 !important } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorOptionsList .vtex-store-components-3-x-sliderLayoutContainer .vtex-store-components-3-x-sliderLeftArrow { display: none } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorOptionsList .vtex-store-components-3-x-sliderLayoutContainer .vtex-store-components-3-x-sliderRightArrow { right: -10px } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--color,.vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--cor { min-width: 80px; max-width: 100%; height: auto; flex-direction: column !important } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--color .vtex-store-components-3-x-skuSelectorOptionsList,.vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--cor .vtex-store-components-3-x-skuSelectorOptionsList { width: 100%; min-width: 85px; flex-wrap: wrap; display: flex; padding: 0; height: auto; margin-bottom: .25em } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--color .vtex-store-components-3-x-sliderLayoutContainer,.vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--cor .vtex-store-components-3-x-sliderLayoutContainer { max-width: 60px } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--color .vtex-store-components-3-x-sliderLayoutContainer .vtex-store-components-3-x-sliderTrackContainer,.vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--cor .vtex-store-components-3-x-sliderLayoutContainer .vtex-store-components-3-x-sliderTrackContainer { max-width: 50px } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size { min-width: 110px; max-width: 100%; height: auto; flex-direction: column !important } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size .vtex-store-components-3-x-skuSelectorOptionsList { width: 100%; min-width: 85px; flex-wrap: nowrap; display: block; padding: 0; height: auto; margin-bottom: .25em } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size .vtex-store-components-3-x-skuSelectorOptionsList .vtex-store-components-3-x-skuSelectorItem { width: 99% !important } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size .vtex-store-components-3-x-skuSelectorOptionsList .vtex-store-components-3-x-skuSelectorItem .vtex-store-components-3-x-skuSelectorInternalBox { border: none } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size .vtex-store-components-3-x-slideChildrenContainer { justify-content: flex-start } .vtex-store-components-3-x-productNameContainer { flex-wrap: wrap } .vtex-store-components-3-x-swiperCaretNext { right: 0 } .vtex-store-components-3-x-swiperCaretPrev { left: 0 } } .vtex-store-components-3-x-skuSelectorItem .vtex-store-components-3-x-skuSelectorItemImageValue { display: none } .vtex-store-components-3-x-skuSelectorItem--negro .vtex-store-components-3-x-skuSelectorInternalBox { background: #000 } .vtex-store-components-3-x-skuSelectorItem--blanco .vtex-store-components-3-x-skuSelectorInternalBox { background: #ededf9 } .vtex-store-components-3-x-skuSelectorItem--azul .vtex-store-components-3-x-skuSelectorInternalBox { background: #3a414a } .vtex-store-components-3-x-skuSelectorItem--gris .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #485265 } .vtex-store-components-3-x-motorola-edge-30-pro .vtex-store-components-3-x-skuSelectorItem--verde-cosmico .vtex-store-components-3-x-skuSelectorInternalBox { background: linear-gradient(90deg,#5e81b6,#191e24 50%,#7095d4 96%) } .vtex-store-components-3-x-moto-g56-5G .vtex-store-components-3-x-skuSelectorItem--gris .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #98adae !important } .vtex-store-components-3-x-moto-g56-5G .vtex-store-components-3-x-skuSelectorItem--verde .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #5d7050 !important } .vtex-store-components-3-x-moto-g56-5G .vtex-store-components-3-x-skuSelectorItem--azul-cobalto .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #3e55ab } .vtex-store-components-3-x-moto-g55-5G .vtex-store-components-3-x-skuSelectorItem--verde .vtex-store-components-3-x-skuSelectorInternalBox { background: #c9d9b3 } .vtex-store-components-3-x-moto-g55-5G .vtex-store-components-3-x-skuSelectorItem--negro .vtex-store-components-3-x-skuSelectorInternalBox { background: #000 } .vtex-store-components-3-x-moto-g55-5G .vtex-store-components-3-x-skuSelectorItem--rosa .vtex-store-components-3-x-skuSelectorInternalBox { background: #a65382 } .vtex-store-components-3-x-moto-g35-5G .vtex-store-components-3-x-skuSelectorItem--naranja .vtex-store-components-3-x-skuSelectorInternalBox { background: #df656b } .vtex-store-components-3-x-moto-g35-5G .vtex-store-components-3-x-skuSelectorItem--negro .vtex-store-components-3-x-skuSelectorInternalBox { background: #2d324b } .vtex-store-components-3-x-moto-g35-5G .vtex-store-components-3-x-skuSelectorItem--verde .vtex-store-components-3-x-skuSelectorInternalBox { background: #548b6d } .vtex-store-components-3-x-moto-g86-power-5G .vtex-store-components-3-x-skuSelectorItem--azul .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #3f4450 !important } .vtex-store-components-3-x-moto-g86-power-5G .vtex-store-components-3-x-skuSelectorItem--verde .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #82853a !important } .vtex-store-components-3-x-moto-g86-power-5G .vtex-store-components-3-x-skuSelectorItem--lila .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #a5a8c4 !important } .vtex-store-components-3-x-moto-g86-power-5G .vtex-store-components-3-x-skuSelectorItem--cereza .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #bb525b !important } .vtex-store-components-3-x-motorola-razr-50 .vtex-store-components-3-x-skuSelectorItem--beige .vtex-store-components-3-x-skuSelectorInternalBox { background: #c4beb3 } .vtex-store-components-3-x-motorola-razr-50 .vtex-store-components-3-x-skuSelectorItem--naranja .vtex-store-components-3-x-skuSelectorInternalBox { background: #d07158 } .vtex-store-components-3-x-motorola-razr-50-ultra .vtex-store-components-3-x-skuSelectorItem--azul-medianoche .vtex-store-components-3-x-skuSelectorInternalBox { background: #282d3c } .vtex-store-components-3-x-motorola-razr-60 .vtex-store-components-3-x-skuSelectorItem--verde-spring .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #70d4a5 } .vtex-store-components-3-x-motorola-razr-60 .vtex-store-components-3-x-skuSelectorItem--azul-mar .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #30475e } .vtex-store-components-3-x-motorola-razr-60-ultra .vtex-store-components-3-x-skuSelectorItem--cafe .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #8d7c70 } .vtex-store-components-3-x-motorola-razr-60-ultra .vtex-store-components-3-x-skuSelectorItem--rojo .vtex-store-components-3-x-skuSelectorInternalBox { background: #993242 } .vtex-store-components-3-x-motorola-razr-60-ultra .vtex-store-components-3-x-skuSelectorItem--verde-alcantara .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #3b4443 } .vtex-store-components-3-x-moto-buds-loop-by-Swarovski .vtex-store-components-3-x-skuSelectorItem--verde .vtex-store-components-3-x-skuSelectorInternalBox,.vtex-store-components-3-x-moto-buds-loop-sound-by-bose .vtex-store-components-3-x-skuSelectorItem--verde .vtex-store-components-3-x-skuSelectorInternalBox,.vtex-store-components-3-x-moto-buds .vtex-store-components-3-x-skuSelectorItem--verde .vtex-store-components-3-x-skuSelectorInternalBox,.vtex-store-components-3-x-motorola-razr-60-by-Swarovski .vtex-store-components-3-x-skuSelectorItem--verde .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #465b57 !important } .vtex-store-components-3-x-moto-buds-loop-by-Swarovski .vtex-store-components-3-x-skuSelectorItem--dorado .vtex-store-components-3-x-skuSelectorInternalBox,.vtex-store-components-3-x-moto-buds-loop-sound-by-bose .vtex-store-components-3-x-skuSelectorItem--dorado .vtex-store-components-3-x-skuSelectorInternalBox,.vtex-store-components-3-x-moto-buds .vtex-store-components-3-x-skuSelectorItem--dorado .vtex-store-components-3-x-skuSelectorInternalBox,.vtex-store-components-3-x-motorola-razr-60-by-Swarovski .vtex-store-components-3-x-skuSelectorItem--dorado .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #ccc1b3 !important } .vtex-store-components-3-x-moto-buds-loop-by-Swarovski .vtex-store-components-3-x-skuSelectorItem--celeste .vtex-store-components-3-x-skuSelectorInternalBox,.vtex-store-components-3-x-moto-buds-loop-sound-by-bose .vtex-store-components-3-x-skuSelectorItem--celeste .vtex-store-components-3-x-skuSelectorInternalBox,.vtex-store-components-3-x-moto-buds .vtex-store-components-3-x-skuSelectorItem--celeste .vtex-store-components-3-x-skuSelectorInternalBox,.vtex-store-components-3-x-motorola-razr-60-by-Swarovski .vtex-store-components-3-x-skuSelectorItem--celeste .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #d3e4f1 !important } .vtex-store-components-3-x-moto-buds-loop-by-Swarovski .vtex-store-components-3-x-skuSelectorItem--celeste-ilusion .vtex-store-components-3-x-skuSelectorInternalBox,.vtex-store-components-3-x-moto-buds-loop-sound-by-bose .vtex-store-components-3-x-skuSelectorItem--celeste-ilusion .vtex-store-components-3-x-skuSelectorInternalBox,.vtex-store-components-3-x-moto-buds .vtex-store-components-3-x-skuSelectorItem--celeste-ilusion .vtex-store-components-3-x-skuSelectorInternalBox,.vtex-store-components-3-x-motorola-razr-60-by-Swarovski .vtex-store-components-3-x-skuSelectorItem--celeste-ilusion .vtex-store-components-3-x-skuSelectorInternalBox { background: #7a97a4 } .vtex-store-components-3-x-moto-g06 .vtex-store-components-3-x-skuSelectorItem--azul .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #4a6a78 !important } .vtex-store-components-3-x-moto-g06 .vtex-store-components-3-x-skuSelectorItem--verde .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #8ba475 !important } .vtex-store-components-3-x-moto-g06 .vtex-store-components-3-x-skuSelectorItem--naranja .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #d07158 !important } .vtex-store-components-3-x-moto-g06 .vtex-store-components-3-x-skuSelectorItem--cafe .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #8c8b7b !important } .vtex-store-components-3-x-moto-g05 .vtex-store-components-3-x-skuSelectorItem--verde-profundo .vtex-store-components-3-x-skuSelectorInternalBox { background: #32575c !important } .vtex-store-components-3-x-moto-g05 .vtex-store-components-3-x-skuSelectorItem--rojo .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #a24852 !important } .vtex-store-components-3-x-motorola-edge-60-pro .vtex-store-components-3-x-skuSelectorItem--gris .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #899087 !important } .vtex-store-components-3-x-motorola-edge-60-pro .vtex-store-components-3-x-skuSelectorItem--cobalto .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #3e55ab !important } .vtex-store-components-3-x-motorola-edge-60-pro .vtex-store-components-3-x-skuSelectorItem--uva .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #814a7e !important } .vtex-store-components-3-x-motorola-edge-60-pro .vtex-store-components-3-x-skuSelectorItem--cafe .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #776a5f !important } .vtex-store-components-3-x-motorola-edge-60-neo .vtex-store-components-3-x-skuSelectorItem--azul .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #626677 !important } .vtex-store-components-3-x-motorola-edge-60-neo .vtex-store-components-3-x-skuSelectorItem--naranja .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #c94235 !important } .vtex-store-components-3-x-motorola-edge-60-neo .vtex-store-components-3-x-skuSelectorItem--verde .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #8ec7c0 !important } .vtex-store-components-3-x-motorola-edge-60-neo .vtex-store-components-3-x-skuSelectorItem--beige .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #cbaa88 !important } .vtex-store-components-3-x-motorola-edge-60 .vtex-store-components-3-x-skuSelectorItem--azul .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #30475e !important } .vtex-store-components-3-x-motorola-edge-60 .vtex-store-components-3-x-skuSelectorItem--verde-shamrock .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #77a670 !important } .vtex-store-components-3-x-motorola-edge-60-fusion .vtex-store-components-3-x-skuSelectorItem--azul .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #5b687c !important } .vtex-store-components-3-x-motorola-edge-60-fusion .vtex-store-components-3-x-skuSelectorItem--rosa .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #caa2aa !important } .vtex-store-components-3-x-motorola-edge-60-fusion .vtex-store-components-3-x-skuSelectorItem--mocha-mousse .vtex-store-components-3-x-skuSelectorInternalBox { background: linear-gradient(135deg,#906d5a,#a47b67) } .vtex-store-components-3-x-motorola-edge-60-fusion .vtex-store-components-3-x-skuSelectorItem--verde-turquesa .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #78bbbe !important } .vtex-store-components-3-x-moto-buds-bass .vtex-store-components-3-x-skuSelectorItem--negro .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #4a4b4d !important } .vtex-store-components-3-x-moto-buds-bass .vtex-store-components-3-x-skuSelectorItem--azul .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #0079a7 !important } .vtex-store-components-3-x-moto-buds-bass .vtex-store-components-3-x-skuSelectorItem--verde .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #325b51 !important } .vtex-store-components-3-x-motorola-edge-70 .vtex-store-components-3-x-skuSelectorItem--gris .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #454a4c !important } .vtex-store-components-3-x-motorola-edge-70 .vtex-store-components-3-x-skuSelectorItem--verde .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #58624e !important } .vtex-store-components-3-x-motorola-edge-70 .vtex-store-components-3-x-skuSelectorItem--olivo .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #7e8f84 !important } .vtex-store-components-3-x-moto-tag-2 .vtex-store-components-3-x-skuSelectorItem--naranja .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #d07158 !important } .vtex-store-components-3-x-moto-tag-2 .vtex-store-components-3-x-skuSelectorItem--beige .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #8c8b7b !important } .vtex-store-components-3-x-moto-watch .vtex-store-components-3-x-skuSelectorItem--negro .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #000 !important } .vtex-store-components-3-x-moto-watch .vtex-store-components-3-x-skuSelectorItem--plata .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #899087 !important } .vtex-store-components-3-x-motorola-edge-70-by-Swarovski .vtex-store-components-3-x-skuSelectorItem--cloud-dancer .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #f0eee9 !important } .vtex-store-components-3-x-moto-g17 .vtex-store-components-3-x-skuSelectorItem--arandano .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #3a3a4a !important } .vtex-store-components-3-x-moto-g17 .vtex-store-components-3-x-skuSelectorItem--rosa .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #a37690 !important } .vtex-store-components-3-x-moto-g17 .vtex-store-components-3-x-skuSelectorItem--celeste .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #72a5cb !important } .vtex-store-components-3-x-motorola-signature .vtex-store-components-3-x-skuSelectorItem--negro .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #000 !important } .vtex-store-components-3-x-motorola-signature .vtex-store-components-3-x-skuSelectorItem--olivo .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #766f57 !important } .vtex-store-components-3-x-motorola-edge-70-fusion-plus .vtex-store-components-3-x-skuSelectorItem--morado .vtex-store-components-3-x-skuSelectorInternalBox { background: linear-gradient(135deg,#2e2c48,#555282) } .vtex-store-components-3-x-motorola-edge-70-fusion-plus .vtex-store-components-3-x-skuSelectorItem--jade .vtex-store-components-3-x-skuSelectorInternalBox { background: linear-gradient(135deg,#4b6460,#8fa9a5) } .vtex-store-components-3-x-motorola-edge-70-fusion-plus .vtex-store-components-3-x-skuSelectorItem--azul .vtex-store-components-3-x-skuSelectorInternalBox { background: linear-gradient(135deg,#1f2127,#3a3f4a) } .vtex-store-components-3-x-motorola-edge-70-fusion-plus .vtex-store-components-3-x-skuSelectorItem--verde .vtex-store-components-3-x-skuSelectorInternalBox { background: linear-gradient(135deg,#013d36,#007c6d) } .vtex-store-components-3-x-motorola-edge-70-fusion .vtex-store-components-3-x-skuSelectorItem--azul .vtex-store-components-3-x-skuSelectorInternalBox { background: linear-gradient(135deg,#1f2127,#3a3f4a) } .vtex-store-components-3-x-motorola-edge-70-fusion .vtex-store-components-3-x-skuSelectorItem--verde .vtex-store-components-3-x-skuSelectorInternalBox { background: linear-gradient(135deg,#013d36,#007c6d) } .vtex-store-components-3-x-motorola-edge-70-fusion .vtex-store-components-3-x-skuSelectorItem--celeste .vtex-store-components-3-x-skuSelectorInternalBox { background: linear-gradient(135deg,#4b6460,#8fa9a5) } .vtex-store-components-3-x-motorola-edge-70-fusion .vtex-store-components-3-x-skuSelectorItem--morado .vtex-store-components-3-x-skuSelectorInternalBox { background: linear-gradient(135deg,#2e2c48,#555282) } .vtex-store-components-3-x-moto-g67-5G .vtex-store-components-3-x-skuSelectorItem--gris .vtex-store-components-3-x-skuSelectorInternalBox { background: linear-gradient(135deg,#494a55,#6b6c78) } .vtex-store-components-3-x-moto-g67-5G .vtex-store-components-3-x-skuSelectorItem--lima .vtex-store-components-3-x-skuSelectorInternalBox { background: linear-gradient(135deg,#5c5e52,#b2ba88) } .vtex-store-components-3-x-moto-g15 .vtex-store-components-3-x-skuSelectorItem--naranja .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #cf9c55 } .vtex-store-components-3-x-moto-g15 .vtex-store-components-3-x-skuSelectorItem--verde .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #74764d } .vtex-store-components-3-x-moto-g15 .vtex-store-components-3-x-skuSelectorItem--gris .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #69696a } .vtex-store-components-3-x-moto-g15-512GB .vtex-store-components-3-x-skuSelectorItem--azul .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #424975 } .vtex-store-components-3-x-moto-g15-512GB .vtex-store-components-3-x-skuSelectorItem--celeste .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #bdd0d2 } .vtex-store-components-3-x-moto-watch-Powered-by-Polar .vtex-store-components-3-x-skuSelectorItem--plata .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #e8e8e8 } .vtex-store-components-3-x-moto-watch-fit .vtex-store-components-3-x-skuSelectorItem--verde-trekking .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #465b57 } .vtex-store-components-3-x-moto-sound-flow .vtex-store-components-3-x-skuSelectorItem--negro .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #313131 } .vtex-store-components-3-x-moto-sound-flow .vtex-store-components-3-x-skuSelectorItem--beige .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #af9483 } .vtex-store-components-3-x-motorola-razr-fold .vtex-store-components-3-x-skuSelectorItem--negro .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #0d171a } .vtex-store-components-3-x-motorola-razr-fold .vtex-store-components-3-x-skuSelectorItem--blanco .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #e2e2da } .vtex-store-components-3-x-motorola-razr-fold-FIFA-World-Cup-262122-Collection .vtex-store-components-3-x-skuSelectorItem--negro .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #0d171a } .vtex-store-components-3-x-motorola-razr-70 .vtex-store-components-3-x-skuSelectorItem--blanco .vtex-store-components-3-x-skuSelectorInternalBox { background: linear-gradient(135deg,#fff,#eff1f0 50%,#b9b9b9) } .vtex-store-components-3-x-motorola-razr-70 .vtex-store-components-3-x-skuSelectorItem--gris .vtex-store-components-3-x-skuSelectorInternalBox { background: linear-gradient(135deg,#b7b6b6,#787471 50%,#424242) } .vtex-store-components-3-x-motorola-razr-70 .vtex-store-components-3-x-skuSelectorItem--rosa .vtex-store-components-3-x-skuSelectorInternalBox { background: linear-gradient(135deg,#fcf1f2,#c1afb2 50%,#82575e) } .vtex-store-components-3-x-motorola-razr-70 .vtex-store-components-3-x-skuSelectorItem--verde .vtex-store-components-3-x-skuSelectorInternalBox { background: linear-gradient(135deg,#00c3ab,#007c6d 50%,#015147) } .vtex-store-components-3-x-motorola-razr-70-ultra .vtex-store-components-3-x-skuSelectorItem--azul .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #3d4161 } .vtex-store-components-3-x-motorola-razr-70-ultra .vtex-store-components-3-x-skuSelectorItem--cocoa .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #614f43 } @media (min-width: 1025px) { .vtex-store-components-3-x-imageElement--seguros-banner { width:100% } } .vtex-store-components-3-x-infoCardContainer--blackfriday-lancamentos { display: flex; flex-direction: column-reverse } .vtex-store-components-3-x-infoCardContainer--blackfriday-lancamentos .vtex-store-components-3-x-infoCardTextContainer .vtex-store-components-3-x-infoCardHeadline { font-weight: 400; color: #0e77da; text-transform: uppercase; margin-bottom: 9px } .vtex-store-components-3-x-infoCardContainer--blackfriday-lancamentos .vtex-store-components-3-x-infoCardTextContainer .vtex-store-components-3-x-infoCardSubhead { margin: 0 } @media (min-width: 1025px) { .vtex-store-components-3-x-infoCardContainer--blackfriday-lancamentos .vtex-store-components-3-x-infoCardImageContainer { width:100% } .vtex-store-components-3-x-infoCardContainer--blackfriday-lancamentos .vtex-store-components-3-x-infoCardTextContainer { width: 50% } .vtex-store-components-3-x-infoCardContainer--blackfriday-lancamentos .vtex-store-components-3-x-infoCardTextContainer .vtex-store-components-3-x-infoCardHeadline,.vtex-store-components-3-x-infoCardContainer--blackfriday-lancamentos .vtex-store-components-3-x-infoCardTextContainer .vtex-store-components-3-x-infoCardSubhead { font-size: 14px; line-height: 24px } } @media (max-width: 1024px) { .vtex-store-components-3-x-infoCardContainer--blackfriday-lancamentos .vtex-store-components-3-x-infoCardTextContainer .vtex-store-components-3-x-infoCardHeadline,.vtex-store-components-3-x-infoCardContainer--blackfriday-lancamentos .vtex-store-components-3-x-infoCardTextContainer .vtex-store-components-3-x-infoCardSubhead { font-size:12px; line-height: 20px } .vtex-store-components-3-x-imageElement--blackfriday-banner { max-height: auto !important } .vtex-store-components-3-x-imageElement--blackfriday-cyberweek { max-height: 150px !important } .vtex-store-components-3-x-imageElement--blackfriday-faq { display: none } } .vtex-store-components-3-x-imageElementLink--footer-social-media { min-width: 70px; display: flex; justify-content: center } @media (max-width: 1023px) { .vtex-store-components-3-x-imageElementLink--footer-social-media { min-width:50px } } .vtex-store-components-3-x-imageElementLink--corebiz-image .vtex-store-components-3-x-imageElement { margin: 0 5px } .vtex-store-components-3-x-autoCompleteOuterContainer--header__search-bar { font-family: Montserrat } .vtex-store-components-3-x-autoCompleteOuterContainer--header__search-bar .vtex-store-components-3-x-c-on-base { color: #001428 !important } .vtex-store-components-3-x-autoCompleteOuterContainer--header__search-bar .vtex-styleguide-9-x-input { font-size: 13px } .vtex-store-components-3-x-autoCompleteOuterContainer--header__search-bar .vtex-input-prefix__group { height: 40px; border-radius: 3px; border: 0 } .vtex-store-components-3-x-searchBarInnerContainer--header__search-bar { position: relative } .vtex-store-components-3-x-searchIcon--header__search-bar { width: 20px; height: 20px } .vtex-store-components-3-x-imageElement--accessory1 { width: 100% } .vtex-store-components-3-x-imageElement--accessory3,.vtex-store-components-3-x-imageElement--accessory4 { height: auto; width: 278px } .vtex-store-components-3-x-imageElement--accessory3 { margin-right: 12px } .vtex-store-components-3-x-imageElement--accessory4 { margin-left: 12px } .vtex-store-components-3-x-imageElement--accessoriesImage1-mobile { width: 100% } .vtex-store-components-3-x-imageElementLink--blogImage-mobile { text-align: center } .vtex-store-components-3-x-imageElementLink--blogImage { display: flex; justify-content: center } .vtex-store-components-3-x-imageElement--blogImage { height: auto; display: block; margin: 0 auto; border-radius: 10px } .vtex-store-components-3-x-imageElementLink--categoryImg { width: 40px; display: flex; justify-content: center } @media screen and (max-width: 1080px) { .vtex-store-components-3-x-imageElementLink--categoryImg { background:#011b34; border: 1px solid #082e53; box-shadow: -5px -6px 8px hsla(0,0%,100%,.06); border-radius: 4px; width: 48px; height: 48px; padding: 10px } .vtex-store-components-3-x-imageElement--categoryImg { height: fit-content; align-self: center } .vtex-store-components-3-x-imageElementLink--carousel { width: 100% } } .vtex-store-components-3-x-backToTopButtonActive { z-index: 9999; bottom: 100px } .vtex-store-components-3-x-backToTopButtonActive .vtex-button { height: 40px; width: 40px; border-radius: 50%; background-color: #92c1e9; border-color: #92c1e9; box-shadow: 0 0 10px rgba(0,0,0,.25); position: relative } .vtex-store-components-3-x-backToTopButtonActive .vtex-button__label { padding: 0 !important } .vtex-store-components-3-x-imageElement--g20-image-item { width: 90%; margin: 0 auto; display: block; object-fit: cover } @media (max-width: 1024px) { .vtex-store-components-3-x-imageElement--g20-image-item { margin-top:60px; width: 100%; object-fit: cover } } .vtex-store-components-3-x-imageElement--icon-category { height: 74px; width: auto; display: block; margin: 0 auto } .vtex-store-components-3-x-infoCardImageContainer--print-card-left,.vtex-store-components-3-x-infoCardImageContainer--print-card-right { display: flex; justify-content: center } .vtex-store-components-3-x-infoCardSubhead--print-card-left,.vtex-store-components-3-x-infoCardSubhead--print-card-right { font-size: 22px } .vtex-store-components-3-x-searchBarIcon--search .vtex-store-components-3-x-searchIcon { display: none } .vtex-store-components-3-x-imageElement--family-banner-logo { max-height: 24px; width: 80px } @media (max-width: 768px) { .vtex-store-components-3-x-imageElement--family-banner-logo { width:60px } } .vtex-store-components-3-x-infoCardContainer--family-banner-container { height: 450px } .vtex-store-components-3-x-infoCardHeadline--family-banner-title { color: #000; font-weight: 500; font-size: 48px } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardHeadline--family-banner-title { font-size:32px } } .vtex-store-components-3-x-infoCardSubhead--family-banner-text { color: #000; font-size: 16px; line-height: 1.5 } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardSubhead--family-banner-text { font-size:14px; line-height: unset } } .vtex-store-components-3-x-infoCardCallActionContainer--family-banner-Button .vtex-button { background-color: #1879a6; outline: none; border: none; border-color: unset; height: 45px; font-weight: unset; text-transform: none; border-radius: 8px; width: 210px } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardCallActionContainer--family-banner-Button .vtex-button { height:50px; width: 170px; font-size: 15px } } .vtex-store-components-3-x-infoCardCallActionContainer--family-banner-Button .vtex-button:hover { background-color: #1879a6 } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardTextContainer--family-banner-container { padding-top:90px } } .vtex-store-components-3-x-infoCardTextContainer--family-infocard-wrapper { width: 100% } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardTextContainer--family-infocard-wrapper { padding-bottom:320px } } @media (min-width: 1920px) { .vtex-store-components-3-x-infoCardTextContainer--family-infocard-wrapper { margin-left:25rem !important } } .vtex-store-components-3-x-infoCardContainer--family-infocard-container { width: 100%; background-size: 100% !important; background-position: 50% } @media only screen and (min-width: 1000px) { .vtex-store-components-3-x-infoCardContainer--family-infocard-container { padding:5rem 0 } } @media only screen and (min-width: 1650px) { .vtex-store-components-3-x-infoCardContainer--family-infocard-container { padding:9.5rem 0 } } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardContainer--family-infocard-container { height:781px; background-color: #000; background-position-y: bottom } } .vtex-store-components-3-x-infoCardHeadline--family-infocard-title { color: #fff; font-weight: 500 } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardHeadline--family-infocard-title { font-size:32px } } .vtex-store-components-3-x-infoCardSubhead--family-infocard-text { color: #fff } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardSubhead--family-infocard-text { font-size:14px } } .vtex-store-components-3-x-infoCardCallActionContainer--family-infocard-Button .vtex-button { background-color: #1879a6; outline: none; border: none; border-color: unset; height: 50px; font-weight: unset; text-transform: none; border-radius: 10px; width: 185px; background-image: url(https://motorolaimgrepo.vteximg.com.br/arquivos/Icon-arrow-right.svg); background-repeat: no-repeat; background-size: 9px; background-position: 145px 16px } .vtex-store-components-3-x-infoCardCallActionContainer--family-infocard-Button .vtex-button:hover { background-color: #1879a6 } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardCallActionContainer--family-infocard-Button,.vtex-store-components-3-x-infoCardHeadline--family-infocard-title,.vtex-store-components-3-x-infoCardSubhead--family-infocard-text { text-align:center; margin: 0 auto; padding: 10px; line-height: 1.5 } } .vtex-store-components-3-x-portalContainer--bottom__search-bar .vtex-store-components-3-x-itemList { color: #000 } .vtex-store-components-3-x-infoCardContainer--battery,.vtex-store-components-3-x-infoCardContainer--health,.vtex-store-components-3-x-infoCardContainer--quality { max-width: 1400px; margin: auto } .vtex-store-components-3-x-infoCardTextContainer--battery,.vtex-store-components-3-x-infoCardTextContainer--health,.vtex-store-components-3-x-infoCardTextContainer--quality { padding: 0 20px } .vtex-store-components-3-x-infoCardTextContainer--battery .vtex-store-components-3-x-infoCardHeadline,.vtex-store-components-3-x-infoCardTextContainer--health .vtex-store-components-3-x-infoCardHeadline,.vtex-store-components-3-x-infoCardTextContainer--quality .vtex-store-components-3-x-infoCardHeadline { text-align: center; font-size: 22px; line-height: 28px; width: 100% } @media (min-width: 1024px) { .vtex-store-components-3-x-infoCardTextContainer--battery .vtex-store-components-3-x-infoCardHeadline,.vtex-store-components-3-x-infoCardTextContainer--health .vtex-store-components-3-x-infoCardHeadline,.vtex-store-components-3-x-infoCardTextContainer--quality .vtex-store-components-3-x-infoCardHeadline { font-size:36px; line-height: 38px; text-align: left } } .vtex-store-components-3-x-infoCardTextContainer--battery .vtex-store-components-3-x-infoCardSubhead,.vtex-store-components-3-x-infoCardTextContainer--health .vtex-store-components-3-x-infoCardSubhead,.vtex-store-components-3-x-infoCardTextContainer--quality .vtex-store-components-3-x-infoCardSubhead { margin-bottom: 20px } @media (min-width: 1024px) { .vtex-store-components-3-x-infoCardTextContainer--battery .vtex-store-components-3-x-infoCardSubhead,.vtex-store-components-3-x-infoCardTextContainer--health .vtex-store-components-3-x-infoCardSubhead,.vtex-store-components-3-x-infoCardTextContainer--quality .vtex-store-components-3-x-infoCardSubhead { margin-bottom:0 } } .vtex-store-components-3-x-infoCardTextContainer--battery .vtex-store-components-3-x-infoCardSubhead,.vtex-store-components-3-x-infoCardTextContainer--health .vtex-store-components-3-x-infoCardSubhead,.vtex-store-components-3-x-infoCardTextContainer--quality .vtex-store-components-3-x-infoCardSubhead { font-weight: 300 } .vtex-product-summary-2-x-skuSelectorContainer--new-family-edge-shelf-complete { border: none !important; padding: 0 !important; justify-content: center } .vtex-product-summary-2-x-skuSelectorContainer--new-family-edge-shelf-complete .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorItem--new-family-edge-shelf-complete { background: none !important } .vtex-product-summary-2-x-skuSelectorContainer--new-family-edge-shelf-complete .vtex-store-components-3-x-skuSelectorOptionsList { justify-content: center !important } .vtex-product-summary-2-x-skuSelectorContainer--new-family-edge-shelf-complete .vtex-store-components-3-x-skuSelectorItem--selected .vtex-store-components-3-x-frameAround { border-radius: 180px; border: 3px solid #1879a6 !important } .vtex-product-summary-2-x-skuSelectorContainer--new-family-edge-shelf-complete .vtex-store-components-3-x-skuSelectorItemImage { padding: 0; height: 25px; width: 25px; border-radius: 180px } @media (max-width: 1023px) { .vtex-product-summary-2-x-skuSelectorContainer--new-family-edge-shelf-complete .vtex-store-components-3-x-skuSelectorItemImage { height:20px; width: 20px } } .vtex-product-summary-2-x-skuSelectorContainer--new-family-edge-shelf-complete .vtex-store-components-3-x-skuSelectorInternalBox { height: 25px !important; width: 25px !important; border: none !important; border-radius: 100% !important } @media (max-width: 1023px) { .vtex-product-summary-2-x-skuSelectorContainer--new-family-edge-shelf-complete .vtex-store-components-3-x-skuSelectorInternalBox { height:20px !important; width: 20px !important } } .vtex-product-summary-2-x-skuSelectorContainer--new-family-edge-shelf-complete .vtex-store-components-3-x-skuSelectorTextContainer { display: none } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-store-components-3-x-container { color: #fff; padding: 0; margin-top: 5rem } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-reviewsHeading { color: #001428; background: #fff; font-size: 24px; border: none } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-reviewsRating { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; background: #ebebeb; color: #001428; border-radius: .5em; padding: 1em; font-size: 14px; margin-bottom: 24px } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-graphContent { background: #ebebeb; color: #001428; padding: 1em; border-radius: .5em } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-stars { display: flex; gap: .4rem } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-loginLink { background: #ff554d; width: fit-content; border-radius: 5px; color: #fff; font-weight: 500; text-decoration: none } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-graphBarContainer { border-radius: 14px; border: 1px solid #b3d0eb; height: 20px; background: transparent; margin-left: 1rem } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-graphBarContainer:before { content: ""; display: flex; width: 10px; height: 10px; background: url(https://mxmoto.vtexassets.com/arquivos/start-fullfiled.png); background-size: contain; position: absolute; background-repeat: no-repeat; align-items: center; left: -22px; top: 2px } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-graphBar { width: 50%; border-radius: 14px 0 0 14px; background: #b3d0eb } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-star--filled { position: relative; visibility: hidden } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-star--filled:after { content: ""; width: 20px; height: 20px; position: absolute; background: url(https://mxmoto.vtexassets.com/arquivos/start-fullfiled.png); left: 0; top: 4px; z-index: 1; background-size: contain; background-repeat: no-repeat; visibility: visible } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-star--empty { position: relative; visibility: hidden } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-star--empty:after { content: ""; width: 20px; height: 20px; position: absolute; background: url(https://mxmoto.vtexassets.com/arquivos/star-empty.png); left: 0; top: 4px; z-index: 1; background-size: contain; background-repeat: no-repeat; visibility: visible; filter: invert(1) } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-graphText { width: 10px; overflow: hidden; white-space: nowrap } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-reviewsOrderBy { gap: 1rem; flex-wrap: wrap } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-reviewsOrderBy .vtex-styleguide-9-x-container { background: #061b32; border: 1px solid #132e50; padding: 1rem 2rem; height: auto } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-reviewsOrderBy .vtex-styleguide-9-x-container .vtex-dropdown__button { color: #fff } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-reviewCommentsContainer .vtex-reviews-and-ratings-3-x-star--filled { position: relative; visibility: hidden } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-reviewCommentsContainer .vtex-reviews-and-ratings-3-x-star--filled:after { content: ""; width: 13px; height: 13px; position: absolute; background: url(https://mxmoto.vtexassets.com/arquivos/start-fullfiled.png); left: 0; top: 4px; z-index: 1; background-size: contain; background-repeat: no-repeat; visibility: visible } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-reviewsPaging .vtex-button { color: #001428; border: none; background: transparent; padding: 0; margin: 0 } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-writeReviewContainer { background: #ebebeb; padding: 1em; border-radius: .5em } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-writeReviewContainer .vtex-styleguide-9-x-jsFocusVisible:nth-child(2n) { background: #ff554d; width: fit-content; padding: .7rem; border-radius: 4px } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-writeReviewContainer .vtex-styleguide-9-x-jsFocusVisible .vtex-reviews-and-ratings-3-x-writeReviewButton,.vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-writeReviewContainer .vtex-styleguide-9-x-jsFocusVisible .vtex__icon-caret-down,.vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-writeReviewContainer .vtex-styleguide-9-x-jsFocusVisible .vtex__icon-caret-up { color: #001428 } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-writeReviewContainer .vtex-reviews-and-ratings-3-x-formContainer { padding: 1px } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-writeReviewContainer .vtex-reviews-and-ratings-3-x-formContainer .vtex-card,.vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-writeReviewContainer .vtex-reviews-and-ratings-3-x-formContainer .vtex-card .vtex-input__label { color: #001428 } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-writeReviewContainer .vtex-reviews-and-ratings-3-x-formContainer .vtex-button { color: #fff; background: #92c1e9; padding: .5rem; border-color: transparent } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-writeReviewContainer .vtex-reviews-and-ratings-3-x-formContainer .vtex-button:disabled { color: #fff } .vtex-reviews-and-ratings-3-x-summaryContainer .vtex-reviews-and-ratings-3-x-stars { display: flex; flex-wrap: nowrap } .vtex-reviews-and-ratings-3-x-summaryContainer .vtex-reviews-and-ratings-3-x-star--filled { position: relative; visibility: hidden } .vtex-reviews-and-ratings-3-x-summaryContainer .vtex-reviews-and-ratings-3-x-star--filled:after { content: ""; width: 20px; height: 20px; position: absolute; background: url(https://mxmoto.vtexassets.com/arquivos/start-fullfiled.png); left: 0; top: 4px; z-index: 1; background-size: contain; background-repeat: no-repeat; visibility: visible } .vtex-reviews-and-ratings-3-x-summaryContainer .vtex-reviews-and-ratings-3-x-star--empty { visibility: hidden; position: relative } .vtex-reviews-and-ratings-3-x-summaryContainer .vtex-reviews-and-ratings-3-x-star--empty:after { content: ""; width: 20px; height: 20px; position: absolute; background: url(https://mxmoto.vtexassets.com/arquivos/star-empty.png); left: 0; top: 4px; z-index: 1; background-size: contain; background-repeat: no-repeat; visibility: visible; filter: invert(1) } .vtex-reviews-and-ratings-3-x-summaryContainer { display: flex; align-items: center; gap: .5rem } .vtex-reviews-and-ratings-3-x-summaryContainer .vtex-reviews-and-ratings-3-x-summaryButtonContainer .vtex-button { background: transparent; color: #ff554d; font-weight: 500; border: none } .vtex-reviews-and-ratings-3-x-reviewCommentsContainer { color: #001428 } .vtex-flex-layout-0-x-flexRow--la-liga-row { background-color: #fff } .vtex-flex-layout-0-x-flexRow--la-liga-row .vtex-store-components-3-x-container { padding: 0 } .vtex-flex-layout-0-x-flexRow--la-liga-row-text .vtex-store-components-3-x-container { padding: 0 15px } .vtex-flex-layout-0-x-flexRow--la-liga-row-color-selector,.vtex-flex-layout-0-x-flexRow--la-liga-row-galeria { padding-top: 5px } .vtex-store-components-3-x-imageElement--la-liga-banner { width: -webkit-fill-available } .vtex-rich-text-0-x-container--la-liga-text,.vtex-rich-text-0-x-container--la-liga-title { justify-content: center; color: #000 } .vtex-rich-text-0-x-container--la-liga-text .vtex-rich-text-0-x-paragraph--la-liga-title,.vtex-rich-text-0-x-container--la-liga-title .vtex-rich-text-0-x-paragraph--la-liga-title { font-size: 48px; text-align: center; font-weight: 400; letter-spacing: 0; margin-bottom: 0; margin-top: 0 } @media (max-width: 1023px) { .vtex-rich-text-0-x-container--la-liga-text .vtex-rich-text-0-x-paragraph--la-liga-title,.vtex-rich-text-0-x-container--la-liga-title .vtex-rich-text-0-x-paragraph--la-liga-title { font-size:30px } } .vtex-rich-text-0-x-container--la-liga-text .vtex-rich-text-0-x-paragraph--la-liga-text,.vtex-rich-text-0-x-container--la-liga-title .vtex-rich-text-0-x-paragraph--la-liga-text { font-size: 20px; font-weight: 500; text-align: center; width: 100%; margin: 15px 0; letter-spacing: 0 } @media (max-width: 1023px) { .vtex-rich-text-0-x-container--la-liga-text .vtex-rich-text-0-x-paragraph--la-liga-text,.vtex-rich-text-0-x-container--la-liga-title .vtex-rich-text-0-x-paragraph--la-liga-text { font-size:16px } } .vtex-flex-layout-0-x-flexCol--la-liga-col-text-banner { position: absolute; width: 600px; margin: 30px } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexCol--la-liga-col-text-banner { width:270px; margin: 0 } } .vtex-flex-layout-0-x-flexCol--la-liga-col-text-banner .vtex-flex-layout-0-x-flexColChild--la-liga-col-text-banner { height: auto !important } .vtex-flex-layout-0-x-flexCol--la-liga-col-text-banner .vtex-flex-layout-0-x-flexColChild--la-liga-col-text-banner .vtex-rich-text-0-x-paragraph--la-liga-title-banner2 { font-size: 48px; font-weight: 400; letter-spacing: 0; margin-bottom: 0 } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexCol--la-liga-col-text-banner .vtex-flex-layout-0-x-flexColChild--la-liga-col-text-banner .vtex-rich-text-0-x-paragraph--la-liga-title-banner2 { font-size:25px; margin-top: 0 } } .vtex-flex-layout-0-x-flexCol--la-liga-col-text-banner .vtex-flex-layout-0-x-flexColChild--la-liga-col-text-banner .vtex-rich-text-0-x-paragraph--la-liga-text-banner2 { font-size: 20px; font-weight: 500; width: 100%; margin: 36px 0; letter-spacing: 0 } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexCol--la-liga-col-text-banner .vtex-flex-layout-0-x-flexColChild--la-liga-col-text-banner .vtex-rich-text-0-x-paragraph--la-liga-text-banner2 { font-size:13px; margin-top: 0 } } .vtex-flex-layout-0-x-flexCol--la-liga-col-text { justify-content: center; align-items: flex-start; margin: 40px; height: -webkit-fill-available } .vtex-flex-layout-0-x-flexCol--la-liga-col-text .vtex-flex-layout-0-x-flexColChild--la-liga-col-text { height: auto !important } .vtex-flex-layout-0-x-flexCol--la-liga-col-text .vtex-flex-layout-0-x-flexColChild--la-liga-col-text .vtex-rich-text-0-x-paragraph--la-liga-title { font-size: 48px; font-weight: 400; letter-spacing: 0; margin-bottom: 0; margin-top: 0; text-align: left } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexCol--la-liga-col-text .vtex-flex-layout-0-x-flexColChild--la-liga-col-text .vtex-rich-text-0-x-paragraph--la-liga-title { font-size:25px } } .vtex-flex-layout-0-x-flexCol--la-liga-col-text .vtex-flex-layout-0-x-flexColChild--la-liga-col-text .vtex-rich-text-0-x-paragraph--la-liga-text { font-size: 20px; font-weight: 500; width: 100%; margin: 36px 0; letter-spacing: 0; text-align: left } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexCol--la-liga-col-text .vtex-flex-layout-0-x-flexColChild--la-liga-col-text .vtex-rich-text-0-x-paragraph--la-liga-text { font-size:13px; margin-top: 0 } } .vtex-store-components-3-x-imageElement--la-liga-edge40-camaras-img-double { margin-left: 20px } .vtex-store-components-3-x-imageElement--la-liga-edge40-galeria-img { width: 97% } .vtex-rich-text-0-x-wrapper--la-liga-legales { color: #000 } .vtex-search-result-3-x-searchResultContainer--la-liga-search-result_content { background-color: #fff } .vtex-search-result-3-x-searchResultContainer--la-liga-search-result_content .vtex-search-result-3-x-gallery--gallery-la-liga { background-color: #f8f8f8; padding: 16px 83px 16px 16px } .vtex-store-components-3-x-infoCardContainer--motocare-page-why { border: none } .vtex-store-components-3-x-infoCardContainer--motocare-page-asistencia { background-color: #fff } .vtex-store-components-3-x-infoCardTextContainer--motocare-page-why { width: 100%; margin: auto; max-width: 1000px } .vtex-store-components-3-x-infoCardTextContainer--motocare-page-asistencia { max-width: 500px; width: 100% } .vtex-store-components-3-x-infoCardTextContainer--motocare-page-asistencia .vtex-store-components-3-x-infoCardHeadline,.vtex-store-components-3-x-infoCardTextContainer--motocare-page-asistencia .vtex-store-components-3-x-infoCardSubhead,.vtex-store-components-3-x-infoCardTextContainer--motocare-page-why .vtex-store-components-3-x-infoCardHeadline,.vtex-store-components-3-x-infoCardTextContainer--motocare-page-why .vtex-store-components-3-x-infoCardSubhead { color: #000 } .vtex-store-components-3-x-infoCardImageContainer--motocare-page-asistencia { width: 100% } .vtex-store-link-0-x-link--product-more-colors { display: flex; justify-content: left; margin-bottom: 15px; text-decoration: none } .vtex-store-link-0-x-link--product-more-colors .vtex-store-link-0-x-label { color: #92c1e9; font-size: 12px; font-weight: 700 } .vtex-store-link-0-x-buttonLink--seguros-how-do { background-color: transparent; width: 208px !important; height: 48px } .vtex-store-link-0-x-buttonLink--seguros-how-do .vtex-store-link-0-x-label { color: #fff; font-size: 14px } .vtex-store-link-0-x-buttonLink--seguros-verificar-aparelhos { width: 208px; height: 48px } .vtex-store-link-0-x-buttonLink--blackfriday-lancamentos { height: 48px } .vtex-store-link-0-x-buttonLink--blackfriday-lancamentos .vtex-store-link-0-x-label { font-size: 14px; line-height: 24px } .vtex-store-link-0-x-buttonLink--blackfriday-conferir-ofertas { position: relative; top: -40px; left: -30px } .vtex-store-link-0-x-link--novidades-link-anchor { max-width: 150px; height: 48px; margin: 10px 0 } .vtex-store-link-0-x-buttonLink--footer-newsletter { background-color: #001428; border-color: #001428; border-radius: 25px; height: 50px } .vtex-store-link-0-x-buttonLink--footer-newsletter:hover { background-color: #001428; border-color: #001428 } .vtex-store-link-0-x-buttonLink--footer-newsletter .vtex-store-link-0-x-label { line-height: 50px; color: #fff; font-size: 14px; font-weight: 600; text-transform: none } @media (min-width: 1025px) { .vtex-store-link-0-x-buttonLink--footer-newsletter { width:220px } } @media (max-width: 1024px) { .vtex-store-link-0-x-buttonLink--footer-newsletter { width:236px } } .vtex-store-link-0-x-link--category .vtex-store-link-0-x-paragraph { margin: 0 } .vtex-store-link-0-x-link--category { color: #fff; font-weight: 700; font-size: 14px; margin-left: 10px; text-align: center; justify-content: center; text-decoration: none } @media (max-width: 345) { .vtex-store-link-0-x-link--category { font-size:12px } } .vtex-store-link-0-x-link--product-more-colors-shelf-blue { margin: .5rem 0 1rem; display: flex; justify-content: left; text-decoration: none } .vtex-store-link-0-x-link--product-more-colors-shelf-blue .vtex-store-link-0-x-label { color: #92c1e9; font-size: 12px; font-weight: 700 } .vtex-store-link-0-x-link--product-compare-shelf-blue { border-top: 1px solid #ebebeb; padding-top: 25px; margin-top: auto; text-decoration: none; text-align: center } .vtex-store-link-0-x-link--product-compare-shelf-blue .vtex-store-link-0-x-label { color: #92c1e9; font-size: 14px } @media (max-width: 1024px) { .vtex-store-link-0-x-link--product-compare-shelf-blue { border:0; padding-top: 0; margin-top: 0; text-decoration: none; text-align: center; order: 3 } .vtex-store-link-0-x-link--product-compare-shelf-blue .vtex-store-link-0-x-label { color: #fff; font-size: 14px } } .vtex-flex-layout-0-x-flexRow--pdp-triggers .vtex-store-link-0-x-link--product-compare-shelf-blue { margin: 0; border: none; padding: 0; display: flex; align-items: center; height: max-content } @media (min-width: 1025px) { .vtex-flex-layout-0-x-flexRow--pdp-triggers .vtex-store-link-0-x-link--product-compare-shelf-blue { padding-right:20px; margin-right: 20px; border-right: 1px solid #d8d8d8; justify-content: center } } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--pdp-triggers .vtex-store-link-0-x-link--product-compare-shelf-blue { width:100%; padding-bottom: 10px } } .vtex-flex-layout-0-x-flexRow--pdp-triggers .vtex-store-link-0-x-link--product-compare-shelf-blue .vtex-store-link-0-x-label { display: flex; align-items: center; font-size: 0 } .vtex-flex-layout-0-x-flexRow--pdp-triggers .vtex-store-link-0-x-link--product-compare-shelf-blue .vtex-store-link-0-x-label:before { content: url(/arquivos/cb-r-icone-compare-pdp-desktop.png); margin-right: 5px } .vtex-flex-layout-0-x-flexRow--pdp-triggers .vtex-store-link-0-x-link--product-compare-shelf-blue .vtex-store-link-0-x-label:after { content: "Comparar"; color: #001428; font-size: 12px; line-height: 12px; font-weight: 400 } .vtex-store-link-0-x-link--no-context-breadcrumb-item-home { font-size: 12px } .vtex-store-link-0-x-link--showcase-product-summary { border: 1px solid #0e77da; font-size: 1rem; font-weight: 500; border-radius: 360rem; padding: .5rem 0; color: #fff; background-color: #0e77da; text-decoration: none; width: 90%; margin: 7px auto } @media (min-width: 1025px) { .vtex-store-link-0-x-link--showcase-product-summary { width:80% } } .vtex-store-link-0-x-link--showcase-product-summary:hover { background-color: #005eb1; border: 1px solid #005eb1 } .vtex-store-link-0-x-link--new-product-shelf-blue { display: flex; justify-content: flex-end; color: #fff; text-decoration: none; align-items: center; margin-bottom: 10px } .vtex-store-link-0-x-link--new-product-shelf-blue .vtex-store-link-0-x-label { padding: 6px 15px; font-size: 12px; font-weight: 700; border-radius: 5px; background-color: #000 } .vtex-tab-layout-0-x-container--shelf-tabs { height: 490px; max-width: 1366px; padding: 0 15px } @media (max-width: 639px) { .vtex-tab-layout-0-x-container--shelf-tabs { padding:0 } } .vtex-tab-layout-0-x-container--shelf-tabs .vtex-tab-layout-0-x-listContainer { padding-left: 15px } @media (min-width: 1025px) { .vtex-tab-layout-0-x-container--shelf-tabs .vtex-tab-layout-0-x-listContainer { justify-content:flex-start } } @media (max-width: 1024px) { .vtex-tab-layout-0-x-container--shelf-tabs .vtex-tab-layout-0-x-listContainer { justify-content:flex-start } } @media (max-width: 639px) { .vtex-tab-layout-0-x-container--shelf-tabs .vtex-tab-layout-0-x-listContainer { display:flex; padding-left: 5px; flex-wrap: nowrap; overflow: auto } } .vtex-tab-layout-0-x-container--shelf-tabs .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItem { margin: 0 40px 0 0 } @media (max-width: 639px) { .vtex-tab-layout-0-x-container--shelf-tabs .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItem { margin-right:5px !important; white-space: nowrap } } .vtex-tab-layout-0-x-container--shelf-tabs .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItem .vtex-button { color: #fff; font-size: 14px; font-weight: 700; border-radius: 0 !important } .vtex-tab-layout-0-x-container--shelf-tabs .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItem .vtex-button:hover { background-color: transparent } .vtex-tab-layout-0-x-container--shelf-tabs .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItem .vtex-button .vtex-button__label { padding: 0 !important; margin-top: 15px } .vtex-tab-layout-0-x-container--shelf-tabs .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItemActive .vtex-button { color: #0e77da; border: none; border-bottom: 2px solid #0e77da; background-color: transparent } .vtex-tab-layout-0-x-container--shelf-tabs .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItemActive .vtex-button:hover { color: #0e77da; border-bottom: 2px solid #0e77da; background-color: transparent } .vtex-tab-layout-0-x-container--pdp-formas-pagamento { max-width: 730px } @media (max-width: 1024px) { .vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-product-price-1-x-spotPrice--pdp-formas-pagamento,.vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-rich-text-0-x-heading--pdp-formas-pagamento-ame,.vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-rich-text-0-x-paragraph--pdp-formas-pagamento-ame,.vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-rich-text-0-x-paragraph--pdp-formas-pagamento-modal,.vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-rich-text-0-x-wrapper--pdp-formas-pagamento-ame,.vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-tab-layout-0-x-contentItem { color:#fff !important } } .vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-tab-layout-0-x-listContainer { margin-bottom: 20px } @media (min-width: 1025px) { .vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-tab-layout-0-x-listContainer { background:#f5f5f5; padding: 6px } } @media (max-width: 1024px) { .vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-tab-layout-0-x-listContainer { background-color:#011b34 } } @media (min-width: 1025px) { .vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItem { margin:0; padding: 0 } } .vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItem .vtex-button { height: 48px } @media (min-width: 1025px) { .vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItem .vtex-button { min-width:142px } } @media (max-width: 1024px) { .vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItem .vtex-button .vtex-button__label { font-weight:500; font-size: 14px; color: #fff; padding: 5px !important } } @media (min-width: 1025px) { .vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItem .vtex-button .vtex-button__label { color:#001428; font-size: 14px; padding: 16px } } @media (max-width: 1024px) { .vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItem .vtex-button { background-color:#011b34 } } @media (min-width: 1025px) { .vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItemActive .vtex-button { background-color:#001428; border-color: #001428 } .vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItemActive .vtex-button .vtex-button__label { color: #fff } } @media (max-width: 1024px) { .vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItemActive .vtex-button { background-color:#fff; border-color: #fff } .vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItemActive .vtex-button .vtex-button__label { color: #001428 } } @media (min-width: 1025px) { .vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-tab-layout-0-x-contentContainer { padding:20px 40px } } .vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-tab-layout-0-x-contentContainer .vtex-tab-layout-0-x-contentItem { display: flex; flex-direction: column; align-items: flex-start } .vtex-tab-layout-0-x-container--gray-style { display: flex; flex-direction: column; align-items: center; justify-content: center } .vtex-tab-layout-0-x-container--gray-style .vtex-tab-layout-0-x-listContainer { background-color: #fff; border-radius: 4px; box-shadow: 0 0 10px 0 #dbdbdb; overflow: hidden; margin: 0 auto; max-width: none } @media (min-width: 1024px) { .vtex-tab-layout-0-x-container--gray-style .vtex-tab-layout-0-x-listContainer { max-width:fit-content } } .vtex-tab-layout-0-x-container--gray-style .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItem { margin: 0; padding: 0 } .vtex-tab-layout-0-x-container--gray-style .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItem .vtex-button { border-radius: 0; border-bottom: 3px solid transparent; color: #011b34; width: 100% } .vtex-tab-layout-0-x-container--gray-style .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItem .vtex-button .vtex-button__label { font-size: 14px } .vtex-tab-layout-0-x-container--gray-style .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItemActive .vtex-button { background-color: #fff; border-radius: 0; border: none; border-bottom: 3px solid #001428 } @media (max-width: 1023px) { .vtex-tab-layout-0-x-container--gray-style .vtex-tab-layout-0-x-contentContainer { padding:0 15px } } .vtex-tab-layout-0-x-container--blackfriday-shelves { height: auto } .vtex-tab-layout-0-x-container--blackfriday-shelves .vtex-tab-layout-0-x-listContainer { padding: 0; margin-bottom: 30px } @font-face { font-family: Montserrat; src: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-components/2.0.310/fonts/Montserrat-Thin___43dd5b7a3d277362d5e801e5353e3a01.ttf); font-weight: 100 } @font-face { font-family: Montserrat; src: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-components/2.0.310/fonts/Montserrat-ExtraLight___570a244cacd3d78b8c75ac5dd622f537.ttf); font-weight: 200 } @font-face { font-family: Montserrat; src: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-components/2.0.310/fonts/Montserrat-Light___409c7f79a42e56c785f50ed37535f0be.ttf); font-weight: 300 } @font-face { font-family: Montserrat; src: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-components/2.0.310/fonts/Montserrat-Regular___ee6539921d713482b8ccd4d0d23961bb.ttf); font-weight: 400 } @font-face { font-family: Montserrat; src: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-components/2.0.310/fonts/Montserrat-Medium___c8b6e083af3f94009801989c3739425e.ttf); font-weight: 500 } @font-face { font-family: Montserrat; src: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-components/2.0.310/fonts/Montserrat-SemiBold___c641dbee1d75892e4d88bdc31560c91b.ttf); font-weight: 600 } @font-face { font-family: Montserrat; src: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-components/2.0.310/fonts/Montserrat-Bold___ade91f473255991f410f61857696434b.ttf); font-weight: 700 } @font-face { font-family: Montserrat; src: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-components/2.0.310/fonts/Montserrat-ExtraBold___19ba7aa52a78c3896558ac1c0a5fb4c7.ttf); font-weight: 800 } @font-face { font-family: Montserrat; src: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-components/2.0.310/fonts/Montserrat-Black___27e3649bab7c62fa21b8837c4842e40e.ttf); font-weight: 900 } @font-face { font-family: MotoSans; src: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-components/2.0.310/fonts/MotoSans-Regular___0310badc572d4472b1e55847417d0d46.woff); font-weight: 400 } @font-face { font-family: MotoSans-italic; font-style: italic; src: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-components/2.0.310/fonts/MotoSans-Italic___6ba8249f7c5a96c3b7fe46e932757a8d.woff); font-weight: 400 } 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,.bg-base--inverted { background-color: #fff } .bg-action-primary { background-color: #0e77da } .bg-action-secondary { background-color: #eef3f7 } .bg-emphasis { background-color: #ff554d } .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: #0e77da } .b--action-secondary { border-color: #eef3f7 } .b--emphasis { border-color: #ff554d } .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: .05rem } .bw2 { border-width: .075rem } .bw3 { border-width: .1rem } .bw4 { border-width: .125rem } .bw5 { border-width: .15rem } .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: #fff } .c-action-secondary { color: #eef3f7 } .c-link { color: #ff554d } .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-base,.c-on-base { color: #001428 } .c-on-action-primary,.c-on-base--inverted { color: #fff } .c-on-action-secondary { color: #ff554d } .c-on-emphasis { color: #fff } .c-on-disabled { color: #979899 } .c-on-success { color: #fff } .c-on-success--faded { color: #3f3f40 } .c-on-danger { color: #fff } .c-on-danger--faded { color: #3f3f40 } .c-on-warning { color: #fff } .c-on-warning--faded { color: #1a1a1a } .c-on-muted-1,.c-on-muted-2 { color: #fff } .c-on-muted-3,.c-on-muted-4,.c-on-muted-5 { color: #3f3f40 } .hover-rebel-pink:focus,.hover-rebel-pink:hover { color: #f71963 } .hover-heavy-rebel-pink:focus,.hover-heavy-rebel-pink:hover { color: #dd1659 } .hover-elite-purple:focus,.hover-elite-purple:hover { color: #8914cc } .hover-near-black:focus,.hover-near-black:hover { color: #3f3f40 } .hover-dark-gray:focus,.hover-dark-gray:hover { color: #585959 } .hover-mid-gray:focus,.hover-mid-gray:hover { color: #727273 } .hover-gray:focus,.hover-gray:hover { color: #979899 } .hover-silver:focus,.hover-silver:hover { color: #cacbcc } .hover-light-gray:focus,.hover-light-gray:hover { color: #e3e4e6 } .hover-light-silver:focus,.hover-light-silver:hover { color: #f2f4f5 } .hover-near-white:focus,.hover-near-white:hover { color: #f7f9fa } .hover-white:focus,.hover-white:hover { color: #fff } .hover-washed-blue:focus,.hover-washed-blue:hover { color: #edf4fa } .hover-light-blue:focus,.hover-light-blue:hover { color: #cce8ff } .hover-blue:focus,.hover-blue:hover { color: #368df7 } .hover-heavy-blue:focus,.hover-heavy-blue:hover { color: #2a6dbf } .hover-light-marine:focus,.hover-light-marine:hover { color: #3d5980 } .hover-marine:focus,.hover-marine:hover { color: #25354d } .hover-serious-black:focus,.hover-serious-black:hover { color: #142032 } .hover-green:focus,.hover-green:hover { color: #8bc34a } .hover-washed-green:focus,.hover-washed-green:hover { color: #eafce3 } .hover-red:focus,.hover-red:hover { color: #ff4c4c } .hover-washed-red:focus,.hover-washed-red:hover { color: #ffe6e6 } .hover-yellow:focus,.hover-yellow:hover { color: #ffb100 } .hover-washed-yellow:focus,.hover-washed-yellow:hover { color: #fff6e0 } .hover-black-90:focus,.hover-black-90:hover { color: rgba(0,0,0,.9) } .hover-black-80:focus,.hover-black-80:hover { color: rgba(0,0,0,.8) } .hover-black-70:focus,.hover-black-70:hover { color: rgba(0,0,0,.7) } .hover-black-60:focus,.hover-black-60:hover { color: rgba(0,0,0,.6) } .hover-black-50:focus,.hover-black-50:hover { color: rgba(0,0,0,.5) } .hover-black-40:focus,.hover-black-40:hover { color: rgba(0,0,0,.4) } .hover-black-30:focus,.hover-black-30:hover { color: rgba(0,0,0,.3) } .hover-black-20:focus,.hover-black-20:hover { color: rgba(0,0,0,.2) } .hover-black-10:focus,.hover-black-10:hover { color: rgba(0,0,0,.1) } .hover-black-05:focus,.hover-black-05:hover { color: rgba(0,0,0,.05) } .hover-black-025:focus,.hover-black-025:hover { color: rgba(0,0,0,.025) } .hover-black-0125:focus,.hover-black-0125:hover { color: rgba(0,0,0,.0125) } .hover-white-90:focus,.hover-white-90:hover { color: hsla(0,0%,100%,.9) } .hover-white-80:focus,.hover-white-80:hover { color: hsla(0,0%,100%,.8) } .hover-white-70:focus,.hover-white-70:hover { color: hsla(0,0%,100%,.7) } .hover-white-60:focus,.hover-white-60:hover { color: hsla(0,0%,100%,.6) } .hover-white-50:focus,.hover-white-50:hover { color: hsla(0,0%,100%,.5) } .hover-white-40:focus,.hover-white-40:hover { color: hsla(0,0%,100%,.4) } .hover-white-30:focus,.hover-white-30:hover { color: hsla(0,0%,100%,.3) } .hover-white-20:focus,.hover-white-20:hover { color: hsla(0,0%,100%,.2) } .hover-white-10:focus,.hover-white-10:hover { color: hsla(0,0%,100%,.1) } .hover-white-05:focus,.hover-white-05:hover { color: hsla(0,0%,100%,.05) } .hover-white-025:focus,.hover-white-025:hover { color: hsla(0,0%,100%,.025) } .hover-white-0125:focus,.hover-white-0125:hover { color: hsla(0,0%,100%,.0125) } .hover-bg-rebel-pink:focus,.hover-bg-rebel-pink:hover { background-color: #f71963 } .hover-b--rebel-pink:focus,.hover-b--rebel-pink:hover { border-color: #f71963 } .hover-bg-heavy-rebel-pink:focus,.hover-bg-heavy-rebel-pink:hover { background-color: #dd1659 } .hover-b--heavy-rebel-pink:focus,.hover-b--heavy-rebel-pink:hover { border-color: #dd1659 } .hover-bg-elite-purple:focus,.hover-bg-elite-purple:hover { background-color: #8914cc } .hover-b--elite-purple:focus,.hover-b--elite-purple:hover { border-color: #8914cc } .hover-bg-near-black:focus,.hover-bg-near-black:hover { background-color: #3f3f40 } .hover-b--near-black:focus,.hover-b--near-black:hover { border-color: #3f3f40 } .hover-bg-dark-gray:focus,.hover-bg-dark-gray:hover { background-color: #585959 } .hover-b--dark-gray:focus,.hover-b--dark-gray:hover { border-color: #585959 } .hover-bg-mid-gray:focus,.hover-bg-mid-gray:hover { background-color: #727273 } .hover-b--mid-gray:focus,.hover-b--mid-gray:hover { border-color: #727273 } .hover-bg-gray:focus,.hover-bg-gray:hover { background-color: #979899 } .hover-b--gray:focus,.hover-b--gray:hover { border-color: #979899 } .hover-bg-silver:focus,.hover-bg-silver:hover { background-color: #cacbcc } .hover-b--silver:focus,.hover-b--silver:hover { border-color: #cacbcc } .hover-bg-light-gray:focus,.hover-bg-light-gray:hover { background-color: #e3e4e6 } .hover-b--light-gray:focus,.hover-b--light-gray:hover { border-color: #e3e4e6 } .hover-bg-light-silver:focus,.hover-bg-light-silver:hover { background-color: #f2f4f5 } .hover-b--light-silver:focus,.hover-b--light-silver:hover { border-color: #f2f4f5 } .hover-bg-near-white:focus,.hover-bg-near-white:hover { background-color: #f7f9fa } .hover-b--near-white:focus,.hover-b--near-white:hover { border-color: #f7f9fa } .hover-bg-white:focus,.hover-bg-white:hover { background-color: #fff } .hover-b--white:focus,.hover-b--white:hover { border-color: #fff } .hover-bg-washed-blue:focus,.hover-bg-washed-blue:hover { background-color: #edf4fa } .hover-b--washed-blue:focus,.hover-b--washed-blue:hover { border-color: #edf4fa } .hover-bg-light-blue:focus,.hover-bg-light-blue:hover { background-color: #cce8ff } .hover-b--light-blue:focus,.hover-b--light-blue:hover { border-color: #cce8ff } .hover-bg-blue:focus,.hover-bg-blue:hover { background-color: #368df7 } .hover-b--blue:focus,.hover-b--blue:hover { border-color: #368df7 } .hover-bg-heavy-blue:focus,.hover-bg-heavy-blue:hover { background-color: #2a6dbf } .hover-b--heavy-blue:focus,.hover-b--heavy-blue:hover { border-color: #2a6dbf } .hover-bg-light-marine:focus,.hover-bg-light-marine:hover { background-color: #3d5980 } .hover-b--light-marine:focus,.hover-b--light-marine:hover { border-color: #3d5980 } .hover-bg-marine:focus,.hover-bg-marine:hover { background-color: #25354d } .hover-b--marine:focus,.hover-b--marine:hover { border-color: #25354d } .hover-bg-serious-black:focus,.hover-bg-serious-black:hover { background-color: #142032 } .hover-b--serious-black:focus,.hover-b--serious-black:hover { border-color: #142032 } .hover-bg-green:focus,.hover-bg-green:hover { background-color: #8bc34a } .hover-b--green:focus,.hover-b--green:hover { border-color: #8bc34a } .hover-bg-washed-green:focus,.hover-bg-washed-green:hover { background-color: #eafce3 } .hover-b--washed-green:focus,.hover-b--washed-green:hover { border-color: #eafce3 } .hover-bg-red:focus,.hover-bg-red:hover { background-color: #ff4c4c } .hover-b--red:focus,.hover-b--red:hover { border-color: #ff4c4c } .hover-bg-washed-red:focus,.hover-bg-washed-red:hover { background-color: #ffe6e6 } .hover-b--washed-red:focus,.hover-b--washed-red:hover { border-color: #ffe6e6 } .hover-bg-yellow:focus,.hover-bg-yellow:hover { background-color: #ffb100 } .hover-b--yellow:focus,.hover-b--yellow:hover { border-color: #ffb100 } .hover-bg-washed-yellow:focus,.hover-bg-washed-yellow:hover { background-color: #fff6e0 } .hover-b--washed-yellow:focus,.hover-b--washed-yellow:hover { border-color: #fff6e0 } .hover-bg-black-90:focus,.hover-bg-black-90:hover { background-color: rgba(0,0,0,.9) } .hover-b--black-90:focus,.hover-b--black-90:hover { border-color: rgba(0,0,0,.9) } .hover-bg-black-80:focus,.hover-bg-black-80:hover { background-color: rgba(0,0,0,.8) } .hover-b--black-80:focus,.hover-b--black-80:hover { border-color: rgba(0,0,0,.8) } .hover-bg-black-70:focus,.hover-bg-black-70:hover { background-color: rgba(0,0,0,.7) } .hover-b--black-70:focus,.hover-b--black-70:hover { border-color: rgba(0,0,0,.7) } .hover-bg-black-60:focus,.hover-bg-black-60:hover { background-color: rgba(0,0,0,.6) } .hover-b--black-60:focus,.hover-b--black-60:hover { border-color: rgba(0,0,0,.6) } .hover-bg-black-50:focus,.hover-bg-black-50:hover { background-color: rgba(0,0,0,.5) } .hover-b--black-50:focus,.hover-b--black-50:hover { border-color: rgba(0,0,0,.5) } .hover-bg-black-40:focus,.hover-bg-black-40:hover { background-color: rgba(0,0,0,.4) } .hover-b--black-40:focus,.hover-b--black-40:hover { border-color: rgba(0,0,0,.4) } .hover-bg-black-30:focus,.hover-bg-black-30:hover { background-color: rgba(0,0,0,.3) } .hover-b--black-30:focus,.hover-b--black-30:hover { border-color: rgba(0,0,0,.3) } .hover-bg-black-20:focus,.hover-bg-black-20:hover { background-color: rgba(0,0,0,.2) } .hover-b--black-20:focus,.hover-b--black-20:hover { border-color: rgba(0,0,0,.2) } .hover-bg-black-10:focus,.hover-bg-black-10:hover { background-color: rgba(0,0,0,.1) } .hover-b--black-10:focus,.hover-b--black-10:hover { border-color: rgba(0,0,0,.1) } .hover-bg-black-05:focus,.hover-bg-black-05:hover { background-color: rgba(0,0,0,.05) } .hover-b--black-05:focus,.hover-b--black-05:hover { border-color: rgba(0,0,0,.05) } .hover-bg-black-025:focus,.hover-bg-black-025:hover { background-color: rgba(0,0,0,.025) } .hover-b--black-025:focus,.hover-b--black-025:hover { border-color: rgba(0,0,0,.025) } .hover-bg-black-0125:focus,.hover-bg-black-0125:hover { background-color: rgba(0,0,0,.0125) } .hover-b--black-0125:focus,.hover-b--black-0125:hover { border-color: rgba(0,0,0,.0125) } .hover-bg-white-90:focus,.hover-bg-white-90:hover { background-color: hsla(0,0%,100%,.9) } .hover-b--white-90:focus,.hover-b--white-90:hover { border-color: hsla(0,0%,100%,.9) } .hover-bg-white-80:focus,.hover-bg-white-80:hover { background-color: hsla(0,0%,100%,.8) } .hover-b--white-80:focus,.hover-b--white-80:hover { border-color: hsla(0,0%,100%,.8) } .hover-bg-white-70:focus,.hover-bg-white-70:hover { background-color: hsla(0,0%,100%,.7) } .hover-b--white-70:focus,.hover-b--white-70:hover { border-color: hsla(0,0%,100%,.7) } .hover-bg-white-60:focus,.hover-bg-white-60:hover { background-color: hsla(0,0%,100%,.6) } .hover-b--white-60:focus,.hover-b--white-60:hover { border-color: hsla(0,0%,100%,.6) } .hover-bg-white-50:focus,.hover-bg-white-50:hover { background-color: hsla(0,0%,100%,.5) } .hover-b--white-50:focus,.hover-b--white-50:hover { border-color: hsla(0,0%,100%,.5) } .hover-bg-white-40:focus,.hover-bg-white-40:hover { background-color: hsla(0,0%,100%,.4) } .hover-b--white-40:focus,.hover-b--white-40:hover { border-color: hsla(0,0%,100%,.4) } .hover-bg-white-30:focus,.hover-bg-white-30:hover { background-color: hsla(0,0%,100%,.3) } .hover-b--white-30:focus,.hover-b--white-30:hover { border-color: hsla(0,0%,100%,.3) } .hover-bg-white-20:focus,.hover-bg-white-20:hover { background-color: hsla(0,0%,100%,.2) } .hover-b--white-20:focus,.hover-b--white-20:hover { border-color: hsla(0,0%,100%,.2) } .hover-bg-white-10:focus,.hover-bg-white-10:hover { background-color: hsla(0,0%,100%,.1) } .hover-b--white-10:focus,.hover-b--white-10:hover { border-color: hsla(0,0%,100%,.1) } .hover-bg-white-05:focus,.hover-bg-white-05:hover { background-color: hsla(0,0%,100%,.05) } .hover-b--white-05:focus,.hover-b--white-05:hover { border-color: hsla(0,0%,100%,.05) } .hover-bg-white-025:focus,.hover-bg-white-025:hover { background-color: hsla(0,0%,100%,.025) } .hover-b--white-025:focus,.hover-b--white-025:hover { border-color: hsla(0,0%,100%,.025) } .hover-bg-white-0125:focus,.hover-bg-white-0125:hover { background-color: hsla(0,0%,100%,.0125) } .hover-b--white-0125:focus,.hover-b--white-0125:hover { border-color: hsla(0,0%,100%,.0125) } .hover-bg-transparent:focus,.hover-bg-transparent:hover { background-color: transparent } .hover-b--transparent:focus,.hover-b--transparent:hover { border-color: transparent } .hover-c-action-primary:focus,.hover-c-action-primary:hover { color: #001428 } .hover-c-action-secondary:focus,.hover-c-action-secondary:hover { color: #dbe9fd } .hover-c-link:focus,.hover-c-link:hover { color: #001428 } .hover-c-emphasis:focus,.hover-c-emphasis:hover { color: #ff554d } .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-base:focus,.hover-c-base:hover { color: #001428 } .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: #ff554d } .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: #001428 } .hover-bg-action-primary:focus,.hover-bg-action-primary:hover { background-color: #005eb1 } .hover-bg-action-secondary:focus,.hover-bg-action-secondary:hover { background-color: transparent } .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: #005eb1 } .hover-b--action-secondary:focus,.hover-b--action-secondary:hover { border-color: #dbe9fd } .hover-b--emphasis:focus,.hover-b--emphasis:hover { border-color: #ff554d } .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: #001428 } .active-c-emphasis:active { color: #ff554d } .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: #ff554d } .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: #0e77da } .active-bg-action-secondary:active { background-color: #dbe9fd } .active-bg-emphasis:active { background-color: #ff554d } .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: #001428 } .active-b--action-secondary:active { border-color: #dbe9fd } .active-b--emphasis:active { border-color: #ff554d } .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: Montserrat; font-weight: 700; text-transform: none; letter-spacing: 0 } .t-heading-2 { font-size: 2.25rem } .t-heading-3 { font-family: Montserrat; 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: Montserrat; 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: Montserrat; 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: Montserrat; 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: Montserrat; font-weight: 500; text-transform: none; letter-spacing: 0 } .t-action--small { font-size: .875rem } .t-action--large { font-weight: 500; font-size: 1.5rem } .t-action--large,.t-code { font-family: Montserrat; text-transform: none; letter-spacing: 0 } .t-code { font-size: 1rem } .normal,.t-code { font-weight: 400 } .b { font-weight: 700 } .fw1 { font-weight: 100 } .fw2 { font-weight: 200 } .fw3 { font-weight: 300 } .fw4 { font-weight: 400 } .fw5 { font-weight: 500 } .fw6 { font-weight: 600 } .fw7 { font-weight: 700 } .fw8 { font-weight: 800 } .fw9 { font-weight: 900 } .overflow-container { overflow-y: scroll } .center { margin-left: auto } .center,.mr-auto { margin-right: auto } .ml-auto { margin-left: auto } .clip { position: fixed !important; _position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px) } .ws-normal { white-space: normal } .nowrap { white-space: nowrap } .pre { white-space: pre } .w1 { width: 1rem } .w2 { width: 2rem } .w3 { width: 4rem } .w4 { width: 8rem } .w5 { width: 16rem } .w-10 { width: 10% } .w-20 { width: 20% } .w-25 { width: 25% } .w-30 { width: 30% } .w-33 { width: 33% } .w-34 { width: 34% } .w-40 { width: 40% } .w-50 { width: 50% } .w-60 { width: 60% } .w-70 { width: 70% } .w-75 { width: 75% } .w-80 { width: 80% } .w-90 { width: 90% } .w-100 { width: 100% } .w-third { width: 33.33333% } .w-two-thirds { width: 66.66667% } .w-auto { width: auto } .vw-10 { width: 10vw } .vw-20 { width: 20vw } .vw-25 { width: 25vw } .vw-30 { width: 30vw } .vw-33 { width: 33vw } .vw-34 { width: 34vw } .vw-40 { width: 40vw } .vw-50 { width: 50vw } .vw-60 { width: 60vw } .vw-70 { width: 70vw } .vw-75 { width: 75vw } .vw-80 { width: 80vw } .vw-90 { width: 90vw } .vw-100 { width: 100vw } .vw-third { width: 33.33333vw } .vw-two-thirds { width: 66.66667vw } .z-0 { z-index: 0 } .z-1 { z-index: 1 } .z-2 { z-index: 2 } .z-3 { z-index: 3 } .z-4 { z-index: 4 } .z-5 { z-index: 5 } .z-999 { z-index: 999 } .z-9999 { z-index: 9999 } .z-max { z-index: 2147483647 } .z-inherit { z-index: inherit } .z-initial { z-index: auto } .z-unset { z-index: unset } @media screen and (min-width: 20em) { .aspect-ratio-s { height:0; position: relative } .aspect-ratio--16x9-s { padding-bottom: 56.25% } .aspect-ratio--9x16-s { padding-bottom: 177.77% } .aspect-ratio--4x3-s { padding-bottom: 75% } .aspect-ratio--3x4-s { padding-bottom: 133.33% } .aspect-ratio--6x4-s { padding-bottom: 66.6% } .aspect-ratio--4x6-s { padding-bottom: 150% } .aspect-ratio--8x5-s { padding-bottom: 62.5% } .aspect-ratio--5x8-s { padding-bottom: 160% } .aspect-ratio--7x5-s { padding-bottom: 71.42% } .aspect-ratio--5x7-s { padding-bottom: 140% } .aspect-ratio--1x1-s { padding-bottom: 100% } .aspect-ratio--object-s { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100 } .cover-s { background-size: cover !important } .contain-s { background-size: contain !important } .bg-center-s { background-position: 50% } .bg-center-s,.bg-top-s { background-repeat: no-repeat } .bg-top-s { background-position: top } .bg-right-s { background-position: 100% } .bg-bottom-s,.bg-right-s { background-repeat: no-repeat } .bg-bottom-s { background-position: bottom } .bg-left-s { background-repeat: no-repeat; background-position: 0 } .ba-s { border-style: solid; border-width: 1px } .bt-s { border-top-style: solid; border-top-width: 1px } .br-s { border-right-style: solid; border-right-width: 1px } .bb-s { border-bottom-style: solid; border-bottom-width: 1px } .bl-s { border-left-style: solid; border-left-width: 1px } .bn-s { border-style: none; border-width: 0 } .br0-s { border-radius: 0 } .br1-s { border-radius: .125rem } .br2-s { border-radius: .25rem } .br3-s { border-radius: .5rem } .br4-s { border-radius: 1rem } .br-100-s { border-radius: 100% } .br-pill-s { border-radius: 9999px } .br--bottom-s { border-top-left-radius: 0; border-top-right-radius: 0 } .br--top-s { border-bottom-right-radius: 0 } .br--right-s,.br--top-s { border-bottom-left-radius: 0 } .br--right-s { border-top-left-radius: 0 } .br--left-s { border-top-right-radius: 0; border-bottom-right-radius: 0 } .b--dotted-s { border-style: dotted } .b--dashed-s { border-style: dashed } .b--solid-s { border-style: solid } .b--none-s { border-style: none } .bw0-s { border-width: 0 } .bw1-s { border-width: .05rem } .bw2-s { border-width: .075rem } .bw3-s { border-width: .1rem } .bw4-s { border-width: .125rem } .bw5-s { border-width: .15rem } .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: Montserrat; font-weight: 700; text-transform: none; letter-spacing: 0 } .t-heading-2-s { font-size: 2.25rem } .t-heading-3-s { font-family: Montserrat; 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: Montserrat; 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: Montserrat; 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: Montserrat; 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: Montserrat; font-weight: 500; text-transform: none; letter-spacing: 0 } .t-action--small-s { font-size: .875rem } .t-action--large-s { font-weight: 500; font-size: 1.5rem } .t-action--large-s,.t-code-s { font-family: Montserrat; text-transform: none; letter-spacing: 0 } .t-code-s { font-size: 1rem } .normal-s,.t-code-s { font-weight: 400 } .b-s { font-weight: 700 } .fw1-s { font-weight: 100 } .fw2-s { font-weight: 200 } .fw3-s { font-weight: 300 } .fw4-s { font-weight: 400 } .fw5-s { font-weight: 500 } .fw6-s { font-weight: 600 } .fw7-s { font-weight: 700 } .fw8-s { font-weight: 800 } .fw9-s { font-weight: 900 } .clip-s { position: fixed !important; _position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px) } .ws-normal-s { white-space: normal } .nowrap-s { white-space: nowrap } .pre-s { white-space: pre } .w1-s { width: 1rem } .w2-s { width: 2rem } .w3-s { width: 4rem } .w4-s { width: 8rem } .w5-s { width: 16rem } .w-10-s { width: 10% } .w-20-s { width: 20% } .w-25-s { width: 25% } .w-30-s { width: 30% } .w-33-s { width: 33% } .w-34-s { width: 34% } .w-40-s { width: 40% } .w-50-s { width: 50% } .w-60-s { width: 60% } .w-70-s { width: 70% } .w-75-s { width: 75% } .w-80-s { width: 80% } .w-90-s { width: 90% } .w-100-s { width: 100% } .w-third-s { width: 33.33333% } .w-two-thirds-s { width: 66.66667% } .w-auto-s { width: auto } .vw-10-s { width: 10vw } .vw-20-s { width: 20vw } .vw-25-s { width: 25vw } .vw-30-s { width: 30vw } .vw-33-s { width: 33vw } .vw-34-s { width: 34vw } .vw-40-s { width: 40vw } .vw-50-s { width: 50vw } .vw-60-s { width: 60vw } .vw-70-s { width: 70vw } .vw-75-s { width: 75vw } .vw-80-s { width: 80vw } .vw-90-s { width: 90vw } .vw-100-s { width: 100vw } .vw-third-s { width: 33.33333vw } .vw-two-thirds-s { width: 66.66667vw } } @media screen and (min-width: 40em) { .aspect-ratio-ns { height:0; position: relative } .aspect-ratio--16x9-ns { padding-bottom: 56.25% } .aspect-ratio--9x16-ns { padding-bottom: 177.77% } .aspect-ratio--4x3-ns { padding-bottom: 75% } .aspect-ratio--3x4-ns { padding-bottom: 133.33% } .aspect-ratio--6x4-ns { padding-bottom: 66.6% } .aspect-ratio--4x6-ns { padding-bottom: 150% } .aspect-ratio--8x5-ns { padding-bottom: 62.5% } .aspect-ratio--5x8-ns { padding-bottom: 160% } .aspect-ratio--7x5-ns { padding-bottom: 71.42% } .aspect-ratio--5x7-ns { padding-bottom: 140% } .aspect-ratio--1x1-ns { padding-bottom: 100% } .aspect-ratio--object-ns { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100 } .cover-ns { background-size: cover !important } .contain-ns { background-size: contain !important } .bg-center-ns { background-position: 50% } .bg-center-ns,.bg-top-ns { background-repeat: no-repeat } .bg-top-ns { background-position: top } .bg-right-ns { background-position: 100% } .bg-bottom-ns,.bg-right-ns { background-repeat: no-repeat } .bg-bottom-ns { background-position: bottom } .bg-left-ns { background-repeat: no-repeat; background-position: 0 } .ba-ns { border-style: solid; border-width: 1px } .bt-ns { border-top-style: solid; border-top-width: 1px } .br-ns { border-right-style: solid; border-right-width: 1px } .bb-ns { border-bottom-style: solid; border-bottom-width: 1px } .bl-ns { border-left-style: solid; border-left-width: 1px } .bn-ns { border-style: none; border-width: 0 } .br0-ns { border-radius: 0 } .br1-ns { border-radius: .125rem } .br2-ns { border-radius: .25rem } .br3-ns { border-radius: .5rem } .br4-ns { border-radius: 1rem } .br-100-ns { border-radius: 100% } .br-pill-ns { border-radius: 9999px } .br--bottom-ns { border-top-left-radius: 0; border-top-right-radius: 0 } .br--top-ns { border-bottom-right-radius: 0 } .br--right-ns,.br--top-ns { border-bottom-left-radius: 0 } .br--right-ns { border-top-left-radius: 0 } .br--left-ns { border-top-right-radius: 0; border-bottom-right-radius: 0 } .b--dotted-ns { border-style: dotted } .b--dashed-ns { border-style: dashed } .b--solid-ns { border-style: solid } .b--none-ns { border-style: none } .bw0-ns { border-width: 0 } .bw1-ns { border-width: .05rem } .bw2-ns { border-width: .075rem } .bw3-ns { border-width: .1rem } .bw4-ns { border-width: .125rem } .bw5-ns { border-width: .15rem } .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: Montserrat; font-weight: 700; text-transform: none; letter-spacing: 0 } .t-heading-2-ns { font-size: 2.25rem } .t-heading-3-ns { font-family: Montserrat; 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: Montserrat; 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: Montserrat; 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: Montserrat; 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: Montserrat; font-weight: 500; text-transform: none; letter-spacing: 0 } .t-action--small-ns { font-size: .875rem } .t-action--large-ns { font-weight: 500; font-size: 1.5rem } .t-action--large-ns,.t-code-ns { font-family: Montserrat; text-transform: none; letter-spacing: 0 } .t-code-ns { font-size: 1rem } .normal-ns,.t-code-ns { font-weight: 400 } .b-ns { font-weight: 700 } .fw1-ns { font-weight: 100 } .fw2-ns { font-weight: 200 } .fw3-ns { font-weight: 300 } .fw4-ns { font-weight: 400 } .fw5-ns { font-weight: 500 } .fw6-ns { font-weight: 600 } .fw7-ns { font-weight: 700 } .fw8-ns { font-weight: 800 } .fw9-ns { font-weight: 900 } .clip-ns { position: fixed !important; _position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px) } .ws-normal-ns { white-space: normal } .nowrap-ns { white-space: nowrap } .pre-ns { white-space: pre } .w1-ns { width: 1rem } .w2-ns { width: 2rem } .w3-ns { width: 4rem } .w4-ns { width: 8rem } .w5-ns { width: 16rem } .w-10-ns { width: 10% } .w-20-ns { width: 20% } .w-25-ns { width: 25% } .w-30-ns { width: 30% } .w-33-ns { width: 33% } .w-34-ns { width: 34% } .w-40-ns { width: 40% } .w-50-ns { width: 50% } .w-60-ns { width: 60% } .w-70-ns { width: 70% } .w-75-ns { width: 75% } .w-80-ns { width: 80% } .w-90-ns { width: 90% } .w-100-ns { width: 100% } .w-third-ns { width: 33.33333% } .w-two-thirds-ns { width: 66.66667% } .w-auto-ns { width: auto } .vw-10-ns { width: 10vw } .vw-20-ns { width: 20vw } .vw-25-ns { width: 25vw } .vw-30-ns { width: 30vw } .vw-33-ns { width: 33vw } .vw-34-ns { width: 34vw } .vw-40-ns { width: 40vw } .vw-50-ns { width: 50vw } .vw-60-ns { width: 60vw } .vw-70-ns { width: 70vw } .vw-75-ns { width: 75vw } .vw-80-ns { width: 80vw } .vw-90-ns { width: 90vw } .vw-100-ns { width: 100vw } .vw-third-ns { width: 33.33333vw } .vw-two-thirds-ns { width: 66.66667vw } .aspect-ratio-m { height: 0; position: relative } .aspect-ratio--16x9-m { padding-bottom: 56.25% } .aspect-ratio--9x16-m { padding-bottom: 177.77% } .aspect-ratio--4x3-m { padding-bottom: 75% } .aspect-ratio--3x4-m { padding-bottom: 133.33% } .aspect-ratio--6x4-m { padding-bottom: 66.6% } .aspect-ratio--4x6-m { padding-bottom: 150% } .aspect-ratio--8x5-m { padding-bottom: 62.5% } .aspect-ratio--5x8-m { padding-bottom: 160% } .aspect-ratio--7x5-m { padding-bottom: 71.42% } .aspect-ratio--5x7-m { padding-bottom: 140% } .aspect-ratio--1x1-m { padding-bottom: 100% } .aspect-ratio--object-m { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100 } .cover-m { background-size: cover !important } .contain-m { background-size: contain !important } .bg-center-m { background-position: 50% } .bg-center-m,.bg-top-m { background-repeat: no-repeat } .bg-top-m { background-position: top } .bg-right-m { background-position: 100% } .bg-bottom-m,.bg-right-m { background-repeat: no-repeat } .bg-bottom-m { background-position: bottom } .bg-left-m { background-repeat: no-repeat; background-position: 0 } .ba-m { border-style: solid; border-width: 1px } .bt-m { border-top-style: solid; border-top-width: 1px } .br-m { border-right-style: solid; border-right-width: 1px } .bb-m { border-bottom-style: solid; border-bottom-width: 1px } .bl-m { border-left-style: solid; border-left-width: 1px } .bn-m { border-style: none; border-width: 0 } .br0-m { border-radius: 0 } .br1-m { border-radius: .125rem } .br2-m { border-radius: .25rem } .br3-m { border-radius: .5rem } .br4-m { border-radius: 1rem } .br-100-m { border-radius: 100% } .br-pill-m { border-radius: 9999px } .br--bottom-m { border-top-left-radius: 0; border-top-right-radius: 0 } .br--top-m { border-bottom-right-radius: 0 } .br--right-m,.br--top-m { border-bottom-left-radius: 0 } .br--right-m { border-top-left-radius: 0 } .br--left-m { border-top-right-radius: 0; border-bottom-right-radius: 0 } .b--dotted-m { border-style: dotted } .b--dashed-m { border-style: dashed } .b--solid-m { border-style: solid } .b--none-m { border-style: none } .bw0-m { border-width: 0 } .bw1-m { border-width: .05rem } .bw2-m { border-width: .075rem } .bw3-m { border-width: .1rem } .bw4-m { border-width: .125rem } .bw5-m { border-width: .15rem } .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: Montserrat; font-weight: 700; text-transform: none; letter-spacing: 0 } .t-heading-2-m { font-size: 2.25rem } .t-heading-3-m { font-family: Montserrat; 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: Montserrat; 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: Montserrat; 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: Montserrat; 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: Montserrat; font-weight: 500; text-transform: none; letter-spacing: 0 } .t-action--small-m { font-size: .875rem } .t-action--large-m { font-weight: 500; font-size: 1.5rem } .t-action--large-m,.t-code-m { font-family: Montserrat; text-transform: none; letter-spacing: 0 } .t-code-m { font-size: 1rem } .normal-m,.t-code-m { font-weight: 400 } .b-m { font-weight: 700 } .fw1-m { font-weight: 100 } .fw2-m { font-weight: 200 } .fw3-m { font-weight: 300 } .fw4-m { font-weight: 400 } .fw5-m { font-weight: 500 } .fw6-m { font-weight: 600 } .fw7-m { font-weight: 700 } .fw8-m { font-weight: 800 } .fw9-m { font-weight: 900 } .clip-m { position: fixed !important; _position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px) } .ws-normal-m { white-space: normal } .nowrap-m { white-space: nowrap } .pre-m { white-space: pre } .w1-m { width: 1rem } .w2-m { width: 2rem } .w3-m { width: 4rem } .w4-m { width: 8rem } .w5-m { width: 16rem } .w-10-m { width: 10% } .w-20-m { width: 20% } .w-25-m { width: 25% } .w-30-m { width: 30% } .w-33-m { width: 33% } .w-34-m { width: 34% } .w-40-m { width: 40% } .w-50-m { width: 50% } .w-60-m { width: 60% } .w-70-m { width: 70% } .w-75-m { width: 75% } .w-80-m { width: 80% } .w-90-m { width: 90% } .w-100-m { width: 100% } .w-third-m { width: 33.33333% } .w-two-thirds-m { width: 66.66667% } .w-auto-m { width: auto } .vw-10-m { width: 10vw } .vw-20-m { width: 20vw } .vw-25-m { width: 25vw } .vw-30-m { width: 30vw } .vw-33-m { width: 33vw } .vw-34-m { width: 34vw } .vw-40-m { width: 40vw } .vw-50-m { width: 50vw } .vw-60-m { width: 60vw } .vw-70-m { width: 70vw } .vw-75-m { width: 75vw } .vw-80-m { width: 80vw } .vw-90-m { width: 90vw } .vw-100-m { width: 100vw } .vw-third-m { width: 33.33333vw } .vw-two-thirds-m { width: 66.66667vw } } @media screen and (min-width: 64em) { .aspect-ratio-l { height:0; position: relative } .aspect-ratio--16x9-l { padding-bottom: 56.25% } .aspect-ratio--9x16-l { padding-bottom: 177.77% } .aspect-ratio--4x3-l { padding-bottom: 75% } .aspect-ratio--3x4-l { padding-bottom: 133.33% } .aspect-ratio--6x4-l { padding-bottom: 66.6% } .aspect-ratio--4x6-l { padding-bottom: 150% } .aspect-ratio--8x5-l { padding-bottom: 62.5% } .aspect-ratio--5x8-l { padding-bottom: 160% } .aspect-ratio--7x5-l { padding-bottom: 71.42% } .aspect-ratio--5x7-l { padding-bottom: 140% } .aspect-ratio--1x1-l { padding-bottom: 100% } .aspect-ratio--object-l { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100 } .cover-l { background-size: cover !important } .contain-l { background-size: contain !important } .bg-center-l { background-position: 50% } .bg-center-l,.bg-top-l { background-repeat: no-repeat } .bg-top-l { background-position: top } .bg-right-l { background-position: 100% } .bg-bottom-l,.bg-right-l { background-repeat: no-repeat } .bg-bottom-l { background-position: bottom } .bg-left-l { background-repeat: no-repeat; background-position: 0 } .ba-l { border-style: solid; border-width: 1px } .bt-l { border-top-style: solid; border-top-width: 1px } .br-l { border-right-style: solid; border-right-width: 1px } .bb-l { border-bottom-style: solid; border-bottom-width: 1px } .bl-l { border-left-style: solid; border-left-width: 1px } .bn-l { border-style: none; border-width: 0 } .br0-l { border-radius: 0 } .br1-l { border-radius: .125rem } .br2-l { border-radius: .25rem } .br3-l { border-radius: .5rem } .br4-l { border-radius: 1rem } .br-100-l { border-radius: 100% } .br-pill-l { border-radius: 9999px } .br--bottom-l { border-top-left-radius: 0; border-top-right-radius: 0 } .br--top-l { border-bottom-right-radius: 0 } .br--right-l,.br--top-l { border-bottom-left-radius: 0 } .br--right-l { border-top-left-radius: 0 } .br--left-l { border-top-right-radius: 0; border-bottom-right-radius: 0 } .b--dotted-l { border-style: dotted } .b--dashed-l { border-style: dashed } .b--solid-l { border-style: solid } .b--none-l { border-style: none } .bw0-l { border-width: 0 } .bw1-l { border-width: .05rem } .bw2-l { border-width: .075rem } .bw3-l { border-width: .1rem } .bw4-l { border-width: .125rem } .bw5-l { border-width: .15rem } .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: Montserrat; font-weight: 700; text-transform: none; letter-spacing: 0 } .t-heading-2-l { font-size: 2.25rem } .t-heading-3-l { font-family: Montserrat; 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: Montserrat; 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: Montserrat; 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: Montserrat; 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: Montserrat; font-weight: 500; text-transform: none; letter-spacing: 0 } .t-action--small-l { font-size: .875rem } .t-action--large-l { font-weight: 500; font-size: 1.5rem } .t-action--large-l,.t-code-l { font-family: Montserrat; text-transform: none; letter-spacing: 0 } .t-code-l { font-size: 1rem } .normal-l,.t-code-l { font-weight: 400 } .b-l { font-weight: 700 } .fw1-l { font-weight: 100 } .fw2-l { font-weight: 200 } .fw3-l { font-weight: 300 } .fw4-l { font-weight: 400 } .fw5-l { font-weight: 500 } .fw6-l { font-weight: 600 } .fw7-l { font-weight: 700 } .fw8-l { font-weight: 800 } .fw9-l { font-weight: 900 } .clip-l { position: fixed !important; _position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px) } .ws-normal-l { white-space: normal } .nowrap-l { white-space: nowrap } .pre-l { white-space: pre } .w1-l { width: 1rem } .w2-l { width: 2rem } .w3-l { width: 4rem } .w4-l { width: 8rem } .w5-l { width: 16rem } .w-10-l { width: 10% } .w-20-l { width: 20% } .w-25-l { width: 25% } .w-30-l { width: 30% } .w-33-l { width: 33% } .w-34-l { width: 34% } .w-40-l { width: 40% } .w-50-l { width: 50% } .w-60-l { width: 60% } .w-70-l { width: 70% } .w-75-l { width: 75% } .w-80-l { width: 80% } .w-90-l { width: 90% } .w-100-l { width: 100% } .w-third-l { width: 33.33333% } .w-two-thirds-l { width: 66.66667% } .w-auto-l { width: auto } .vw-10-l { width: 10vw } .vw-20-l { width: 20vw } .vw-25-l { width: 25vw } .vw-30-l { width: 30vw } .vw-33-l { width: 33vw } .vw-34-l { width: 34vw } .vw-40-l { width: 40vw } .vw-50-l { width: 50vw } .vw-60-l { width: 60vw } .vw-70-l { width: 70vw } .vw-75-l { width: 75vw } .vw-80-l { width: 80vw } .vw-90-l { width: 90vw } .vw-100-l { width: 100vw } .vw-third-l { width: 33.33333vw } .vw-two-thirds-l { width: 66.66667vw } } @media screen and (min-width: 80em) { .aspect-ratio-xl { height:0; position: relative } .aspect-ratio--16x9-xl { padding-bottom: 56.25% } .aspect-ratio--9x16-xl { padding-bottom: 177.77% } .aspect-ratio--4x3-xl { padding-bottom: 75% } .aspect-ratio--3x4-xl { padding-bottom: 133.33% } .aspect-ratio--6x4-xl { padding-bottom: 66.6% } .aspect-ratio--4x6-xl { padding-bottom: 150% } .aspect-ratio--8x5-xl { padding-bottom: 62.5% } .aspect-ratio--5x8-xl { padding-bottom: 160% } .aspect-ratio--7x5-xl { padding-bottom: 71.42% } .aspect-ratio--5x7-xl { padding-bottom: 140% } .aspect-ratio--1x1-xl { padding-bottom: 100% } .aspect-ratio--object-xl { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 100 } .cover-xl { background-size: cover !important } .contain-xl { background-size: contain !important } .bg-center-xl { background-position: 50% } .bg-center-xl,.bg-top-xl { background-repeat: no-repeat } .bg-top-xl { background-position: top } .bg-right-xl { background-position: 100% } .bg-bottom-xl,.bg-right-xl { background-repeat: no-repeat } .bg-bottom-xl { background-position: bottom } .bg-left-xl { background-repeat: no-repeat; background-position: 0 } .ba-xl { border-style: solid; border-width: 1px } .bt-xl { border-top-style: solid; border-top-width: 1px } .br-xl { border-right-style: solid; border-right-width: 1px } .bb-xl { border-bottom-style: solid; border-bottom-width: 1px } .bl-xl { border-left-style: solid; border-left-width: 1px } .bn-xl { border-style: none; border-width: 0 } .br0-xl { border-radius: 0 } .br1-xl { border-radius: .125rem } .br2-xl { border-radius: .25rem } .br3-xl { border-radius: .5rem } .br4-xl { border-radius: 1rem } .br-100-xl { border-radius: 100% } .br-pill-xl { border-radius: 9999px } .br--bottom-xl { border-top-left-radius: 0; border-top-right-radius: 0 } .br--top-xl { border-bottom-right-radius: 0 } .br--right-xl,.br--top-xl { border-bottom-left-radius: 0 } .br--right-xl { border-top-left-radius: 0 } .br--left-xl { border-top-right-radius: 0; border-bottom-right-radius: 0 } .b--dotted-xl { border-style: dotted } .b--dashed-xl { border-style: dashed } .b--solid-xl { border-style: solid } .b--none-xl { border-style: none } .bw0-xl { border-width: 0 } .bw1-xl { border-width: .05rem } .bw2-xl { border-width: .075rem } .bw3-xl { border-width: .1rem } .bw4-xl { border-width: .125rem } .bw5-xl { border-width: .15rem } .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: Montserrat; font-weight: 700; text-transform: none; letter-spacing: 0 } .t-heading-2-xl { font-size: 2.25rem } .t-heading-3-xl { font-family: Montserrat; 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: Montserrat; 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: Montserrat; 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: Montserrat; 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: Montserrat; font-weight: 500; text-transform: none; letter-spacing: 0 } .t-action--small-xl { font-size: .875rem } .t-action--large-xl { font-weight: 500; font-size: 1.5rem } .t-action--large-xl,.t-code-xl { font-family: Montserrat; text-transform: none; letter-spacing: 0 } .t-code-xl { font-size: 1rem } .normal-xl,.t-code-xl { font-weight: 400 } .b-xl { font-weight: 700 } .fw1-xl { font-weight: 100 } .fw2-xl { font-weight: 200 } .fw3-xl { font-weight: 300 } .fw4-xl { font-weight: 400 } .fw5-xl { font-weight: 500 } .fw6-xl { font-weight: 600 } .fw7-xl { font-weight: 700 } .fw8-xl { font-weight: 800 } .fw9-xl { font-weight: 900 } .clip-xl { position: fixed !important; _position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px) } .ws-normal-xl { white-space: normal } .nowrap-xl { white-space: nowrap } .pre-xl { white-space: pre } .w1-xl { width: 1rem } .w2-xl { width: 2rem } .w3-xl { width: 4rem } .w4-xl { width: 8rem } .w5-xl { width: 16rem } .w-10-xl { width: 10% } .w-20-xl { width: 20% } .w-25-xl { width: 25% } .w-30-xl { width: 30% } .w-33-xl { width: 33% } .w-34-xl { width: 34% } .w-40-xl { width: 40% } .w-50-xl { width: 50% } .w-60-xl { width: 60% } .w-70-xl { width: 70% } .w-75-xl { width: 75% } .w-80-xl { width: 80% } .w-90-xl { width: 90% } .w-100-xl { width: 100% } .w-third-xl { width: 33.33333% } .w-two-thirds-xl { width: 66.66667% } .w-auto-xl { width: auto } .vw-10-xl { width: 10vw } .vw-20-xl { width: 20vw } .vw-25-xl { width: 25vw } .vw-30-xl { width: 30vw } .vw-33-xl { width: 33vw } .vw-34-xl { width: 34vw } .vw-40-xl { width: 40vw } .vw-50-xl { width: 50vw } .vw-60-xl { width: 60vw } .vw-70-xl { width: 70vw } .vw-75-xl { width: 75vw } .vw-80-xl { width: 80vw } .vw-90-xl { width: 90vw } .vw-100-xl { width: 100vw } .vw-third-xl { width: 33.33333vw } .vw-two-thirds-xl { width: 66.66667vw } } /*!
 * animate.css -http://daneden.me/animate
 * Version - 3.7.0
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2018 Daniel Eden
 */@-webkit-keyframes bounce { 0%,20%,53%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translateZ(0); animation-timing-function: cubic-bezier(.215,.61,.355,1); transform: translateZ(0) } 40%,43% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-30px,0); animation-timing-function: cubic-bezier(.755,.05,.855,.06); transform: translate3d(0,-30px,0) } 70% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-15px,0); animation-timing-function: cubic-bezier(.755,.05,.855,.06); transform: translate3d(0,-15px,0) } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0) } } @keyframes bounce { 0%,20%,53%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translateZ(0); animation-timing-function: cubic-bezier(.215,.61,.355,1); transform: translateZ(0) } 40%,43% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-30px,0); animation-timing-function: cubic-bezier(.755,.05,.855,.06); transform: translate3d(0,-30px,0) } 70% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); -webkit-transform: translate3d(0,-15px,0); animation-timing-function: cubic-bezier(.755,.05,.855,.06); transform: translate3d(0,-15px,0) } 90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0) } } .bounce { -webkit-animation-name: bounce; -webkit-transform-origin: center bottom; animation-name: bounce; transform-origin: center bottom } @-webkit-keyframes flash { 0%,50%,to { opacity: 1 } 25%,75% { opacity: 0 } } @keyframes flash { 0%,50%,to { opacity: 1 } 25%,75% { opacity: 0 } } .flash { -webkit-animation-name: flash; animation-name: flash } @-webkit-keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes pulse { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .pulse { -webkit-animation-name: pulse; animation-name: pulse } @-webkit-keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 30% { -webkit-transform: scale3d(1.25,.75,1); transform: scale3d(1.25,.75,1) } 40% { -webkit-transform: scale3d(.75,1.25,1); transform: scale3d(.75,1.25,1) } 50% { -webkit-transform: scale3d(1.15,.85,1); transform: scale3d(1.15,.85,1) } 65% { -webkit-transform: scale3d(.95,1.05,1); transform: scale3d(.95,1.05,1) } 75% { -webkit-transform: scale3d(1.05,.95,1); transform: scale3d(1.05,.95,1) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes rubberBand { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 30% { -webkit-transform: scale3d(1.25,.75,1); transform: scale3d(1.25,.75,1) } 40% { -webkit-transform: scale3d(.75,1.25,1); transform: scale3d(.75,1.25,1) } 50% { -webkit-transform: scale3d(1.15,.85,1); transform: scale3d(1.15,.85,1) } 65% { -webkit-transform: scale3d(.95,1.05,1); transform: scale3d(.95,1.05,1) } 75% { -webkit-transform: scale3d(1.05,.95,1); transform: scale3d(1.05,.95,1) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand } @-webkit-keyframes shake { 0%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } } @keyframes shake { 0%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } } .shake { -webkit-animation-name: shake; animation-name: shake } @-webkit-keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } @keyframes headShake { 0% { -webkit-transform: translateX(0); transform: translateX(0) } 6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg) } 18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg) } 31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg) } 43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg) } 50% { -webkit-transform: translateX(0); transform: translateX(0) } } .headShake { -webkit-animation-name: headShake; -webkit-animation-timing-function: ease-in-out; animation-name: headShake; animation-timing-function: ease-in-out } @-webkit-keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } to { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } @keyframes swing { 20% { -webkit-transform: rotate(15deg); transform: rotate(15deg) } 40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 60% { -webkit-transform: rotate(5deg); transform: rotate(5deg) } 80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg) } to { -webkit-transform: rotate(0deg); transform: rotate(0deg) } } .swing { -webkit-animation-name: swing; -webkit-transform-origin: top center; animation-name: swing; transform-origin: top center } @-webkit-keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 10%,20% { -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg); transform: scale3d(.9,.9,.9) rotate(-3deg) } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg); transform: scale3d(1.1,1.1,1.1) rotate(3deg) } 40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg); transform: scale3d(1.1,1.1,1.1) rotate(-3deg) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } @keyframes tada { 0% { -webkit-transform: scaleX(1); transform: scaleX(1) } 10%,20% { -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg); transform: scale3d(.9,.9,.9) rotate(-3deg) } 30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg); transform: scale3d(1.1,1.1,1.1) rotate(3deg) } 40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg); transform: scale3d(1.1,1.1,1.1) rotate(-3deg) } to { -webkit-transform: scaleX(1); transform: scaleX(1) } } .tada { -webkit-animation-name: tada; animation-name: tada } @-webkit-keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } 15% { -webkit-transform: translate3d(-25%,0,0) rotate(-5deg); transform: translate3d(-25%,0,0) rotate(-5deg) } 30% { -webkit-transform: translate3d(20%,0,0) rotate(3deg); transform: translate3d(20%,0,0) rotate(3deg) } 45% { -webkit-transform: translate3d(-15%,0,0) rotate(-3deg); transform: translate3d(-15%,0,0) rotate(-3deg) } 60% { -webkit-transform: translate3d(10%,0,0) rotate(2deg); transform: translate3d(10%,0,0) rotate(2deg) } 75% { -webkit-transform: translate3d(-5%,0,0) rotate(-1deg); transform: translate3d(-5%,0,0) rotate(-1deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes wobble { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } 15% { -webkit-transform: translate3d(-25%,0,0) rotate(-5deg); transform: translate3d(-25%,0,0) rotate(-5deg) } 30% { -webkit-transform: translate3d(20%,0,0) rotate(3deg); transform: translate3d(20%,0,0) rotate(3deg) } 45% { -webkit-transform: translate3d(-15%,0,0) rotate(-3deg); transform: translate3d(-15%,0,0) rotate(-3deg) } 60% { -webkit-transform: translate3d(10%,0,0) rotate(2deg); transform: translate3d(10%,0,0) rotate(2deg) } 75% { -webkit-transform: translate3d(-5%,0,0) rotate(-1deg); transform: translate3d(-5%,0,0) rotate(-1deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .wobble { -webkit-animation-name: wobble; animation-name: wobble } @-webkit-keyframes jello { 0%,11.1%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } @keyframes jello { 0%,11.1%,to { -webkit-transform: translateZ(0); transform: translateZ(0) } 22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg) } 33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg) } 44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg) } 55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg) } 66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg) } 77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg) } 88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg) } } .jello { -webkit-animation-name: jello; -webkit-transform-origin: center; animation-name: jello; transform-origin: center } @-webkit-keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1) } 14% { -webkit-transform: scale(1.3); transform: scale(1.3) } 28% { -webkit-transform: scale(1); transform: scale(1) } 42% { -webkit-transform: scale(1.3); transform: scale(1.3) } 70% { -webkit-transform: scale(1); transform: scale(1) } } @keyframes heartBeat { 0% { -webkit-transform: scale(1); transform: scale(1) } 14% { -webkit-transform: scale(1.3); transform: scale(1.3) } 28% { -webkit-transform: scale(1); transform: scale(1) } 42% { -webkit-transform: scale(1.3); transform: scale(1.3) } 70% { -webkit-transform: scale(1); transform: scale(1) } } .heartBeat { -webkit-animation-duration: 1.3s; -webkit-animation-name: heartBeat; -webkit-animation-timing-function: ease-in-out; animation-duration: 1.3s; animation-name: heartBeat; animation-timing-function: ease-in-out } @-webkit-keyframes bounceIn { 0%,20%,40%,60%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { -webkit-transform: scale3d(.3,.3,.3); opacity: 0; transform: scale3d(.3,.3,.3) } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } 40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 60% { -webkit-transform: scale3d(1.03,1.03,1.03); opacity: 1; transform: scale3d(1.03,1.03,1.03) } 80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97) } to { -webkit-transform: scaleX(1); opacity: 1; transform: scaleX(1) } } @keyframes bounceIn { 0%,20%,40%,60%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { -webkit-transform: scale3d(.3,.3,.3); opacity: 0; transform: scale3d(.3,.3,.3) } 20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1) } 40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 60% { -webkit-transform: scale3d(1.03,1.03,1.03); opacity: 1; transform: scale3d(1.03,1.03,1.03) } 80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97) } to { -webkit-transform: scaleX(1); opacity: 1; transform: scaleX(1) } } .bounceIn { -webkit-animation-duration: .75s; -webkit-animation-name: bounceIn; animation-duration: .75s; animation-name: bounceIn } @-webkit-keyframes bounceInDown { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { -webkit-transform: translate3d(0,-3000px,0); opacity: 0; transform: translate3d(0,-3000px,0) } 60% { -webkit-transform: translate3d(0,25px,0); opacity: 1; transform: translate3d(0,25px,0) } 75% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 90% { -webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInDown { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { -webkit-transform: translate3d(0,-3000px,0); opacity: 0; transform: translate3d(0,-3000px,0) } 60% { -webkit-transform: translate3d(0,25px,0); opacity: 1; transform: translate3d(0,25px,0) } 75% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 90% { -webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown } @-webkit-keyframes bounceInLeft { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { -webkit-transform: translate3d(-3000px,0,0); opacity: 0; transform: translate3d(-3000px,0,0) } 60% { -webkit-transform: translate3d(25px,0,0); opacity: 1; transform: translate3d(25px,0,0) } 75% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 90% { -webkit-transform: translate3d(5px,0,0); transform: translate3d(5px,0,0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInLeft { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { -webkit-transform: translate3d(-3000px,0,0); opacity: 0; transform: translate3d(-3000px,0,0) } 60% { -webkit-transform: translate3d(25px,0,0); opacity: 1; transform: translate3d(25px,0,0) } 75% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0) } 90% { -webkit-transform: translate3d(5px,0,0); transform: translate3d(5px,0,0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft } @-webkit-keyframes bounceInRight { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { -webkit-transform: translate3d(3000px,0,0); opacity: 0; transform: translate3d(3000px,0,0) } 60% { -webkit-transform: translate3d(-25px,0,0); opacity: 1; transform: translate3d(-25px,0,0) } 75% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } 90% { -webkit-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInRight { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { -webkit-transform: translate3d(3000px,0,0); opacity: 0; transform: translate3d(3000px,0,0) } 60% { -webkit-transform: translate3d(-25px,0,0); opacity: 1; transform: translate3d(-25px,0,0) } 75% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0) } 90% { -webkit-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight } @-webkit-keyframes bounceInUp { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { -webkit-transform: translate3d(0,3000px,0); opacity: 0; transform: translate3d(0,3000px,0) } 60% { -webkit-transform: translate3d(0,-20px,0); opacity: 1; transform: translate3d(0,-20px,0) } 75% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } 90% { -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes bounceInUp { 0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1) } 0% { -webkit-transform: translate3d(0,3000px,0); opacity: 0; transform: translate3d(0,3000px,0) } 60% { -webkit-transform: translate3d(0,-20px,0); opacity: 1; transform: translate3d(0,-20px,0) } 75% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } 90% { -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp } @-webkit-keyframes bounceOut { 20% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 50%,55% { -webkit-transform: scale3d(1.1,1.1,1.1); opacity: 1; transform: scale3d(1.1,1.1,1.1) } to { -webkit-transform: scale3d(.3,.3,.3); opacity: 0; transform: scale3d(.3,.3,.3) } } @keyframes bounceOut { 20% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9) } 50%,55% { -webkit-transform: scale3d(1.1,1.1,1.1); opacity: 1; transform: scale3d(1.1,1.1,1.1) } to { -webkit-transform: scale3d(.3,.3,.3); opacity: 0; transform: scale3d(.3,.3,.3) } } .bounceOut { -webkit-animation-duration: .75s; -webkit-animation-name: bounceOut; animation-duration: .75s; animation-name: bounceOut } @-webkit-keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } 40%,45% { -webkit-transform: translate3d(0,-20px,0); opacity: 1; transform: translate3d(0,-20px,0) } to { -webkit-transform: translate3d(0,2000px,0); opacity: 0; transform: translate3d(0,2000px,0) } } @keyframes bounceOutDown { 20% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0) } 40%,45% { -webkit-transform: translate3d(0,-20px,0); opacity: 1; transform: translate3d(0,-20px,0) } to { -webkit-transform: translate3d(0,2000px,0); opacity: 0; transform: translate3d(0,2000px,0) } } .bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown } @-webkit-keyframes bounceOutLeft { 20% { -webkit-transform: translate3d(20px,0,0); opacity: 1; transform: translate3d(20px,0,0) } to { -webkit-transform: translate3d(-2000px,0,0); opacity: 0; transform: translate3d(-2000px,0,0) } } @keyframes bounceOutLeft { 20% { -webkit-transform: translate3d(20px,0,0); opacity: 1; transform: translate3d(20px,0,0) } to { -webkit-transform: translate3d(-2000px,0,0); opacity: 0; transform: translate3d(-2000px,0,0) } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft } @-webkit-keyframes bounceOutRight { 20% { -webkit-transform: translate3d(-20px,0,0); opacity: 1; transform: translate3d(-20px,0,0) } to { -webkit-transform: translate3d(2000px,0,0); opacity: 0; transform: translate3d(2000px,0,0) } } @keyframes bounceOutRight { 20% { -webkit-transform: translate3d(-20px,0,0); opacity: 1; transform: translate3d(-20px,0,0) } to { -webkit-transform: translate3d(2000px,0,0); opacity: 0; transform: translate3d(2000px,0,0) } } .bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight } @-webkit-keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 40%,45% { -webkit-transform: translate3d(0,20px,0); opacity: 1; transform: translate3d(0,20px,0) } to { -webkit-transform: translate3d(0,-2000px,0); opacity: 0; transform: translate3d(0,-2000px,0) } } @keyframes bounceOutUp { 20% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0) } 40%,45% { -webkit-transform: translate3d(0,20px,0); opacity: 1; transform: translate3d(0,20px,0) } to { -webkit-transform: translate3d(0,-2000px,0); opacity: 0; transform: translate3d(0,-2000px,0) } } .bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp } @-webkit-keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } @keyframes fadeIn { 0% { opacity: 0 } to { opacity: 1 } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn } @-webkit-keyframes fadeInDown { 0% { -webkit-transform: translate3d(0,-100%,0); opacity: 0; transform: translate3d(0,-100%,0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } @keyframes fadeInDown { 0% { -webkit-transform: translate3d(0,-100%,0); opacity: 0; transform: translate3d(0,-100%,0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown } @-webkit-keyframes fadeInDownBig { 0% { -webkit-transform: translate3d(0,-2000px,0); opacity: 0; transform: translate3d(0,-2000px,0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } @keyframes fadeInDownBig { 0% { -webkit-transform: translate3d(0,-2000px,0); opacity: 0; transform: translate3d(0,-2000px,0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig } @-webkit-keyframes fadeInLeft { 0% { -webkit-transform: translate3d(-100%,0,0); opacity: 0; transform: translate3d(-100%,0,0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } @keyframes fadeInLeft { 0% { -webkit-transform: translate3d(-100%,0,0); opacity: 0; transform: translate3d(-100%,0,0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft } @-webkit-keyframes fadeInLeftBig { 0% { -webkit-transform: translate3d(-2000px,0,0); opacity: 0; transform: translate3d(-2000px,0,0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } @keyframes fadeInLeftBig { 0% { -webkit-transform: translate3d(-2000px,0,0); opacity: 0; transform: translate3d(-2000px,0,0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig } @-webkit-keyframes fadeInRight { 0% { -webkit-transform: translate3d(100%,0,0); opacity: 0; transform: translate3d(100%,0,0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } @keyframes fadeInRight { 0% { -webkit-transform: translate3d(100%,0,0); opacity: 0; transform: translate3d(100%,0,0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight } @-webkit-keyframes fadeInRightBig { 0% { -webkit-transform: translate3d(2000px,0,0); opacity: 0; transform: translate3d(2000px,0,0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } @keyframes fadeInRightBig { 0% { -webkit-transform: translate3d(2000px,0,0); opacity: 0; transform: translate3d(2000px,0,0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig } @-webkit-keyframes fadeInUp { 0% { -webkit-transform: translate3d(0,100%,0); opacity: 0; transform: translate3d(0,100%,0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } @keyframes fadeInUp { 0% { -webkit-transform: translate3d(0,100%,0); opacity: 0; transform: translate3d(0,100%,0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp } @-webkit-keyframes fadeInUpBig { 0% { -webkit-transform: translate3d(0,2000px,0); opacity: 0; transform: translate3d(0,2000px,0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } @keyframes fadeInUpBig { 0% { -webkit-transform: translate3d(0,2000px,0); opacity: 0; transform: translate3d(0,2000px,0) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig } @-webkit-keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } @keyframes fadeOut { 0% { opacity: 1 } to { opacity: 0 } } .fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut } @-webkit-keyframes fadeOutDown { 0% { opacity: 1 } to { -webkit-transform: translate3d(0,100%,0); opacity: 0; transform: translate3d(0,100%,0) } } @keyframes fadeOutDown { 0% { opacity: 1 } to { -webkit-transform: translate3d(0,100%,0); opacity: 0; transform: translate3d(0,100%,0) } } .fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1 } to { -webkit-transform: translate3d(0,2000px,0); opacity: 0; transform: translate3d(0,2000px,0) } } @keyframes fadeOutDownBig { 0% { opacity: 1 } to { -webkit-transform: translate3d(0,2000px,0); opacity: 0; transform: translate3d(0,2000px,0) } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1 } to { -webkit-transform: translate3d(-100%,0,0); opacity: 0; transform: translate3d(-100%,0,0) } } @keyframes fadeOutLeft { 0% { opacity: 1 } to { -webkit-transform: translate3d(-100%,0,0); opacity: 0; transform: translate3d(-100%,0,0) } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1 } to { -webkit-transform: translate3d(-2000px,0,0); opacity: 0; transform: translate3d(-2000px,0,0) } } @keyframes fadeOutLeftBig { 0% { opacity: 1 } to { -webkit-transform: translate3d(-2000px,0,0); opacity: 0; transform: translate3d(-2000px,0,0) } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig } @-webkit-keyframes fadeOutRight { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%,0,0); opacity: 0; transform: translate3d(100%,0,0) } } @keyframes fadeOutRight { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%,0,0); opacity: 0; transform: translate3d(100%,0,0) } } .fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1 } to { -webkit-transform: translate3d(2000px,0,0); opacity: 0; transform: translate3d(2000px,0,0) } } @keyframes fadeOutRightBig { 0% { opacity: 1 } to { -webkit-transform: translate3d(2000px,0,0); opacity: 0; transform: translate3d(2000px,0,0) } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig } @-webkit-keyframes fadeOutUp { 0% { opacity: 1 } to { -webkit-transform: translate3d(0,-100%,0); opacity: 0; transform: translate3d(0,-100%,0) } } @keyframes fadeOutUp { 0% { opacity: 1 } to { -webkit-transform: translate3d(0,-100%,0); opacity: 0; transform: translate3d(0,-100%,0) } } .fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1 } to { -webkit-transform: translate3d(0,-2000px,0); opacity: 0; transform: translate3d(0,-2000px,0) } } @keyframes fadeOutUpBig { 0% { opacity: 1 } to { -webkit-transform: translate3d(0,-2000px,0); opacity: 0; transform: translate3d(0,-2000px,0) } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig } @-webkit-keyframes flip { 0% { -webkit-animation-timing-function: ease-out; -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn) } 40% { -webkit-animation-timing-function: ease-out; -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg) } 50% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg) } 80% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg); animation-timing-function: ease-in; transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg) } to { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg) } } @keyframes flip { 0% { -webkit-animation-timing-function: ease-out; -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn); animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn) } 40% { -webkit-animation-timing-function: ease-out; -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg); animation-timing-function: ease-out; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg) } 50% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg); animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg) } 80% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg); animation-timing-function: ease-in; transform: perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg) } to { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg); animation-timing-function: ease-in; transform: perspective(400px) scaleX(1) translateZ(0) rotateY(0deg) } } .animated.flip { -webkit-animation-name: flip; -webkit-backface-visibility: visible; animation-name: flip; backface-visibility: visible } @-webkit-keyframes flipInX { 0% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateX(90deg) } 40% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; transform: perspective(400px) rotateX(-20deg) } 60% { -webkit-transform: perspective(400px) rotateX(10deg); opacity: 1; transform: perspective(400px) rotateX(10deg) } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInX { 0% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateX(90deg); animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateX(90deg) } 40% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateX(-20deg); animation-timing-function: ease-in; transform: perspective(400px) rotateX(-20deg) } 60% { -webkit-transform: perspective(400px) rotateX(10deg); opacity: 1; transform: perspective(400px) rotateX(10deg) } 80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInX { -webkit-animation-name: flipInX; -webkit-backface-visibility: visible !important; animation-name: flipInX; backface-visibility: visible !important } @-webkit-keyframes flipInY { 0% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateY(90deg); animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateY(90deg) } 40% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateY(-20deg); animation-timing-function: ease-in; transform: perspective(400px) rotateY(-20deg) } 60% { -webkit-transform: perspective(400px) rotateY(10deg); opacity: 1; transform: perspective(400px) rotateY(10deg) } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } @keyframes flipInY { 0% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateY(90deg); animation-timing-function: ease-in; opacity: 0; transform: perspective(400px) rotateY(90deg) } 40% { -webkit-animation-timing-function: ease-in; -webkit-transform: perspective(400px) rotateY(-20deg); animation-timing-function: ease-in; transform: perspective(400px) rotateY(-20deg) } 60% { -webkit-transform: perspective(400px) rotateY(10deg); opacity: 1; transform: perspective(400px) rotateY(10deg) } 80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg) } to { -webkit-transform: perspective(400px); transform: perspective(400px) } } .flipInY { -webkit-animation-name: flipInY; -webkit-backface-visibility: visible !important; animation-name: flipInY; backface-visibility: visible !important } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); opacity: 1; transform: perspective(400px) rotateX(-20deg) } to { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; transform: perspective(400px) rotateX(90deg) } } @keyframes flipOutX { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateX(-20deg); opacity: 1; transform: perspective(400px) rotateX(-20deg) } to { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; transform: perspective(400px) rotateX(90deg) } } .flipOutX { -webkit-animation-duration: .75s; -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; animation-duration: .75s; animation-name: flipOutX; backface-visibility: visible !important } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); opacity: 1; transform: perspective(400px) rotateY(-15deg) } to { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; transform: perspective(400px) rotateY(90deg) } } @keyframes flipOutY { 0% { -webkit-transform: perspective(400px); transform: perspective(400px) } 30% { -webkit-transform: perspective(400px) rotateY(-15deg); opacity: 1; transform: perspective(400px) rotateY(-15deg) } to { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; transform: perspective(400px) rotateY(90deg) } } .flipOutY { -webkit-animation-duration: .75s; -webkit-animation-name: flipOutY; -webkit-backface-visibility: visible !important; animation-duration: .75s; animation-name: flipOutY; backface-visibility: visible !important } @-webkit-keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0; transform: translate3d(100%,0,0) skewX(-30deg) } 60% { -webkit-transform: skewX(20deg); opacity: 1; transform: skewX(20deg) } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes lightSpeedIn { 0% { -webkit-transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0; transform: translate3d(100%,0,0) skewX(-30deg) } 60% { -webkit-transform: skewX(20deg); opacity: 1; transform: skewX(20deg) } 80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg) } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .lightSpeedIn { -webkit-animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-name: lightSpeedIn; animation-timing-function: ease-out } @-webkit-keyframes lightSpeedOut { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); opacity: 0; transform: translate3d(100%,0,0) skewX(30deg) } } @keyframes lightSpeedOut { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); opacity: 0; transform: translate3d(100%,0,0) skewX(30deg) } } .lightSpeedOut { -webkit-animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-name: lightSpeedOut; animation-timing-function: ease-in } @-webkit-keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); -webkit-transform-origin: center; opacity: 0; transform: rotate(-200deg); transform-origin: center } to { -webkit-transform: translateZ(0); -webkit-transform-origin: center; opacity: 1; transform: translateZ(0); transform-origin: center } } @keyframes rotateIn { 0% { -webkit-transform: rotate(-200deg); -webkit-transform-origin: center; opacity: 0; transform: rotate(-200deg); transform-origin: center } to { -webkit-transform: translateZ(0); -webkit-transform-origin: center; opacity: 1; transform: translateZ(0); transform-origin: center } } .rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(-45deg); transform-origin: left bottom } to { -webkit-transform: translateZ(0); -webkit-transform-origin: left bottom; opacity: 1; transform: translateZ(0); transform-origin: left bottom } } @keyframes rotateInDownLeft { 0% { -webkit-transform: rotate(-45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(-45deg); transform-origin: left bottom } to { -webkit-transform: translateZ(0); -webkit-transform-origin: left bottom; opacity: 1; transform: translateZ(0); transform-origin: left bottom } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(45deg); transform-origin: right bottom } to { -webkit-transform: translateZ(0); -webkit-transform-origin: right bottom; opacity: 1; transform: translateZ(0); transform-origin: right bottom } } @keyframes rotateInDownRight { 0% { -webkit-transform: rotate(45deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(45deg); transform-origin: right bottom } to { -webkit-transform: translateZ(0); -webkit-transform-origin: right bottom; opacity: 1; transform: translateZ(0); transform-origin: right bottom } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(45deg); transform-origin: left bottom } to { -webkit-transform: translateZ(0); -webkit-transform-origin: left bottom; opacity: 1; transform: translateZ(0); transform-origin: left bottom } } @keyframes rotateInUpLeft { 0% { -webkit-transform: rotate(45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(45deg); transform-origin: left bottom } to { -webkit-transform: translateZ(0); -webkit-transform-origin: left bottom; opacity: 1; transform: translateZ(0); transform-origin: left bottom } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(-90deg); transform-origin: right bottom } to { -webkit-transform: translateZ(0); -webkit-transform-origin: right bottom; opacity: 1; transform: translateZ(0); transform-origin: right bottom } } @keyframes rotateInUpRight { 0% { -webkit-transform: rotate(-90deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(-90deg); transform-origin: right bottom } to { -webkit-transform: translateZ(0); -webkit-transform-origin: right bottom; opacity: 1; transform: translateZ(0); transform-origin: right bottom } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center; opacity: 1; transform-origin: center } to { -webkit-transform: rotate(200deg); -webkit-transform-origin: center; opacity: 0; transform: rotate(200deg); transform-origin: center } } @keyframes rotateOut { 0% { -webkit-transform-origin: center; opacity: 1; transform-origin: center } to { -webkit-transform: rotate(200deg); -webkit-transform-origin: center; opacity: 0; transform: rotate(200deg); transform-origin: center } } .rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; opacity: 1; transform-origin: left bottom } to { -webkit-transform: rotate(45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(45deg); transform-origin: left bottom } } @keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; opacity: 1; transform-origin: left bottom } to { -webkit-transform: rotate(45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(45deg); transform-origin: left bottom } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; opacity: 1; transform-origin: right bottom } to { -webkit-transform: rotate(-45deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(-45deg); transform-origin: right bottom } } @keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; opacity: 1; transform-origin: right bottom } to { -webkit-transform: rotate(-45deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(-45deg); transform-origin: right bottom } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; opacity: 1; transform-origin: left bottom } to { -webkit-transform: rotate(-45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(-45deg); transform-origin: left bottom } } @keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; opacity: 1; transform-origin: left bottom } to { -webkit-transform: rotate(-45deg); -webkit-transform-origin: left bottom; opacity: 0; transform: rotate(-45deg); transform-origin: left bottom } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; opacity: 1; transform-origin: right bottom } to { -webkit-transform: rotate(90deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(90deg); transform-origin: right bottom } } @keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; opacity: 1; transform-origin: right bottom } to { -webkit-transform: rotate(90deg); -webkit-transform-origin: right bottom; opacity: 0; transform: rotate(90deg); transform-origin: right bottom } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight } @-webkit-keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; -webkit-transform-origin: top left; animation-timing-function: ease-in-out; transform-origin: top left } 20%,60% { -webkit-animation-timing-function: ease-in-out; -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; animation-timing-function: ease-in-out; transform: rotate(80deg); transform-origin: top left } 40%,80% { -webkit-animation-timing-function: ease-in-out; -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; transform: rotate(60deg); transform-origin: top left } to { -webkit-transform: translate3d(0,700px,0); opacity: 0; transform: translate3d(0,700px,0) } } @keyframes hinge { 0% { -webkit-animation-timing-function: ease-in-out; -webkit-transform-origin: top left; animation-timing-function: ease-in-out; transform-origin: top left } 20%,60% { -webkit-animation-timing-function: ease-in-out; -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; animation-timing-function: ease-in-out; transform: rotate(80deg); transform-origin: top left } 40%,80% { -webkit-animation-timing-function: ease-in-out; -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; animation-timing-function: ease-in-out; opacity: 1; transform: rotate(60deg); transform-origin: top left } to { -webkit-transform: translate3d(0,700px,0); opacity: 0; transform: translate3d(0,700px,0) } } .hinge { -webkit-animation-duration: 2s; -webkit-animation-name: hinge; animation-duration: 2s; animation-name: hinge } @-webkit-keyframes jackInTheBox { 0% { -webkit-transform: scale(.1) rotate(30deg); -webkit-transform-origin: center bottom; opacity: 0; transform: scale(.1) rotate(30deg); transform-origin: center bottom } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg) } to { -webkit-transform: scale(1); opacity: 1; transform: scale(1) } } @keyframes jackInTheBox { 0% { -webkit-transform: scale(.1) rotate(30deg); -webkit-transform-origin: center bottom; opacity: 0; transform: scale(.1) rotate(30deg); transform-origin: center bottom } 50% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg) } 70% { -webkit-transform: rotate(3deg); transform: rotate(3deg) } to { -webkit-transform: scale(1); opacity: 1; transform: scale(1) } } .jackInTheBox { -webkit-animation-name: jackInTheBox; animation-name: jackInTheBox } @-webkit-keyframes rollIn { 0% { -webkit-transform: translate3d(-100%,0,0) rotate(-120deg); opacity: 0; transform: translate3d(-100%,0,0) rotate(-120deg) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } @keyframes rollIn { 0% { -webkit-transform: translate3d(-100%,0,0) rotate(-120deg); opacity: 0; transform: translate3d(-100%,0,0) rotate(-120deg) } to { -webkit-transform: translateZ(0); opacity: 1; transform: translateZ(0) } } .rollIn { -webkit-animation-name: rollIn; animation-name: rollIn } @-webkit-keyframes rollOut { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%,0,0) rotate(120deg); opacity: 0; transform: translate3d(100%,0,0) rotate(120deg) } } @keyframes rollOut { 0% { opacity: 1 } to { -webkit-transform: translate3d(100%,0,0) rotate(120deg); opacity: 0; transform: translate3d(100%,0,0) rotate(120deg) } } .rollOut { -webkit-animation-name: rollOut; animation-name: rollOut } @-webkit-keyframes zoomIn { 0% { -webkit-transform: scale3d(.3,.3,.3); opacity: 0; transform: scale3d(.3,.3,.3) } 50% { opacity: 1 } } @keyframes zoomIn { 0% { -webkit-transform: scale3d(.3,.3,.3); opacity: 0; transform: scale3d(.3,.3,.3) } 50% { opacity: 1 } } .zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn } @-webkit-keyframes zoomInDown { 0% { -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); animation-timing-function: cubic-bezier(.55,.055,.675,.19); opacity: 0; transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0) } 60% { -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); animation-timing-function: cubic-bezier(.175,.885,.32,1); opacity: 1; transform: scale3d(.475,.475,.475) translate3d(0,60px,0) } } @keyframes zoomInDown { 0% { -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); animation-timing-function: cubic-bezier(.55,.055,.675,.19); opacity: 0; transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0) } 60% { -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); animation-timing-function: cubic-bezier(.175,.885,.32,1); opacity: 1; transform: scale3d(.475,.475,.475) translate3d(0,60px,0) } } .zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown } @-webkit-keyframes zoomInLeft { 0% { -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); animation-timing-function: cubic-bezier(.55,.055,.675,.19); opacity: 0; transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0) } 60% { -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0); animation-timing-function: cubic-bezier(.175,.885,.32,1); opacity: 1; transform: scale3d(.475,.475,.475) translate3d(10px,0,0) } } @keyframes zoomInLeft { 0% { -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); animation-timing-function: cubic-bezier(.55,.055,.675,.19); opacity: 0; transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0) } 60% { -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0); animation-timing-function: cubic-bezier(.175,.885,.32,1); opacity: 1; transform: scale3d(.475,.475,.475) translate3d(10px,0,0) } } .zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft } @-webkit-keyframes zoomInRight { 0% { -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); animation-timing-function: cubic-bezier(.55,.055,.675,.19); opacity: 0; transform: scale3d(.1,.1,.1) translate3d(1000px,0,0) } 60% { -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); animation-timing-function: cubic-bezier(.175,.885,.32,1); opacity: 1; transform: scale3d(.475,.475,.475) translate3d(-10px,0,0) } } @keyframes zoomInRight { 0% { -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); animation-timing-function: cubic-bezier(.55,.055,.675,.19); opacity: 0; transform: scale3d(.1,.1,.1) translate3d(1000px,0,0) } 60% { -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); animation-timing-function: cubic-bezier(.175,.885,.32,1); opacity: 1; transform: scale3d(.475,.475,.475) translate3d(-10px,0,0) } } .zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight } @-webkit-keyframes zoomInUp { 0% { -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); animation-timing-function: cubic-bezier(.55,.055,.675,.19); opacity: 0; transform: scale3d(.1,.1,.1) translate3d(0,1000px,0) } 60% { -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); animation-timing-function: cubic-bezier(.175,.885,.32,1); opacity: 1; transform: scale3d(.475,.475,.475) translate3d(0,-60px,0) } } @keyframes zoomInUp { 0% { -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); animation-timing-function: cubic-bezier(.55,.055,.675,.19); opacity: 0; transform: scale3d(.1,.1,.1) translate3d(0,1000px,0) } 60% { -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); animation-timing-function: cubic-bezier(.175,.885,.32,1); opacity: 1; transform: scale3d(.475,.475,.475) translate3d(0,-60px,0) } } .zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp } @-webkit-keyframes zoomOut { 0% { opacity: 1 } 50% { -webkit-transform: scale3d(.3,.3,.3); opacity: 0; transform: scale3d(.3,.3,.3) } to { opacity: 0 } } @keyframes zoomOut { 0% { opacity: 1 } 50% { -webkit-transform: scale3d(.3,.3,.3); opacity: 0; transform: scale3d(.3,.3,.3) } to { opacity: 0 } } .zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut } @-webkit-keyframes zoomOutDown { 40% { -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); animation-timing-function: cubic-bezier(.55,.055,.675,.19); opacity: 1; transform: scale3d(.475,.475,.475) translate3d(0,-60px,0) } to { -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); -webkit-transform-origin: center bottom; animation-timing-function: cubic-bezier(.175,.885,.32,1); opacity: 0; transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); transform-origin: center bottom } } @keyframes zoomOutDown { 40% { -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); animation-timing-function: cubic-bezier(.55,.055,.675,.19); opacity: 1; transform: scale3d(.475,.475,.475) translate3d(0,-60px,0) } to { -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); -webkit-transform-origin: center bottom; animation-timing-function: cubic-bezier(.175,.885,.32,1); opacity: 0; transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); transform-origin: center bottom } } .zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown } @-webkit-keyframes zoomOutLeft { 40% { -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0); opacity: 1; transform: scale3d(.475,.475,.475) translate3d(42px,0,0) } to { -webkit-transform: scale(.1) translate3d(-2000px,0,0); -webkit-transform-origin: left center; opacity: 0; transform: scale(.1) translate3d(-2000px,0,0); transform-origin: left center } } @keyframes zoomOutLeft { 40% { -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0); opacity: 1; transform: scale3d(.475,.475,.475) translate3d(42px,0,0) } to { -webkit-transform: scale(.1) translate3d(-2000px,0,0); -webkit-transform-origin: left center; opacity: 0; transform: scale(.1) translate3d(-2000px,0,0); transform-origin: left center } } .zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft } @-webkit-keyframes zoomOutRight { 40% { -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); opacity: 1; transform: scale3d(.475,.475,.475) translate3d(-42px,0,0) } to { -webkit-transform: scale(.1) translate3d(2000px,0,0); -webkit-transform-origin: right center; opacity: 0; transform: scale(.1) translate3d(2000px,0,0); transform-origin: right center } } @keyframes zoomOutRight { 40% { -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); opacity: 1; transform: scale3d(.475,.475,.475) translate3d(-42px,0,0) } to { -webkit-transform: scale(.1) translate3d(2000px,0,0); -webkit-transform-origin: right center; opacity: 0; transform: scale(.1) translate3d(2000px,0,0); transform-origin: right center } } .zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight } @-webkit-keyframes zoomOutUp { 40% { -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); animation-timing-function: cubic-bezier(.55,.055,.675,.19); opacity: 1; transform: scale3d(.475,.475,.475) translate3d(0,60px,0) } to { -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); -webkit-transform-origin: center bottom; animation-timing-function: cubic-bezier(.175,.885,.32,1); opacity: 0; transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform-origin: center bottom } } @keyframes zoomOutUp { 40% { -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); animation-timing-function: cubic-bezier(.55,.055,.675,.19); opacity: 1; transform: scale3d(.475,.475,.475) translate3d(0,60px,0) } to { -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); -webkit-transform-origin: center bottom; animation-timing-function: cubic-bezier(.175,.885,.32,1); opacity: 0; transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform-origin: center bottom } } .zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp } @-webkit-keyframes slideInDown { 0% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInDown { 0% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown } @-webkit-keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInLeft { 0% { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft } @-webkit-keyframes slideInRight { 0% { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInRight { 0% { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight } @-webkit-keyframes slideInUp { 0% { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } @keyframes slideInUp { 0% { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible } to { -webkit-transform: translateZ(0); transform: translateZ(0) } } .slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp } @-webkit-keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: hidden } } @keyframes slideOutDown { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: hidden } } .slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown } @-webkit-keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: hidden } } @keyframes slideOutLeft { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: hidden } } .slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft } @-webkit-keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: hidden } } @keyframes slideOutRight { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: hidden } } .slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight } @-webkit-keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: hidden } } @keyframes slideOutUp { 0% { -webkit-transform: translateZ(0); transform: translateZ(0) } to { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: hidden } } .slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp } .animated { -webkit-animation-duration: 1s; -webkit-animation-fill-mode: both; animation-duration: 1s; animation-fill-mode: both } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s } .animated.fast { -webkit-animation-duration: .8s; animation-duration: .8s } .animated.faster { -webkit-animation-duration: .5s; animation-duration: .5s } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s } @media (prefers-reduced-motion) { .animated { -webkit-animation: unset !important; -webkit-transition: none !important; animation: unset !important; transition: none !important } } @-webkit-keyframes vtex-render-runtime-8-x-slide { 0% { transform: translate3d(-50%,0,0) } to { transform: translateZ(0) } } @keyframes vtex-render-runtime-8-x-slide { 0% { transform: translate3d(-50%,0,0) } to { transform: translateZ(0) } } .vtex-render-runtime-8-x-slide { -webkit-animation: vtex-render-runtime-8-x-slide 1.5s linear infinite; animation: vtex-render-runtime-8-x-slide 1.5s linear infinite } .vtex-render-runtime-8-x-lazyload.lazyload { opacity: 0 } @layer sl-tokens { :root { --sl-space-0: 0rem; --sl-space-1: .25rem; --sl-space-2: .5rem; --sl-space-3: .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: .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: .25rem; --sl-radius-2: .5rem; --sl-radius-3: .75rem; --sl-radius-full: 9999rem; --sl-focus-ring-base: 0rem 0rem 0rem .0625rem var(--sl-color-gray-0),0rem 0rem 0rem .1875rem var(--sl-color-gray-5); --sl-focus-ring-critical: 0rem 0rem 0rem .0625rem var(--sl-color-gray-0),0rem 0rem 0rem .1875rem var(--sl-color-red-6); --sl-focus-ring-accent: 0rem 0rem 0rem .0625rem var(--sl-color-gray-0),0rem 0rem 0rem .1875rem var(--sl-color-blue-6); --sl-shadow-1: 0rem .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: .75rem; --sl-font-size-2: .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) } @-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 } @-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 } .mxmoto-motorola-components-2-x-modal { background-color: rgba(0,0,0,.75); width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 9999; display: none; justify-content: center; align-items: center } .mxmoto-motorola-components-2-x-modal ::-webkit-scrollbar { width: 7px } .mxmoto-motorola-components-2-x-modal ::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #bfbfbf; border-radius: 4px } .mxmoto-motorola-components-2-x-modal ::-webkit-scrollbar-thumb { background: #ff5d4d; border-radius: 4px } .mxmoto-motorola-components-2-x-modal__dialog { padding: 10px; color: #000; position: relative } .mxmoto-motorola-components-2-x-modal__dialog--button-close { position: absolute; right: 9px; float: right; font-size: 1.5rem; cursor: pointer } .mxmoto-motorola-components-2-x-modal__dialog--children { margin: 0 } .mxmoto-motorola-components-2-x-modal-open { display: grid } .modal_macan_home { padding: 0 !important; border-radius: 5px; color: #000 !important; background-color: #fff; background-repeat: no-repeat; max-width: 100%; position: relative } .modal_macan_home .mxmoto-motorola-components-2-x-modal__dialog--button-close { color: #000; border-radius: 50%; cursor: pointer; justify-content: center; padding: 0 10px 3px; z-index: 100; border: 3px solid; right: 20px; top: 20px; background: none; position: absolute; display: block !important } @media (max-width: 1023px) { .modal_macan_home .mxmoto-motorola-components-2-x-modal__dialog--button-close { color:#fff; top: 5px; right: 5px } } .modal_macan_home form { width: 100%; margin: auto } @media (max-width: 1023px) { .modal_macan_home form { margin:0; height: 100% } } .modal_macan_home form .modal_macan_home__container { display: flex; flex-direction: row; position: relative; height: 100% } @media (max-width: 1023px) { .modal_macan_home form .modal_macan_home__container { flex-direction:column } } .modal_macan_home form .modal_macan_home__container--left { display: flex; justify-content: center; align-items: flex-end; position: inherit } @media (min-width: 1024px) { .modal_macan_home form .modal_macan_home__container--left { width:100%; height: 100% } } .modal_macan_home form .modal_macan_home__container--left h2 { font-size: 20px } @media (min-width: 1024px) { .modal_macan_home form .modal_macan_home__container--left h2 { font-size:36px } } .modal_macan_home form .modal_macan_home__container--left .img-background { content: url("/arquivos/Pop UP _Mobile 720x400px.png") } @media (min-width: 1024px) { .modal_macan_home form .modal_macan_home__container--left .img-background { content:url("/arquivos/Pop UP _Desktop 788x464px-.png") } } .modal_macan_home form .modal_macan_home__container--right { width: 100%; bottom: 8%; padding: 10px 20px } @media (min-width: 1024px) { .modal_macan_home form .modal_macan_home__container--right { width:55%; right: 12px; top: 50px; position: absolute; padding: 0 10px } } .modal_macan_home form .modal_macan_home__container--right h3 { font-size: 20px; font-weight: 400 } @media (min-width: 1024px) { .modal_macan_home form .modal_macan_home__container--right h3 { margin-bottom:30px } } .modal_macan_home form .modal_macan_home__container--right h3 span { font-weight: 700; font-size: 15px } @media (min-width: 1024px) { .modal_macan_home form .modal_macan_home__container--right h3 span { font-size:15px } } .modal_macan_home form .modal_macan_home__container--right .row-1 { width: 100%; display: flex; justify-content: space-between; flex-direction: column; gap: 20px } @media (min-width: 1024px) { .modal_macan_home form .modal_macan_home__container--right .row-1 { flex-direction:row; margin-top: 30px } } .modal_macan_home form .modal_macan_home__container--right .row-2 { position: relative } .modal_macan_home form .modal_macan_home__container--right .row-2 .email-error { position: absolute; font-size: 11px; color: red; left: 0; bottom: -15px } @media (max-width: 1023px) { .modal_macan_home form .modal_macan_home__container--right .row-2 { margin-bottom:5px !important } } .modal_macan_home form .modal_macan_home__container--right .row-1,.modal_macan_home form .modal_macan_home__container--right .row-2 { width: 100%; margin: 20px 0 } .modal_macan_home form .modal_macan_home__container--right .row-1 input,.modal_macan_home form .modal_macan_home__container--right .row-2 input { width: 100%; border-radius: 4px; height: 35px; padding: 10px 16px; font-size: 16px; line-height: 1.3333333; color: #001428; background-color: #fff; background-image: none; border: 1.5px solid #001428; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out } .modal_macan_home form .modal_macan_home__container--right .row-1 input::-moz-placeholder,.modal_macan_home form .modal_macan_home__container--right .row-2 input::-moz-placeholder { color: #001428; font-size: 14px } .modal_macan_home form .modal_macan_home__container--right .row-1 input:-ms-input-placeholder,.modal_macan_home form .modal_macan_home__container--right .row-2 input:-ms-input-placeholder { color: #001428; font-size: 14px } .modal_macan_home form .modal_macan_home__container--right .row-1 input::-ms-input-placeholder,.modal_macan_home form .modal_macan_home__container--right .row-2 input::-ms-input-placeholder { color: #001428; font-size: 14px } .modal_macan_home form .modal_macan_home__container--right .row-1 input::placeholder,.modal_macan_home form .modal_macan_home__container--right .row-2 input::placeholder { color: #001428; font-size: 14px } .modal_macan_home form .modal_macan_home__container--right .row-3 { font-size: 14px; margin-top: 20px; display: flex; align-items: center; gap: 20px } @media (max-width: 1023px) { .modal_macan_home form .modal_macan_home__container--right .row-3 { gap:0; flex-direction: column; align-items: flex-start; margin-top: 0 } .modal_macan_home form .modal_macan_home__container--right .row-3 p { margin-bottom: 5px } } .modal_macan_home form .modal_macan_home__container--right .row-3 .fieldset { border: none; padding: 0; display: flex; gap: 20px } .modal_macan_home form .modal_macan_home__container--right .row-3 .fieldset label { display: flex; align-items: center } .modal_macan_home form .modal_macan_home__container--right .row-3 .fieldset input { margin-right: 6px; accent-color: #001428; width: 1.3em; height: 1.3em } .modal_macan_home form .modal_macan_home__container--right .text-politics { margin-top: 25px } @media (min-width: 1024px) { .modal_macan_home form .modal_macan_home__container--right .text-politics { margin-top:5px } } .modal_macan_home form .modal_macan_home__container--right .text-politics .newsletter { display: flex; gap: 7px; align-items: flex-start } .modal_macan_home form .modal_macan_home__container--right .text-politics .newsletter input { width: 1.6em; height: 1.6em; margin-top: -6px; accent-color: #001428 } .modal_macan_home form .modal_macan_home__container--right .text-politics a,.modal_macan_home form .modal_macan_home__container--right .text-politics label { font-size: 12px; font-weight: 400 } .modal_macan_home form .modal_macan_home__container--right .text-politics a { color: #000 } .modal_macan_home form .modal_macan_home__container--right .text-politics ul { font-size: 11px; padding: 0 0 0 12px } .modal_macan_home form .modal_macan_home__container--right .contact-submit { cursor: pointer; border-radius: 50px; padding: 10px 16px; font-size: 16px; text-align: center; vertical-align: middle; position: absolute; right: 20px; color: #fff; background: #0e77da; border: 2px solid; font-weight: 700; bottom: 5px; width: 32% } @media (min-width: 1024px) { .modal_macan_home form .modal_macan_home__container--right .contact-submit { right:40px; bottom: -25px; width: 25% } } .modal_macan_home .mxmoto-motorola-components-2-x-modal__dialog--children { height: 100%; display: flex; justify-content: center; align-items: center } .modal_macan_home.bg-desktop { background-image: url("/arquivos/Pop UP _Mobile 720x400px.png"); background-size: contain } .modal_macan_home.bg-desktop .mxmoto-motorola-components-2-x-modal__dialog--button-close { color: #fff } @media (min-width: 1024px) { .modal_macan_home.bg-desktop .mxmoto-motorola-components-2-x-modal__dialog--button-close { color:#000 } } @media (min-width: 1024px) { .modal_macan_home.bg-desktop { background-image:url("/arquivos/Pop UP _Desktop 788x464px-.png") } } @media (min-width: 1024px) { .modal_macan_home.bg-desktop .mxmoto-motorola-components-2-x-modal__dialog--children { height:100%; display: flex; justify-content: flex-end; align-items: center } } .modal_macan_home.bg-desktop .sent-succesfully { color: #000; height: 100%; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; right: 40px } .modal_macan_home.bg-desktop .sent-succesfully h2 { font-weight: 400; font-size: 20px } @media (min-width: 1024px) { .modal_macan_home.bg-desktop .sent-succesfully h2 { font-size:20px } } .modal_macan_home.bg-desktop .sent-succesfully p { font-size: 18px; color: #0e77da } @media (max-width: 1023px) { .modal_macan_home.bg-desktop .sent-succesfully { margin:0 20px; right: auto } } .mxmoto-motorola-components-X7fBOCkaJDVTbl6IfRhCX { box-shadow: 0 6px 20px rgba(0,0,0,.16) } .mxmoto-motorola-components-7RupWpiqS-tp242MEK8mB { max-width: 1390px } @media (min-width: 1024px) { .mxmoto-motorola-components-7RupWpiqS-tp242MEK8mB { max-width:none } } .mxmoto-motorola-components-7RupWpiqS-tp242MEK8mB .vtex-input__suffix,.mxmoto-motorola-components-7RupWpiqS-tp242MEK8mB .vtex-styleguide-9-x-input { line-height: 20px; font-family: Montserrat; background: #f7f7f8 } .mxmoto-motorola-components-2eoG07v3Ugvwsz-cI4hpYu { height: 67px; flex-direction: row-reverse } .mxmoto-motorola-components-2eoG07v3Ugvwsz-cI4hpYu .vtex-input__suffix,.mxmoto-motorola-components-2eoG07v3Ugvwsz-cI4hpYu .vtex-styleguide-9-x-input { border-color: none; background: #fff } .mxmoto-motorola-components-1GaeD7jtQGUgrS--sT3e2C,.mxmoto-motorola-components-3P1oEfM1qvA31uX8GNStdA { height: 120px } @media (max-width: 1023px) { .mxmoto-motorola-components-1GaeD7jtQGUgrS--sT3e2C,.mxmoto-motorola-components-3P1oEfM1qvA31uX8GNStdA { height:130px } } @media (min-width: 1024px) { .mxmoto-motorola-components-7RupWpiqS-tp242MEK8mB { height:139px } .mxmoto-motorola-components-2eoG07v3Ugvwsz-cI4hpYu { height: 77px } } .mxmoto-motorola-components-1qFMmb-A-oP9IY5D3n9Qyv { height: 139px } @media (min-width: 1024px) { .mxmoto-motorola-components-1qFMmb-A-oP9IY5D3n9Qyv { height:139px } } .mxmoto-motorola-components-10AXPR8YuXeGNH3DvKpvVL { order: 3 } .mxmoto-motorola-components-ytSdHkainCgOc3yKpfRbQ { background: rgba(0,20,40,.9176470588); border-top: 4px solid #001428 } .mxmoto-motorola-components-1mW1BjN5Vrmnd3MAEO1O7v { align-items: center } .mxmoto-motorola-components-1djzrpDRHJBC8gRerfvJXu { color: #cf4039 } .mxmoto-motorola-components-204Uwe-MZU4O8oAkxAXb6i { background: #cf4039; color: #fff; text-transform: uppercase; font-size: 11px; letter-spacing: 1px; padding: 15px 55px; border-radius: 5px; border: 1px solid #cf4039; border-bottom: 4px solid #bf3b35; cursor: pointer; outline: 0; transition: background .4s; width: 100% } @media (max-width: 768px) { .mxmoto-motorola-components-1mW1BjN5Vrmnd3MAEO1O7v>div { width:100% } } .mxmoto-motorola-components-2-x-modalDiscountContainer { width: 65%; z-index: 1000; top: 50%; left: 50%; background: #001428; transform: translate(-50%,-50%); position: fixed; padding: 2.5rem; height: 90%; border-radius: 10px } @media (max-width: 540px) { .mxmoto-motorola-components-2-x-modalDiscountContainer { padding:1rem; width: 100%; height: 90%; border-radius: 0 } } @media (max-width: 400px) { .mxmoto-motorola-components-2-x-modalDiscountContainer { height:100% } } .mxmoto-motorola-components-2-x-modalDiscountContainer h1 { text-align: center; font-size: 1.5rem; color: #fff; display: block; margin: .3rem .3rem 1rem; font-weight: 300; text-transform: uppercase } .mxmoto-motorola-components-2-x-modalDiscountContainer h1 strong { color: #ff554d } @media (max-width: 400px) { .mxmoto-motorola-components-2-x-modalDiscountContainer h1 { font-size:1.2rem } } .mxmoto-motorola-components-2-x-closeModalContainer { justify-content: flex-end; width: 100% } .mxmoto-motorola-components-2-x-closeModalContainer button { background-color: transparent; font-size: 18px; color: #fff; border: none; transition: all .3s ease; box-shadow: none; font-family: Montserrat,sans-serif; cursor: pointer } .mxmoto-motorola-components-2-x-closeModalContainer button:hover { -webkit-filter: brightness(.8); filter: brightness(.8) } .mxmoto-motorola-components-2-x-modalContent { max-height: 85%; overflow-y: auto; color: #fff; padding-right: 10px; text-align: justify; line-height: 1.5; width: 100% } @media (max-width: 540px) { .mxmoto-motorola-components-2-x-modalContent { font-size:12px } } .mxmoto-motorola-components-2-x-modalContent p { margin: 0 } .mxmoto-motorola-components-2-x-modalContent::-webkit-scrollbar { width: 8px } .mxmoto-motorola-components-2-x-modalContent::-webkit-scrollbar-track { background: #001428 } .mxmoto-motorola-components-2-x-modalContent::-webkit-scrollbar-thumb { background: #ddc8b7; border-radius: 20px } .mxmoto-motorola-components-3Ku-oVWQ4yI0qgMNxtReEn { position: relative; z-index: 9999 } .mxmoto-motorola-components-2dB1FNCRZHmEvYpMs1mqzc { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 1; background: rgba(0,0,0,.5) } .mxmoto-motorola-components-2Be154wMKhOFjzXI2YRC25 { width: 65%; top: 50%; left: 50%; background: #001428; transform: translate(-50%,-50%); z-index: 2; position: fixed; padding: 3rem } @media (max-width: 540px) { .mxmoto-motorola-components-2Be154wMKhOFjzXI2YRC25 { padding:2.2rem; width: 85% } } @media (max-width: 400px) { .mxmoto-motorola-components-2Be154wMKhOFjzXI2YRC25 { padding:1.8rem; width: 100% } } .mxmoto-motorola-components-2Be154wMKhOFjzXI2YRC25 p,.mxmoto-motorola-components-2P42P_R97x5PADRS3tnMQL { text-align: center; margin-bottom: 1rem; color: #ddc8b7; font-size: .7rem } .mxmoto-motorola-components-1EJ0glHz-f7ZPeNuHmYP98 { text-align: center; font-size: 1.5rem; color: #fff; display: block; margin-bottom: 1rem; font-weight: 300; text-transform: uppercase } .mxmoto-motorola-components-1EJ0glHz-f7ZPeNuHmYP98 strong { color: #ff554d } @media (max-width: 400px) { .mxmoto-motorola-components-1EJ0glHz-f7ZPeNuHmYP98 { font-size:1.2rem } } .mxmoto-motorola-components-9KnavhzKW17hsKz5peIBC { text-align: center; font-size: .9rem; line-height: 1.8; color: #ddc8b7; display: block; margin-bottom: 1rem } @media (max-width: 400px) { .mxmoto-motorola-components-9KnavhzKW17hsKz5peIBC { font-size:.7rem } } .mxmoto-motorola-components-3VWYRFkjb61AoiXgPbM8ve { width: 100% } .mxmoto-motorola-components-3VWYRFkjb61AoiXgPbM8ve .vtex-login-2-x-loginOptionsContainer .vtex-button { background: #001428 !important; transition: all .3s ease } .mxmoto-motorola-components-3VWYRFkjb61AoiXgPbM8ve .vtex-login-2-x-loginOptionsContainer .vtex-button:hover { background: #030725 !important } .mxmoto-motorola-components-3VWYRFkjb61AoiXgPbM8ve>div { width: 100%; min-width: 100%; max-width: 100%; height: auto; min-height: auto; background: none } .mxmoto-motorola-components-3VWYRFkjb61AoiXgPbM8ve>div h3,.mxmoto-motorola-components-3VWYRFkjb61AoiXgPbM8ve>div p { color: #ddc8b7; text-align: center; font-weight: 400; font-size: .9rem } .mxmoto-motorola-components-3VWYRFkjb61AoiXgPbM8ve>div span { color: #ddc8b7 } @media (max-width: 400px) { .mxmoto-motorola-components-3VWYRFkjb61AoiXgPbM8ve h3 { font-size:.7rem } } .mxmoto-motorola-components-3aR-rPL2JM5z4pNGJ6QoCY { width: 100% } .mxmoto-motorola-components-3aR-rPL2JM5z4pNGJ6QoCY button { color: #ddc8b7; font-size: 12px; cursor: pointer; background-color: transparent; border: 0; transition: all .3s ease; font-family: Montserrat,sans-serif } .mxmoto-motorola-components-3aR-rPL2JM5z4pNGJ6QoCY button:hover { -webkit-filter: brightness(.9); filter: brightness(.9) } .chat-mia { position: fixed; bottom: -9px; right: -6px; width: 100px; z-index: 9999 } @media (min-width: 1024px) { .chat-mia { right:0 } } .chat-mia img { cursor: pointer } .chat-mia .mxmoto-motorola-components-2-x-modal__dialog { position: absolute; top: 24%; left: 20px } @media (min-width: 1024px) { .chat-mia .mxmoto-motorola-components-2-x-modal__dialog { bottom:10px; right: 10px; top: auto; left: auto } } .chat-mia .mxmoto-motorola-components-2-x-modal__dialog--children { width: 90%; height: 100%; margin: auto; display: flex; align-items: center } .chat-mia .mxmoto-motorola-components-2-x-modal__dialog--children form { display: flex; flex-direction: column; align-items: center } .chat-mia .mxmoto-motorola-components-2-x-modal__dialog--children form h3,.chat-mia .mxmoto-motorola-components-2-x-modal__dialog--children form label { color: #fff } .chat-mia .mxmoto-motorola-components-2-x-modal__dialog--children form h3 { text-align: center; font-weight: 500 } .chat-mia .mxmoto-motorola-components-2-x-modal__dialog--children form div { width: 100%; display: flex; align-items: center; margin-bottom: 20px } .chat-mia .mxmoto-motorola-components-2-x-modal__dialog--children form div label { width: 30% } .chat-mia .mxmoto-motorola-components-2-x-modal__dialog--children form div input { width: 70%; height: 30px } .chat-mia .mxmoto-motorola-components-2-x-modal__dialog--children form button { height: 35px; border-radius: 25px } .chat-mia .mxmoto-motorola-components-2-x-modal__dialog--button-close { border: none; background: #ff554d; border-radius: 50%; color: #fff; width: 25px; height: 25px; font-size: 15px } .mxmoto-motorola-components-2HUepdYR8jq5FeIuYZaLp { position: fixed; display: flex; width: 100%; height: 50px; background-color: #001428; color: #fff; padding: 5px 0; border: none; z-index: 1; margin-top: 11.5rem; left: 0 } @media screen and (max-width: 1024px) { .mxmoto-motorola-components-2HUepdYR8jq5FeIuYZaLp { margin-top:6.5rem; height: 45px } } @media (min-width: 1025px) { .mxmoto-motorola-components-2HUepdYR8jq5FeIuYZaLp { margin-top:11.5rem } } .mxmoto-motorola-components-2HUepdYR8jq5FeIuYZaLp .mxmoto-motorola-components-3q7kPpsjgfhXe4m-02Lu9M { font-size: 16px; display: flex; align-items: center } @media screen and (max-width: 829px) { .mxmoto-motorola-components-2HUepdYR8jq5FeIuYZaLp .mxmoto-motorola-components-3q7kPpsjgfhXe4m-02Lu9M { font-size:11.5px; margin-left: 10px; margin-right: 10px; text-align: center } } .mxmoto-motorola-components-2HUepdYR8jq5FeIuYZaLp .mxmoto-motorola-components-3q7kPpsjgfhXe4m-02Lu9M i { font-size: .7rem } .mxmoto-motorola-components-2HUepdYR8jq5FeIuYZaLp .mxmoto-motorola-components-3q7kPpsjgfhXe4m-02Lu9M img { margin-right: 1rem; max-width: 100px !important; height: 22px } @media screen and (max-width: 1024px) { .mxmoto-motorola-components-GeqlnRXqNu46m2lcMksXY { margin-top:3.1rem } } @media (min-width: 1025px) { .mxmoto-motorola-components-GeqlnRXqNu46m2lcMksXY { margin-top:3.8rem } } .mxmoto-motorola-components-2y6Wj0awrgYZELPZ2rh0S_ { display: none } .mxmoto-motorola-components-2LF2wSAfDl_vTWajM6WAPQ { font-size: 10px; color: #001428; max-width: 20rem } .mxmoto-motorola-components-1cWA2UEqUeJl_Z919j0L__ { background: #08344e; color: #fff } @media (max-width: 1023px) { .mxmoto-motorola-components-3BARMMRMaYxTpaUPBQvqml { font-size:8px } } @media (max-width: 1250px) { .mxmoto-motorola-components-2LF2wSAfDl_vTWajM6WAPQ { display:none } } @media (min-width: 1251px) { .mxmoto-motorola-components-1cWA2UEqUeJl_Z919j0L__ { display:none } } .mxmoto-motorola-components-2l1b0vQWw86ZF_TOASQJkN { max-height: 500px } .mxmoto-motorola-components-2l1b0vQWw86ZF_TOASQJkN::-webkit-scrollbar { width: 7px } .mxmoto-motorola-components-2l1b0vQWw86ZF_TOASQJkN::-webkit-scrollbar-thumb { background: #001428; border-radius: 4px } .mxmoto-motorola-components-2l1b0vQWw86ZF_TOASQJkN::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #bfbfbf; border-radius: 4px } .mxmoto-motorola-components-29aFNEAm5f-oViWRdU0yNN:nth-child(odd) { flex-direction: row-reverse } .mxmoto-motorola-components-29aFNEAm5f-oViWRdU0yNN:nth-child(2n) .mxmoto-motorola-components-2C99RtgCPUMNGSWp7X3imN { padding-left: 10px } .mxmoto-motorola-components-29aFNEAm5f-oViWRdU0yNN:nth-child(odd) .mxmoto-motorola-components-2C99RtgCPUMNGSWp7X3imN { padding-right: 10px } .mxmoto-motorola-components-2aoRHMxcPFwUo457dm6JdC .c-on-action-primary,.mxmoto-motorola-components-2aoRHMxcPFwUo457dm6JdC .c-on-base,.mxmoto-motorola-components-2aoRHMxcPFwUo457dm6JdC .c-on-base--inverted { color: #001428 !important; font-family: Montserrat } .mxmoto-motorola-components-2aoRHMxcPFwUo457dm6JdC .vtex-store-components-3-x-portalContainer--header__search-bar { position: absolute !important; transform: translateY(42px); width: 100% !important } .mxmoto-motorola-components-2aoRHMxcPFwUo457dm6JdC .vtex-store-components-3-x-portalWrapper--header__search-bar>.flex.justify-end>.absolute { position: static !important; width: 100% !important } .mxmoto-motorola-components-2aoRHMxcPFwUo457dm6JdC .vtex-store-components-3-x-portalWrapper--header__search-bar>.flex.justify-end { position: static !important } .mxmoto-motorola-components-2aoRHMxcPFwUo457dm6JdC .vtex-store-components-3-x-searchBarContainer { padding: 0; border: 1px solid #e8e8e8; border-radius: 8px } @media (max-width: 1023px) { .mxmoto-motorola-components-2aoRHMxcPFwUo457dm6JdC .vtex-store-components-3-x-searchBarContainer { max-width:unset } } .mxmoto-motorola-components-2aoRHMxcPFwUo457dm6JdC svg:after { display: none } .mxmoto-motorola-components-mVWoKW-t_j_aF9zF1SZCR { width: 55%; flex: 1; max-width: 55%; -webkit-animation: mxmoto-motorola-components-IHuTz59kCMmFUWh-sdN-U .3s ease-in-out; animation: mxmoto-motorola-components-IHuTz59kCMmFUWh-sdN-U .3s ease-in-out } @media (max-width: 1023px) { .mxmoto-motorola-components-2RIFzRyOeXhoLZ-g6Kbv0F { width:90%; order: 2; padding-bottom: 0; justify-content: center } .mxmoto-motorola-components-mVWoKW-t_j_aF9zF1SZCR { max-width: unset; -webkit-animation: none; animation: none } } @media (max-width: 768px) { .mxmoto-motorola-components-2RIFzRyOeXhoLZ-g6Kbv0F { width:85% } } @-webkit-keyframes mxmoto-motorola-components-IHuTz59kCMmFUWh-sdN-U { 0% { transform: translateX(-90px) } to { transform: translateX(0) } } @keyframes mxmoto-motorola-components-IHuTz59kCMmFUWh-sdN-U { 0% { transform: translateX(-90px) } to { transform: translateX(0) } } .mxmoto-motorola-components-3Ou4tcNvJYaomSt5k6niYi { height: 30px; width: 30px } .mxmoto-motorola-components-1n2Za57D-0F0aBqyrjA9P_ { position: relative; height: auto; width: 118.5px } .mxmoto-motorola-components-6Ba2DUVITikkuN-mOnshq { -webkit-filter: none; filter: none } .mxmoto-motorola-components-PCtiqJpFXcjSIwYDIwgr3 { background: rgba(3,4,78,.5215686275) } .mxmoto-motorola-components-JaSo3Fh0lwgHNU6YWO-ua { font-family: Montserrat } .mxmoto-motorola-components-33ho4rXkcLUiea7MLqDMhT { max-height: calc(100vh - 4rem); overflow: auto } .mxmoto-motorola-components-33ho4rXkcLUiea7MLqDMhT::-webkit-scrollbar { width: 7px } .mxmoto-motorola-components-33ho4rXkcLUiea7MLqDMhT::-webkit-scrollbar-thumb { background: #ff5d4d; border-radius: 4px } @media (max-width: 1023px) { .mxmoto-motorola-components-33ho4rXkcLUiea7MLqDMhT { height:calc(100vh - 4rem); overflow: scroll } } .mxmoto-motorola-components-2xnC3IgcjCAAc4S3dBPYnY:not(:last-child) { border-bottom: 1px solid #e4e4e4 } .mxmoto-motorola-components-7EKsA6-Pu5Q7yLg2WPY8u { -webkit-filter: drop-shadow(0 2px 5px rgba(0,0,0,.1)); filter: drop-shadow(0 2px 5px rgba(0,0,0,.1)); transition: all .3s ease-in-out; transform: translateY(-10px); visibility: hidden } .mxmoto-motorola-components-7EKsA6-Pu5Q7yLg2WPY8u:before { content: ""; width: 0; max-height: 0; border-left: 25px solid transparent; border-right: 25px solid transparent; border-bottom: 25px solid #fff; position: absolute; top: -15px } .mxmoto-motorola-components-ylpCMyHW5KambBPXTR9uv { opacity: 1; transform: translateY(0); visibility: visible } .mxmoto-motorola-components-30cxlOa5x_xnwJktTofZjy { width: 22px; height: auto; max-width: unset } .mxmoto-motorola-components-McdAe6bG4GBzwpu5F7AsU { -webkit-filter: none; filter: none } @media (max-width: 1023px) { .mxmoto-motorola-components-30cxlOa5x_xnwJktTofZjy { width:20px } } .mxmoto-motorola-components-30cxlOa5x_xnwJktTofZjy[data-src="https://mxmoto.vtexassets.com/arquivos/header-white-opt-news.png"] { width: 28px } .mxmoto-motorola-components-3tIZnPENsUQVMeVx9vRgo7 { line-height: 14px; max-width: none; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #001428 } .mxmoto-motorola-components-1JozBIoTGXqQZmLZTwtiVV { font-size: 10px } .mxmoto-motorola-components-2dmopjXbyFp8-EB3_q1tE8 { width: 50% } @media (max-width: 1023px) { .mxmoto-motorola-components-2dmopjXbyFp8-EB3_q1tE8 { width:50%; gap: 5px !important } .mxmoto-motorola-components-2dmopjXbyFp8-EB3_q1tE8 .mxmoto-motorola-components-2AnXwPgiwGUJAKtwpX_GQA,.mxmoto-motorola-components-3uT6X6mRihoUr8LfkGIwsd .mxmoto-motorola-components-XKln0ZJafNo2lqpO0jDN6 { display: none } } .mxmoto-motorola-components-XKln0ZJafNo2lqpO0jDN6 { color: inherit } .mxmoto-motorola-components-3IANZcO5Rk_YwGt_6E7x0n .vtex-store-header-2-x-headerStickyRow .vtex-store-header-2-x-headerRowContentContainer { background-color: #fbf9f7 } .mxmoto-motorola-components-1yWVBVHF9HC7JXlYBFq5GB { width: 100% } .mxmoto-motorola-components-298OcgrGXKbSObwOf2ICug { width: auto; min-width: 45%; -webkit-animation: mxmoto-motorola-components-2TpAIPcu140JpDu1vtT-Ks .3s ease-in-out; animation: mxmoto-motorola-components-2TpAIPcu140JpDu1vtT-Ks .3s ease-in-out; overflow: hidden } @media (min-width: 1024px) { .mxmoto-motorola-components-2o7MFSR5l9enyC10Arhu0Y { border-top:1px solid #ebebeb } } @media (max-width: 1023px) { .mxmoto-motorola-components-1yWVBVHF9HC7JXlYBFq5GB { width:10%; order: 3 } .mxmoto-motorola-components-298OcgrGXKbSObwOf2ICug { -webkit-animation: none; animation: none; min-width: unset } } @media (max-width: 768px) { .mxmoto-motorola-components-1yWVBVHF9HC7JXlYBFq5GB { width:15% } } @-webkit-keyframes mxmoto-motorola-components-2TpAIPcu140JpDu1vtT-Ks { 0% { transform: translateY(20px) } to { transform: translateY(0) } } @keyframes mxmoto-motorola-components-2TpAIPcu140JpDu1vtT-Ks { 0% { transform: translateY(20px) } to { transform: translateY(0) } } .mxmoto-motorola-components-3mZKDFmAARvfRthmaldXlH { font-family: Montserrat; transition: .3s; border: 0; color: #001428 } .mxmoto-motorola-components-3mZKDFmAARvfRthmaldXlH:hover { color: #92c1e9 } .mxmoto-motorola-components-3mZKDFmAARvfRthmaldXlH:hover .mxmoto-motorola-components-1ni4CgUQibUe2QAUlSO30U,.mxmoto-motorola-components-3mZKDFmAARvfRthmaldXlH:hover .mxmoto-motorola-components-29-qJdCQxFwfYQOuGhHU6e,.mxmoto-motorola-components-3mZKDFmAARvfRthmaldXlH:hover .mxmoto-motorola-components-VYXmilU3bkoI3WedCXxkh { background: #92c1e9 } .mxmoto-motorola-components-1KfSzcOBVZv7ZT2TtZZ2O_ { width: 30px; margin-right: 6px; -webkit-backface-visibility: hidden; backface-visibility: hidden } .mxmoto-motorola-components-1KfSzcOBVZv7ZT2TtZZ2O_ .mxmoto-motorola-components-1ni4CgUQibUe2QAUlSO30U,.mxmoto-motorola-components-1KfSzcOBVZv7ZT2TtZZ2O_ .mxmoto-motorola-components-29-qJdCQxFwfYQOuGhHU6e,.mxmoto-motorola-components-1KfSzcOBVZv7ZT2TtZZ2O_ .mxmoto-motorola-components-VYXmilU3bkoI3WedCXxkh { display: block; height: 2px; border-radius: 8px; transition: .3s; margin: 5px 0; background-color: #001428 } .mxmoto-motorola-components-1KfSzcOBVZv7ZT2TtZZ2O_ .mxmoto-motorola-components-VYXmilU3bkoI3WedCXxkh { width: 24px } .mxmoto-motorola-components-1KfSzcOBVZv7ZT2TtZZ2O_ .mxmoto-motorola-components-1ni4CgUQibUe2QAUlSO30U { width: 20px } .mxmoto-motorola-components-1KfSzcOBVZv7ZT2TtZZ2O_ .mxmoto-motorola-components-29-qJdCQxFwfYQOuGhHU6e { width: 16px } .mxmoto-motorola-components-LvgRl7tWcDy9FWyNaxPLl { width: 19% } .mxmoto-motorola-components-1OohjveUc5-FEVAAJvU5s2 { width: 100% } @media (max-width: 1250px) { .mxmoto-motorola-components-1OohjveUc5-FEVAAJvU5s2 { width:100% } } .mxmoto-motorola-components-3CqeOibXtHGIYncro9d9OF { width: 14px; max-height: 16px; transition: transform .3s ease-in-out; -webkit-filter: invert(1); filter: invert(1) } .mxmoto-motorola-components-37aXYcADs2Cl7oMIbJfBL8 { padding: 20px 0 } .mxmoto-motorola-components-2h7jKvsTK8MvQVWpv8NZMM { color: #001428 } .mxmoto-motorola-components-2h7jKvsTK8MvQVWpv8NZMM:hover { color: #92c1e9 } .mxmoto-motorola-components-3a8pmEnp1UPZG_enymGKwB { color: #001428 } .mxmoto-motorola-components-2TdvQ9ALoG9OEzIa5TGjRL { font-family: Montserrat } .mxmoto-motorola-components-OvmAsVwl87A_y8MKPMrpj { border-bottom: 2px solid #000 } .mxmoto-motorola-components-3wSKgcoGzKLbTFtNt7oY5g:hover { border-radius: 12px; background-color: rgba(0,0,0,.08) } .mxmoto-motorola-components-2IvQ9ytz5FsKHE5VeCw8VE { color: #000; font-size: 1rem } .mxmoto-motorola-components-2Wvc1IL9Oj7huaJEyZvmAz { height: 100px; border-bottom: 1px solid rgba(0,0,0,.2) } .mxmoto-motorola-components-3PoEhWbT8uGcJzcULwkV_P { transition: .5s ease-in-out; visibility: visible; transform: translateY(16px); justify-content: space-between; width: 100% } .mxmoto-motorola-components-3PoEhWbT8uGcJzcULwkV_P.mxmoto-motorola-components-1EmVELBrm7Vt_NlqmGVUA- { transform: translateY(35px) } .mxmoto-motorola-components-7u0cZuncOcBzvUXcTDlL8 { transform: translateY(20px); transition: .3s ease-out; visibility: hidden; overflow: hidden } .mxmoto-motorola-components-38JSohSQ-dCyiEYSnW05Jd { padding-bottom: 20px; gap: 10px } .mxmoto-motorola-components-38JSohSQ-dCyiEYSnW05Jd li { padding-top: 10px } .mxmoto-motorola-components-2IXaNenUceNpXtWKA-GQjq { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: center; gap: 1rem; grid-column-gap: 10px; grid-row-gap: 0; line-height: 35px; grid-template-columns: repeat(auto-fill,minmax(min(50% - 1rem,12rem),1fr)) !important; justify-items: center; padding-left: 1rem; align-items: center } .mxmoto-motorola-components-2IXaNenUceNpXtWKA-GQjq>div ul { padding-left: .5rem; background: hsla(0,0%,96.5%,.8509803922); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); gap: 10px; top: 100% } .mxmoto-motorola-components-2IXaNenUceNpXtWKA-GQjq>div ul li { border: 1px solid rgba(38,55,72,0) } .mxmoto-motorola-components-2IXaNenUceNpXtWKA-GQjq>div ul li:hover { background: #fff; border: 1px solid hsla(0,0%,96.5%,.8509803922) } .mxmoto-motorola-components-2IXaNenUceNpXtWKA-GQjq>div ul a,.mxmoto-motorola-components-2IXaNenUceNpXtWKA-GQjq>div ul span { color: #001428 !important } .mxmoto-motorola-components-2IXaNenUceNpXtWKA-GQjq .mxmoto-motorola-components-5EQqi9ubDapP7iMrx2-7b { font-weight: 600 } .mxmoto-motorola-components-2-ODcVildJM9D2CTua3BDt,.mxmoto-motorola-components-3J9V6vgeEp0Q7Rmu06_XXl,.mxmoto-motorola-components-3smuugrn15EVrGOauBED63,.mxmoto-motorola-components-3UGQtbgEwCnSJrUugTO9WC,.mxmoto-motorola-components-7CP4IlihGxSsGFqxiADHV,.mxmoto-motorola-components-339_L4IBjuOUy-wWTnyeXg { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content } .mxmoto-motorola-components-339_L4IBjuOUy-wWTnyeXg:before { content: ""; display: block; width: 80%; border-top: 1px solid #e1e1e1; margin: 12px 0 } .mxmoto-motorola-components-3qawA7294Dxea3FNHWov7V { font-size: 18px } .mxmoto-motorola-components-1ZyMK2RAbCCpwDA_N5XDY_ { width: 55%; height: 100% } @media (min-width: 1100px) { .mxmoto-motorola-components-1ZyMK2RAbCCpwDA_N5XDY_ .mxmoto-motorola-components-1ZyMK2RAbCCpwDA_N5XDY_ { width:40% } } .mxmoto-motorola-components-2zfGBoeP7QVK77ZvVQ-_sZ { transition: all .5 ease-in-out } .mxmoto-motorola-components-2OkzwdDdEHhyCX65s69NDP { max-width: 1390px; background: #f9f9f9 } @media (min-width: 1024px) { .mxmoto-motorola-components-2OkzwdDdEHhyCX65s69NDP { max-width:none } } .mxmoto-motorola-components-ScQm12MBe6HN3NZ2QruG2 { background: #f5f5f5 } .mxmoto-motorola-components-1vFSC0-kKQ5ZP-6o3AjWN6 { transition: .5s ease-in-out; visibility: visible; transform: translateY(16px); width: 100% } .mxmoto-motorola-components-1vFSC0-kKQ5ZP-6o3AjWN6.mxmoto-motorola-components-12Pr2oRLQFvSlAAEGBCs6C { transform: translateY(36px) } .mxmoto-motorola-components-2sk6dBmruR3Z7pNdrtYuzU { transform: translateY(20px); transition: .3s ease-out; visibility: hidden; overflow: hidden } .mxmoto-motorola-components-38LAxh18G_0HJRhmAyA-ZM { cursor: pointer; padding-bottom: 20px; height: 100% } .mxmoto-motorola-components-38LAxh18G_0HJRhmAyA-ZM:hover .mxmoto-motorola-components-2zfGBoeP7QVK77ZvVQ-_sZ { background: #3b3b3b } .mxmoto-motorola-components-38LAxh18G_0HJRhmAyA-ZM:hover .mxmoto-motorola-components-2D42IWgm5GsHsBZj7HuFOe { z-index: 1; opacity: 1; visibility: visible; transition: all .1s ease-in } .mxmoto-motorola-components-38LAxh18G_0HJRhmAyA-ZM:hover .mxmoto-motorola-components-DZaPui_7neNdZazYghrPA { background: #e6e7e8 } .mxmoto-motorola-components-38LAxh18G_0HJRhmAyA-ZM:hover .mxmoto-motorola-components-108WnqNc5ovYrkVKCuQVCL--main { transform: translate(-7px) } .mxmoto-motorola-components-38LAxh18G_0HJRhmAyA-ZM:hover .mxmoto-motorola-components-108WnqNc5ovYrkVKCuQVCL--second { transform: translate(7px) } .mxmoto-motorola-components-DZaPui_7neNdZazYghrPA { display: flex; flex-direction: row; align-items: center; position: relative; width: 230px; text-decoration: none; cursor: pointer; background: #fff; border: 1px solid #c9c9c9; border-radius: 12px } .mxmoto-motorola-components-32gvW4oVT1Wf1NzCYrkjKC { max-width: 100px; margin: 0; padding: 0; border-radius: 12px } .mxmoto-motorola-components-108WnqNc5ovYrkVKCuQVCL { position: relative; display: flex; flex-direction: row; width: 100px; height: 100px; justify-content: center } .mxmoto-motorola-components-108WnqNc5ovYrkVKCuQVCL--main,.mxmoto-motorola-components-108WnqNc5ovYrkVKCuQVCL--second { max-width: 100px; margin: 0; padding: 0; transition: all .5s ease-in; position: absolute } .mxmoto-motorola-components-108WnqNc5ovYrkVKCuQVCL--main { left: -12px } .mxmoto-motorola-components-1SrYgfAz0xMQM8wbwYscfV { display: flex; flex-direction: column; gap: 4px; line-height: normal } .mxmoto-motorola-components-2jHfUj3m2i2UweAYfJhHr- { color: #001428; font-size: 16px; line-height: normal } .mxmoto-motorola-components-LgGHLko0Z9wK7Hi1we-7w { color: #0e77da; font-size: 11px; white-space: nowrap } .mxmoto-motorola-components-3R6V6Ltae_yJMym7t8aOjI { padding: 0 1em } .mxmoto-motorola-components-2D42IWgm5GsHsBZj7HuFOe { position: absolute; width: 100%; background: #fff; display: flex; flex-direction: row; left: 0; z-index: 1; flex-wrap: wrap; padding: .5rem; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; z-index: -1; opacity: 0; justify-content: flex-start; visibility: hidden } .mxmoto-motorola-components-2aBKcQ5V6ne4r7W7L78xao { line-height: 18px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; min-width: 20%; align-items: center; display: flex; justify-content: center; cursor: pointer; color: #001428; border-radius: 12px; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; width: 24%; margin: 0 } .mxmoto-motorola-components-2aBKcQ5V6ne4r7W7L78xao a { border: 1px solid rgba(38,55,72,0); padding: 1rem 1.5rem; border-radius: 12px; width: 100%; display: flex; justify-content: flex-start } .mxmoto-motorola-components-2aBKcQ5V6ne4r7W7L78xao label { background-color: #001428; border-radius: 7px; padding: 0 6px 1px; font-size: 12px; margin-left: 5px; font-weight: 700; position: relative; top: -1px; background: #0e77da; color: #fff } .mxmoto-motorola-components-2EqnWBCrr8gL2yS5FMONbl { border: 1px solid #001428 !important } .mxmoto-motorola-components-2EqnWBCrr8gL2yS5FMONbl a { justify-content: center } .mxmoto-motorola-components-2spS9n2pzAGrFj_4T8LmNG { width: 589px; min-width: 680px } .mxmoto-motorola-components-3MtYIrcX1Bzv_hrY4hSLY3 { background-size: cover !important; background-position: center 5% !important; min-height: 460px } .mxmoto-motorola-components-CdzxtXD1-d7FFja-SMYmg { max-width: 200px } .mxmoto-motorola-components-2g0WXr3fcJHMImGsKxj_3A { width: 35% } .mxmoto-motorola-components-1Ii4OZ8fn1wPfRtKB4eFG1 { font-family: montserrat } .mxmoto-motorola-components-2eahHV1C8kDSkApzq3nTRK { width: 65% } .mxmoto-motorola-components-2BKTluouvf-1qYR9hQsr9Q { width: 370px; height: auto } .f-95p { font-size: 95% } .c-link { color: #0e77da !important } .mxmoto-motorola-components-1Y5OAcnIyqVxtpItRbzW1H { background: rgba(0,0,0,.3); position: fixed; width: 100%; height: 100%; left: 0; top: 0; font-family: Montserrat } .mxmoto-motorola-components-2NQPpkF9m9USEQetZPwOh6 { transition: all .4s ease-in-out } .mxmoto-motorola-components-21c9fSLkeORlcSjPP-fN0z { -webkit-filter: contrast(.5); filter: contrast(.5) } .mxmoto-motorola-components-339ck43f_4O-9--izp22g6 { -webkit-filter: none; filter: none } .mxmoto-motorola-components-2NQPpkF9m9USEQetZPwOh6::-webkit-scrollbar { width: 7px } .mxmoto-motorola-components-2NQPpkF9m9USEQetZPwOh6::-webkit-scrollbar-thumb { background: #ff5d4d; border-radius: 4px } .mxmoto-motorola-components-2NQPpkF9m9USEQetZPwOh6::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #bfbfbf; border-radius: 4px } .mxmoto-motorola-components-3Kv4BmuI1i1Eav8GmLJUIM { -webkit-animation: mxmoto-motorola-components-12nWNgwg3LefYcwSVVrSDx .3s ease-in-out; animation: mxmoto-motorola-components-12nWNgwg3LefYcwSVVrSDx .3s ease-in-out; transform: translatex(0); opacity: 1 } .mxmoto-motorola-components-LSyfVuupFxlGC1JMixyqP { visibility: hidden; transform: translatex(-100%); opacity: 0 } @media (max-width: 1023px) { .mxmoto-motorola-components-2NQPpkF9m9USEQetZPwOh6 { width:100% !important; background: #fff } .mxmoto-motorola-components-2NQPpkF9m9USEQetZPwOh6 .c-base { color: #001428 } } .mxmoto-motorola-components-3JNmHqVyhi3mIzpoKEMOLa { border-bottom: 1px solid #d5d5d5 } @-webkit-keyframes mxmoto-motorola-components-12nWNgwg3LefYcwSVVrSDx { 0% { transform: translatex(-100%) } 1% { opacity: 1 } to { transform: translatex(0) } } @keyframes mxmoto-motorola-components-12nWNgwg3LefYcwSVVrSDx { 0% { transform: translatex(-100%) } 1% { opacity: 1 } to { transform: translatex(0) } } @media (max-width: 1023px) { .mxmoto-motorola-components-1zVBBtUVLbjP_2i1qy3A5u { -webkit-filter:none; filter: none } .mxmoto-motorola-components-1UoEyhY3gjJOfhq5nHwkV { padding: 0 } } .mxmoto-motorola-components-2TiDO0NTNtTuplngUFGl9_ { border-bottom: 1px solid #e4e4e4 } .mxmoto-motorola-components-kBTkAeJ1pKKScfJjqACI9 { font-family: Montserrat } @media (max-width: 1023px) { .mxmoto-motorola-components-1qMefJPNN5hS8Bps_PTmJg { color:#001428 } } @-webkit-keyframes mxmoto-motorola-components-6xlgcM91YxVEERv1ppsS_ { 0% { transform: translateX(0); opacity: 0 } 1% { opacity: 1 } to { transform: translateX(375px) } } @keyframes mxmoto-motorola-components-6xlgcM91YxVEERv1ppsS_ { 0% { transform: translateX(0); opacity: 0 } 1% { opacity: 1 } to { transform: translateX(375px) } } @-webkit-keyframes mxmoto-motorola-components-hIJIt3x7lp9kAj7yWGZeR { 0% { transform: translateX(375px); opacity: 1 } to { transform: translateX(0); opacity: 1 } } @keyframes mxmoto-motorola-components-hIJIt3x7lp9kAj7yWGZeR { 0% { transform: translateX(375px); opacity: 1 } to { transform: translateX(0); opacity: 1 } } .mxmoto-motorola-components-3CFBCkrj95rBYpq_pmpmLn { transition: .3s ease-in-out } .mxmoto-motorola-components-308-7Ehy2LmJE0gRNkP1yw { -webkit-animation: mxmoto-motorola-components-6xlgcM91YxVEERv1ppsS_ .3s ease-in-out; animation: mxmoto-motorola-components-6xlgcM91YxVEERv1ppsS_ .3s ease-in-out; transform: translateX(375px); opacity: 1 } .mxmoto-motorola-components-22BJ9zdzfPd_5By7qCpZSQ { transform: translatex(-100%); opacity: 0; visibility: hidden } @media (max-width: 1023px) { .mxmoto-motorola-components-3CFBCkrj95rBYpq_pmpmLn { background:#fff } .mxmoto-motorola-components-308-7Ehy2LmJE0gRNkP1yw { z-index: 99999; width: 100% !important; transform: translateX(0) !important; -webkit-animation: none; animation: none; opacity: 1 } .mxmoto-motorola-components-3CFBCkrj95rBYpq_pmpmLn .c-base { color: #001428 } } .mxmoto-motorola-components-3CFBCkrj95rBYpq_pmpmLn li.mxmoto-motorola-components-14CJ7u71bY1az0de1VoXVy a span label { background-color: #fff; color: #0e77da; border-radius: 7px; padding: 0 6px 1px; font-size: 12px; margin-left: 5px; font-weight: 700; position: relative; top: -1px } @media (max-width: 1023px) { .mxmoto-motorola-components-2v1k-zVF1YZ0s2Jjjn5SlK { -webkit-filter:none; filter: none } .mxmoto-motorola-components-3U84i1P18-MLTaMSRwiVZ3 { padding: 0 } } .mxmoto-motorola-components-14CJ7u71bY1az0de1VoXVy { border-bottom: 1px solid #d5d5d5 } .mxmoto-motorola-components-3CFBCkrj95rBYpq_pmpmLn::-webkit-scrollbar { width: 7px } .mxmoto-motorola-components-3CFBCkrj95rBYpq_pmpmLn::-webkit-scrollbar-thumb { background: #ff5d4d; border-radius: 4px } .mxmoto-motorola-components-3CFBCkrj95rBYpq_pmpmLn::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #bfbfbf; border-radius: 4px } #snowComponent .snow { color: #fff; position: absolute; top: -100px } @-webkit-keyframes fall { 0% { top: -100px } to { top: 100vh } } @keyframes fall { 0% { top: -100px } to { top: 100vh } } .mxmoto-motorola-components-GFqGJE5jCF3wBue5DUFut { display: flex; width: 100%; background-color: #d2d2d2; border: none } .mxmoto-motorola-components-3OemziMH2oXib7bqTlr3Ea { position: fixed; z-index: 1; margin-top: 11rem; left: 0 } @media screen and (max-width: 480px) { .mxmoto-motorola-components-GFqGJE5jCF3wBue5DUFut { line-height:20px } .mxmoto-motorola-components-3OemziMH2oXib7bqTlr3Ea { margin-top: 7.2rem } } @media screen and (min-width: 481px)and (max-width:830px) { .mxmoto-motorola-components-GFqGJE5jCF3wBue5DUFut { margin-top:1.5rem; line-height: 20px } .mxmoto-motorola-components-3OemziMH2oXib7bqTlr3Ea { margin-top: 6.5rem } } .mxmoto-motorola-components-19hvZeisz29VJUXcnPsVyA { margin-top: 3.8rem !important } @media screen and (max-width: 480px) { .mxmoto-motorola-components-19hvZeisz29VJUXcnPsVyA { margin-top:3.2rem !important } } @media screen and (min-width: 481px)and (max-width:830px) { .mxmoto-motorola-components-19hvZeisz29VJUXcnPsVyA { margin-top:3rem !important } } .mxmoto-motorola-components-3Qt5Ag-E0Ev6pXVXXF641R { display: none !important } .mxmoto-motorola-components-1UdZDNrTZ4o2uql7Ws3W9t { font-weight: 400; color: #000; text-align: center; width: 80%; margin: 0 auto; font-size: 12px } .mxmoto-motorola-components-1UdZDNrTZ4o2uql7Ws3W9t p { margin: 4px } @media screen and (max-width: 480px) { .mxmoto-motorola-components-1UdZDNrTZ4o2uql7Ws3W9t { font-size:11px; width: 100%; line-height: normal !important } .mxmoto-motorola-components-1UdZDNrTZ4o2uql7Ws3W9t p { margin: 2px 15px } } .mxmoto-motorola-components-1bvEg89Fwm1gZQUVhazLa2 { width: 100%; padding: 1em 1em 0; height: auto } .mxmoto-motorola-components-23jtAHoISYGtHJBy_YvUoj { width: 100%; text-align: center } .mxmoto-motorola-components-23jtAHoISYGtHJBy_YvUoj h2 { margin: 0 0 5px } .mxmoto-motorola-components-23jtAHoISYGtHJBy_YvUoj p { margin: 0 0 15px } .mxmoto-motorola-components-UbsP4nvQm6zr3RjaSYoLH { width: 100%; display: flex; justify-content: center } .mxmoto-motorola-components-2VxXWoo_AqLrdYrdOoOV4H { width: auto; padding: 5px 10px; display: block; text-align: center } .mxmoto-motorola-components-LF52bQzNkynT_jTTRXWVa { font-weight: 600; font-size: 32px; margin: 0; background: #001428; color: #fff; padding: 1px 3px } .mxmoto-motorola-components-1GlWO_RPhfjk1tvsKw8ERZ { font-weight: 400; font-size: 12px } .mxmoto-motorola-components-k0K5dRboBorbG33nxHr2f { display: none } .mxmoto-motorola-components-3i_3oy_cCe6sNIZ_LDk_NF { width: 100%; height: auto; margin-top: 47px; display: flex; align-items: center; position: relative; padding: 0 } @media (max-width: 1023px) { .mxmoto-motorola-components-3i_3oy_cCe6sNIZ_LDk_NF { flex-direction:column; gap: 0; margin-top: 25px } } .mxmoto-motorola-components-S0DIBHxAzkLcF7JD0LJXZ { width: 75%; display: flex; text-align: center; align-items: center; gap: 10px; position: relative } @media (max-width: 1023px) { .mxmoto-motorola-components-S0DIBHxAzkLcF7JD0LJXZ { width:100%; max-width: none; justify-content: center } } .mxmoto-motorola-components-S0DIBHxAzkLcF7JD0LJXZ h2 { margin: 0; padding: 0; width: 100% } @media (max-width: 1023px) { .mxmoto-motorola-components-S0DIBHxAzkLcF7JD0LJXZ h2 { font-size:16px } } .mxmoto-motorola-components-S0DIBHxAzkLcF7JD0LJXZ p { margin: 0; padding: 0 } @media (max-width: 1023px) { .mxmoto-motorola-components-S0DIBHxAzkLcF7JD0LJXZ p { font-size:14px } } .mxmoto-motorola-components-2AUV7y_HBD8Nf797y1eP4I { display: flex; width: 100%; text-decoration: none } @media (max-width: 1023px) { .mxmoto-motorola-components-2AUV7y_HBD8Nf797y1eP4I { width:80%; padding: 10px 0 } } .mxmoto-motorola-components-2NilecWYYEl0TsysIT1vw8 { width: 100% } .mxmoto-motorola-components-1IQULWCOP3pnMmfSQNjk1z { width: 25%; display: flex; justify-content: center } @media (max-width: 1023px) { .mxmoto-motorola-components-1IQULWCOP3pnMmfSQNjk1z { width:100% } } .mxmoto-motorola-components-3tsXS7FICCeBPMs4GBKe8c { width: auto; padding: 5px 10px; display: block; text-align: center } .mxmoto-motorola-components-2-73R9r8tMYgUIBIsHvBW4 { font-weight: 700; font-size: 24px; margin: 0 } @media (max-width: 1023px) { .mxmoto-motorola-components-2-73R9r8tMYgUIBIsHvBW4 { font-size:18px } } .mxmoto-motorola-components-68ZGW7ABK5Ln0JIj0xToF { font-weight: 400; font-size: 12px } .mxmoto-motorola-components-W1QQCuyKVHHB0IGeu4jq6 { width: auto; padding: 5px 0; display: block; text-align: center } .mxmoto-motorola-components-1rZr_xFeUDhOP_hQxRhxp7 { font-weight: 700; font-size: 24px; margin: 0 } @media (max-width: 1023px) { .mxmoto-motorola-components-1rZr_xFeUDhOP_hQxRhxp7 { font-size:18px } } .mxmoto-motorola-components-PxM_DYpjDRr1KwExb4B4M { border-radius: 100%; padding: .5rem; border-style: none; display: flex; align-items: center; position: absolute; right: -5px; top: -5px; cursor: pointer; background: none } .mxmoto-motorola-components-PxM_DYpjDRr1KwExb4B4M svg { width: 20px; height: 20px } @-webkit-keyframes mxmoto-motorola-components-1MW-2csjm4NicfSKVYVAl5 { 0% { opacity: 0 } to { opacity: 1 } } @keyframes mxmoto-motorola-components-1MW-2csjm4NicfSKVYVAl5 { 0% { opacity: 0 } to { opacity: 1 } } @-webkit-keyframes mxmoto-motorola-components-2TZnqfU-_nzg-0yGnTBkz_ { 0% { transform: translateY(130px) } to { transform: translateY(0) } } @keyframes mxmoto-motorola-components-2TZnqfU-_nzg-0yGnTBkz_ { 0% { transform: translateY(130px) } to { transform: translateY(0) } } .mxmoto-motorola-components-3vlRbvdcIG9W1o4pRNZ6hp:not(:first-child):before { align-self: center; content: ""; position: absolute; right: 20px; top: 12.5px; height: 60px; -webkit-animation: mxmoto-motorola-components-1MW-2csjm4NicfSKVYVAl5 .5s ease-in-out; animation: mxmoto-motorola-components-1MW-2csjm4NicfSKVYVAl5 .5s ease-in-out; border-left: 1px solid #92c1e9 } .mxmoto-motorola-components-1DYzCOCwYltI4TrRDlbEzc { right: 8px; top: 8px; border: 1.6px solid #fff; width: 15px; height: 15px; border-radius: 50% } .mxmoto-motorola-components-1K3No7nt2O5ALZF5QQNMh7 { width: 10px } .mxmoto-motorola-components-32WJOKEiLEBZMtbRqT4lql { background: #011b34; border: 1px solid #082e53; -webkit-animation: mxmoto-motorola-components-2TZnqfU-_nzg-0yGnTBkz_ .5s ease-in-out; animation: mxmoto-motorola-components-2TZnqfU-_nzg-0yGnTBkz_ .5s ease-in-out; box-shadow: 7px 7px 14px #000a14,-7px -7px 14px #001e3c } .mxmoto-motorola-components-1MOBFNUTbJaA3ejK3EC6Vj { height: 60px; background-image: radial-gradient(circle closest-side,rgba(62,141,255,.4),rgba(62,141,255,.36),rgba(62,141,255,.13),rgba(62,141,255,.07),rgba(62,141,255,0)) } .mxmoto-motorola-components-10_Me0Ea-Zya4axdfvES0R { justify-content: space-evenly; padding-left: 20px } @media screen and (max-width: 1024px) { .mxmoto-motorola-components-32WJOKEiLEBZMtbRqT4lql { flex-direction:column } .mxmoto-motorola-components-2bk7GQ5F_4yuBPboKzhodI { display: none } } @media screen and (max-width: 768px) { .mxmoto-motorola-components-3vlRbvdcIG9W1o4pRNZ6hp { height:184px } .mxmoto-motorola-components-3vlRbvdcIG9W1o4pRNZ6hp:not(:first-child):before { content: none; -webkit-animation: none; animation: none } .mxmoto-motorola-components-32WJOKEiLEBZMtbRqT4lql { -webkit-animation: mxmoto-motorola-components-1MW-2csjm4NicfSKVYVAl5 .5s ease-in-out; animation: mxmoto-motorola-components-1MW-2csjm4NicfSKVYVAl5 .5s ease-in-out } .mxmoto-motorola-components-10_Me0Ea-Zya4axdfvES0R { padding: 0 } .mxmoto-motorola-components-1MOBFNUTbJaA3ejK3EC6Vj { width: 100%; max-width: 130px; height: auto } .mxmoto-motorola-components-aMOUlJhK10E5smxz2d9NI { text-align: center; font-size: 14px } } .mxmoto-motorola-components-2-x-modal { background-color: rgba(0,0,0,.75); width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; z-index: 9999; display: none; justify-content: center; align-items: center } .mxmoto-motorola-components-2-x-modal ::-webkit-scrollbar { width: 7px } .mxmoto-motorola-components-2-x-modal ::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #bfbfbf; border-radius: 4px } .mxmoto-motorola-components-2-x-modal ::-webkit-scrollbar-thumb { background: #ff5d4d; border-radius: 4px } .mxmoto-motorola-components-2-x-modal__dialog { padding: 10px; color: #000; position: relative } .mxmoto-motorola-components-2-x-modal__dialog--button-close { position: absolute; right: 9px; float: right; font-size: 1.5rem; cursor: pointer } .mxmoto-motorola-components-2-x-modal__dialog--children { margin: 0 } .mxmoto-motorola-components-2-x-modal-open { display: grid } .modal_launch { padding: 0 !important; border-radius: 5px; color: #000 !important; background-color: #fff; background-repeat: no-repeat; max-width: 100%; position: relative } .modal_launch .mxmoto-motorola-components-2-x-modal__dialog--button-close { color: #000; border-radius: 50%; cursor: pointer; justify-content: center; padding: 0 10px 3px; z-index: 100; border: 1px solid; right: 20px; top: 20px; background: none; position: absolute; display: block !important } @media (max-width: 1023px) { .modal_launch .mxmoto-motorola-components-2-x-modal__dialog--button-close { top:5px; right: 5px; color: #fff } } .modal_launch form { width: 100%; margin: auto } @media (max-width: 1023px) { .modal_launch form { margin:0; height: 100% } } .modal_launch form .modal_launch__container { display: flex; flex-direction: row; position: relative; height: 100% } @media (max-width: 1023px) { .modal_launch form .modal_launch__container { flex-direction:column } } .modal_launch form .modal_launch__container--left { display: flex; justify-content: center; align-items: flex-end; position: inherit } @media (min-width: 1024px) { .modal_launch form .modal_launch__container--left { width:100%; height: 100% } } .modal_launch form .modal_launch__container--left h2 { font-size: 20px } @media (min-width: 1024px) { .modal_launch form .modal_launch__container--left h2 { font-size:36px } } .modal_launch form .modal_launch__container--right { width: 100%; top: 49%; padding: 10px 20px; position: absolute } @media (min-width: 1024px) { .modal_launch form .modal_launch__container--right { width:40%; right: 57px; top: 40px; padding: 0 10px } } .modal_launch form .modal_launch__container--right h3 { display: flex; flex-direction: column; gap: 12px; font-size: 17px; font-weight: 400 } @media (min-width: 1024px) { .modal_launch form .modal_launch__container--right h3 { margin-bottom:30px } } @media (max-width: 1023px) { .modal_launch form .modal_launch__container--right h3 { margin:30px 0 } } .modal_launch form .modal_launch__container--right h3 span { font-weight: 700; font-size: 16px } @media (min-width: 1024px) { .modal_launch form .modal_launch__container--right h3 span { font-size:18px } } .modal_launch form .modal_launch__container--right h3 span.font-weight-normal { font-weight: 500 !important; font-size: 14px } @media (min-width: 1024px) { .modal_launch form .modal_launch__container--right h3 span.font-weight-normal { font-size:17px } } .modal_launch form .modal_launch__container--right .img-logo { content: url(/arquivos/motorola-lockup-001428-.png); width: 50%; max-width: 50% !important } @media (max-width: 1023px) { .modal_launch form .modal_launch__container--right .img-logo { width:60%; max-width: 60% !important } } .modal_launch form .modal_launch__container--right .row-1 { width: 100%; display: flex; justify-content: space-between; flex-direction: column; gap: 20px } @media (min-width: 1024px) { .modal_launch form .modal_launch__container--right .row-1 { flex-direction:row; margin-top: 30px } } .modal_launch form .modal_launch__container--right .row-2 { position: relative } .modal_launch form .modal_launch__container--right .row-2 .email-error { position: absolute; font-size: 11px; color: red; left: 0; bottom: -15px } @media (max-width: 1023px) { .modal_launch form .modal_launch__container--right .row-2 { margin-bottom:5px !important } } .modal_launch form .modal_launch__container--right .row-1,.modal_launch form .modal_launch__container--right .row-2 { width: 100%; margin: 15px 0 } .modal_launch form .modal_launch__container--right .row-1 input,.modal_launch form .modal_launch__container--right .row-2 input { width: 100%; border-radius: 7px; height: 35px; padding: 10px 16px; font-size: 16px; line-height: 1.3333333; color: #001428; background-color: #fff; background-image: none; border: 1.5px solid #bcbcbc; box-shadow: inset 0 1px 1px rgba(0,0,0,.075); transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out } .modal_launch form .modal_launch__container--right .row-1 input::-moz-placeholder,.modal_launch form .modal_launch__container--right .row-2 input::-moz-placeholder { color: #bcbcbc; font-size: 14px } .modal_launch form .modal_launch__container--right .row-1 input:-ms-input-placeholder,.modal_launch form .modal_launch__container--right .row-2 input:-ms-input-placeholder { color: #bcbcbc; font-size: 14px } .modal_launch form .modal_launch__container--right .row-1 input::-ms-input-placeholder,.modal_launch form .modal_launch__container--right .row-2 input::-ms-input-placeholder { color: #bcbcbc; font-size: 14px } .modal_launch form .modal_launch__container--right .row-1 input::placeholder,.modal_launch form .modal_launch__container--right .row-2 input::placeholder { color: #bcbcbc; font-size: 14px } .modal_launch form .modal_launch__container--right .row-3 { font-size: 14px; margin-top: 20px; display: flex; align-items: center; gap: 20px } @media (max-width: 1023px) { .modal_launch form .modal_launch__container--right .row-3 { gap:10px; flex-direction: row; align-items: center; margin-top: 10px } } .modal_launch form .modal_launch__container--right .row-3 .fieldset { border: none; padding: 0; display: flex; gap: 20px } .modal_launch form .modal_launch__container--right .row-3 .fieldset label { display: flex; align-items: center } .modal_launch form .modal_launch__container--right .row-3 .fieldset input { margin-right: 6px; accent-color: #001428; width: 1.3em; height: 1.3em } .modal_launch form .modal_launch__container--right .text-politics { margin-top: -10px } @media (min-width: 1024px) { .modal_launch form .modal_launch__container--right .text-politics { margin-top:5px } } .modal_launch form .modal_launch__container--right .text-politics .newsletter { display: flex; gap: 7px; align-items: flex-start; margin-bottom: 10px } .modal_launch form .modal_launch__container--right .text-politics .newsletter input { width: 1.6em; height: 1.6em; margin-top: -6px; accent-color: #001428 } .modal_launch form .modal_launch__container--right .text-politics a,.modal_launch form .modal_launch__container--right .text-politics label { font-size: 12px; font-weight: 400; color: #000 } .modal_launch form .modal_launch__container--right .text-politics a { color: #000 } .modal_launch form .modal_launch__container--right .contact-submit { cursor: pointer; border-radius: 50px; padding: 10px 16px; font-size: 16px; text-align: center; vertical-align: middle; right: 20px; color: #fff; background: #001428; border: 2px solid; font-weight: 400; bottom: 0; width: 32% } .modal_launch form .modal_launch__container--right .contact-submit:disabled { background-color: #c6c6c6; border-color: #c6c6c6; color: grey } @media (min-width: 1024px) { .modal_launch form .modal_launch__container--right .contact-submit { position:absolute; left: 0; bottom: -40px; width: 25% } } .modal_launch .mxmoto-motorola-components-2-x-modal__dialog--children { height: 100%; display: flex; justify-content: center; align-items: center } .modal_launch.bg-desktop { background-image: url(/arquivos/4-29-combined-thank-you-m-.jpg); background-size: cover; background-position-x: center } .modal_launch.bg-desktop .motoecuador-motorola-store-2-x-modal__dialog--button-close { color: #000 } @media (min-width: 1024px) { .modal_launch.bg-desktop { background-image:url(/arquivos/4-29-combined-thank-you-d-.jpg) } } @media (min-width: 1024px) { .modal_launch.bg-desktop .mxmoto-motorola-components-2-x-modal__dialog--children { height:100%; display: flex; justify-content: flex-end; align-items: center } } .modal_launch.bg-desktop .sent-succesfully { color: #000; height: 100%; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative; width: 40%; margin: 0 auto } @media (max-width: 1023px) { .modal_launch.bg-desktop .sent-succesfully { margin:0 20px; width: 100% } } .modal_launch.bg-desktop .sent-succesfully .img-logo { content: url(/arquivos/motorola-lockup-001428-.png); width: 50% } @media (max-width: 1023px) { .modal_launch.bg-desktop .sent-succesfully .img-logo { width:82% } } .modal_launch.bg-desktop .sent-succesfully h2 { font-weight: 100; font-size: 46px } @media (min-width: 1024px) { .modal_launch.bg-desktop .sent-succesfully h2 { font-size:40px } } .modal_launch.bg-desktop .sent-succesfully span { font-size: 16px } @media (min-width: 1024px) { .modal_launch.bg-desktop .sent-succesfully span { font-size:15px } } .modal_launch.bg-desktop .sent-succesfully p { font-size: 20px; color: #000 } @media (min-width: 1024px) { .modal_launch.bg-desktop .sent-succesfully p { font-size:25px; margin-top: 0 !important } } .mxmoto-motorola-components-1kneVNOU3Mt9nUQWaxw9Me { width: -webkit-max-content; width: -moz-max-content; width: max-content; margin-right: 10rem } .mxmoto-motorola-components-3nq-aW5Yb9v6CcHojBY0-P { max-height: 200px; max-width: 250px; width: 150px } .mxmoto-motorola-components-1es1ePXp14I7vGW-rrm7E1 { margin-bottom: 32px } .mxmoto-motorola-components-2macxznnFzc36ZT18q0hB_ { display: flex; justify-content: center; align-items: center; width: 120px; height: 36px; line-height: 50px; border-radius: 20px; opacity: 1; margin-right: 16px } .mxmoto-motorola-components-2macxznnFzc36ZT18q0hB_:hover { transition: all .2s ease-out } @media (max-width: 1440px) { .mxmoto-motorola-components-1es1ePXp14I7vGW-rrm7E1,.mxmoto-motorola-components-2T1pJt9q2DIAa6AuIk2E_l { margin-bottom:16px } } @media (max-width: 768px) { .mxmoto-motorola-components-3nq-aW5Yb9v6CcHojBY0-P { margin-left:24px; margin-bottom: 8px; width: 140px; max-height: 80px } .mxmoto-motorola-components-2T1pJt9q2DIAa6AuIk2E_l { margin-bottom: 8px } .mxmoto-motorola-components-1es1ePXp14I7vGW-rrm7E1 { margin-bottom: 8px; width: 200px } .mxmoto-motorola-components-2macxznnFzc36ZT18q0hB_ { border-width: 1px; padding: 8px; line-height: 16px; text-align: center } .mxmoto-motorola-components-1kneVNOU3Mt9nUQWaxw9Me { padding-top: 20px; justify-content: flex-start; align-items: flex-start; width: 100%; margin-right: 0 } .mxmoto-motorola-components-rEnB0QDFuiPPsqEsDqnhI { display: flex; justify-content: space-around; flex-direction: column; margin-left: 24px } .mxmoto-motorola-components-2Svw7aj-ft_SIFegR1I63W { max-width: 191px; overflow-wrap: break-word } .mxmoto-motorola-components-1j00WrVkXB50DZs9WUlqCx { max-width: 90vw } } .mxmoto-motorola-components--yZrJkaEOk_e42kTdOwOB div { display: flex; justify-content: center; align-items: center; width: 100%; overflow: hidden; height: 32vw } .mxmoto-motorola-components-2IBo0vOwYpApOp_d32YuMP { max-height: 447px } @media (min-width: 1024px) { .mxmoto-motorola-components-2IBo0vOwYpApOp_d32YuMP { max-height:none; height: auto } } .mxmoto-motorola-components-2IBo0vOwYpApOp_d32YuMP img { display: block } .mxmoto-motorola-components-2IBo0vOwYpApOp_d32YuMP .mxmoto-motorola-components-2-x-videoContainer { border: none !important; display: inline } .mxmoto-motorola-components--yZrJkaEOk_e42kTdOwOB iframe { position: absolute; top: -13vw; left: 0; height: calc(40vw + 316px); width: 100% } .mxmoto-motorola-components-3QIyjmlGfGsE0YmsInsJ4i div { display: flex; justify-content: center; align-items: center; width: 100%; overflow: hidden; height: 99vw } .mxmoto-motorola-components-3QIyjmlGfGsE0YmsInsJ4i iframe { position: absolute; height: 99vw } .mxmoto-motorola-components-2yEc95KgWS6ClJ0c3D1zHQ { padding-left: 10%; padding-right: 10% } @media (max-width: 768px) { .mxmoto-motorola-components--yZrJkaEOk_e42kTdOwOB { display:none } .mxmoto-motorola-components-2yEc95KgWS6ClJ0c3D1zHQ { padding: 0 16px !important } } @media (max-width: 769px) { .mxmoto-motorola-components-2IBo0vOwYpApOp_d32YuMP { max-height:940px } .mxmoto-motorola-components-3QIyjmlGfGsE0YmsInsJ4i { display: none } } .mxmoto-motorola-components-2biHpvuLnxuP596Zz0rpPx [class*=paginationDotsContainer] { justify-content: flex-start } .mxmoto-motorola-components-3WOsaKicQoEgoRtJ1ahUm1 [class*=paginationDotsContainer] { justify-content: center } .mxmoto-motorola-components-1JZofKmb48MU3cOLQGSAyD [class*=paginationDotsContainer] { justify-content: flex-end } .mxmoto-motorola-store-components-0-x-containerSpecial .mxmoto-motorola-components-1YMlUrg-fPQef2158Ydfbs { max-width: 1920px; margin: auto } .mxmoto-motorola-store-components-0-x-containerSpecial .mxmoto-motorola-components-1YMlUrg-fPQef2158Ydfbs [class*=sliderLayoutContainer] { padding-bottom: 100px } @media screen and (max-width: 766px) { .mxmoto-motorola-store-components-0-x-containerSpecial .mxmoto-motorola-components-1YMlUrg-fPQef2158Ydfbs [class*=sliderLayoutContainer] { padding-bottom:0 } } .mxmoto-motorola-components-1jdcRVAVYdAc4flTiLrwp6 { width: 100%; margin-top: 30px } @media (max-width: 1023px) { .mxmoto-motorola-components-1jdcRVAVYdAc4flTiLrwp6 { margin-top:20px } } .vtex-flex-layout-0-x-flexRow--carousel-home .mxmoto-motorola-components-1jdcRVAVYdAc4flTiLrwp6 { margin-top: 61px } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexRow--carousel-home .mxmoto-motorola-components-1jdcRVAVYdAc4flTiLrwp6 { margin-top:85px } } .mxmoto-motorola-components-1YMlUrg-fPQef2158Ydfbs [class*=paginationDot] { transition: all .2s ease-out; margin-left: 10px; padding: 0; border-radius: 3px; height: 2px !important; width: 54px !important; background-color: hsla(0,0%,82.4%,.6078431373) } .mxmoto-motorola-components-1YMlUrg-fPQef2158Ydfbs [class*=paginationDot--isActive] { background-color: #fff } .mxmoto-motorola-components-1YMlUrg-fPQef2158Ydfbs [class*=paginationDotsContainer] { display: flex; background-color: transparent; width: 100% !important; border: none; position: absolute; bottom: 100px; padding-left: 10%; padding-right: 3%; margin: auto auto -15px !important } @media screen and (max-width: 768px) { .mxmoto-motorola-components-1YMlUrg-fPQef2158Ydfbs [class*=paginationDotsContainer] { width:300px; justify-content: center !important; padding-left: 0; padding-right: 0 } } .mxmoto-motorola-components-1YMlUrg-fPQef2158Ydfbs [class*=sliderLeftArrow] svg,.mxmoto-motorola-components-1YMlUrg-fPQef2158Ydfbs [class*=sliderRightArrow] svg { width: 20px; z-index: 1 } .mxmoto-motorola-components-1YMlUrg-fPQef2158Ydfbs [class*=sliderLeftArrow],.mxmoto-motorola-components-1YMlUrg-fPQef2158Ydfbs [class*=sliderRightArrow] { z-index: 99; width: 60px; height: 60px; border-radius: 200px; padding: 15px 6px; margin: 0 10px; color: #fff !important; opacity: unset } .mxmoto-motorola-components-1YMlUrg-fPQef2158Ydfbs [class*=sliderLeftArrow]:hover,.mxmoto-motorola-components-1YMlUrg-fPQef2158Ydfbs [class*=sliderRightArrow]:hover { color: #fff !important; opacity: unset; transition: all .2s ease-out } .mxmoto-motorola-components-1YMlUrg-fPQef2158Ydfbs [class*=sliderLeftArrow]:after { content: ""; width: 40px; height: 40px; position: absolute; background: rgba(0,0,0,.2); border-radius: 50%; left: 10px } .mxmoto-motorola-components-1YMlUrg-fPQef2158Ydfbs [class*=sliderRightArrow]:after { content: ""; width: 40px; height: 40px; position: absolute; background: rgba(0,0,0,.2); border-radius: 50%; left: 8px } .mxmoto-motorola-components-6vl9cTZt6JdWn7WA8HppU { width: 60px; position: relative; bottom: 47px; left: 275px } .mxmoto-motorola-components-1N1R5szbD4ttXLXeqEOLls { cursor: pointer; background: none; border: none } @media (max-width: 768px) { .mxmoto-motorola-components-1YMlUrg-fPQef2158Ydfbs [class*=sliderLeftArrow],.mxmoto-motorola-components-1YMlUrg-fPQef2158Ydfbs [class*=sliderRightArrow] { display:none } .mxmoto-motorola-components-6vl9cTZt6JdWn7WA8HppU { bottom: 43px; left: 285px } } .vtex-store-components-3-x-container { } .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 } .vtex-store-components-3-x-discountContainer,.vtex-store-components-3-x-discountInsideContainer { } .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-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-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-search-2-x-biggy-autocomplete-wrapper { width: 50vw } .vtex-search-2-x-biggy-autocomplete { position: absolute; transition: opacity .15s ease-in .05s,max-height .3s ease-out,padding .6s ease-out; padding: 20px 0 10px; max-height: 630px; box-shadow: 0 5px 7px rgba(0,0,0,.2); background: #fff; overflow: auto; display: flex } .vtex-search-2-x-close-btn { cursor: pointer; position: absolute; top: 10px; right: 10px; background: none; border: none; outline: none } .vtex-search-2-x-history-and-top-wrapper { display: flex; flex: 1 } .vtex-search-2-x-biggy-js-container--hidden { opacity: 0; max-height: 0 !important; padding: 0 } .vtex-search-2-x-tileList { flex: 2; vertical-align: top; border-left: 1px solid #eee } .vtex-search-2-x-tileListList { } .vtex-search-2-x-tileList ul { padding: 0; display: flex } .vtex-search-2-x-tileListTitle { margin-bottom: 5px; padding: 0 20px; font-size: 14px; font-weight: 600; text-transform: uppercase } .vtex-search-2-x-tileListItem { display: flex; flex: 1 } .vtex-search-2-x-tileListSeeMore { display: block; height: 60px; line-height: 60px; font-size: 13px; color: #787878; text-align: center } .vtex-search-2-x-tileListSpinner { display: flex; height: 80%; justify-content: center; align-items: center } .vtex-search-2-x-tileListFooter { } @media only screen and (min-width: 1024px) { .vtex-search-2-x-tileList { display:inline-block } } .vtex-search-2-x-clearLink { } .vtex-search-2-x-element { position: relative } .vtex-search-2-x-imageContainer { max-height: 80px } .vtex-search-2-x-image,.vtex-search-2-x-information,.vtex-search-2-x-priceContainer,.vtex-search-2-x-priceNew,.vtex-search-2-x-priceOld,.vtex-search-2-x-productBrand,.vtex-search-2-x-productNameContainer { } .vtex-search-2-x-discount { background: #e4012e; color: #fff; position: absolute; top: 1px; left: 1px; font-size: 14px } .vtex-search-2-x-itemList { flex: 1; vertical-align: top; font-family: Open Sans,Roboto,sans-serif } .vtex-search-2-x-itemListList,.vtex-search-2-x-itemListList li { padding: 0; margin: 0 } .vtex-search-2-x-itemList ol,.vtex-search-2-x-itemList ul { padding: 0; list-style: none } .vtex-search-2-x-itemListTitle { margin-bottom: 5px; padding: 0 20px; font-size: 14px; font-weight: 600; text-transform: uppercase } .vtex-search-2-x-itemListItem a,.vtex-search-2-x-itemListItem a:hover { display: block; height: 35px; line-height: 35px; padding: 0 20px; font-size: 13px; text-decoration: none; max-width: 100%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden } .vtex-search-2-x-itemListItem a:hover { background: #eee } .vtex-search-2-x-itemListSubItem a { padding: 0 30px; font-weight: 600; text-transform: capitalize; white-space: nowrap; text-overflow: ellipsis; margin-right: 16px; overflow: hidden } .vtex-search-2-x-itemListSubItemLink { } .vtex-search-2-x-itemListIcon,.vtex-search-2-x-itemListPrefix { display: inline-block; width: 30px; font-weight: 600; color: #999 } .vtex-search-2-x-itemList--history,.vtex-search-2-x-itemList--suggestion,.vtex-search-2-x-itemListLink,.vtex-search-2-x-itemListLinkTitle { } .vtex-search-2-x-itemList--top-search { width: 100% } @media only screen and (min-width: 1025px) { .vtex-search-2-x-itemList { overflow:hidden } } .vtex-store-video-1-x-videoContainer:-webkit-full-screen .vtex-store-video-1-x-videoElement { width: 100%; height: 100% } .vtex-store-video-1-x-videoContainer:-ms-fullscreen .vtex-store-video-1-x-videoElement { width: 100%; height: 100% } .vtex-store-video-1-x-videoContainer:fullscreen .vtex-store-video-1-x-videoElement { width: 100%; height: 100% } .vtex-store-video-1-x-videoElement { -o-object-fit: cover; object-fit: cover } .vtex-store-video-1-x-volumeSlider { width: 5rem; margin-top: 0 } .vtex-store-video-1-x-button { border: none; background: none; color: #fff; cursor: pointer } .vtex-store-video-1-x-button:-webkit-full-screen { position: fixed } .vtex-store-video-1-x-button:-ms-fullscreen { position: fixed } .vtex-store-video-1-x-button:fullscreen { position: fixed } .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 { } .vtex-modal-layout-0-x-backdropContainer { z-index: -1; position: fixed; right: 0; bottom: 0; top: 0; left: 0; touch-action: none } .vtex-modal-layout-0-x-paperScrollContent { max-height: calc(100% - 4rem); overflow: auto } .vtex-modal-layout-0-x-paperNotFullScreen { margin: 2rem } .vtex-modal-layout-0-x-contentScroll { -webkit-overflow-scrolling: "touch" } .vtex-modal-layout-0-x-fullScreenModal { max-height: none } .vtex-modal-layout-0-x-headerContainer { flex-basis: auto } .vtex-modal-layout-0-x-hiddenContainer { overflow: hidden } .vtex-modal-layout-0-x-backdropContainer { z-index: -1; position: fixed; right: 0; bottom: 0; top: 0; left: 0; touch-action: none } .vtex-modal-layout-0-x-paperScrollContent { max-height: calc(100% - 4rem); overflow: auto } .vtex-modal-layout-0-x-paperNotFullScreen { margin: 2rem } .vtex-modal-layout-0-x-contentScroll { -webkit-overflow-scrolling: "touch" } .vtex-modal-layout-0-x-fullScreenModal { max-height: none } .vtex-modal-layout-0-x-headerContainer { flex-basis: auto } .vtex-modal-layout-0-x-hiddenContainer { overflow: hidden } .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-product-summary-2-x-containerInline .vtex-product-summary-2-x-imageContainer { max-width: 30% } .vtex-product-summary-2-x-containerInline .vtex-product-summary-2-x-imageContainer>img { max-height: 100% } .vtex-product-summary-2-x-buyButton,.vtex-product-summary-2-x-buyButtonContainer,.vtex-product-summary-2-x-container,.vtex-product-summary-2-x-containerInline,.vtex-product-summary-2-x-containerInlinePrice,.vtex-product-summary-2-x-containerSmall,.vtex-product-summary-2-x-description,.vtex-product-summary-2-x-element,.vtex-product-summary-2-x-image,.vtex-product-summary-2-x-information,.vtex-product-summary-2-x-quantityStepperContainer { } .vtex-product-summary-2-x-imageInline { max-height: 7rem } .vtex-product-summary-2-x-isHidden { visibility: hidden } .vtex-product-summary-2-x-containerNormal,.vtex-product-summary-2-x-nameContainer { } .vtex-product-summary-2-x-clearLink { text-decoration: inherit; color: inherit } .vtex-product-summary-2-x-aspectRatio { padding-top: 100%; background: 50%/contain no-repeat } .vtex-product-summary-2-x-attachmentItemContainer,.vtex-product-summary-2-x-attachmentListContainer,.vtex-product-summary-2-x-priceContainer,.vtex-product-summary-2-x-SKUSelectorContainer { } .vtex-product-summary-2-x-imageNormal { max-height: 17.56rem } .vtex-product-summary-2-x-addToListBtn,.vtex-product-summary-2-x-attachmentChildrenContainer,.vtex-product-summary-2-x-hoverEffect,.vtex-product-summary-2-x-imagePlaceholder,.vtex-product-summary-2-x-imageStackContainer { } .vtex-product-summary-2-x-hoverEffect:hover .vtex-product-summary-2-x-hoverImage { display: inline } .vtex-product-summary-2-x-hoverEffect:hover .vtex-product-summary-2-x-mainImageHovered { opacity: 0 } .vtex-product-summary-2-x-hoverImage { } .vtex-product-summary-2-x-priceSpinner { border: 2px solid rgba(0,0,0,.1); border-left-color: #4d4d4d; border-radius: 50%; width: 20px; height: 20px; -webkit-animation: vtex-product-summary-2-x-spin .5s linear infinite; animation: vtex-product-summary-2-x-spin .5s linear infinite } @-webkit-keyframes vtex-product-summary-2-x-spin { to { transform: rotate(1turn) } } @keyframes vtex-product-summary-2-x-spin { to { transform: rotate(1turn) } } .vtex-product-summary-2-x-sponsoredBadgeContainer,.vtex-product-summary-2-x-sponsoredBadgeText { } .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-flex-layout-0-x-flexRow--trending-shelf .vtex-store-components-3-x-container { padding: 0 !important } .vtex-flex-layout-0-x-flexRow--trending-shelf .vtex-flex-layout-0-x-flexRowContent--trending-shelf { display: flex; justify-content: start !important; flex-wrap: wrap } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--breadcrumb-view-all { padding:0 16px } } .vtex-flex-layout-0-x-flexRow--breadcrumb-view-all .vtex-store-components-3-x-container { padding: 0 } .vtex-flex-layout-0-x-flexRow--title-orderby { margin-bottom: 56px } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--title-orderby { padding:0 16px; margin-bottom: 48px } } .vtex-flex-layout-0-x-flexRow--title-orderby .vtex-store-components-3-x-container { padding: 0 } .vtex-flex-layout-0-x-flexRow--title-orderby .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--title-orderby { display: flex; align-items: center } .vtex-flex-layout-0-x-flexRow--title-orderby .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--title-orderby .vtex-flex-layout-0-x-flexCol--orderby-filter { display: flex; flex-direction: row; align-items: center; justify-content: flex-end } .vtex-flex-layout-0-x-flexRow--title-orderby .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--title-orderby .vtex-flex-layout-0-x-flexCol--orderby-filter .vtex-flex-layout-0-x-flexColChild--orderby-filter { display: flex; justify-content: flex-end } .vtex-flex-layout-0-x-flexRow--result-view-all .vtex-store-components-3-x-container { padding: 0 } .vtex-flex-layout-0-x-flexRow--result-view-all .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--result-view-all .vtex-flex-layout-0-x-stretchChildrenWidth:first-child { transition: .3s ease-in-out } .vtex-flex-layout-0-x-flexRow--row-orderby-familly { padding: 0 83px; background: #fff; max-width: 1920px; width: 100%; margin: 0 auto } @media (min-width: 1024px) { .vtex-flex-layout-0-x-flexRow--row-orderby-familly { position:sticky; top: 100px; z-index: 101 } } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--row-orderby-familly { flex-direction:column; padding: 24px 12px 0 24px; margin-bottom: 12px } } .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container { padding: 0; max-width: 1920px } .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--row-orderby-familly .vtex-flex-layout-0-x-stretchChildrenWidth:first-child { justify-content: flex-start; align-items: center } .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--row-orderby-familly .vtex-flex-layout-0-x-stretchChildrenWidth:last-child { justify-content: flex-end } .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--row-orderby-familly .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-flex-layout-0-x-flexCol--orderby-filter { flex-direction: row; justify-content: flex-end; align-items: center } .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--row-orderby-familly .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-flex-layout-0-x-flexCol--orderby-filter .vtex-flex-layout-0-x-flexColChild--orderby-filter { display: flex; align-items: center } .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--row-orderby-familly .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-flex-layout-0-x-flexCol--logo-orderby { flex-direction: row } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--row-orderby-familly .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-flex-layout-0-x-flexCol--logo-orderby { flex-direction:column } } .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--row-orderby-familly .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-flex-layout-0-x-flexCol--logo-orderby .vtex-store-components-3-x-imageElement { min-width: 81px } .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--row-orderby-familly .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-flex-layout-0-x-flexCol--logo-orderby .vtex-flex-layout-0-x-flexColChild--logo-orderby { display: flex; align-items: center } .vtex-flex-layout-0-x-flexRowContent--view-all-fetch-more,.vtex-flex-layout-0-x-flexRowContent--view-all-fetch-previous { margin: 0 } .vtex-flex-layout-0-x-flexRow--result-familly .vtex-store-components-3-x-container { padding: 0; max-width: 1920px } .vtex-flex-layout-0-x-flexRow--result-familly .vtex-flex-layout-0-x-flexRowContent--result-familly .vtex-flex-layout-0-x-flexCol--filterCol-familly { background: #fff; padding: 48px 0 10px 83px } @media (min-width: 1024px) { .vtex-flex-layout-0-x-flexRow--result-familly .vtex-flex-layout-0-x-flexRowContent--result-familly .vtex-flex-layout-0-x-flexCol--filterCol-familly .vtex-flex-layout-0-x-flexColChild--filterCol-familly .vtex-search-result-3-x-filters--layout { top:170px } } .vtex-flex-layout-0-x-flexRow--result-familly .vtex-flex-layout-0-x-flexRowContent--result-familly .vtex-flex-layout-0-x-flexCol--content-products-view-all { background: #f8f8f8; padding: 20px 83px 36px 8px } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--result-familly .vtex-flex-layout-0-x-flexRowContent--result-familly .vtex-flex-layout-0-x-flexCol--content-products-view-all { padding:0 } } .vtex-flex-layout-0-x-flexRow--orderby-filter-familly-sticky { background: #fff; position: fixed; bottom: 0; width: 100%; z-index: 999; box-shadow: 0 12px 28px 0 #000 } .vtex-flex-layout-0-x-flexRow--orderby-filter-familly-sticky .vtex-store-components-3-x-container { padding: 0 !important } .vtex-flex-layout-0-x-flexRow--orderby-filter-familly-sticky .vtex-flex-layout-0-x-flexRowContent--orderby-filter-familly-sticky { display: flex; flex-wrap: nowrap } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--orderby-filter-familly-sticky .vtex-flex-layout-0-x-flexRowContent--orderby-filter-familly-sticky .vtex-flex-layout-0-x-flexCol--filterCol { border-right:2px solid #eee } } .vtex-flex-layout-0-x-flexRow--family-seo-container { background-color: #f4f4f4; width: 100%; height: auto; max-width: 1920px; margin: 0 auto } .vtex-flex-layout-0-x-flexCol--family-seo-block { background-color: #fff; height: auto; min-height: 275px; border-radius: 16px; margin: 20px; padding: 0 35px } @media (max-width: 768px) { .vtex-flex-layout-0-x-flexCol--family-seo-block { margin:0; padding: 0 15px } } .vtex-flex-layout-0-x-flexRowContent--family-seo-container { display: flex; justify-content: center; max-width: 1920px; padding: 40px } @media (max-width: 768px) { .vtex-flex-layout-0-x-flexRowContent--family-seo-container { flex-direction:column; padding: 0 } } .vtex-flex-layout-0-x-flexRow--family-logo-wrapper { position: absolute; padding-top: 25px; display: flex; width: 100% } @media (max-width: 768px) { .vtex-flex-layout-0-x-flexRow--family-logo-wrapper .vtex-flex-layout-0-x-flexRowContent--family-logo-wrapper { padding-top:70px } } .vtex-flex-layout-0-x-flexRow--family-full-width .vtex-store-components-3-x-container { max-width: 1920px; padding: 0 } @media (max-width: 768px) { .vtex-flex-layout-0-x-flexRow--family-full-width .vtex-store-components-3-x-container { padding-left:0; padding-right: 0 } } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--family-full-width .vtex-flex-layout-0-x-flexRowContent--family-full-width .vtex-flex-layout-0-x-stretchChildrenWidth { width:100% !important } } .vtex-flex-layout-0-x-flexRow--view-all-fetch-more { padding-top: 30px } .vtex-login-2-x-container .vtex-button .vtex-button__label .vtex-login-2-x-profileIcon,.vtex-minicart-2-x-minicartWrapperContainer .vtex-minicart-2-x-minicartContainer .vtex-minicart-2-x-openIconContainer .vtex-button .vtex-button__label .vtex-minicart-2-x-minicartIconContainer .vtex-minicart-2-x-cartIcon { color: #fff } .vtex-modal-layout-0-x-triggerContainer--familly { width: 100%; padding: 16px 0; cursor: pointer } .vtex-modal-layout-0-x-modal--modal-content-familly .vtex-modal-layout-0-x-container--modal-content-familly { align-items: flex-end } .vtex-modal-layout-0-x-modal--modal-content-familly .vtex-modal-layout-0-x-container--modal-content-familly .vtex-modal-layout-0-x-paper--modal-content-familly { width: 100%; padding: 0 24px 32px; border-radius: 0 } .vtex-modal-layout-0-x-modal--modal-content-familly .vtex-modal-layout-0-x-container--modal-content-familly .vtex-modal-layout-0-x-paper--modal-content-familly .vtex-modal-layout-0-x-headerContainer--modal-header-familly { border: none; padding: 32px 0; display: flex; align-items: center } .vtex-modal-layout-0-x-modal--modal-content-familly .vtex-modal-layout-0-x-container--modal-content-familly .vtex-modal-layout-0-x-paper--modal-content-familly .vtex-modal-layout-0-x-headerContainer--modal-header-familly .vtex-modal-layout-0-x-closeButtonContainer--modal-header-familly { background: rgba(0,0,0,.5); border-radius: 50% } .vtex-modal-layout-0-x-modal--modal-content-familly .vtex-modal-layout-0-x-container--modal-content-familly .vtex-modal-layout-0-x-paper--modal-content-familly .vtex-modal-layout-0-x-headerContainer--modal-header-familly .vtex-modal-layout-0-x-closeButtonContainer--modal-header-familly .vtex-modal-layout-0-x-closeButton--modal-header-familly { border-radius: 50%; padding: 5px 5px 0 } .vtex-modal-layout-0-x-modal--modal-content-familly .vtex-modal-layout-0-x-container--modal-content-familly .vtex-modal-layout-0-x-paper--modal-content-familly .vtex-modal-layout-0-x-headerContainer--modal-header-familly .vtex-modal-layout-0-x-closeButtonContainer--modal-header-familly .vtex-modal-layout-0-x-closeButton--modal-header-familly .vtex-modal-layout-0-x-closeIcon--modal-header-familly { color: #fff } .vtex-product-price-1-x-listPrice--trending-shelf { color: #c1c1c1; margin-right: 5px } .vtex-product-price-1-x-sellingPrice--trending-shelf { color: #c1c1c1 } @media screen and (max-width: 640px) { .vtex-product-price-1-x-listPrice--trending-shelf,.vtex-product-price-1-x-sellingPrice--trending-shelf { font-size:14px } } .vtex-product-summary-2-x-container--trending-shelf { background-color: #0b1e32; border: .5px solid hsla(0,0%,100%,.05); border-radius: 0; margin: 0 10px; padding: 12px 13px 24px } @media screen and (max-width: 640px) { .vtex-product-summary-2-x-container--trending-shelf { margin:0 5px } } .vtex-product-summary-2-x-container--trending-shelf .vtex-product-summary-2-x-element { padding: 0 } .vtex-product-summary-2-x-container--trending-shelf .vtex-product-summary-2-x-imageContainer { height: 200px } @media screen and (max-width: 1024px) { .vtex-product-summary-2-x-container--trending-shelf .vtex-product-summary-2-x-imageContainer { height:auto } } .vtex-product-summary-2-x-container--trending-shelf .vtex-product-summary-2-x-imageContainer .vtex-product-summary-2-x-image { transition: transform .2s } .vtex-product-summary-2-x-container--trending-shelf .vtex-product-summary-2-x-imageContainer .vtex-product-summary-2-x-image:hover { transform: scale(1.05) } .vtex-product-summary-2-x-container--trending-shelf .vtex-product-summary-2-x-nameContainer { font-family: Gotham A,Gotham B,ruble !important; justify-content: start } .vtex-product-summary-2-x-container--trending-shelf .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-productNameContainer { text-align: left } .vtex-product-summary-2-x-container--trending-shelf .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-productNameContainer .vtex-product-summary-2-x-brandName { font-family: inherit; color: #fff; font-size: 24px } @media screen and (max-width: 320px) { .vtex-product-summary-2-x-container--trending-shelf .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-productNameContainer .vtex-product-summary-2-x-brandName { font-size:16px } } .vtex-product-summary-2-x-container--trending-shelf .vtex-store-components-3-x-discountInsideContainer { display: none !important } .vtex-rich-text-0-x-container--breadcrumb-view-all { margin-bottom: 24px } .vtex-rich-text-0-x-container--breadcrumb-view-all .vtex-rich-text-0-x-wrapper--breadcrumb-view-all .vtex-rich-text-0-x-paragraph--breadcrumb-view-all .vtex-rich-text-0-x-link--breadcrumb-view-all { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 18px; line-height: 30px; font-weight: 400; letter-spacing: -.77px; color: #93bfe6; text-decoration: none } .vtex-rich-text-0-x-container--view-all-title .vtex-rich-text-0-x-wrapper--view-all-title .vtex-rich-text-0-x-headingLevel1--view-all-title { margin: 0; font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 36px; line-height: 36px; font-weight: 700; letter-spacing: -.77px; color: #fff; text-decoration: none; white-space: nowrap } @media (max-width: 1024px) { .vtex-rich-text-0-x-container--view-all-title .vtex-rich-text-0-x-wrapper--view-all-title .vtex-rich-text-0-x-headingLevel1--view-all-title { font-size:20px; line-height: 27px } } .vtex-rich-text-0-x-container--orderby-mobile-button,.vtex-rich-text-0-x-container--orderby-mobile-button .vtex-rich-text-0-x-wrapper--orderby-mobile-button { width: 100% } .vtex-rich-text-0-x-container--orderby-mobile-button .vtex-rich-text-0-x-wrapper--orderby-mobile-button .vtex-rich-text-0-x-paragraph--orderby-mobile-button { width: 100%; margin: 0 !important; font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 14px; font-weight: 500; color: #000; text-transform: uppercase; display: flex; align-items: center; justify-content: center } .vtex-rich-text-0-x-container--orderby-mobile-button .vtex-rich-text-0-x-wrapper--orderby-mobile-button .vtex-rich-text-0-x-paragraph--orderby-mobile-button .vtex-rich-text-0-x-image--orderby-mobile-button { margin-right: 8px } .vtex-rich-text-0-x-container--orderby-mobile-header .vtex-rich-text-0-x-wrapper--orderby-mobile-header .vtex-rich-text-0-x-paragraph--orderby-mobile-header { margin: 0 !important; font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 32px; font-weight: 500; color: #000; text-transform: uppercase } .vtex-rich-text-0-x-container--orderby-mobile-header .vtex-rich-text-0-x-wrapper--orderby-mobile-header .vtex-rich-text-0-x-paragraph--orderby-mobile-header .vtex-rich-text-0-x-image--orderby-mobile-header { width: 24px } .vtex-rich-text-0-x-container--family-seo-title { justify-content: flex-start } .vtex-rich-text-0-x-paragraph--family-seo-title { font-size: 32px; color: #000; font-weight: 500; text-align: left } @media (max-width: 768px) { .vtex-rich-text-0-x-paragraph--family-seo-title { line-height:unset } } .vtex-rich-text-0-x-paragraph--family-seo-text { font-size: 14px; color: #000; text-align: left } .vtex-rich-text-0-x-wrapper--family-seo-text { margin-top: -35px; padding-bottom: 15px } @media (max-width: 768px) { .vtex-rich-text-0-x-wrapper--family-seo-text { padding-bottom:0 } } .vtex-rich-text-0-x-wrapper--family-seo-text-top { margin-top: -60px } @media (max-width: 768px) { .vtex-rich-text-0-x-wrapper--family-seo-text-top { margin-top:-35px } } .vtex-search-result-3-x-searchResultContainer--search-result-view-all { background: #0b1c2e; padding: 50px 10px 100px; max-width: 100% } @media (max-width: 1024px) { .vtex-search-result-3-x-searchResultContainer--search-result-view-all { padding:0 0 80px; background: #001428 } } .vtex-search-result-3-x-searchResultContainer--search-result-view-all .vtex-search-result-3-x-container--layout--search-result-view-all { max-width: 1366px; margin: 0 auto } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-view-all { padding: 0 } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-view-all .vtex-search-result-3-x-orderByOptionsContainer { top: calc(100% + 10px) } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-view-all .vtex-search-result-3-x-orderByButton--order-by-view-all { background: #0b1c2e; padding: 0; border: none; width: max-content } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-view-all .vtex-search-result-3-x-orderByButton--order-by-view-all .vtex-search-result-3-x-filterPopupTitle--order-by-view-all { font-size: 0 } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-view-all .vtex-search-result-3-x-orderByButton--order-by-view-all .vtex-search-result-3-x-filterPopupTitle--order-by-view-all .vtex-search-result-3-x-orderByText--order-by-view-all { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 16px; line-height: 18px; font-weight: 400; letter-spacing: -.77px; color: #fff; text-transform: capitalize } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-view-all .vtex-search-result-3-x-orderByButton--order-by-view-all .vtex-search-result-3-x-filterPopupArrowIcon--order-by-view-all { padding-right: 10px } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-view-all .vtex-search-result-3-x-orderByButton--order-by-view-all .vtex-search-result-3-x-caretIcon--order-by-view-all { color: #fff; transform: scale(1.5,1.2) } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-familly { position: relative } @media (max-width: 1024px) { .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-familly { padding:0; border: none !important } } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-familly .vtex-search-result-3-x-orderByButton--order-by-familly { padding: 11px 16px; border: 1px solid #e2e2e2; border-radius: 8px; min-width: 180px; display: flex; align-items: center; justify-content: space-between } @media (max-width: 1024px) { .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-familly .vtex-search-result-3-x-orderByButton--order-by-familly { display:none } } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-familly .vtex-search-result-3-x-orderByButton--order-by-familly .vtex-search-result-3-x-filterPopupTitle--order-by-familly { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -.38px; color: #000; text-transform: capitalize } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-familly .vtex-search-result-3-x-orderByButton--order-by-familly .vtex-search-result-3-x-filterPopupTitle--order-by-familly .vtex-search-result-3-x-orderByText--order-by-familly { position: absolute; right: calc(100% + 16px); white-space: nowrap; font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 16px; line-height: 24px; font-weight: 500; letter-spacing: -.38px; color: rgba(0,0,0,.5); text-transform: capitalize; display: flex; align-items: center } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-familly .vtex-search-result-3-x-orderByButton--order-by-familly .vtex-search-result-3-x-filterPopupTitle--order-by-familly .vtex-search-result-3-x-orderByText--order-by-familly:before { content: ""; background: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-store-components/0.0.0/svgs/order-by-before___14039f0ad98c3f8cac13c8e3f24f1c81.svg); background-size: contain; background-position: 50%; background-repeat: no-repeat; width: 16px; height: 16px; display: block; margin-right: 8px } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-familly .vtex-search-result-3-x-orderByButton--order-by-familly .vtex-search-result-3-x-filterPopupTitle--order-by-familly .vtex-search-result-3-x-orderByText--order-by-familly:after { content: ":" } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-familly .vtex-search-result-3-x-orderByButton--order-by-familly .vtex-search-result-3-x-filterPopupArrowIcon--order-by-familly { padding: 0; background: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-store-components/0.0.0/svgs/dropdown-arrow-filter___4fa62f3f7ad3e52b75b0ef079103d1cb.svg); background-size: cover; background-repeat: no-repeat; background-position: 50%; width: 16px; height: 10px; margin-left: 10px } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-familly .vtex-search-result-3-x-orderByButton--order-by-familly .vtex-search-result-3-x-filterPopupArrowIcon--order-by-familly .vtex-search-result-3-x-caretIcon--order-by-familly { display: none } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-familly .vtex-search-result-3-x-orderByOptionsContainer { top: 100%; left: 0 } @media (max-width: 1024px) { .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-familly .vtex-search-result-3-x-orderByOptionsContainer { display:block; position: static; box-shadow: none; border: none } } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-familly .vtex-search-result-3-x-orderByOptionsContainer .vtex-search-result-3-x-orderByOptionItem--order-by-familly { position: relative; display: flex; align-items: center; font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: -.77px; color: #000; text-transform: capitalize; min-width: 100%; padding: 10px } @media (max-width: 1024px) { .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-familly .vtex-search-result-3-x-orderByOptionsContainer .vtex-search-result-3-x-orderByOptionItem--order-by-familly { padding:10px 0 } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-familly .vtex-search-result-3-x-orderByOptionsContainer .vtex-search-result-3-x-orderByOptionItem--order-by-familly:before { content: ""; width: 16px; height: 16px; border: 1px solid #000; display: block; border-radius: 50%; margin-right: 8px } } @media (max-width: 1024px) { .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-familly .vtex-search-result-3-x-orderByOptionsContainer .vtex-search-result-3-x-orderByOptionItem--selected { background:transparent } .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByDropdown--order-by-familly .vtex-search-result-3-x-orderByOptionsContainer .vtex-search-result-3-x-orderByOptionItem--selected:after { content: ""; width: 14px; height: 14px; background: #000; display: block; border-radius: 50%; margin-right: 8px; position: absolute; left: 2px } } .vtex-search-result-3-x-filters--layout { position: sticky } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--view-all .vtex-search-result-3-x-filter__container--selectedFilters,.vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--view-all .vtex-search-result-3-x-filter__container--view-all--title { display: none } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--view-all .vtex-search-result-3-x-filter__container--view-all { border: none } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--view-all .vtex-search-result-3-x-filter__container--view-all .vtex-search-result-3-x-filterAvailable--view-all { padding: 30px 0; margin-right: -20px } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--view-all .vtex-search-result-3-x-filter__container--view-all .vtex-search-result-3-x-filterAvailable--view-all .vtex-search-result-3-x-filterTitle--view-all .vtex-search-result-3-x-filterTitleSpan--view-all { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 16px; line-height: 18px; font-weight: 400; letter-spacing: -.77px; color: #fff; text-transform: capitalize } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--view-all .vtex-search-result-3-x-filter__container--view-all .vtex-search-result-3-x-filterTemplateOverflow--view-all .vtex-search-result-3-x-filterContent--view-all .vtex-search-result-3-x-filterItem--view-all .vtex-checkbox__line-container { display: flex; align-items: center } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--view-all .vtex-search-result-3-x-filter__container--view-all .vtex-search-result-3-x-filterTemplateOverflow--view-all .vtex-search-result-3-x-filterContent--view-all .vtex-search-result-3-x-filterItem--view-all .vtex-checkbox__line-container .vtex-checkbox__label { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 16px; line-height: 18px; font-weight: 400; letter-spacing: -.77px; color: #93bfe6; text-transform: capitalize; padding: 5px 0 } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--view-all .vtex-search-result-3-x-filter__container--view-all .vtex-search-result-3-x-filterTemplateOverflow--view-all .vtex-search-result-3-x-filterContent--view-all .vtex-search-result-3-x-filterItem--view-all .vtex-checkbox__line-container .vtex-checkbox__inner-container { border-color: #93bfe6 } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--view-all .vtex-search-result-3-x-filter__container--view-all .vtex-search-result-3-x-filterTemplateOverflow--view-all .vtex-slider-container .vtex-slider .vtex-slider__base,.vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--view-all .vtex-search-result-3-x-filter__container--view-all .vtex-search-result-3-x-filterTemplateOverflow--view-all .vtex-slider-container .vtex-slider .vtex-slider__base .vtex-slider__base-internal,.vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--view-all .vtex-search-result-3-x-filter__container--view-all .vtex-search-result-3-x-filterTemplateOverflow--view-all .vtex-slider-container .vtex-slider .vtex-slider__selector-container .vtex-slider__selector { background-color: #93bfe6 } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--view-all .vtex-search-result-3-x-filter__container--view-all .vtex-search-result-3-x-filterTemplateOverflow--view-all .vtex-slider-container .vtex-slider__values-container .vtex-slider__dash,.vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--view-all .vtex-search-result-3-x-filter__container--view-all .vtex-search-result-3-x-filterTemplateOverflow--view-all .vtex-slider-container .vtex-slider__values-container .vtex-slider__left-value,.vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--view-all .vtex-search-result-3-x-filter__container--view-all .vtex-search-result-3-x-filterTemplateOverflow--view-all .vtex-slider-container .vtex-slider__values-container .vtex-slider__right-value { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -.77px; color: #fff; text-transform: capitalize } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--title { border: none; display: flex; align-items: center } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--title:before { content: ""; background: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-store-components/0.0.0/svgs/filter-title-icon___37c014ec34a24afee15023f7ede80d7d.svg); background-size: contain; background-position: 50%; background-repeat: no-repeat; width: 24px; height: 24px; display: block; margin-right: 8px } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--title .vtex-search-result-3-x-filterMessage--filter-familly { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 32px; line-height: 24px; font-weight: 500; color: #000; text-transform: capitalize } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--selectedFilters { display: none } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--filter-familly .vtex-search-result-3-x-filter--filter-familly { padding: 24px 0 } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--filter-familly .vtex-search-result-3-x-filter--filter-familly .vtex-search-result-3-x-filterTitle--filter-familly { padding-right: 24px } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--filter-familly .vtex-search-result-3-x-filter--filter-familly .vtex-search-result-3-x-filterTitle--filter-familly .vtex-search-result-3-x-filterTitleSpan--filter-familly { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 18px; line-height: 24px; font-weight: 500; color: #000 } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--filter-familly .vtex-search-result-3-x-filter--filter-familly .vtex-search-result-3-x-filterTitle--filter-familly .vtex-search-result-3-x-filterIcon--filter-familly { padding: 0; background: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-store-components/0.0.0/svgs/dropdown-arrow-filter___4fa62f3f7ad3e52b75b0ef079103d1cb.svg); background-size: cover; background-repeat: no-repeat; background-position: 50%; width: 16px; height: 10px; transition: .2s ease-in-out; transform-origin: center } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--filter-familly .vtex-search-result-3-x-filter--filter-familly .vtex-search-result-3-x-filterTitle--filter-familly .vtex-search-result-3-x-filterIcon--filter-familly .vtex-search-result-3-x-caretIcon--filter-familly { display: none } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--filter-familly .vtex-search-result-3-x-filterIsOpen--filter-familly .vtex-search-result-3-x-filterIcon--filter-familly { transform: rotate(180deg); transition: .2s ease-in-out; transform-origin: center } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--filter-familly .vtex-search-result-3-x-filterTemplateOverflow--filter-familly .vtex-search-result-3-x-filterContent--filter-familly .vtex-search-result-3-x-filterItem--filter-familly .vtex-checkbox__line-container { display: flex; align-items: center } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--filter-familly .vtex-search-result-3-x-filterTemplateOverflow--filter-familly .vtex-search-result-3-x-filterContent--filter-familly .vtex-search-result-3-x-filterItem--filter-familly .vtex-checkbox__line-container .vtex-checkbox__container { margin-right: 8px } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--filter-familly .vtex-search-result-3-x-filterTemplateOverflow--filter-familly .vtex-search-result-3-x-filterContent--filter-familly .vtex-search-result-3-x-filterItem--filter-familly .vtex-checkbox__line-container .vtex-checkbox__container .vtex-checkbox__inner-container { border-color: #000 } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--filter-familly .vtex-search-result-3-x-filterTemplateOverflow--filter-familly .vtex-search-result-3-x-filterContent--filter-familly .vtex-search-result-3-x-filterItem--filter-familly .vtex-checkbox__line-container .vtex-checkbox__label { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 16px; line-height: 24px; font-weight: 400; color: #000 } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--priceRange { border: none } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--priceRange .vtex-search-result-3-x-filterTemplateOverflow--filter-familly { padding-right: 24px } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--priceRange .vtex-search-result-3-x-filterTemplateOverflow--filter-familly .vtex-slider-container .vtex-slider .vtex-slider__base .vtex-slider__base-internal,.vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--priceRange .vtex-search-result-3-x-filterTemplateOverflow--filter-familly .vtex-slider-container .vtex-slider .vtex-slider__selector-container .vtex-slider__selector { background: #000 } .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--priceRange .vtex-search-result-3-x-filterTemplateOverflow--filter-familly .vtex-slider-container .vtex-slider__values-container .vtex-slider__dash,.vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--priceRange .vtex-search-result-3-x-filterTemplateOverflow--filter-familly .vtex-slider-container .vtex-slider__values-container .vtex-slider__left-value,.vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapper--filter-familly .vtex-search-result-3-x-filter__container--priceRange .vtex-search-result-3-x-filterTemplateOverflow--filter-familly .vtex-slider-container .vtex-slider__values-container .vtex-slider__right-value { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 12px; line-height: 14px; font-weight: 400; letter-spacing: -.77px; color: #000; text-transform: capitalize } .vtex-search-result-3-x-filterIcon { color: #fff } .vtex-search-result-3-x-filters .vtex-search-result-3-x-filtersWrapperMobile--view-all .vtex-search-result-3-x-filterPopupButton { background: none; border: none; outline: none; display: flex; align-items: center } .vtex-search-result-3-x-filters .vtex-search-result-3-x-filtersWrapperMobile--view-all .vtex-search-result-3-x-filterPopupButton .vtex-search-result-3-x-filterPopupTitle--view-all { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 16px; line-height: 18px; font-weight: 300; color: #fff; text-transform: capitalize; margin-right: 15px; display: flex; align-items: center } .vtex-search-result-3-x-filters .vtex-search-result-3-x-filtersWrapperMobile--view-all .vtex-search-result-3-x-filterPopupButton .vtex-search-result-3-x-filterPopupArrowIcon--view-all { display: flex; padding: 0; background: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-store-components/0.0.0/imgs/slider___e259e1565d8ff55f22352c6ce18d7043.png); background-position: 50%; background-repeat: no-repeat; background-size: contain; width: 19px; height: 15px } .vtex-search-result-3-x-filters .vtex-search-result-3-x-filtersWrapperMobile--view-all .vtex-search-result-3-x-filterPopupButton .vtex-search-result-3-x-filterPopupArrowIcon--view-all .vtex-search-result-3-x-filterIcon--view-all { display: none } .vtex-search-result-3-x-filters .vtex-search-result-3-x-filtersWrapperMobile--filter-familly .vtex-search-result-3-x-filterPopupButton { background: none; border: none; outline: none; display: flex; flex-direction: row-reverse; align-items: center; justify-content: center; padding: 16px 0; height: max-content; width: 100% } .vtex-search-result-3-x-filters .vtex-search-result-3-x-filtersWrapperMobile--filter-familly .vtex-search-result-3-x-filterPopupButton .vtex-search-result-3-x-filterPopupTitle { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 14px; font-weight: 500; color: #000; text-transform: uppercase; margin: 0 0 0 8px; display: flex; align-items: center } .vtex-search-result-3-x-filters .vtex-search-result-3-x-filtersWrapperMobile--filter-familly .vtex-search-result-3-x-filterPopupButton .vtex-search-result-3-x-filterPopupTitle:after { content: "S"; font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 14px; font-weight: 500; color: #000; text-transform: uppercase; display: block } .vtex-search-result-3-x-filters .vtex-search-result-3-x-filtersWrapperMobile--filter-familly .vtex-search-result-3-x-filterPopupButton .vtex-search-result-3-x-filterPopupArrowIcon { display: flex; padding: 0; background: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-store-components/0.0.0/svgs/filter-title-icon___37c014ec34a24afee15023f7ede80d7d.svg); background-position: 50%; background-repeat: no-repeat; background-size: contain; width: 16px; height: 16px; margin: 0 } .vtex-search-result-3-x-filters .vtex-search-result-3-x-filtersWrapperMobile--filter-familly .vtex-search-result-3-x-filterPopupButton .vtex-search-result-3-x-filterPopupArrowIcon .vtex-search-result-3-x-filterIcon { display: none } .vtex-search-result-3-x-sidebar--view-all { width: 100%; max-width: 390px; background-color: rgba(9,24,39,.9); -webkit-backdrop-filter: blur(2em); backdrop-filter: blur(2em) } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter { overflow: auto } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-filterAccordionBreadcrumbs { background: transparent; padding: 36px 24px 18px; border: none } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-filterAccordionBreadcrumbs .vtex-search-result-3-x-filterBreadcrumbsContent--view-all { display: flex; justify-content: space-between; align-items: center; width: 100% } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-filterAccordionBreadcrumbs .vtex-search-result-3-x-filterBreadcrumbsContent--view-all:after { content: "X"; display: block; font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 22px; line-height: 18px; font-weight: 300; color: #fff; text-transform: capitalize; transform: scaleX(1.1) } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-filterAccordionBreadcrumbs .vtex-search-result-3-x-filterBreadcrumbsContent--view-all .vtex-search-result-3-x-filterBreadcrumbsText--view-all { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 20px; line-height: 20px; font-weight: 500; color: #fff; text-transform: capitalize } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterContainer--view-all { padding: 0 25px } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterContainer--view-all .vtex-search-result-3-x-accordionFilterItem { padding: 0; min-height: 0; border: none } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterContainer--view-all .vtex-search-result-3-x-accordionFilterItem .vtex-search-result-3-x-accordionFilterContent { padding: 30px 0 } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterContainer--view-all .vtex-search-result-3-x-accordionFilterItem .vtex-search-result-3-x-accordionFilterContent .vtex-search-result-3-x-accordionFilterItemTitle { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 16px; line-height: 18px; font-weight: 300; color: #fff; text-transform: capitalize } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterContainer--view-all .vtex-search-result-3-x-accordionFilterItem .vtex-search-result-3-x-accordionFilterContent .vtex-search-result-3-x-accordionFilterItemIcon .vtex-search-result-3-x-caretIcon { color: #fff; transform: scale(1.6,1.3) } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions,.vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterOpen { padding: 0; overflow: auto; margin-left: -20px } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filterAccordionItemBox,.vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterOpen .vtex-search-result-3-x-filterAccordionItemBox { padding: 0; border: none } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filterAccordionItemBox .vtex-checkbox__line-container .vtex-checkbox__label,.vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterOpen .vtex-search-result-3-x-filterAccordionItemBox .vtex-checkbox__line-container .vtex-checkbox__label { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 16px; line-height: 18px; font-weight: 300; color: #93bfe6; text-transform: capitalize } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filterAccordionItemBox .vtex-checkbox__line-container .vtex-checkbox__inner-container,.vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterOpen .vtex-search-result-3-x-filterAccordionItemBox .vtex-checkbox__line-container .vtex-checkbox__inner-container { border-color: #93bfe6 } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filter__container--priceRange { border: none } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filter__container--priceRange .vtex-search-result-3-x-filterTemplateOverflow { padding: 0 25px 0 8px } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-filterButtonsBox { background: transparent; overflow: auto } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-filterButtonsBox:hover .vtex-search-result-3-x-filterClearButtonWrapper .vtex-button .vtex-button__label { color: #091827 } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-filterButtonsBox .vtex-search-result-3-x-filterClearButtonWrapper .vtex-button .vtex-button__label { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 16px; line-height: 18px; font-weight: 300; color: #fff; text-transform: capitalize } .vtex-search-result-3-x-sidebar--view-all .vtex-search-result-3-x-filterButtonsBox .vtex-search-result-3-x-filterApplyButtonWrapper .vtex-button .vtex-button__label { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 16px; line-height: 18px; font-weight: 500; color: #091827; text-transform: capitalize } @media (max-width: 1012px) { .vtex-search-result-3-x-gallery--view-all .vtex-search-result-3-x-galleryItem--view-all { border:1px solid #eee } } .vtex-search-result-3-x-buttonShowMore--view-all-fetch-more .vtex-button { background: #09304a; border: 1px solid #09304a; font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 16px; line-height: 18px; font-weight: 700; color: #fff; text-transform: capitalize; text-decoration: underline } .vtex-search-result-3-x-searchResultContainer--searchResultContainer-familly { max-width: 100%; padding: 0 0 64px } .vtex-search-result-3-x-gallery--familly { padding: 0 } @media (min-width: 1024px) { .vtex-search-result-3-x-gallery--familly .vtex-search-result-3-x-galleryItem--familly { padding:8px; flex-basis: 33.33% !important; max-width: 33.33% !important } } @media (max-width: 1024px) { .vtex-search-result-3-x-gallery--familly .vtex-search-result-3-x-galleryItem--familly { padding:0; border: 1px solid #eee } } .vtex-search-result-3-x-sidebar--familly { width: 100%; max-width: 390px; background-color: #fff } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter { overflow: auto } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-filterAccordionBreadcrumbs { background: transparent; padding: 24px 24px 12px; border: none; height: max-content } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-filterAccordionBreadcrumbs .vtex-search-result-3-x-filterBreadcrumbsContent--filter-familly { display: flex; justify-content: space-between; align-items: center; width: 100% } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-filterAccordionBreadcrumbs .vtex-search-result-3-x-filterBreadcrumbsContent--filter-familly:before { content: ""; display: block; background: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-store-components/0.0.0/svgs/filter-title-icon___37c014ec34a24afee15023f7ede80d7d.svg); width: 24px; height: 24px } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-filterAccordionBreadcrumbs .vtex-search-result-3-x-filterBreadcrumbsContent--filter-familly .vtex-search-result-3-x-filterBreadcrumbsText--filter-familly { font-size: 32px; line-height: 24px; margin-right: auto; margin-left: 8px } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-filterAccordionBreadcrumbs .vtex-search-result-3-x-filterBreadcrumbsContent--filter-familly:after { content: "X"; display: block; font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 22px; line-height: 18px; font-weight: 300; color: #fff; text-transform: capitalize; transform: scaleX(1.1); background: rgba(0,0,0,.5); border-radius: 50%; padding: 10px 9px } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-filterAccordionBreadcrumbs .vtex-search-result-3-x-filterBreadcrumbsContent--filter-familly .vtex-search-result-3-x-filterBreadcrumbsText--filter-familly { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 20px; line-height: 20px; font-weight: 500; color: #000; text-transform: capitalize } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterContainer--filter-familly { padding: 0 25px } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterContainer--filter-familly .vtex-search-result-3-x-accordionFilterItem { padding: 0; min-height: 0; border: none } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterContainer--filter-familly .vtex-search-result-3-x-accordionFilterItem .vtex-search-result-3-x-accordionFilterContent { padding: 10px 0 } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterContainer--filter-familly .vtex-search-result-3-x-accordionFilterItem .vtex-search-result-3-x-accordionFilterContent .vtex-search-result-3-x-accordionFilterItemTitle { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 18px; line-height: 24px; font-weight: 500; color: #000; text-transform: capitalize } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterContainer--filter-familly .vtex-search-result-3-x-accordionFilterItem .vtex-search-result-3-x-accordionFilterContent .vtex-search-result-3-x-accordionFilterItemIcon .vtex-search-result-3-x-caretIcon { color: #000; transform: scale(1.6,1.3) } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions,.vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterOpen { padding: 0; overflow: auto; margin-left: -20px } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filterAccordionItemBox,.vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterOpen .vtex-search-result-3-x-filterAccordionItemBox { padding: 10px 0; min-height: max-content; border: none } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filterAccordionItemBox .vtex-checkbox__line-container .vtex-checkbox__inner-container,.vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterOpen .vtex-search-result-3-x-filterAccordionItemBox .vtex-checkbox__line-container .vtex-checkbox__inner-container { border: 2px solid #000 } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filterAccordionItemBox .vtex-checkbox__line-container .vtex__icon-check,.vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterOpen .vtex-search-result-3-x-filterAccordionItemBox .vtex-checkbox__line-container .vtex__icon-check { background: #000 } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filterAccordionItemBox .vtex-checkbox__line-container .vtex-checkbox__label,.vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterOpen .vtex-search-result-3-x-filterAccordionItemBox .vtex-checkbox__line-container .vtex-checkbox__label { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 16px; line-height: 18px; font-weight: 400; color: #000; text-transform: capitalize } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filter__container--priceRange { border: none } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filter__container--priceRange .vtex-search-result-3-x-filter--filter-familly { display: none } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filter__container--priceRange .vtex-search-result-3-x-filterTemplateOverflow { padding: 0 25px 0 8px } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filter__container--priceRange .vtex-search-result-3-x-filterTemplateOverflow--filter-familly .vtex-slider-container .vtex-slider .vtex-slider__base .vtex-slider__base-internal,.vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filter__container--priceRange .vtex-search-result-3-x-filterTemplateOverflow--filter-familly .vtex-slider-container .vtex-slider .vtex-slider__selector-container .vtex-slider__selector { background: #000 } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filter__container--priceRange .vtex-search-result-3-x-filterTemplateOverflow--filter-familly .vtex-slider-container .vtex-slider__values-container .vtex-slider__left-value,.vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filter__container--priceRange .vtex-search-result-3-x-filterTemplateOverflow--filter-familly .vtex-slider-container .vtex-slider__values-container .vtex-slider__right-value { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 12px; line-height: 14px; font-weight: 400; color: #000 } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-filterButtonsBox { background: #fff; overflow: auto } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-filterButtonsBox:hover .vtex-search-result-3-x-filterClearButtonWrapper .vtex-button .vtex-button__label { color: #091827 } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-filterButtonsBox .vtex-search-result-3-x-filterClearButtonWrapper { padding: 0 8px 0 24px } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-filterButtonsBox .vtex-search-result-3-x-filterClearButtonWrapper .vtex-button { border: 1px solid rgba(0,0,0,.5) } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-filterButtonsBox .vtex-search-result-3-x-filterClearButtonWrapper .vtex-button .vtex-button__label { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 16px; line-height: 18px; font-weight: 400; color: #000; text-transform: capitalize; padding: 14px 0 !important } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-filterButtonsBox .vtex-search-result-3-x-filterApplyButtonWrapper { padding: 0 24px 0 8px } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-filterButtonsBox .vtex-search-result-3-x-filterApplyButtonWrapper .vtex-button { background: #1879a6; border: none } .vtex-search-result-3-x-sidebar--familly .vtex-search-result-3-x-filterButtonsBox .vtex-search-result-3-x-filterApplyButtonWrapper .vtex-button .vtex-button__label { font-family: Gotham A,Gotham B,ruble,sans-serif; font-size: 16px; line-height: 18px; font-weight: 400; color: #fff; text-transform: capitalize; padding: 14px 0 !important } .vtex-slider-layout-0-x-sliderLayoutContainer--trending-shelf { padding: 0 30px !important } @media screen and (max-width: 640px) { .vtex-slider-layout-0-x-sliderLayoutContainer--trending-shelf { padding:0 20px !important } } .vtex-slider-layout-0-x-sliderLayoutContainer--trending-shelf .vtex-slider-layout-0-x-sliderArrows { margin: 0 } .vtex-slider-layout-0-x-sliderLayoutContainer--trending-shelf .vtex-slider-layout-0-x-sliderArrows .vtex-slider-layout-0-x-caretIcon { color: #fff; height: 20px; width: auto } .vtex-store-components-3-x-skuSelectorItem--weiss,.vtex-store-components-3-x-skuSelectorItem--white { background: #fff } .vtex-store-components-3-x-skuSelectorItem--black,.vtex-store-components-3-x-skuSelectorItem--black000000,.vtex-store-components-3-x-skuSelectorItem--schwarz { background: #000 } .vtex-store-components-3-x-skuSelectorItem--brushed-bronze { background: #6b4e3c } .vtex-store-components-3-x-skuSelectorItem--cosmic-purple { background: #451a4c } .vtex-store-components-3-x-skuSelectorItem--deep-indigo { background: #484b63 } .vtex-store-components-3-x-skuSelectorItem--denim-blue { background: #343d62 } .vtex-store-components-3-x-skuSelectorItem--electric-grey,.vtex-store-components-3-x-skuSelectorItem--felt-grey { background: #707372 } .vtex-store-components-3-x-skuSelectorItem--flash-grey { background: #727272 } .vtex-store-components-3-x-skuSelectorItem--grey { background: grey } .vtex-store-components-3-x-skuSelectorItem--dark-grey { background: #333f48 } .vtex-store-components-3-x-skuSelectorItem--lunar-grey { background: #4f4f4f } .vtex-store-components-3-x-skuSelectorItem--marine-blue { background: #283857 } .vtex-store-components-3-x-skuSelectorItem--melange-pink { background: #7c455c } .vtex-store-components-3-x-skuSelectorItem--orange { background: #ff6a00 } .vtex-store-components-3-x-skuSelectorItem--oxford-blue { background: #394e6a } .vtex-store-components-3-x-skuSelectorItem--pearl-white { background: #f5f5f5 } .vtex-store-components-3-x-skuSelectorItem--purple { background: #491d3f } .vtex-store-components-3-x-skuSelectorItem--red { background: #eb140a } .vtex-store-components-3-x-skuSelectorItem--starry-black { background: #000 } .vtex-store-components-3-x-skuSelectorItem--sterling-blue { background: #b7bdcb } .vtex-store-components-3-x-skuSelectorItem--white { background: #fff } .vtex-store-components-3-x-skuSelectorItem--yellow { background: #fee600 } .vtex-store-components-3-x-skuSelectorItem--bright-cherry { background: #790604 } .vtex-store-components-3-x-skuSelectorItem--ceramic-black { background: #1e1e1e } .vtex-store-components-3-x-skuSelectorItem--ice-violet { background: #7d7893 } .vtex-store-components-3-x-skuSelectorItem--fine-gold { background: #ccbea1 } .vtex-store-components-3-x-skuSelectorItem--viva-red { background: #8d2328 } .vtex-store-components-3-x-skuSelectorItem--bronze-gradient { background: #804a00 } .vtex-store-components-3-x-skuSelectorItem--pearl-white { background: #eef4f4 } .vtex-store-components-3-x-skuSelectorItem--polished-graphite { background: #2a3439 } .vtex-store-components-3-x-skuSelectorItem--ultra-violet { background: #9d4199 } .vtex-store-components-3-x-skuSelectorItem--space-blue { background: #003b59 } .vtex-store-components-3-x-skuSelectorItem--cosmic-blue { background: #383680 } .vtex-store-components-3-x-skuSelectorItem--steel-black { background: #120f12 } .vtex-store-components-3-x-skuSelectorItem--sapphire-blue { background: #0f52ba } .vtex-store-components-3-x-skuSelectorItem--deepsea-blue { background: #006994 } .vtex-store-components-3-x-skuSelectorItem--fresh-orchid { background: #6a3151 } .vtex-store-components-3-x-skuSelectorItem--blau { background: #003b59 } .vtex-store-components-3-x-skuSelectorItem--gunmental,.vtex-store-components-3-x-skuSelectorItem--silbergrau { background: #7f9fae } .vtex-store-components-3-x-skuSelectorItem--mineral-blue { background: #2d92e0 } .vtex-store-components-3-x-skuSelectorItem--violet-gradient { background: #d40083 } .vtex-store-components-3-x-skuSelectorItem--sapphire-gradient { background: #1e3c61 } .vtex-store-components-3-x-skuSelectorItem--dark-amber { background: #601f1b } .vtex-store-components-3-x-skuSelectorItem--deep-sea-blue { background: #4797d9 } .vtex-store-components-3-x-skuSelectorItem--capri-blue { background: #7195aa } .vtex-store-components-3-x-skuSelectorItem--smoke-black { background: #666 } .vtex-store-components-3-x-skuSelectorItem--mystic-indigo { background: #00a4d6 } .vtex-store-components-3-x-skuSelectorItem--electric-grey { background: #686d63 } .vtex-store-components-3-x-skuSelectorItem--ocean-blue { background: #2ebfe6 } .vtex-store-components-3-x-skuSelectorItem--crystal-pink { background: #8e2d31 } .vtex-store-components-3-x-skuSelectorItem--fresh-orchid { background: #bf5393 } .vtex-store-components-3-x-skuSelectorItem--neon-blue { background: #5c88e1 } .vtex-store-components-3-x-skuSelectorItem--peacock-blue { background: #157b90 } .vtex-store-components-3-x-skuSelectorItem--sunrise-red { background: #af2947 } .vtex-store-components-3-x-skuSelectorItem--mystic-indigo { background: #2d2b6d } .vtex-store-components-3-x-skuSelectorItem--clear-white,.vtex-store-components-3-x-skuSelectorItem--frost-white { background: #fff } .vtex-store-components-3-x-skuSelectorItem--blush-gold { background: #e1c4bc } .vtex-store-components-3-x-skuSelectorItem--noir-black { background: #000 } .vtex-store-components-3-x-skuSelectorItem--royal-blue { background: #1c325b } .vtex-store-components-3-x-skuSelectorItem--arctic-blue { background: #23acc1 } .vtex-store-components-3-x-skuSelectorItem--blush-gold { background: #ac9889 } .vtex-store-components-3-x-skuSelectorItem--smoky-sangria { background: #6e2548 } .vtex-store-components-3-x-skuSelectorItem--thunder-grey { background: #074f71 } .vtex-store-components-3-x-skuSelectorItem--solar-black { background: #0d0d0d } .vtex-store-components-3-x-skuSelectorItem--midnight-magenta { background: #672743 } .vtex-store-components-3-x-skuSelectorItem--rose-gold { background: #e6a483 } .vtex-store-components-3-x-skuSelectorItem--phantom-black { background: #1f1e1e } .vtex-store-components-3-x-skuSelectorItem--steel-gray { background: #a2a2a3 } .vtex-store-components-3-x-skuSelectorItem--midnight-blue { background: #1c3554 } .vtex-store-components-3-x-skuSelectorItem--meteor-grey { background: #58585d } .vtex-store-components-3-x-skuSelectorItem--electric-pink { background: #c14979 } .vtex-store-components-3-x-skuSelectorItem--twilight-blue { background: #1b5f89 } .vtex-store-components-3-x-skuSelectorItem--moonlight-white { background: #fff } .vtex-store-components-3-x-skuSelectorItem--surfing-blue { background: #1a54a4 } .vtex-store-components-3-x-skuSelectorItem--mystic-lilac { background: #8587b9 } .vtex-store-components-3-x-skuSelectorItem--polished-graphite { background: #565b5f } .vtex-store-components-3-x-skuSelectorItem--liquid-mercury { background: #a6a9aa } .vtex-store-components-3-x-skuSelectorItem--oxford-blue { background: #03123b } .vtex-store-components-3-x-skuSelectorItem--aurora-black { background: #323236 } .vtex-store-components-3-x-skuSelectorItem--aurora-white { background: #e7e7e7 } .vtex-store-components-3-x-skuSelectorItem--misty-blue { background: #173468 } .vtex-store-components-3-x-skuSelectorItem--flash-gray { background: #71686a } .vtex-store-components-3-x-skuSelectorItem--polar-silver { background: #bec3c5 } .vtex-store-components-3-x-skuSelectorItem--frosted-silver { background: #b6b6b8 } .vtex-store-components-3-x-skuSelectorItem--volcanic-grey { background: #4f4b55 } .vtex-store-components-3-x-skuSelectorItem--cosmic-emerald { background: #24514c } .vtex-store-components-3-x-skuSelectorItem--iridescent-ocean { background: #3699b9 } .vtex-store-components-3-x-skuSelectorItem--nebula-blue { background: #3e578e } .vtex-store-components-3-x-skuSelectorItem--iridescent-sky { background: #e3e9eb } .vtex-store-components-3-x-skuSelectorItem--glowing-blue { background: #1144b4 } .vtex-store-components-3-x-skuSelectorItem--twilight-blue { background: #35426e } .vtex-store-components-3-x-skuSelectorItem--dusty-rose { background: #d2b4b5 } .vtex-store-components-3-x-skuSelectorItem--neptune-green { background: #00d0de } .vtex-store-components-3-x-skuSelectorItem--cosmo-blue,.vtex-store-components-3-x-skuSelectorItem--cosmos-blue { background: #2a5161 } .vtex-store-components-3-x-skuSelectorItem--stardust-white { background: #cdd5e4 } .vtex-product-summary-2-x-skuSelectorContainer--trending-shelf { justify-content: center !important } .vtex-product-summary-2-x-skuSelectorContainer--trending-shelf .vtex-store-components-3-x-skuSelectorSubcontainer:not(:first-child) { display: none !important } .vtex-product-summary-2-x-skuSelectorContainer--trending-shelf .vtex-store-components-3-x-skuSelectorSubcontainer { margin-bottom: 0 !important; margin-top: 0 !important; margin-right: 0 !important; max-height: 30px !important } .vtex-product-summary-2-x-skuSelectorContainer--trending-shelf .vtex-store-components-3-x-skuSelectorItemImage { border-radius: 100% !important; border: .5px solid #eee !important } .vtex-product-summary-2-x-skuSelectorContainer--trending-shelf .vtex-store-components-3-x-frameAround { border: none !important; border-radius: 100% !important } .vtex-product-summary-2-x-skuSelectorContainer--trending-shelf .vtex-store-components-3-x-skuSelectorInternalBox { border: none !important } .vtex-product-summary-2-x-skuSelectorContainer--trending-shelf .vtex-store-components-3-x-skuSelectorItemImageValue,.vtex-product-summary-2-x-skuSelectorContainer--trending-shelf .vtex-store-components-3-x-skuSelectorTextContainer { display: none !important } .vtex-product-summary-2-x-skuSelectorContainer--trending-shelf .vtex-store-components-3-x-skuSelectorItem { width: 20px !important; height: 20px !important } .vtex-product-summary-2-x-skuSelectorContainer--trending-shelf .vtex-store-components-3-x-skuSelectorItem--selected { border: 1px solid #82c1e9 !important } .vtex-product-summary-2-x-skuSelectorContainer--trending-shelf .vtex-store-components-3-x-skuSelectorOptionsList { justify-content: center !important } .vtex-store-components-3-x-searchBarIcon--search .vtex-store-components-3-x-searchIcon { display: none } .vtex-store-components-3-x-imageElement--family-banner-logo { max-height: 24px; width: 80px } @media (max-width: 768px) { .vtex-store-components-3-x-imageElement--family-banner-logo { width:60px } } .vtex-store-components-3-x-infoCardContainer--family-banner-container { height: 450px } .vtex-store-components-3-x-infoCardHeadline--family-banner-title { color: #000; font-weight: 500; font-size: 48px } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardHeadline--family-banner-title { font-size:32px } } .vtex-store-components-3-x-infoCardSubhead--family-banner-text { color: #000; font-size: 16px; line-height: 1.5 } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardSubhead--family-banner-text { font-size:14px; line-height: unset } } .vtex-store-components-3-x-infoCardCallActionContainer--family-banner-Button .vtex-button { background-color: #1879a6; outline: none; border: none; border-color: unset; height: 45px; font-weight: unset; text-transform: none; border-radius: 8px; width: 210px } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardCallActionContainer--family-banner-Button .vtex-button { height:50px; width: 170px; font-size: 15px } } .vtex-store-components-3-x-infoCardCallActionContainer--family-banner-Button .vtex-button:hover { background-color: #1879a6 } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardTextContainer--family-banner-container { padding-top:90px } } .vtex-store-components-3-x-infoCardTextContainer--family-infocard-wrapper { width: 100% } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardTextContainer--family-infocard-wrapper { padding-bottom:320px } } @media (min-width: 1920px) { .vtex-store-components-3-x-infoCardTextContainer--family-infocard-wrapper { margin-left:25rem !important } } .vtex-store-components-3-x-infoCardContainer--family-infocard-container { width: 100%; background-size: 100% !important; background-position: 50% } @media only screen and (min-width: 1000px) { .vtex-store-components-3-x-infoCardContainer--family-infocard-container { padding:5rem 0 } } @media only screen and (min-width: 1650px) { .vtex-store-components-3-x-infoCardContainer--family-infocard-container { padding:9.5rem 0 } } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardContainer--family-infocard-container { height:781px; background-color: #000; background-position-y: bottom } } .vtex-store-components-3-x-infoCardHeadline--family-infocard-title { color: #fff; font-weight: 500 } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardHeadline--family-infocard-title { font-size:32px } } .vtex-store-components-3-x-infoCardSubhead--family-infocard-text { color: #fff } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardSubhead--family-infocard-text { font-size:14px } } .vtex-store-components-3-x-infoCardCallActionContainer--family-infocard-Button .vtex-button { background-color: #1879a6; outline: none; border: none; border-color: unset; height: 50px; font-weight: unset; text-transform: none; border-radius: 10px; width: 185px; background-image: url(https://motorolaimgrepo.vteximg.com.br/arquivos/Icon-arrow-right.svg); background-repeat: no-repeat; background-size: 9px; background-position: 145px 16px } .vtex-store-components-3-x-infoCardCallActionContainer--family-infocard-Button .vtex-button:hover { background-color: #1879a6 } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardCallActionContainer--family-infocard-Button,.vtex-store-components-3-x-infoCardHeadline--family-infocard-title,.vtex-store-components-3-x-infoCardSubhead--family-infocard-text { text-align:center; margin: 0 auto; padding: 10px; line-height: 1.5 } } .vtex-flex-layout-0-x-flexRow--buy-btn-product-summary .vtex-button { height: 48px; margin-bottom: 15px } .vtex-flex-layout-0-x-flexRow--buy-btn-product-summary .vtex-button .vtex-add-to-cart-button-0-x-buttonText { color: #fff; font-size: 14px; line-height: 17px; font-weight: 400 } .vtex-add-to-cart-button-0-x-buttonText--pdp { font-size: 14px; line-height: 16px; color: #fff; font-weight: 500 } @media only screen and (min-width: 768px) { .vtex-add-to-cart-button-0-x-buttonText--pdp { font-size:16px; line-height: 24px } } .vtex-availability-notify-1-x-notiferContainer .vtex-availability-notify-1-x-title { font-size: 0; margin-bottom: 10px } .vtex-availability-notify-1-x-notiferContainer .vtex-availability-notify-1-x-title:before { content: "Mantente informado"; font-size: 20px; color: #001428; font-weight: 700 } .vtex-availability-notify-1-x-notiferContainer .vtex-availability-notify-1-x-notifyLabel { font-size: 0; margin-bottom: 10px } .vtex-availability-notify-1-x-notiferContainer .vtex-availability-notify-1-x-notifyLabel:before { content: 'Para ser notificado de la disponibilidad de este Producto, simplemente complete los campos a continuación y  haga clic en el botón "Enviar"'; font-size: 14px; line-height: 24px; color: #001428; font-weight: 500; margin: 20px 0; line-height: 1.5 } .vtex-availability-notify-1-x-notiferContainer .vtex-availability-notify-1-x-content { flex-direction: column } .vtex-availability-notify-1-x-notiferContainer .vtex-availability-notify-1-x-content .vtex-availability-notify-1-x-inputEmail,.vtex-availability-notify-1-x-notiferContainer .vtex-availability-notify-1-x-content .vtex-availability-notify-1-x-inputName { box-shadow: 0 3px 6px rgba(0,0,0,.2); height: 50px } .vtex-availability-notify-1-x-notiferContainer .vtex-availability-notify-1-x-content .vtex-availability-notify-1-x-inputEmail .vtex-input-prefix__group,.vtex-availability-notify-1-x-notiferContainer .vtex-availability-notify-1-x-content .vtex-availability-notify-1-x-inputName .vtex-input-prefix__group { border: none; height: 50px } .vtex-availability-notify-1-x-notiferContainer .vtex-availability-notify-1-x-content .vtex-availability-notify-1-x-inputEmail .vtex-input-prefix__group .vtex-styleguide-9-x-input,.vtex-availability-notify-1-x-notiferContainer .vtex-availability-notify-1-x-content .vtex-availability-notify-1-x-inputName .vtex-input-prefix__group .vtex-styleguide-9-x-input { height: 50px; background-color: #fff; font-size: 16px; border: 0; border-radius: 4px; outline: 0; width: 100%; color: #000 } .vtex-availability-notify-1-x-notiferContainer .vtex-availability-notify-1-x-content .vtex-availability-notify-1-x-inputEmail .vtex-input__error,.vtex-availability-notify-1-x-notiferContainer .vtex-availability-notify-1-x-content .vtex-availability-notify-1-x-inputName .vtex-input__error { padding-top: 8px } .vtex-availability-notify-1-x-notiferContainer .vtex-availability-notify-1-x-content .vtex-availability-notify-1-x-submit { background-color: #0e77da; height: 50px; line-height: 52px; color: #fff; font-size: 16px; border: 0; border-radius: 4px; outline: 0; cursor: pointer; width: 100%; justify-content: center; padding: 0; margin-top: 15px } .vtex-availability-notify-1-x-notiferContainer .vtex-availability-notify-1-x-content .vtex-availability-notify-1-x-submit .vtex-button { padding: 0 18px; background-color: transparent; color: #fff; border: none; font-size: 16px; font-weight: 400; margin-top: 3px; width: 100%; height: 100% } .vtex-disclosure-layout-1-x-trigger--institucionais { display: flex; justify-content: space-between; align-items: center; padding: 0 30px; background: #011b34; border-radius: 4px; border: 1px solid #082e53; margin-bottom: 20px } .vtex-disclosure-layout-1-x-trigger--institucionais--visible { border-bottom: none; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 0 } .vtex-disclosure-layout-1-x-trigger--institucionais .vtex-store-icons-0-x-caretIcon--institucionais { color: #fff; overflow: inherit; padding-top: 10px } .vtex-disclosure-layout-1-x-trigger--blackfriday-faq { height: 86px } .vtex-disclosure-layout-1-x-trigger--blackfriday-faq .vtex-rich-text-0-x-paragraph--perguntas-institucionais { color: #0e77da } .vtex-disclosure-layout-1-x-trigger--blackfriday-faq .vtex-store-icons-0-x-caretIcon--institucionais { color: #0e77da; padding-top: 15px } @media (min-width: 1025px) { .vtex-flex-layout-0-x-flexColChild--seguros-perguntas-frequentes .vtex-disclosure-layout-1-x-trigger--institucionais { padding:15px 30px } } .vtex-disclosure-layout-1-x-content--institucionais { 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--institucionais[data-enter] { opacity: 1; height: fit-content; transform: translateZ(0) } .vtex-disclosure-layout-1-x-content--institucionais[data-leave] { height: 0; overflow: hidden } .vtex-disclosure-layout-1-x-content--institucionais--visible { padding: 0 30px; background: #011b34; border-radius: 4px; margin-bottom: 20px; border: 1px solid #082e53; border-top: none; border-top-left-radius: 0; border-top-right-radius: 0 } .vtex-flex-layout-0-x-flexRow .vtex-flex-layout-0-x-flexRowContent--search-container { padding: 0 15px } .vtex-flex-layout-0-x-flexRow .vtex-flex-layout-0-x-flexRowContent--search-bread-title-order { padding: 20px 15px 40px } .vtex-flex-layout-0-x-flexRow .vtex-flex-layout-0-x-flexRowContent--search-bread-title-order-busca .vtex-breadcrumb-1-x-container { display: none } .vtex-flex-layout-0-x-flexRow .vtex-flex-layout-0-x-flexRowContent--search-seo { padding: 0 15px; margin-bottom: 20px } .vtex-flex-layout-0-x-flexRow--seguros-coberturas { background-color: #fff } .vtex-flex-layout-0-x-flexCol--search-title-busca { margin-bottom: 30px } @media (min-width: 1025px) { .vtex-flex-layout-0-x-flexRow--seguros-intro .vtex-store-components-3-x-container { padding-right:0 } } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRowContent--search-filter-order-mobile { margin-bottom:20px; display: flex; align-items: center; justify-content: center } .vtex-flex-layout-0-x-flexRowContent--seguros-intro { display: flex; flex-direction: column-reverse } .vtex-flex-layout-0-x-flexRowContent--seguros-intro-topic { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 20px 40px; background: #011b34; border-radius: 4px; border: 1px solid #082e53; margin-bottom: 20px } } .vtex-flex-layout-0-x-flexRowContent--pdp-price { align-items: flex-end } .vtex-flex-layout-0-x-flexRow--container-pdp-infos { background-color: #fff; padding-top: 74px } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexRow--container-pdp-infos { padding-top:32px } } .vtex-flex-layout-0-x-flexRow--container-pdp-infos .vtex-store-components-3-x-container { padding: 0 } .vtex-flex-layout-0-x-flexRow--pdp-formas-pagamento-cartoes { width: 100%; padding: 20px 0 } .vtex-flex-layout-0-x-flexRow--pdp-formas-pagamento-cartoes .vtex-flex-layout-0-x-flexRowContent { display: flex; align-items: center } .vtex-flex-layout-0-x-flexRow--pdp-add-to-cart-btn { margin: 0; align-self: flex-end } .vtex-flex-layout-0-x-flexRow--pdp-add-to-cart-btn .vtex-button { height: 56px; box-shadow: 0 3px 6px rgba(0,0,0,.1882352941) } .vtex-flex-layout-0-x-flexRow--pdp-nome-ref { justify-content: space-between } .vtex-flex-layout-0-x-flexRow--pdp-modal-ame-passos { padding: 0 30px } @media (min-width: 1024px) { .vtex-flex-layout-0-x-flexRow--pdp-triggers { margin-top:40px } } .vtex-flex-layout-0-x-flexRow--pdp-triggers .vtex-flex-layout-0-x-flexRowContent { padding: 10px 20px } @media (min-width: 1024px) { .vtex-flex-layout-0-x-flexRow--pdp-triggers .vtex-flex-layout-0-x-flexRowContent { padding:10px 0 } } .vtex-flex-layout-0-x-flexCol--pdp-infos { padding: 20px 40px; background-color: #fff } .vtex-flex-layout-0-x-flexCol--pdp-imagens { position: relative } .vtex-flex-layout-0-x-flexCol .vtex-flex-layout-0-x-flexColChild--pdp-imagens { height: auto !important } @media (min-width: 1025px) { .vtex-flex-layout-0-x-flexRow--pdp-triggers { background:#f5f5f5; -webkit-border-radius: 5px; border-radius: 5px } .vtex-flex-layout-0-x-flexRow--pdp-triggers .vtex-flex-layout-0-x-flexRowContent--pdp-triggers { display: flex; align-items: center; padding: 10px 0 } .vtex-flex-layout-0-x-flexRow--pdp-motog100-skus { margin: 5px 0 15px; border-top: 1px solid #ddc8b7; border-bottom: 1px solid #ddc8b7; padding: 25px 40px 25px 0 } .vtex-flex-layout-0-x-flexCol--pdp-infos { padding-top: 25px } } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--pdp-triggers .vtex-flex-layout-0-x-flexRowContent--pdp-triggers .vtex-modal-layout-0-x-triggerContainer--pdp-modal-triggers-frete,.vtex-flex-layout-0-x-flexRow--pdp-triggers .vtex-flex-layout-0-x-flexRowContent--pdp-triggers .vtex-store-link-0-x-link--product-compare-shelf-blue { border-bottom:1px solid #001428 } .vtex-flex-layout-0-x-flexRow--pdp-triggers .vtex-flex-layout-0-x-flexRowContent--pdp-triggers .vtex-modal-layout-0-x-triggerContainer--pdp-modal-triggers,.vtex-flex-layout-0-x-flexRow--pdp-triggers .vtex-flex-layout-0-x-flexRowContent--pdp-triggers .vtex-store-link-0-x-link--product-compare-shelf-blue { display: flex; align-items: center; justify-content: space-between } .vtex-flex-layout-0-x-flexRow--pdp-triggers .vtex-flex-layout-0-x-flexRowContent--pdp-triggers .vtex-modal-layout-0-x-triggerContainer--pdp-modal-triggers:after,.vtex-flex-layout-0-x-flexRow--pdp-triggers .vtex-flex-layout-0-x-flexRowContent--pdp-triggers .vtex-store-link-0-x-link--product-compare-shelf-blue:after { content: url(/arquivos/c-rd-arrow-blue.png?v=637455372900270000) } .vtex-flex-layout-0-x-flexRow--pdp-formas-pagamento-cartoes { background-color: #fff } .vtex-flex-layout-0-x-flexCol .vtex-flex-layout-0-x-flexColChild--pdp-modal-ame-passo { display: flex; justify-content: center } .vtex-flex-layout-0-x-flexCol .vtex-flex-layout-0-x-flexColChild--pdp-imagens { background-color: #f5f5f5 } .vtex-flex-layout-0-x-flexCol--pdp-infos { border-top-left-radius: 30px; border-top-right-radius: 30px; padding: 20px 30px; box-shadow: 3px -20px 20px 2px rgba(0,0,0,.05) } } @media (min-width: 1024px) { .vtex-flex-layout-0-x-flexRowContent--container-pdp-infos .vtex-flex-layout-0-x-stretchChildrenWidth:first-child { width:50%; position: sticky; height: 700px; display: block; top: 70px } .vtex-flex-layout-0-x-flexRowContent--container-pdp-infos .vtex-flex-layout-0-x-stretchChildrenWidth:first-child .vtex-flex-layout-0-x-flexRow--pdp-triggers .vtex-flex-layout-0-x-stretchChildrenWidth:first-child { height: auto !important } } @media (max-width: 359px) { .vtex-flex-layout-0-x-flexCol--pdp-infos { padding:25px 5% 0 } } .vtex-flex-layout-0-x-flexRowContent--seguros-intro-topic :first-child { align-items: center } @media (min-width: 1025px) { .vtex-flex-layout-0-x-flexCol--seguros-intro-1 { padding-top:30px } } .vtex-flex-layout-0-x-flexRow--ifetel-container,.vtex-flex-layout-0-x-flexRow--ifetel-container-mobile { background-color: #f5f5f5 } .vtex-flex-layout-0-x-flexRow--ifetel-container-mobile { padding: 2rem 0 } .vtex-flex-layout-0-x-flexCol--ifetel-menu { background-color: #fff } .vtex-flex-layout-0-x-flexCol--ifetel-menu .vtex-menu-2-x-styledLink--institucionais { color: #ff554d; font-weight: 700; text-decoration: underline } .vtex-flex-layout-0-x-flexCol--ifetel-menu .vtex-menu-2-x-styledLinkContainer--institucionais { margin: 2rem 0 2rem 1rem } .vtex-flex-layout-0-x-flexCol--ifetel-conteudo { padding: 0 1rem } .vtex-flex-layout-0-x-flexCol--ifetel-header-col,.vtex-flex-layout-0-x-flexCol--ifetel-item-table { border: 1px solid #e1e1e1 } .vtex-flex-layout-0-x-flexCol--ifetel-header-col .vtex-flex-layout-0-x-flexColChild--ifetel-item-table,.vtex-flex-layout-0-x-flexCol--ifetel-item-table .vtex-flex-layout-0-x-flexColChild--ifetel-item-table { text-align: center } .vtex-flex-layout-0-x-flexColChild--images-item-container-e20 { display: flex; justify-content: center } .vtex-rich-text-0-x-heading--ifetel-header { display: none !important } .vtex-rich-text-0-x-container--ifetel-conteudo-texto { justify-content: center } .vtex-rich-text-0-x-paragraph--ifetel-conteudo-texto { color: #000; text-align: center } .vtex-flex-layout-0-x-flexRow--ifetel-container-mobile .vtex-flex-layout-0-x-flexCol--ifetel-conteudo { padding: 0 } .vtex-flex-layout-0-x-flexRow--ifetel-container-mobile .vtex-rich-text-0-x-container--ifetel-conteudo-texto-tile { justify-content: center; color: #ff554d; font-weight: 700; text-decoration: underline } .vtex-flex-layout-0-x-flexRow--ifetel-container-mobile .vtex-disclosure-layout-1-x-trigger--ifetel-trigger { width: 100%; background: none; border: none } .vtex-flex-layout-0-x-flexRow--ifetel-container-mobile .vtex-flex-layout-0-x-flexCol--ifetel-modelos { border: 1px solid #e1e1e1 } .vtex-flex-layout-0-x-flexRow--ifetel-container-mobile .vtex-flex-layout-0-x-flexRowContent--ifetel-rows-mobile { display: flex } .vtex-flex-layout-0-x-flexRow--ifetel-container-mobile .vtex-flex-layout-0-x-flexRowContent--ifetel-rows-mobile .vtex-flex-layout-0-x-stretchChildrenWidth { border: 1px solid #fff } .vtex-flex-layout-0-x-flexRow--ifetel-container-mobile .vtex-disclosure-layout-1-x-content--visible,.vtex-flex-layout-0-x-flexRow--ifetel-container-mobile .vtex-disclosure-layout-1-x-trigger--visible { background: rgba(17,17,17,.067); border: 1px solid #fff } .vtex-flex-layout-0-x-flexRow--interes-tab-category .vtex-product-summary-2-x-container--white-shelf { background: none; color: #fff } .vtex-flex-layout-0-x-flexRow--interes-tab-category .vtex-product-summary-2-x-brandName,.vtex-flex-layout-0-x-flexRow--interes-tab-category .vtex-store-link-0-x-label--product-compare-shelf-blue { color: #fff !important } .vtex-flex-layout-0-x-flexRow--interes-tab-category .vtex-product-summary-2-x-imageContainer { background-image: radial-gradient(circle closest-side,#153d65,#001428 95%) } .vtex-flex-layout-0-x-flexRow--institucionais-container { background-color: #f5f5f5 } .vtex-flex-layout-0-x-flexRow--institucionais-conteudo-titulo { background-color: #001428; border-top-left-radius: 10px; border-top-right-radius: 10px } .vtex-flex-layout-0-x-flexRow--institucionais-conteudo-texto { background-color: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px } .vtex-flex-layout-0-x-flexRow--sobre-motorola-conteudo-titulo { background: url(/arquivos/banner-sobre-motorola.png) no-repeat; background-position: 50%; -webkit-background-size: cover; background-size: cover } @media (min-width: 1025px) { .vtex-flex-layout-0-x-flexRow--institucionais-conteudo-titulo { padding:40px 50px } .vtex-flex-layout-0-x-flexRow--institucionais-conteudo-texto { padding: 25px 50px } .vtex-flex-layout-0-x-flexRow--blackfriday-cyberweek { min-width: 600px } .vtex-flex-layout-0-x-flexCol--institucionais-menu { margin-right: 26px } .vtex-flex-layout-0-x-flexCol--institucionais-conteudo-titulo { padding: 40px 50px; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #001428 } } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--institucionais-conteudo-titulo { padding:30px 20px } .vtex-flex-layout-0-x-flexRow--institucionais-conteudo-texto { padding: 25px 8px } .vtex-flex-layout-0-x-flexRow .vtex-flex-layout-0-x-flexRowContent--institucionais-container { padding-top: 30px } .vtex-flex-layout-0-x-flexCol--institucionais-menu { margin-right: 26px } .vtex-flex-layout-0-x-flexCol--institucionais-conteudo-titulo { padding: 30px 20px; border-top-left-radius: 10px; border-top-right-radius: 10px; background-color: #001428 } } @media (max-width: 600px) { .vtex-flex-layout-0-x-flexCol--institucionais-menu { margin-right:0 } } .vtex-flex-layout-0-x-flexRow--blackfriday-faq .vtex-store-components-3-x-container { padding: 0 } .vtex-flex-layout-0-x-flexRow--blackfriday-faq-title-img { background-color: #000; margin-bottom: 30px } .vtex-flex-layout-0-x-flexColChild--blackfriday-faq:last-child,.vtex-flex-layout-0-x-flexRow--blackfriday-faq-title-img .vtex-flex-layout-0-x-flexRowContent--blackfriday-faq-title-img { padding: 0 15px } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexColChild--blackfriday-cyberweek { max-height:max-content } .vtex-flex-layout-0-x-flexRow--blackfriday-faq-title-img .vtex-flex-layout-0-x-flexRowContent--blackfriday-faq-title-img { padding: 15px; background: url(https://mxmoto.vtexassets.com/arquivos/blackfriday-faq.png) no-repeat; background-position: 170px -195px } } .vtex-flex-layout-0-x-flexRowContent--novidades-link-anchor { display: flex; justify-content: center } .vtex-flex-layout-0-x-flexRow--footer-newsletter { background: #d2d2d2; padding: 20px 40px; -webkit-border-top-left-radius: 8px; border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; border-top-right-radius: 8px } .vtex-flex-layout-0-x-flexRow--footer-newsletter .vtex-flex-layout-0-x-flexRowContent { max-width: 1366px; margin: 0 auto; flex-direction: column; align-items: center } @media (min-width: 1024px) { .vtex-flex-layout-0-x-flexRow--footer-newsletter .vtex-flex-layout-0-x-flexRowContent { max-width:none } } .vtex-flex-layout-0-x-flexRow--footer-location { width: 100% } .vtex-flex-layout-0-x-flexRow--footer-location .vtex-flex-layout-0-x-flexRowContent { align-items: center } .vtex-flex-layout-0-x-flexRow--footer-menus,.vtex-flex-layout-0-x-flexRow--footer-social-location { background-color: #fff; max-width: 1366px; margin: 0 auto } @media (min-width: 1024px) { .vtex-flex-layout-0-x-flexRow--footer-menus,.vtex-flex-layout-0-x-flexRow--footer-social-location { max-width:none } } .vtex-flex-layout-0-x-flexRow--footer-menus .vtex-flex-layout-0-x-flexRowContent--footer-menus,.vtex-flex-layout-0-x-flexRow--footer-menus .vtex-flex-layout-0-x-flexRowContent--footer-social-location,.vtex-flex-layout-0-x-flexRow--footer-social-location .vtex-flex-layout-0-x-flexRowContent--footer-menus,.vtex-flex-layout-0-x-flexRow--footer-social-location .vtex-flex-layout-0-x-flexRowContent--footer-social-location { padding: 40px 15px } .vtex-flex-layout-0-x-flexRow--footer-copyright,.vtex-flex-layout-0-x-flexRow--footer-vendas { background-color: #fff } .vtex-flex-layout-0-x-flexRow--footer-copyright .vtex-flex-layout-0-x-flexRowContent,.vtex-flex-layout-0-x-flexRow--footer-vendas .vtex-flex-layout-0-x-flexRowContent { padding: 15px 0 } .vtex-flex-layout-0-x-flexRow--footer-created { background-color: #f5f5f5 } .vtex-flex-layout-0-x-flexRow--footer-created .vtex-flex-layout-0-x-flexRowContent { align-items: center; padding: 5px 0 10px } .vtex-flex-layout-0-x-flexRow--footer-created-by,.vtex-flex-layout-0-x-flexRow--footer-created-with { margin: 0 5px } .vtex-flex-layout-0-x-flexRow .vtex-flex-layout-0-x-flexRowContent--footer-menus { display: flex; justify-content: space-between } .vtex-flex-layout-0-x-flexColChild--footer-location { height: 100%; align-items: center; justify-content: center; display: flex; width: 100% } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexCol--footer-social-location,.vtex-flex-layout-0-x-flexCol--footer-social-media { margin-bottom:30px } .vtex-flex-layout-0-x-flexCol .vtex-flex-layout-0-x-flexColChild--footer-newsletter-btn { display: flex; justify-content: center } .vtex-flex-layout-0-x-flexRow--footer .vtex-store-components-3-x-container { padding: 0 } .vtex-flex-layout-0-x-flexRow--footer-newsletter { padding: 70px 40px } .vtex-flex-layout-0-x-flexRow--footer-created { padding: 0 0 20px; border-top: thin solid rgba(16,44,74,.3) } .vtex-flex-layout-0-x-flexRow--footer-created .vtex-flex-layout-0-x-flexRowContent { padding: 5px 15px } .vtex-flex-layout-0-x-flexRow--footer-created .vtex-flex-layout-0-x-flexRowContent--footer-created { padding: 5px 0; border-bottom: thin solid rgba(16,44,74,.3) } .vtex-flex-layout-0-x-flexRow--footer-copyright { padding: 0 15px } .vtex-flex-layout-0-x-flexRow .vtex-flex-layout-0-x-flexRowContent--footer-menus-mobile { padding: 0 15px 20px } } .vtex-flex-layout-0-x-flexRowContent--autocomplete-row { background: #f7f7f7; margin-bottom: 10px; border-radius: 10px } .vtex-flex-layout-0-x-flexRowContent--autocomplete-row .vtex-flex-layout-0-x-stretchChildrenWidth:first-child { width: 20% !important } .vtex-flex-layout-0-x-flexRowContent--autocomplete-row .vtex-flex-layout-0-x-stretchChildrenWidth:last-child { width: 80% !important } .vtex-flex-layout-0-x-flexCol--autocomplete-col2 .vtex-flex-layout-0-x-flexColChild:last-child { margin-top: 10px } .vtex-flex-layout-0-x-flexColChild--autocomplete-col2 { height: auto !important } .vtex-flex-layout-0-x-flexCol--autocomplete-col2 { justify-content: center !important } .vtex-flex-layout-0-x-flexColChild--autocomplete-col2 { height: 100%; justify-content: center; display: flex; flex-direction: column } .vtex-flex-layout-0-x-flexColChild--autocomplete-col2 .vtex-product-summary-2-x-nameContainer { padding-top: 0 } .vtex-flex-layout-0-x-flexColChild--autocomplete-col2 .vtex-product-summary-2-x-productBrand { font-size: 1.125rem; text-transform: capitalize } .vtex-flex-layout-0-x-flexRowContent--banner-releases .vtex-flex-layout-0-x-stretchChildrenWidth { margin: 15px } @media (max-width: 639px) { .vtex-flex-layout-0-x-flexRowContent--banner-releases .vtex-flex-layout-0-x-stretchChildrenWidth { margin:15px 0 } } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--banner-releases .vtex-store-components-3-x-container { padding:0 } } .vtex-flex-layout-0-x-flexRowContent--accessoriesContainer .vtex-flex-layout-0-x-stretchChildrenWidth:nth-child(odd) { width: 60% !important } .vtex-flex-layout-0-x-flexRowContent--accessoriesContainer .vtex-flex-layout-0-x-stretchChildrenWidth:nth-child(2n) { width: 40% !important } .vtex-flex-layout-0-x-flexColChild--accessoriesContainer2 { display: block } .vtex-flex-layout-0-x-flexRow--accessoriesContainer { margin: 20px } .vtex-flex-layout-0-x-flexColChild--accessoriesContainer2 { display: flex; width: 100% } .vtex-flex-layout-0-x-flexRowContent--accessoriesRow1-mobile { flex-direction: column; align-items: center } .vtex-flex-layout-0-x-flexRowContent--accessoriesRow1-mobile .vtex-flex-layout-0-x-stretchChildrenWidth { width: 100% !important; max-width: 570px } .vtex-flex-layout-0-x-flexRowContent--accessoriesRow1-mobile .vtex-flex-layout-0-x-stretchChildrenWidth:first-child { padding: 5px 10px } .vtex-flex-layout-0-x-flexCol--accessoriesRow2-mobile { flex-direction: row } .vtex-flex-layout-0-x-flexColChild--accessoriesRow2-mobile { padding: 5px 10px } .vtex-flex-layout-0-x-flexColChild--blogRow2-mobile:not(:nth-child(2n)) { padding: 0 15px 0 0 } .vtex-flex-layout-0-x-flexRowContent--blogRow1-mobile,.vtex-flex-layout-0-x-flexRowContent--blogRow2-mobile { flex-direction: column } .vtex-flex-layout-0-x-flexRowContent--blogRow1-mobile .vtex-flex-layout-0-x-stretchChildrenWidth,.vtex-flex-layout-0-x-flexRowContent--blogRow2-mobile .vtex-flex-layout-0-x-stretchChildrenWidth { width: 100% !important } .vtex-flex-layout-0-x-flexCol--blogRow2-mobile { flex-direction: row; justify-content: center } @media screen and (max-width: 768px) { .vtex-flex-layout-0-x-flexCol--blogRow2-mobile { margin:0 0 18px } } .vtex-flex-layout-0-x-flexRow--blogRow1-mobile { padding: 0 11.5px 0 0 } @media screen and (max-width: 768px) { .vtex-flex-layout-0-x-flexRow--blogRow1-mobile { padding:0 11.5px } } .vtex-flex-layout-0-x-flexRow--blogRow2-mobile { padding: 0 0 0 11.5px } .vtex-flex-layout-0-x-flexRow--categories-wrapper { margin-top: 15px } .vtex-flex-layout-0-x-flexRowContent--categories-wrapper { flex-direction: column; width: 100% } .vtex-flex-layout-0-x-flexRowContent--categories-wrapper .vtex-flex-layout-0-x-stretchChildrenWidth { width: 100% !important } .vtex-flex-layout-0-x-flexRow--categories { background-color: transparent; padding: 15px 0; justify-content: flex-start } .vtex-flex-layout-0-x-flexRowContent--categories { display: flex !important; justify-content: space-around !important; flex-wrap: wrap } .vtex-flex-layout-0-x-flexRowContent--categories .vtex-flex-layout-0-x-stretchChildrenWidth { width: 208px !important; height: 90px !important; margin: 5px } .vtex-flex-layout-0-x-flexRowContent--categories .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-flex-layout-0-x-flexRow--category .vtex-flex-layout-0-x-flexRowContent--category .vtex-flex-layout-0-x-stretchChildrenWidth { width: auto !important; height: auto !important; margin: 0 !important } .vtex-flex-layout-0-x-flexRow--category { align-items: center; width: auto !important; flex-wrap: nowrap; border-radius: 4px; background: #011b34; border: 1px solid #082e53; box-shadow: -6px -5px 8px rgba(49,49,49,.55); padding: 25px; width: 100% !important } .vtex-flex-layout-0-x-flexRowContent--category { align-items: center; justify-content: center; height: 100%; width: auto } .vtex-flex-layout-0-x-flexRow--categories .vtex-flex-layout-0-x-flexCol { align-items: center } @media screen and (max-width: 1080px) { .vtex-flex-layout-0-x-flexRow--category { padding:15px; background: transparent; border: 0; box-shadow: none } .vtex-flex-layout-0-x-flexRowContent--categories .vtex-flex-layout-0-x-stretchChildrenWidth { width: 47% !important; height: 60px !important } .vtex-flex-layout-0-x-flexRowContent--category .vtex-flex-layout-0-x-stretchChildrenWidth { width: 100% !important; height: 100% !important } .vtex-flex-layout-0-x-flexRowContent--category { width: auto !important; display: flex !important; justify-content: unset } .vtex-flex-layout-0-x-flexRowContent--category:first-child { width: 100px !important } .vtex-flex-layout-0-x-flexRowContent--mobile-change-country { display: flex; flex-direction: column; margin-top: 20px } .vtex-flex-layout-0-x-flexRowContent--banner-releases { padding: 0 16px } } @media screen and (max-width: 892px) { .vtex-flex-layout-0-x-flexRowContent--home-categorie { flex-wrap:wrap } } @media screen and (max-width: 430px) { .vtex-flex-layout-0-x-flexRowContent--home-categorie { flex-wrap:nowrap } .vtex-flex-layout-0-x-flexRowContent--mobile-change-country { display: flex; flex-direction: column; margin-top: 20px } } @media screen and (max-width: 366px) { .vtex-flex-layout-0-x-flexRow--category { padding:5px 0 } .vtex-flex-layout-0-x-flexRow--category .vtex-flex-layout-0-x-stretchChildrenWidth { margin: 5px 0 } .vtex-flex-layout-0-x-flexRowContent--categories { justify-content: flex-start !important } .vtex-flex-layout-0-x-flexRowContent--categories .vtex-flex-layout-0-x-stretchChildrenWidth { width: 46% !important; height: 50px; margin: 0 } } @media screen and (max-width: 331px) { .vtex-flex-layout-0-x-flexRowContent--home-categorie { flex-wrap:wrap } } @media screen and (max-width: 283px) { .vtex-flex-layout-0-x-flexRow--category { padding:10px 20px } .vtex-flex-layout-0-x-flexRowContent--categories .vtex-flex-layout-0-x-stretchChildrenWidth { width: 100% !important; height: 50px } } .vtex-flex-layout-0-x-sliderLayoutContainer--shelf { justify-content: center; min-height: 500px; max-width: 87.5rem; margin-right: auto; margin-left: auto; margin-bottom: 25px } .vtex-flex-layout-0-x-layoutContainer--shelf { margin-top: 20px; margin-bottom: 20px; max-width: 87.5rem } .vtex-flex-layout-0-x-slide--shelf { margin: 12px 12px 25px; padding: 0 25px; color: #fff; border-radius: 10px; max-width: 324px !important } @media screen and (max-width: 768px) { .vtex-flex-layout-0-x-slide--shelf { margin:12px 12px 0 } } .vtex-flex-layout-0-x-slide--shelf-container:hover { border-image: none } .vtex-flex-layout-0-x-paginationDotsContainer--shelf { margin: .5rem 6vw -.5rem } @media (max-width: 1024px) { .vtex-flex-layout-0-x-slide--shelf { max-width:284px !important; height: auto } .vtex-flex-layout-0-x-slide--shelf-container { border-image: none } } @media (max-width: 575px) { .vtex-flex-layout-0-x-sliderLayoutContainer--shelf { padding:0 !important; margin-bottom: 20px } } .vtex-flex-layout-0-x-flexRow--family-page-banner { margin-top: 60px !important; margin-bottom: 26px !important } .vtex-flex-layout-0-x-flexRowContent--family-page-banner { justify-content: center } .vtex-flex-layout-0-x-flexRowContent--family-page-specification-item { display: flex } .vtex-flex-layout-0-x-flexRowContent--family-page-specification-item .vtex-flex-layout-0-x-stretchChildrenWidth:first-child { margin-right: 10px; width: 50px !important; height: auto !important; align-items: center !important; text-align: center } .vtex-flex-layout-0-x-flexRowContent--family-page-specification-item .vtex-flex-layout-0-x-stretchChildrenWidth:nth-child(2n) { width: auto !important; height: auto !important; align-items: center !important } .vtex-flex-layout-0-x-flexRowContent--family-page-items-specifications { max-width: 1050px; margin: auto } .vtex-flex-layout-0-x-flexRowContent .vtex-flex-layout-0-x-flexRow--family-page-specification-item { display: flex !important; flex-wrap: wrap } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexRowContent--family-page-items-specifications { display:flex !important; flex-wrap: wrap !important } .vtex-flex-layout-0-x-flexRowContent--family-page-items-specifications .vtex-flex-layout-0-x-stretchChildrenWidth { width: 50% !important } } @media (max-width: 359px) { .vtex-flex-layout-0-x-flexRowContent--family-page-items-specifications .vtex-flex-layout-0-x-stretchChildrenWidth { width:100% !important } } .vtex-flex-layout-0-x-flexRowContent--info-middle-image { flex-direction: column; align-items: center } .vtex-flex-layout-0-x-flexRowContent--avise-me-row { display: flex; position: relative } .vtex-flex-layout-0-x-flexColChild--images-item-container { max-width: 430px; height: unset } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexColChild--images-item-container { max-width:unset; width: 100% } } .vtex-flex-layout-0-x-flexRow--edge-release { background-color: #000a13 } .vtex-flex-layout-0-x-flexRow--edge-30 .vtex-store-components-3-x-container { padding: 0 } .vtex-flex-layout-0-x-flexRowContent--images-g20-container { margin: 30px auto 50px; width: 100%; justify-content: space-evenly } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRowContent--images-g20-container { max-width:100%; flex-direction: column; width: 100%; margin: 30px 0 50px; max-width: unset } .vtex-flex-layout-0-x-flexRowContent--images-g20-container .vtex-flex-layout-0-x-stretchChildrenWidth { width: 100% !important } } .vtex-flex-layout-0-x-flexRow--blogContainer-desktop { width: 80%; margin: 22px auto } .vtex-flex-layout-0-x-flexCol--institucionais-conteudo-texto { padding: 25px 50px; background-color: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px } .vtex-flex-layout-0-x-flexCol--institucionais-conteudo-texto .vtex-store-components-3-x-faq_container { padding: 0 } .vtex-flex-layout-0-x-flexCol--institucionais-conteudo-texto .vtex-store-components-3-x-faq_container .vtex-store-components-3-x-faq_answer,.vtex-flex-layout-0-x-flexCol--institucionais-conteudo-texto .vtex-store-components-3-x-faq_container .vtex-store-components-3-x-faq_question_title { background-color: #fff; color: #000; padding: 0 } .vtex-flex-layout-0-x-flexCol--institucionais-conteudo-texto .vtex-store-components-3-x-faq_container .vtex-store-components-3-x-faq_question_title { border-bottom: 1px solid } .vtex-flex-layout-0-x-flexCol--institucionais-conteudo-texto .vtex-store-components-3-x-faq_container .vtex-store-components-3-x-faq_question { font-size: 16px; font-weight: 400; width: 100% } .vtex-flex-layout-0-x-flexCol--institucionais-conteudo-texto .vtex-flex-layout-0-x-flexColChild--institucionais-conteudo-texto-politica-privacidad-producto .vtex-rich-text-0-x-paragraph { font-size: 14px } .vtex-flex-layout-0-x-flexCol--institucionais-conteudo-texto .vtex-flex-layout-0-x-flexColChild--institucionais-conteudo-texto-politica-privacidad-producto .vtex-rich-text-0-x-paragraph .vtex-rich-text-0-x-link { color: #53a4f3; text-decoration: none } .vtex-flex-layout-0-x-flexRowContent--search-not-found { margin-top: 5rem } .vtex-flex-layout-0-x-flexColChild--pdp-price .vtex-product-price-1-x-installments { font-weight: 700 !important } .vtex-flex-layout-0-x-flexRowContent--motofertas-content .vtex-search-result-3-x-gallery--three { padding-left: 0 !important } .vtex-flex-layout-0-x-flexRowContent--motofertas-content .vtex-search-result-3-x-container--layout { margin-bottom: 10px !important } .vtex-flex-layout-0-x-flexRowContent--motofertas-content .vtex-product-summary-2-x-container--shelf,.vtex-flex-layout-0-x-flexRowContent--motofertas-content .vtex-product-summary-2-x-container--white-shelf { height: auto; max-width: none !important } .vtex-flex-layout-0-x-flexRow--motofertas-banner-principal { margin: 20px 0 } .vtex-flex-layout-0-x-flexRow--product-more-colors-empty { height: 28px } @media only screen and (max-width: 480px) { .vtex-flex-layout-0-x-flexCol--institucional-equipos-ilicitos { padding:25px !important } } .vtex-flex-layout-0-x-flexCol--institucional-equipos-ilicitos .vtex-rich-text-0-x-wrapper--institucionais-conteudo-subtitulo { padding-bottom: 20px } .vtex-flex-layout-0-x-flexCol--institucional-equipos-ilicitos .vtex-rich-text-0-x-wrapper--institucionais-conteudo-subtitulo .vtex-rich-text-0-x-heading { font-weight: 700; font-size: 14px; padding: 10px 0 } .vtex-flex-layout-0-x-flexCol--institucional-equipos-ilicitos .vtex-rich-text-0-x-paragraph--institucionais-conteudo-texto-title { font-weight: 400; font-size: 16px; margin-bottom: 0 } .vtex-flex-layout-0-x-flexRowContent--print-card-left .vtex-button,.vtex-flex-layout-0-x-flexRowContent--print-card-right .vtex-button { display: none } .vtex-flex-layout-0-x-flexRow--shelf-home-offers-name,.vtex-flex-layout-0-x-flexRow--shelf-home-offers-price { height: 50px } .vtex-flex-layout-0-x-flexRow--shelf-home-offers-name .vtex-store-components-3-x-container,.vtex-flex-layout-0-x-flexRow--shelf-home-offers-price .vtex-store-components-3-x-container { padding: 0 } .vtex-flex-layout-0-x-flexColChild--shelf-home-offers-price { text-align: left } .vtex-flex-layout-0-x-flexRow--text-shelf-home-ofertas .vtex-store-components-3-x-container { width: 100%; padding: 0 } .vtex-flex-layout-0-x-flexRowContent--no-context-breadcrumb { align-items: center } .vtex-flex-layout-0-x-flexRowContent--no-context-breadcrumb .vtex-store-link-0-x-link--no-context-breadcrumb-item { color: #fff; text-decoration: none } .vtex-flex-layout-0-x-flexRow--showcase-prices { min-height: 40px } .vtex-flex-layout-0-x-flexRow--showcase-prices .vtex-store-components-3-x-container { padding: 0 !important } .vtex-flex-layout-0-x-flexRow--showcase-prices .vtex-flex-layout-0-x-flexRowContent { display: flex; justify-content: center !important; align-items: center; flex-wrap: wrap; flex-direction: column; gap: 3px; position: relative } .vtex-flex-layout-0-x-flexRow--showcase-prices .vtex-flex-layout-0-x-flexRowContent .vtex-product-price-1-x-savings { position: absolute; border-radius: 360rem; font-weight: 700; padding: 5px 12px; background: #cae3f6; color: #216cb4; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; margin: 0; font-size: 14px; top: 45%; left: 80%; transform: translate(-50%,-50%) } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexRow--showcase-prices .vtex-flex-layout-0-x-flexRowContent .vtex-product-price-1-x-savings { font-size:12px } } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--breadcrumb-view-all { padding:0 16px } } .vtex-flex-layout-0-x-flexRow--breadcrumb-view-all .vtex-store-components-3-x-container { padding: 0 } .vtex-flex-layout-0-x-flexRow--title-orderby { margin-bottom: 56px } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--title-orderby { padding:0 16px; margin-bottom: 48px } } .vtex-flex-layout-0-x-flexRow--title-orderby .vtex-store-components-3-x-container { padding: 0 } .vtex-flex-layout-0-x-flexRow--title-orderby .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--title-orderby { display: flex; align-items: center } .vtex-flex-layout-0-x-flexRow--title-orderby .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--title-orderby .vtex-flex-layout-0-x-flexCol--orderby-filter { display: flex; flex-direction: row; align-items: center; justify-content: flex-end } .vtex-flex-layout-0-x-flexRow--title-orderby .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--title-orderby .vtex-flex-layout-0-x-flexCol--orderby-filter .vtex-flex-layout-0-x-flexColChild--orderby-filter { display: flex; justify-content: flex-end } .vtex-flex-layout-0-x-flexRow--result-view-all .vtex-store-components-3-x-container { padding: 0 } .vtex-flex-layout-0-x-flexRow--result-view-all .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--result-view-all .vtex-flex-layout-0-x-stretchChildrenWidth:first-child { transition: .3s ease-in-out } .vtex-flex-layout-0-x-flexRow--row-orderby-familly { padding: 0 83px; background: #fff; max-width: 1920px; width: 100%; margin: 0 auto } @media (min-width: 1024px) { .vtex-flex-layout-0-x-flexRow--row-orderby-familly { position:sticky; top: 100px; z-index: 101 } } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--row-orderby-familly { flex-direction:column; padding: 24px 12px 0 24px; margin-bottom: 12px } } .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container { padding: 0; max-width: 1920px } .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--row-orderby-familly .vtex-flex-layout-0-x-stretchChildrenWidth:first-child { justify-content: flex-start; align-items: center } .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--row-orderby-familly .vtex-flex-layout-0-x-stretchChildrenWidth:last-child { justify-content: flex-end } .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--row-orderby-familly .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-flex-layout-0-x-flexCol--orderby-filter { flex-direction: row; justify-content: flex-end; align-items: center } .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--row-orderby-familly .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-flex-layout-0-x-flexCol--orderby-filter .vtex-flex-layout-0-x-flexColChild--orderby-filter { display: flex; align-items: center } .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--row-orderby-familly .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-flex-layout-0-x-flexCol--logo-orderby { flex-direction: row } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--row-orderby-familly .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-flex-layout-0-x-flexCol--logo-orderby { flex-direction:column } } .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--row-orderby-familly .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-flex-layout-0-x-flexCol--logo-orderby .vtex-store-components-3-x-imageElement { min-width: 81px } .vtex-flex-layout-0-x-flexRow--row-orderby-familly .vtex-store-components-3-x-container .vtex-flex-layout-0-x-flexRowContent--row-orderby-familly .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-flex-layout-0-x-flexCol--logo-orderby .vtex-flex-layout-0-x-flexColChild--logo-orderby { display: flex; align-items: center } .vtex-flex-layout-0-x-flexRowContent--view-all-fetch-more,.vtex-flex-layout-0-x-flexRowContent--view-all-fetch-previous { margin: 0 } .vtex-flex-layout-0-x-flexRow--result-familly .vtex-store-components-3-x-container { padding: 0; max-width: 1920px } .vtex-flex-layout-0-x-flexRow--result-familly .vtex-flex-layout-0-x-flexRowContent--result-familly .vtex-flex-layout-0-x-flexCol--filterCol-familly { background: #fff; padding: 48px 0 10px 83px } @media (min-width: 1024px) { .vtex-flex-layout-0-x-flexRow--result-familly .vtex-flex-layout-0-x-flexRowContent--result-familly .vtex-flex-layout-0-x-flexCol--filterCol-familly .vtex-flex-layout-0-x-flexColChild--filterCol-familly .vtex-search-result-3-x-filters--layout { top:170px } } .vtex-flex-layout-0-x-flexRow--result-familly .vtex-flex-layout-0-x-flexRowContent--result-familly .vtex-flex-layout-0-x-flexCol--content-products-view-all { background: #f8f8f8; padding: 20px 83px 36px 8px } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--result-familly .vtex-flex-layout-0-x-flexRowContent--result-familly .vtex-flex-layout-0-x-flexCol--content-products-view-all { padding:0 } } .vtex-flex-layout-0-x-flexRow--orderby-filter-familly-sticky { background: #fff; position: fixed; bottom: 0; width: 100%; z-index: 999; box-shadow: 0 12px 28px 0 #000 } .vtex-flex-layout-0-x-flexRow--orderby-filter-familly-sticky .vtex-store-components-3-x-container { padding: 0 !important } .vtex-flex-layout-0-x-flexRow--orderby-filter-familly-sticky .vtex-flex-layout-0-x-flexRowContent--orderby-filter-familly-sticky { display: flex; flex-wrap: nowrap } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--orderby-filter-familly-sticky .vtex-flex-layout-0-x-flexRowContent--orderby-filter-familly-sticky .vtex-flex-layout-0-x-flexCol--filterCol { border-right:2px solid #eee } } .vtex-flex-layout-0-x-flexRow--family-seo-container { background-color: #f4f4f4; width: 100%; height: auto; max-width: 1920px; margin: 0 auto } .vtex-flex-layout-0-x-flexCol--family-seo-block { background-color: #fff; height: auto; min-height: 275px; border-radius: 16px; margin: 20px; padding: 0 35px } @media (max-width: 768px) { .vtex-flex-layout-0-x-flexCol--family-seo-block { margin:0; padding: 0 15px } } .vtex-flex-layout-0-x-flexRowContent--family-seo-container { display: flex; justify-content: center; max-width: 1920px; padding: 40px } @media (max-width: 768px) { .vtex-flex-layout-0-x-flexRowContent--family-seo-container { flex-direction:column; padding: 0 } } .vtex-flex-layout-0-x-flexRow--family-logo-wrapper { position: absolute; padding-top: 25px; display: flex; width: 100% } @media (max-width: 768px) { .vtex-flex-layout-0-x-flexRow--family-logo-wrapper .vtex-flex-layout-0-x-flexRowContent--family-logo-wrapper { padding-top:70px } } .vtex-flex-layout-0-x-flexRow--family-full-width .vtex-store-components-3-x-container { max-width: 1920px; padding: 0 } @media (max-width: 768px) { .vtex-flex-layout-0-x-flexRow--family-full-width .vtex-store-components-3-x-container { padding-left:0; padding-right: 0 } } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--family-full-width .vtex-flex-layout-0-x-flexRowContent--family-full-width .vtex-flex-layout-0-x-stretchChildrenWidth { width:100% !important } } .vtex-flex-layout-0-x-flexRow--view-all-fetch-more { padding-top: 30px } .vtex-flex-layout-0-x-flexRow--moto-watch-container { width: 100% } @media (min-width: 1024px) { .vtex-flex-layout-0-x-flexRow--moto-watch-container { max-width:1400px; margin: auto; height: 700px; padding: 20px 0 } } @media (min-width: 1024px) { .vtex-flex-layout-0-x-flexCol--moto-watch-container__text { padding:0 20px; display: flex; justify-content: center } } .vtex-flex-layout-0-x-flexRow--moto-watch-specs { width: 100%; margin: 20px auto 0 } @media (min-width: 1024px) { .vtex-flex-layout-0-x-flexRow--moto-watch-specs { max-width:1000px; margin: 50px auto } } .vtex-flex-layout-0-x-flexRow--g32-container { background-color: #001428 } .vtex-flex-layout-0-x-flexRow--edge30-ultra-page { background-color: #fff } .vtex-flex-layout-0-x-flexRow--edge30-ultra-page .vtex-store-components-3-x-container { padding: 0; max-width: inherit } .vtex-flex-layout-0-x-flexRow--landing-f1,.vtex-flex-layout-0-x-flexRow--lenguas-vivas-container,.vtex-flex-layout-0-x-flexRow--pantone-container { background: #fff } .vtex-flex-layout-0-x-flexRow--landing-f1 .vtex-store-components-3-x-container,.vtex-flex-layout-0-x-flexRow--lenguas-vivas-container .vtex-store-components-3-x-container,.vtex-flex-layout-0-x-flexRow--pantone-container .vtex-store-components-3-x-container { padding: 0 } .vtex-flex-layout-0-x-flexRow--landing-f1 .vtex-flex-layout-0-x-flexColChild--landing-f1 { max-width: 1920px } .vtex-flex-layout-0-x-flexRow--carousel-home { margin-top: 20px } @media (min-width: 1024px) { .vtex-flex-layout-0-x-flexRow--carousel-home { margin-top:15px } } .vtex-flex-layout-0-x-flexRow--landing-maven { background-color: #fff } .vtex-flex-layout-0-x-flexRow--landing-maven .vtex-store-components-3-x-container { padding: 0; max-width: inherit } .vtex-flex-layout-0-x-flexRowContent--new_family_edge_page__banner { background: #fff } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexRowContent--new_family_edge_page__banner_first .vtex-flex-layout-0-x-stretchChildrenWidth { min-height:545px } } .vtex-flex-layout-0-x-flexRow--new_family_edge_page__banner .vtex-flex-layout-0-x-container,.vtex-flex-layout-0-x-flexRow--new_family_edge_page__recommended-products .vtex-flex-layout-0-x-container,.vtex-flex-layout-0-x-flexRow--new_family_edge_page__simple_card_list .vtex-flex-layout-0-x-container { background: #f8f8f8 } .vtex-flex-layout-0-x-flexRow--new_family_edge_page__banner .vtex-store-components-3-x-container,.vtex-flex-layout-0-x-flexRow--new_family_edge_page__recommended-products .vtex-store-components-3-x-container,.vtex-flex-layout-0-x-flexRow--new_family_edge_page__simple_card_list .vtex-store-components-3-x-container { padding: 0 } .vtex-flex-layout-0-x-flexRowContent--new_family_edge_page__recommended-products { background: #f8f8f8 } .vtex-flex-layout-0-x-flexRowContent--new_family_edge_page__simple_card_list { padding: 83px 64px; background: #f8f8f8 } .vtex-flex-layout-0-x-flexColChild--new_family_edge_page__simple_card_list_card { margin-right: 24px } @media only screen and (max-width: 768px) { .vtex-flex-layout-0-x-flexRowContent--new_family_edge_page__simple_card_list { padding:0 } .vtex-flex-layout-0-x-flexColChild--new_family_edge_page__simple_card_list_card { margin-right: 0 } .vtex-flex-layout-0-x-flexCol--new_family_edge_content_filter { display: none } } .vtex-flex-layout-0-x-flexRow--new-family-edge-shelf .vtex-store-components-3-x-container { padding: 0 !important } .vtex-flex-layout-0-x-flexRow--new-family-edge-shelf .vtex-flex-layout-0-x-flexRowContent--new-family-edge-shelf { display: flex; justify-content: start !important; flex-wrap: wrap } .vtex-flex-layout-0-x-flexRowContent--new_family_edge_page__recommended-products { flex-flow: row wrap; justify-content: space-between; align-items: center; padding: 0 83px } .vtex-flex-layout-0-x-flexRowContent--new_family_edge_page__recommended-products .vtex-flex-layout-0-x-container { padding: 0 24px } @media only screen and (max-width: 768px) { .vtex-flex-layout-0-x-flexRowContent--new_family_edge_page__recommended-products { padding:0 24px } } .vtex-flex-layout-0-x-flexRowContent--min-h-600 { min-height: 600px } .vtex-flex-layout-0-x-flexCol--pdp-infos { position: relative } @media (min-width: 1024px) { .vtex-flex-layout-0-x-flexCol--pdp-infos { gap:10px } } .vtex-flex-layout-0-x-flexRow--motoparts .vtex-store-components-3-x-container { padding: 0 } .vtex-flex-layout-0-x-flexRow--motoparts-faqs-title { background-color: #fff } .vtex-flex-layout-0-x-flexRow--motoparts-faqs { background-color: #fff; padding: 0 0 50px } .vtex-flex-layout-0-x-flexRow--motoparts-faqs .vtex-store-components-3-x-faq_question_container { border-bottom: 2px solid #ededed } .vtex-flex-layout-0-x-flexRow--motoparts-faqs .vtex-store-components-3-x-faq_question_container .vtex-store-components-3-x-faq_question_title { background-color: #fff; color: #001428; padding: 0 } .vtex-flex-layout-0-x-flexRow--motoparts-faqs .vtex-store-components-3-x-faq_question_container .vtex-store-components-3-x-faq_question_title .vtex-store-components-3-x-faq_question { font-size: 16px; font-weight: 400 } .vtex-flex-layout-0-x-flexRow--motoparts-faqs .vtex-store-components-3-x-faq_question_container .vtex-store-components-3-x-faq_answer { background-color: #fff; color: #000; font-size: 14px; line-height: 20px } .vtex-flex-layout-0-x-flexColChild--motoparts-faqs-title { padding: 20px 20px 0 } .vtex-flex-layout-0-x-flexColChild--motoparts-faqs-title .vtex-rich-text-0-x-paragraph--motoparts { color: #000; font-weight: 400; font-size: 38px } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexColChild--motoparts-faqs-title .vtex-rich-text-0-x-paragraph--motoparts { margin:0 0 25px; font-size: 28px } } .vtex-flex-layout-0-x-flexColChild--landing-family-space { background-color: #fff } .vtex-flex-layout-0-x-flexRow--motocare-page-banner,.vtex-flex-layout-0-x-flexRow--motocare-page-legals { background-color: #001428 } .vtex-flex-layout-0-x-flexRow--motocare-page-why { background-color: #fff; color: #000; padding: 50px 0 } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexRow--motocare-page-why { padding:20px } } .vtex-flex-layout-0-x-flexRow--motocare-page-esp,.vtex-flex-layout-0-x-flexRow--motocare-page-how { padding: 50px; background-color: #001428 } .vtex-flex-layout-0-x-flexRow--motocare-page-esp .vtex-rich-text-0-x-paragraph--how-text1,.vtex-flex-layout-0-x-flexRow--motocare-page-how .vtex-rich-text-0-x-paragraph--how-text1 { color: #fff } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexRow--motocare-page-esp,.vtex-flex-layout-0-x-flexRow--motocare-page-how { padding:20px } } .vtex-flex-layout-0-x-flexRow--motocare-page-asistencia { padding: 50px; background: #fff } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexRow--motocare-page-asistencia { padding:20px } } .vtex-flex-layout-0-x-flexRow--motocare-page-faq { background-color: #fff } .vtex-flex-layout-0-x-flexCol--icons-col { padding: 20px } .vtex-flex-layout-0-x-flexColChild--icons-col { display: flex; justify-content: center; align-items: start } @media (min-width: 1024px) { .vtex-flex-layout-0-x-flexRow--carousel-home-secundary .vtex-store-components-3-x-container,.vtex-flex-layout-0-x-flexRow--carousel-home .vtex-store-components-3-x-container,.vtex-flex-layout-0-x-flexRow--grid-layout-home .vtex-store-components-3-x-container,.vtex-flex-layout-0-x-flexRow--shelves-tabs-home .vtex-store-components-3-x-container { max-width:none } } .vtex-flex-layout-0-x-flexRow--showcase { margin-top: 3em } .vtex-flex-layout-0-x-flexRow--showcase .vtex-store-components-3-x-container { max-width: 1440px; padding: 10px 15px } .vtex-flex-layout-0-x-flexRow--shelves { padding: 3em 0; background: #f7f7f7 } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexRow--shelves { padding:10px 0 } } .vtex-flex-layout-0-x-flexRow--shelves .vtex-store-components-3-x-container { max-width: 1440px } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexRow--shelves .vtex-store-components-3-x-container { padding:0 } } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexRow--shelves-discounts .vtex-button__label { padding:.25em .5rem .32em !important } } .vtex-flex-layout-0-x-flexRow--reviews-summary { height: fit-content; margin-bottom: 5px } .vtex-flex-layout-0-x-flexRow--reviews-summary .vtex-reviews-and-ratings-3-x-summaryContainer { justify-content: center } .vtex-flex-layout-0-x-flexRow--reviews-summary .vtex-reviews-and-ratings-3-x-summaryContainer .vtex-reviews-and-ratings-3-x-summaryButtonContainer { display: none } @media (min-width: 1024px) { .vtex-flex-layout-0-x-flexRow--family-page-banner .vtex-store-components-3-x-container,.vtex-flex-layout-0-x-flexRow--search-bottom-home .vtex-store-components-3-x-container,.vtex-flex-layout-0-x-flexRow--search-container .vtex-store-components-3-x-container { max-width:none } } .vtex-flex-layout-0-x-flexColChild--search-filter { position: sticky; top: 70px } .vtex-flex-layout-0-x-flexRowContent--table-pcda { display: flex; flex-direction: column } .vtex-flex-layout-0-x-flexRowContent--table-pcda .vtex-flex-layout-0-x-stretchChildrenWidth { margin: auto } .vtex-flex-layout-0-x-flexRow--terminos-condiciones-pcda { width: 90%; margin: auto } .vtex-flex-layout-0-x-flexRowContent--container-banner-info { display: flex; align-items: center; justify-content: center; height: 100%; padding: 0 1rem; gap: 10px } .vtex-flex-layout-0-x-flexRowContent--container-banner-info .vtex-flex-layout-0-x-stretchChildrenWidth:nth-child(odd) { width: 30px !important; max-height: 30px } .vtex-flex-layout-0-x-flexRowContent--container-banner-info .vtex-flex-layout-0-x-stretchChildrenWidth:nth-child(2n) { width: auto !important } .vtex-flex-layout-0-x-flexRowContent--container-banner-info .vtex-flex-layout-0-x-stretchChildrenWidth:nth-child(2n) .vtex-rich-text-0-x-paragraph { font-size: .9rem; color: #001428; margin: 10px 0 } .vtex-flex-layout-0-x-flexRow--landing-page-moto-ai .vtex-store-components-3-x-container { max-width: 100%; padding: 0 } .vtex-flex-layout-0-x-flexRow--privacy-policies .vtex-store-components-3-x-container { padding: 0 } @media (min-width: 1024px) { .vtex-flex-layout-0-x-flexRow--home-faqs { margin-top:30px } } .vtex-flex-layout-0-x-flexRow--home-faqs .vtex-flex-layout-0-x-flexRowContent--home-faqs { flex-direction: column } .vtex-flex-layout-0-x-flexRow--home-faqs .vtex-flex-layout-0-x-flexRowContent--home-faqs .vtex-flex-layout-0-x-stretchChildrenWidth { width: 100% !important } .vtex-flex-layout-0-x-flexRow--home-faqs .vtex-flex-layout-0-x-flexRowContent--home-faqs .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-rich-text-0-x-paragraph--home-faqs-title { line-height: normal } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexRow--home-faqs .vtex-flex-layout-0-x-flexRowContent--home-faqs .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-rich-text-0-x-paragraph--home-faqs-title { font-size:24px } } .vtex-flex-layout-0-x-flexRow--home-faqs .vtex-flex-layout-0-x-flexRowContent--home-faqs .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-store-components-3-x-faq_container { padding: 0 } .vtex-flex-layout-0-x-flexRow--home-faqs .vtex-flex-layout-0-x-flexRowContent--home-faqs .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-store-components-3-x-faq_container .vtex-store-components-3-x-faq_question_title { display: flex; cursor: pointer; justify-content: space-between; align-items: center; color: #011428; font-weight: 700; padding: 0 30px; background-color: #f7f7f7 } .vtex-flex-layout-0-x-flexRow--home-faqs .vtex-flex-layout-0-x-flexRowContent--home-faqs .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-store-components-3-x-faq_container .vtex-store-components-3-x-faq_question_title .vtex-store-components-3-x-faq_question { font-size: 16px; font-weight: 400 } .vtex-flex-layout-0-x-flexRow--home-faqs .vtex-flex-layout-0-x-flexRowContent--home-faqs .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-store-components-3-x-faq_container .vtex-store-components-3-x-faq_answer { padding: 20px 20px 20px 30px; color: #011428; background-color: #f7f7f7; font-size: 14px; line-height: 20px } .vtex-flex-layout-0-x-flexRow--installments-payment { display: flex; justify-content: center; margin: 5px 0 10px } .vtex-flex-layout-0-x-flexRow--installments-payment .vtex-flex-layout-0-x-flexRowContent { display: flex; justify-content: center; align-items: center; background: #efeeed; width: 88%; border-radius: .5rem } .vtex-flex-layout-0-x-flexRow--installments-payment .vtex-flex-layout-0-x-flexRowContent .vtex-rich-text-0-x-paragraph--installments-payment-text { font-size: 10px; margin: 0 } .vtex-flex-layout-0-x-flexRow--installments-payment .vtex-flex-layout-0-x-flexRowContent .vtex-store-components-3-x-imageElement--installments-payment-logo { width: 32px; height: fit-content } .vtex-flex-layout-0-x-flexRow--rating-summary-new .vtex-flex-layout-0-x-stretchChildrenWidth { height: 80px !important } .vtex-flex-layout-0-x-flexRow--rating-summary-new .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-reviews-and-ratings-3-x-summaryTotalReviews { color: #000; text-decoration: none !important } .vtex-flex-layout-0-x-flexRow--rating-summary-new .vtex-flex-layout-0-x-stretchChildrenWidth .vtex-reviews-and-ratings-3-x-summaryButtonContainer .vtex-button__label { padding-left: .5rem; padding-right: .5rem } .vtex-flex-layout-0-x-flexRow--dinamica-fifa-page-container,.vtex-flex-layout-0-x-flexRow--fifa-page-container,.vtex-flex-layout-0-x-flexRow--golden-ticket-page-container,.vtex-flex-layout-0-x-flexRow--pantone-container { background: #fff } .vtex-flex-layout-0-x-flexRow--dinamica-fifa-page-container .vtex-store-components-3-x-container,.vtex-flex-layout-0-x-flexRow--fifa-page-container .vtex-store-components-3-x-container,.vtex-flex-layout-0-x-flexRow--golden-ticket-page-container .vtex-store-components-3-x-container,.vtex-flex-layout-0-x-flexRow--pantone-container .vtex-store-components-3-x-container { margin: 0; padding: 0; max-width: 100% } .vtex-breadcrumb-1-x-container { color: #fff; text-transform: lowercase } .vtex-breadcrumb-1-x-container .vtex-breadcrumb-1-x-homeLink:before { content: "home"; font-size: 12px; color: #fff } .vtex-breadcrumb-1-x-container .vtex-breadcrumb-1-x-homeLink .vtex-breadcrumb-1-x-homeIcon { display: none } .vtex-breadcrumb-1-x-container .vtex-breadcrumb-1-x-arrow { font-size: 12px; padding: 0; color: #fff; text-transform: lowercase } .vtex-breadcrumb-1-x-container .vtex-breadcrumb-1-x-arrow:before { content: "/"; font-size: 12px; color: #fff } .vtex-breadcrumb-1-x-container .vtex-breadcrumb-1-x-arrow .vtex-breadcrumb-1-x-caretIcon { display: none } .vtex-flex-layout-0-x-flexCol--search-bread .vtex-breadcrumb-1-x-container .vtex-breadcrumb-1-x-arrow:last-child .vtex-breadcrumb-1-x-link { color: #fff; font-weight: 700; text-transform: lowercase } .vtex-stack-layout-0-x-stackItem--pdp-imagens .vtex-breadcrumb-1-x-container,.vtex-stack-layout-0-x-stackItem--pdp-imagens .vtex-breadcrumb-1-x-container .vtex-breadcrumb-1-x-arrow,.vtex-stack-layout-0-x-stackItem--pdp-imagens .vtex-breadcrumb-1-x-container .vtex-breadcrumb-1-x-arrow .vtex-breadcrumb-1-x-link,.vtex-stack-layout-0-x-stackItem--pdp-imagens .vtex-breadcrumb-1-x-container .vtex-breadcrumb-1-x-arrow:before,.vtex-stack-layout-0-x-stackItem--pdp-imagens .vtex-breadcrumb-1-x-container .vtex-breadcrumb-1-x-homeLink:before { color: #001428 } .vtex-stack-layout-0-x-stackItem--pdp-imagens .vtex-breadcrumb-1-x-container .vtex-breadcrumb-1-x-arrow--3 { display: none } .vtex-stack-layout-0-x-stackItem--pdp-imagens .vtex-breadcrumb-1-x-container .vtex-breadcrumb-1-x-termArrow:before { color: #001428; font-weight: 700 } .vtex-stack-layout-0-x-stackItem--pdp-imagens .vtex-breadcrumb-1-x-container .vtex-breadcrumb-1-x-term { color: #001428; font-size: 12px; font-weight: 700 } .vtex-list-context-0-x-list--blackfriday-shelves .vtex-list-context-0-x-item { margin-bottom: 20px } @media (min-width: 1025px) { .vtex-list-context-0-x-list--blackfriday-shelves { display:flex; flex-wrap: wrap; justify-content: space-evenly } .vtex-list-context-0-x-list--blackfriday-shelves .vtex-list-context-0-x-item { margin: 0 35px 20px } .vtex-list-context-0-x-list--blackfriday-shelves .vtex-list-context-0-x-item .vtex-product-summary-2-x-container { max-width: 325px !important } } .vtex-menu-2-x-styledLinkContainer--home-category { margin: 5px !important } .vtex-menu-2-x-styledLinkContainer--home-category .vtex-menu-2-x-styledLinkContent { display: flex; align-items: center; color: #fff; font-weight: 700; font-size: 14px; line-height: 16.1px } .vtex-menu-2-x-styledLinkContainer--home-category .vtex-menu-2-x-styledLinkContent .vtex-menu-2-x-styledLinkIcon { margin-right: 10px } .vtex-menu-2-x-styledLinkContainer--home-category .vtex-menu-2-x-styledLinkContent .vtex-menu-2-x-styledLinkIcon :first-child { visibility: hidden } .vtex-menu-2-x-styledLinkContainer--home-category-1 .vtex-menu-2-x-styledLinkIcon { margin-right: 5px !important; background: url(https://mxmoto.vteximg.com.br/arquivos/c-rd-ct-bateria.png) no-repeat 50%; background-size: contain } .vtex-menu-2-x-styledLinkContainer--home-category-2 .vtex-menu-2-x-styledLinkIcon { background: url(https://mxmoto.vteximg.com.br/arquivos/c-rd-ct-camera.png) no-repeat 50%; background-size: contain } .vtex-menu-2-x-styledLinkContainer--home-category-3 .vtex-menu-2-x-styledLinkIcon { background: url(https://mxmoto.vteximg.com.br/arquivos/c-rd-ct-preco.png) no-repeat 50%; background-size: contain } .vtex-menu-2-x-styledLinkContainer--home-category-4 .vtex-menu-2-x-styledLinkIcon { background: url(https://mxmoto.vteximg.com.br/arquivos/icone-conectividade-5g.png) no-repeat 50%; background-size: contain } .vtex-menu-2-x-styledLinkContainer--home-category-5 .vtex-menu-2-x-styledLinkIcon { background: url(https://mxmoto.vteximg.com.br/arquivos/c-rd-ct-memoria.png) no-repeat 50%; background-size: contain } .vtex-menu-2-x-styledLinkContainer--home-category-6 .vtex-menu-2-x-styledLinkIcon { background: url(https://mxmoto.vteximg.com.br/arquivos/c-rd-ct-jogar.png) no-repeat 50%; background-size: contain } @media (min-width: 1065px) { .vtex-menu-2-x-styledLinkContainer--home-category { border-radius:4px; background: #011b34; border: 1px solid #082e53; box-shadow: -6px -5px 8px rgba(49,49,49,.55) } .vtex-menu-2-x-styledLinkContainer--home-category .vtex-menu-2-x-styledLinkContent { display: flex; align-items: center; justify-content: center; height: 90px; width: 208px } } @media (max-width: 1353px) { .vtex-menu-2-x-styledLinkContainer--home-category .vtex-menu-2-x-styledLinkContent { height:80px; width: 160px } } @media (max-width: 1064px) { .vtex-menu-2-x-styledLinkContainer--home-category .vtex-menu-2-x-styledLinkContent { display:flex; align-items: center; justify-content: flex-start; min-width: 125px; width: auto } .vtex-menu-2-x-styledLinkContainer--home-category .vtex-menu-2-x-styledLinkContent .vtex-menu-2-x-styledLinkIcon { height: 48px; width: 48px; border-radius: 4px; border: 1px solid #082e53; box-shadow: -6px -5px 8px rgba(49,49,49,.55); background-size: 35px } .vtex-menu-2-x-styledLinkContainer--home-category-1 .vtex-menu-2-x-styledLinkIcon { background-size: 18px !important } } @media (max-width: 375px) { .vtex-menu-2-x-styledLinkContainer--home-category .vtex-menu-2-x-styledLinkContent { font-size:12px } } .vtex-menu-2-x-menuContainerNav--institucionais .vtex-menu-2-x-menuItem .vtex-menu-2-x-styledLinkContainer { margin: 0 } .vtex-menu-2-x-menuContainerNav--institucionais .vtex-menu-2-x-menuItem .vtex-menu-2-x-styledLinkContainer .vtex-menu-2-x-styledLinkContent { color: #001428; font-size: 16px; white-space: break-spaces } @media (min-width: 1025px) { .vtex-menu-2-x-menuContainerNav--institucionais { width:324px; background-color: #fff; border-radius: 5px; padding: 40px 20px; margin-bottom: 40px } .vtex-menu-2-x-menuContainerNav--institucionais .vtex-menu-2-x-menuItem { line-height: 1.5; margin-bottom: 20px } .vtex-menu-2-x-menuContainerNav--institucionais .vtex-menu-2-x-menuItem .vtex-menu-2-x-styledLinkContainer { padding: 8px 0; margin: 0 } .vtex-menu-2-x-menuContainerNav--institucionais .vtex-menu-2-x-menuItem .vtex-menu-2-x-styledLinkContainer .vtex-menu-2-x-styledLinkContent { color: #001428; font-size: 16px; white-space: break-spaces } .vtex-menu-2-x-menuContainerNav--institucionais .vtex-menu-2-x-menuItem .vtex-menu-2-x-styledLinkContainer .vtex-menu-2-x-styledLink--highlight .vtex-menu-2-x-styledLinkContent { color: #0e77da; text-decoration: underline; font-weight: 700 } .vtex-menu-2-x-menuContainerNav--institucionais .vtex-menu-2-x-menuItem:last-child { margin-bottom: 0 } } @media (max-width: 1024px) { .vtex-menu-2-x-menuItem--institucionais-mobile { margin-bottom:20px; background-color: #fff; border-radius: 5px; box-shadow: 2px 5px 10px .5px rgba(0,0,0,.2); padding: 8px 0 } .vtex-menu-2-x-menuItem--institucionais-mobile .vtex-menu-2-x-submenuAccordion { padding: 0 .75rem } .vtex-menu-2-x-menuItem--institucionais-mobile .vtex-menu-2-x-styledLinkContainer { padding: 15px; margin: 0 } .vtex-menu-2-x-menuItem--institucionais-mobile .vtex-menu-2-x-styledLinkContainer .vtex-menu-2-x-styledLinkContent { color: #001428; font-size: 16px; white-space: break-spaces } .vtex-menu-2-x-menuItem--institucionais-mobile .vtex-menu-2-x-accordionIcon--isOpen { font-size: 0 } .vtex-menu-2-x-menuItem--institucionais-mobile .vtex-menu-2-x-accordionIcon--isOpen:before { content: url(https://mxmoto.vtexassets.com/arquivos/arrow-top-menu-institucionais.png); font-size: 14px } .vtex-menu-2-x-menuItem--institucionais-mobile .vtex-menu-2-x-accordionIcon--isClosed { font-size: 0; transform: rotate(180deg) } .vtex-menu-2-x-menuItem--institucionais-mobile .vtex-menu-2-x-accordionIcon--isClosed:before { content: url(https://mxmoto.vtexassets.com/arquivos/arrow-top-menu-institucionais.png); font-size: 14px } .vtex-menu-2-x-menuContainerNav--institucionais .vtex-menu-2-x-menuItem { border-bottom: 1px solid hsla(0,0%,83.9%,.75) } .vtex-menu-2-x-menuContainerNav--institucionais .vtex-menu-2-x-menuItem .vtex-menu-2-x-styledLinkContainer { padding: 15px 0 } .vtex-menu-2-x-menuContainerNav--institucionais .vtex-menu-2-x-menuItem:last-child { border-bottom: none } } .vtex-menu-2-x-menuContainer--footer-menus .vtex-menu-2-x-styledLinkContainer { margin: 0 } .vtex-menu-2-x-menuContainer--footer-menus .vtex-menu-2-x-styledLinkContainer .vtex-menu-2-x-styledLinkContent { color: #001428; font-size: 14px; max-width: 16.25rem; white-space: break-spaces } .vtex-menu-2-x-menuContainer .vtex-menu-2-x-menuItem--footer-menu-title { border-top: thin solid #c9c9c9; border-bottom: thin solid #c9c9c9 } .vtex-menu-2-x-menuContainer .vtex-menu-2-x-menuItem--footer-menu-title .vtex-menu-2-x-styledLinkContainer { margin: 0 } .vtex-menu-2-x-menuContainer .vtex-menu-2-x-menuItem--footer-menu-title .vtex-menu-2-x-styledLinkContainer .vtex-menu-2-x-styledLinkContent--footer-menu-title { font-size: 14px; line-height: 54px; padding: 0 5px; color: #001428 } @media (max-width: 1023px) { .vtex-menu-2-x-menuContainer .vtex-menu-2-x-menuItem--footer-menu-title .vtex-menu-2-x-styledLinkContainer .vtex-menu-2-x-styledLinkContent--footer-menu-title { font-size:18px } } .vtex-menu-2-x-menuContainer .vtex-menu-2-x-menuItem--footer-menu-title .vtex-menu-2-x-styledLinkContainer .vtex-menu-2-x-styledLinkContent--footer-menu-title .vtex-menu-2-x-accordionIcon--footer-menu-title--isClosed { font-size: 0; display: flex; justify-content: center; align-items: center } .vtex-menu-2-x-menuContainer .vtex-menu-2-x-menuItem--footer-menu-title .vtex-menu-2-x-styledLinkContainer .vtex-menu-2-x-styledLinkContent--footer-menu-title .vtex-menu-2-x-accordionIcon--footer-menu-title--isClosed:after { content: ""; background: url(https://motorolaimgrepo.vtexassets.com/arquivos/arrow-down-header-icon.svg); transition: .3s; width: 20px; height: 12px; background-repeat: no-repeat; filter: invert(1) } .vtex-menu-2-x-menuContainer .vtex-menu-2-x-menuItem--footer-menu-title .vtex-menu-2-x-styledLinkContainer .vtex-menu-2-x-styledLinkContent--footer-menu-title .vtex-menu-2-x-accordionIcon--footer-menu-title--isOpen { font-size: 0; display: flex; justify-content: center; align-items: center } .vtex-menu-2-x-menuContainer .vtex-menu-2-x-menuItem--footer-menu-title .vtex-menu-2-x-styledLinkContainer .vtex-menu-2-x-styledLinkContent--footer-menu-title .vtex-menu-2-x-accordionIcon--footer-menu-title--isOpen:after { content: ""; background: url(https://motorolaimgrepo.vtexassets.com/arquivos/arrow-down-header-icon.svg); transition: .3s; width: 20px; height: 12px; background-repeat: no-repeat; transform: rotate(180deg); filter: invert(1) } .vtex-menu-2-x-menuContainer .vtex-menu-2-x-menuItem--footer-menu-title .vtex-menu-2-x-styledLinkContainer .vtex-menu-2-x-styledLinkContent--footer-menus { font-size: 14px; line-height: 30px } .vtex-menu-2-x-menuContainer .vtex-menu-2-x-menuItem--footer-menu-title .vtex-menu-2-x-submenuAccordion--footer-mobile .vtex-menu-2-x-menuContainer { margin-bottom: 20px } .vtex-minicart-2-x-minicartIconContainer .vtex-store-icons-0-x-cartIcon { display: none } .vtex-minicart-2-x-minicartIconContainer:after { content: ""; background-image: url(/arquivos/shopping-cart.png); width: 23px; height: 28px; display: block; background-repeat: no-repeat; background-size: contain } .vtex-login-2-x-content { background: #fff; min-width: 800px; max-width: 800px; display: flex; flex-direction: row-reverse } @media (max-width: 1023px) { .vtex-login-2-x-content { flex-direction:column; min-width: 100%; max-width: 100% } } .vtex-login-2-x-contentForm { border-right: 1px solid #ccc } .vtex-login-2-x-contentForm>div { min-width: 100% !important } .vtex-login-2-x-content .vtex-input__suffix,.vtex-login-2-x-content .vtex-styleguide-9-x-input { background: #fff } .vtex-login-2-x-content .vtex-input-prefix__group { box-shadow: 0 2px 4px rgba(0,0,0,.1) } .vtex-login-2-x-content .vtex-button__label { padding: 12px 25px !important } .vtex-login-2-x-content .vtex-button.bg-transparent { color: #001428 } .vtex-login-2-x-options { min-width: 100% } .vtex-login-2-x-contentForm,.vtex-login-2-x-loginOptionsContainer { width: 50%; min-width: 50% !important; display: flex; padding: 0 40px } @media (max-width: 1023px) { .vtex-login-2-x-contentForm,.vtex-login-2-x-loginOptionsContainer { min-width:100% !important; width: 100%; padding: 0; border: 0 } } .vtex-login-2-x-formTitle { text-align: left; padding: 0; font-weight: 600 } .vtex-login-2-x-loading { background: #fff } .vtex-login-2-x-loading .c-emphasis { padding: 131px 0 } @media (min-width: 1024px) { .vtex-login-2-x-loading .c-emphasis { min-width:800px } } .vtex-login-2-x-inputContainer .vtex-styleguide-9-x-input { color: #001428 } .vtex-login-2-x-inputContainerAccessCode .vtex-styleguide-9-x-input { font-size: 16px; font-family: Montserrat } .vtex-modal-layout-0-x-modal--pdp-formas-pagamento { z-index: 9999 !important } .vtex-modal-layout-0-x-modal--pdp-formas-pagamento .vtex-modal-layout-0-x-container { background-color: rgba(0,20,40,.3137254902) } .vtex-modal-layout-0-x-modal--pdp-formas-pagamento .vtex-modal-layout-0-x-container .vtex-modal-layout-0-x-paper { z-index: 9999 } .vtex-modal-layout-0-x-modal--pdp-formas-pagamento .vtex-modal-layout-0-x-container .vtex-modal-layout-0-x-paper .vtex-modal-layout-0-x-headerContainer { border: none } .vtex-modal-layout-0-x-modal--pdp-formas-pagamento .vtex-modal-layout-0-x-container .vtex-modal-layout-0-x-paper .vtex-modal-layout-0-x-headerContainer .vtex-rich-text-0-x-container--pdp-formas-pagamento { margin-bottom: 20px } .vtex-modal-layout-0-x-modal--pdp-formas-pagamento .vtex-modal-layout-0-x-container .vtex-modal-layout-0-x-paper .vtex-modal-layout-0-x-headerContainer .vtex-rich-text-0-x-container--pdp-formas-pagamento .vtex-rich-text-0-x-paragraph--pdp-formas-pagamento { text-decoration: none; font-weight: 400 } .vtex-modal-layout-0-x-triggerContainer--pdp-modal-ame { width: 100%; cursor: pointer } @media (max-width: 1024px) { .vtex-modal-layout-0-x-triggerContainer--pdp-modal-ame { margin-top:20px } } .vtex-modal-layout-0-x-modal--pdp-modal-ame { z-index: 9999 !important } .vtex-modal-layout-0-x-modal--pdp-modal-ame .vtex-modal-layout-0-x-container { background-color: rgba(0,20,40,.3137254902) } .vtex-modal-layout-0-x-modal--pdp-modal-ame .vtex-modal-layout-0-x-container .vtex-modal-layout-0-x-paper { background-color: #fff; z-index: 9999; max-width: 902px; border-radius: 10px } .vtex-modal-layout-0-x-modal--pdp-modal-ame .vtex-modal-layout-0-x-container .vtex-modal-layout-0-x-paper .vtex-modal-layout-0-x-headerContainer { border: none; width: auto; position: absolute; right: 0 } .vtex-modal-layout-0-x-triggerContainer--pdp-modal-triggers { cursor: pointer } .vtex-modal-layout-0-x-modal--pdp-modal-triggers { z-index: 9999 !important } .vtex-modal-layout-0-x-modal--pdp-modal-triggers .vtex-modal-layout-0-x-container { background-color: rgba(0,20,40,.3137254902) } .vtex-modal-layout-0-x-modal--pdp-modal-triggers .vtex-modal-layout-0-x-container .vtex-modal-layout-0-x-paper { background-color: #fff; padding: 10px; z-index: 9999; border-radius: 10px } .vtex-modal-layout-0-x-modal--pdp-modal-triggers .vtex-modal-layout-0-x-container .vtex-modal-layout-0-x-paper .vtex-modal-layout-0-x-headerContainer { border: none; width: auto; position: absolute; right: 0 } @media (min-width: 1025px) { .vtex-modal-layout-0-x-modal--pdp-formas-pagamento .vtex-modal-layout-0-x-container .vtex-modal-layout-0-x-paper { background-color:#fff; padding: 30px 40px 40px; border-radius: 10px } .vtex-modal-layout-0-x-triggerContainer--pdp-modal-ame { width: 100%; cursor: pointer } .vtex-modal-layout-0-x-modal--pdp-modal-ame .vtex-modal-layout-0-x-container .vtex-modal-layout-0-x-paper { padding: 10px 20px } .vtex-modal-layout-0-x-modal--pdp-modal-triggers .vtex-modal-layout-0-x-container .vtex-modal-layout-0-x-paper { min-width: 535px; display: flex; align-items: center } } @media (max-width: 1024px) { .vtex-modal-layout-0-x-modal--pdp-formas-pagamento .vtex-modal-layout-0-x-container .vtex-modal-layout-0-x-paper { background-color:#001428; padding: 10px } .vtex-modal-layout-0-x-modal--pdp-formas-pagamento .vtex-modal-layout-0-x-container .vtex-modal-layout-0-x-paper .vtex-rich-text-0-x-paragraph--pdp-formas-pagamento,.vtex-modal-layout-0-x-modal--pdp-formas-pagamento .vtex-modal-layout-0-x-container .vtex-modal-layout-0-x-paper .vtex-rich-text-0-x-paragraph--pdp-formas-pagamento-cartao { color: #fff !important } .vtex-modal-layout-0-x-modal--pdp-formas-pagamento .vtex-modal-layout-0-x-container .vtex-modal-layout-0-x-closeIcon--pdp-formas-pagamento { color: #fff } .vtex-modal-layout-0-x-modal--pdp-modal-ame .vtex-modal-layout-0-x-container .vtex-modal-layout-0-x-paper { margin: 0; width: 100% } .vtex-modal-layout-0-x-modal--pdp-modal-ame .vtex-modal-layout-0-x-closeIcon--pdp-modal-ame { color: #fff } .vtex-modal-layout-0-x-triggerContainer--pdp-modal-triggers { width: 100% } } .vtex-modal-layout-0-x-paper--modal-avise-me { background: #f5f5f5; padding: 25px; border-radius: 20px } .vtex-modal-layout-0-x-backdrop--modal-avise-me { background: #000 } .vtex-modal-layout-0-x-headerContainer--avise-me-modal-header { border: 0; position: absolute; right: 0; top: 0 } .vtex-modal-layout-0-x-triggerContainer--avise-me-trigger { display: flex; align-items: flex-end } .vtex-modal-layout-0-x-modal--seguros-verificar-aparelhos { z-index: 9999 !important } .vtex-modal-layout-0-x-modal--seguros-verificar-aparelhos .vtex-modal-layout-0-x-paper { padding: .5rem 2rem } .vtex-modal-layout-0-x-modal--seguros-verificar-aparelhos .vtex-modal-layout-0-x-paper::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #eee } .vtex-modal-layout-0-x-modal--seguros-verificar-aparelhos .vtex-modal-layout-0-x-paper::-webkit-scrollbar { width: 5px; background-color: #92c1e9 } .vtex-modal-layout-0-x-modal--seguros-verificar-aparelhos .vtex-modal-layout-0-x-paper::-webkit-scrollbar-thumb { background-color: #001428 } .vtex-modal-layout-0-x-modal--seguros-verificar-aparelhos .vtex-modal-layout-0-x-headerContainer { border: none; width: auto; position: absolute; right: 0 } .vtex-modal-layout-0-x-modal--seguros-verificar-aparelhos .vtex-modal-layout-0-x-headerContainer .vtex-modal-layout-0-x-closeIcon { color: #eee } .vtex-modal-layout-0-x-paperNotFullScreen { width: 50% } .vtex-modal-layout-0-x-paperNotFullScreen .vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-tab-layout-0-x-listContainer { width: 60%; margin: auto } .vtex-modal-layout-0-x-modal--modal-home { z-index: 9999 !important } .vtex-modal-layout-0-x-modal--modal-home .vtex-modal-layout-0-x-container--modal-home .vtex-modal-layout-0-x-paper--modal-home { position: relative; height: 85vh; width: auto; overflow: hidden; margin: auto; max-height: calc(100% - 2rem) } @media (min-width: 1024px) { .vtex-modal-layout-0-x-modal--modal-home .vtex-modal-layout-0-x-container--modal-home .vtex-modal-layout-0-x-paper--modal-home { width:1050px; height: auto } } .vtex-modal-layout-0-x-modal--modal-home .vtex-modal-layout-0-x-container--modal-home .vtex-modal-layout-0-x-paper--modal-home .vtex-modal-layout-0-x-link-modal-home { width: 100%; height: 100%; display: flex } .vtex-modal-layout-0-x-modal--modal-home .vtex-modal-layout-0-x-container--modal-home .vtex-modal-layout-0-x-paper--modal-home .vtex-modal-layout-0-x-link-modal-home .vtex-modal-layout-0-x-image-modal-home { width: 100%; height: 100% } .vtex-modal-layout-0-x-backdrop--modal-home,.vtex-modal-layout-0-x-backdropContainer--modal-home { background-color: rgba(0,0,0,.7) } .vtex-modal-layout-0-x-headerContainer--modal-home { position: absolute; right: 0; top: 0; border: none; padding: 5px } .vtex-modal-layout-0-x-closeButton--modal-home { justify-content: center; display: flex; align-items: center; color: #fff; border: 1px solid #fff; border-radius: 50%; width: 30px; height: 30px; padding: 0 } @media (min-width: 1024px) { .vtex-modal-layout-0-x-closeButton--modal-home { width:40px; height: 40px; border: 2px solid #fff } } .vtex-modal-layout-0-x-closeIcon--modal-home { width: 16px; height: 16px } @media (min-width: 1024px) { .vtex-modal-layout-0-x-closeIcon--modal-home { width:20px; height: 20px } } .vtex-modal-layout-0-x-triggerContainer--modal-config-moto-tag { width: 100%; margin-top: 30px } .vtex-modal-layout-0-x-triggerContainer--modal-config-moto-tag .vtex-rich-text-0-x-container--modal-config-moto-tag-title { justify-content: center; background: #82c1e9; border-radius: .25rem; color: #fff; min-height: 40px; align-items: center; cursor: pointer; font-weight: 700 } .vtex-modal-layout-0-x-triggerContainer--modal-config-moto-tag .vtex-rich-text-0-x-container--modal-config-moto-tag-title .vtex-rich-text-0-x-paragraph--modal-config-moto-tag-title { margin: 0 } .vtex-modal-layout-0-x-modal--modal-config-moto-tag-modal { z-index: 9999 !important } @media (max-width: 1023px) { .vtex-modal-layout-0-x-modal--modal-config-moto-tag-modal { max-height:fit-content } } .vtex-modal-layout-0-x-modal--modal-config-moto-tag-modal .vtex-modal-layout-0-x-paper--modal-config-moto-tag-modal::-webkit-scrollbar { width: 7px } .vtex-modal-layout-0-x-modal--modal-config-moto-tag-modal .vtex-modal-layout-0-x-paper--modal-config-moto-tag-modal::-webkit-scrollbar-thumb { background: #ff5d4d; border-radius: 4px } .vtex-modal-layout-0-x-modal--modal-config-moto-tag-modal .vtex-modal-layout-0-x-paper--modal-config-moto-tag-modal::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #bfbfbf; border-radius: 4px } .vtex-modal-layout-0-x-modal--modal-config-moto-tag-modal .vtex-modal-layout-0-x-paper--modal-config-moto-tag-modal .vtex-modal-layout-0-x-headerContainer { position: absolute; right: 0; border: none } .vtex-modal-layout-0-x-modal--modal-config-moto-tag-modal .vtex-modal-layout-0-x-paper--modal-config-moto-tag-modal .vtex-modal-layout-0-x-headerContainer .vtex-modal-layout-0-x-closeButton { filter: invert(1); padding: 0 } .render-route-store-account .vtex-store__template { background-color: #fff } .render-route-store-account .vtex-store__template .vtex-account .w-100.mw9.pv7-m.pv9-l.flex { padding-top: 2rem } .render-route-store-account .vtex-store__template .vtex-account .c-on-base { color: #001428 } .render-route-store-account .vtex-store__template .vtex-account .bg-base { background-color: #fff } .render-route-store-account .vtex-store__template .vtex-account .t-heading-4 { font-weight: 700 } .render-route-store-account .vtex-store__template .vtex-account .vtex-my-account-1-x-menu .vtex-account_menu-link { color: #001428; padding-left: .25rem } .render-route-store-account .vtex-store__template .vtex-account .vtex-my-account-1-x-menu .vtex-account_menu-link.f6.no-underline.db.hover-near-black.pv5.mv3.pl5.bl.bw2.nowrap.c-on-base.b.b--action-primary { font-weight: 700; border-color: #1346d8; padding-left: 0; border-width: .25rem } .render-route-store-account .vtex-store__template .vtex-account .vtex-my-account-1-x-menu .vtex-my-account-1-x-menuLink { color: #001428; padding-left: .25rem } .render-route-store-account .vtex-store__template .vtex-account .vtex-account__page .vtex-my-account-1-x-boxContainer .vtex-my-account-1-x-boxContainerFooter .vtex-button { border: thin solid #e3e4e6; border-radius: .25rem; color: #001428; text-transform: uppercase } .render-route-store-account .vtex-store__template .vtex-account .vtex-account__page .vtex-my-account-1-x-boxContainer .vtex-my-account-1-x-profileFormBoxContainer .vtex-profile-form-3-x-profileContainer .vtex-button { background-color: #0e77da; border-color: #0e77da; color: #fff; min-height: 40px } .render-route-store-account .vtex-store__template .vtex-account .vtex-account__page .vtex-my-account-1-x-boxContainer .vtex-my-account-1-x-profileFormBoxContainer .vtex-profile-form-3-x-profileContainer .vtex-profile-form-3-x-toggleBusinessButtonWrapper .vtex-button { background-color: #001428; border-color: #001428 } .render-route-store-account .vtex-store__template .vtex-account .vtex-account__page .vtex-my-account-1-x-boxContainer .vtex-address-form-4-x-container,.render-route-store-account .vtex-store__template .vtex-account .vtex-account__page .vtex-my-account-1-x-boxContainer .vtex-input .bg-base { background-color: #fff } .render-route-store-account .vtex-store__template .vtex-account .vtex-account__page .vtex-my-account-1-x-addressCreate .vtex-button { background-color: #0e77da; border-color: #0e77da; min-height: 40px; margin-top: 20px } .render-route-store-account .vtex-store__template .vtex-account .vtex-account__page .vtex-my-account-1-x-addressCreate .vtex-button .vtex-button__label { color: #fff } .render-route-store-account .vtex-store__template .vtex-account .vtex-account__page .vtex-my-account-1-x-passwordBoxContainer .vtex-button { background-color: #0e77da; border-color: #0e77da; min-height: 40px; margin-top: 20px } .render-route-store-account .vtex-store__template .vtex-account .vtex-account__page .vtex-my-account-1-x-passwordBoxContainer .vtex-button .vtex-button__label { color: #fff } .render-route-store-account .vtex-store__template .vtex-account .vtex-account__page .vtex-pageHeader-link__container .vtex-button,.render-route-store-account .vtex-store__template .vtex-account .vtex-account__page .vtex-pageHeader-link__container .vtex__icon-arrow-back { color: #0e77da; text-transform: uppercase } .render-route-store-account .vtex-store__template .vtex-account__create-card .bg-base,.render-route-store-account .vtex-store__template .vtex-account__create-card .undefined.ma0.border-box.undefined.undefined.br2.w-100.bn.outline-0.bg-base.c-on-base.b--danger.hover-b--danger.t-body.ph5 { background-color: #fff !important } .render-route-store-account .vtex-store__template .vtex-account__create-card .vtex-input__label,.render-route-store-account .vtex-store__template .vtex-account__create-card .vtex-radio__label { color: #001428 !important } .render-route-store-account .vtex-store__template .vtex-menu-2-x-styledLinkContent--footer-menu-title,.render-route-store-account .vtex-store__template .vtex-menu-2-x-styledLinkContent--footer-menus,.render-route-store-account .vtex-store__template .vtex-rich-text-0-x-paragraph--footer-menus,.render-route-store-account .vtex-store__template .vtex-rich-text-0-x-paragraph--footer-newsletter { color: #000 } .render-route-store-account .vtex-store__template .vtex-store-components-3-x-imageElement--footer-menus { filter: invert(1) } @media (min-width: 1025px) { .render-route-store-account .vtex-store__template .vtex-account .vtex-account__page { width:90%; margin: 0 auto; max-width: 1000px } } .render-route-store-orderplaced .vtex-store__template { background-color: #f5f5f5 } .render-route-store-orderplaced .vtex-store__template .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice .t-heading-4 { font-size: 24px; line-height: 32px; font-weight: 700 } .myo-cancel-btn,.render-route-store-orderplaced .vtex-store__template .vtex-my-orders-app-3-x-invoiceBtn,.render-route-store-orderplaced .vtex-store__template .vtex-order-placed-2-x-cancelOrderButton,.render-route-store-orderplaced .vtex-store__template .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice .vtex-order-placed-2-x-printButtonWrapper .vtex-button .vtex-button__label svg,.vtex-account__order-details .list .no-underline .link { display: none } .vtex-my-cards-1-x-boxContainerFooter button,.vtex-toast,.vtex__icon-close { color: #001428 } #root form .vtex-dropdown__container div,#root form .vtex-input-prefix__group span,#root form .vtex-input__label,#root form input,#root form span,.vtex-account .vtex-input__label,.vtex-account__create-card input { color: #001428 !important; background-color: #fff !important } #root form .ph5.flex { color: #001428 !important } .vtex_my-authentication_box_footer .vtex-button { background-color: #000 } .vtex-order-placed-2-x-orderPlacedWrapper { background-color: #f5f5f5; color: #001428 } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section { border: none } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--confirmation { margin-bottom: 20px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--confirmation .vtex-order-placed-2-x-confirmationTitle { color: #001428; font-size: 30px; font-weight: 700; line-height: 40px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--confirmation .vtex-order-placed-2-x-confirmationMessage { color: #001428; font-size: 14px; line-height: 15px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--notices .vtex-order-placed-2-x-noticeListItem { color: #001428; font-size: 14px; line-height: 15px; border: none; padding: 0; text-align: center } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--notices .vtex-order-placed-2-x-noticeListItem:not(:last-child) { display: none } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--notices .vtex-order-placed-2-x-noticeListItem:last-child { display: block } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--notices .vtex-order-placed-2-x-noticeListItem .vtex-button { display: none } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice { padding-bottom: 0 } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice :first-child { text-align: center } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice .vtex-order-placed-2-x-barCodeContainer { justify-content: center } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice .vtex-order-placed-2-x-barCodeContainer .vtex-order-placed-2-x-barCodeWrapper { border: none } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice .vtex-order-placed-2-x-barCodeContainer .vtex-order-placed-2-x-barCodeWrapper .vtex-order-placed-2-x-barCodeNumber { display: flex; flex-direction: column; color: #001428; font-size: 20px; line-height: 30px; font-weight: 700; font-family: Montserrat } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice .vtex-order-placed-2-x-barCodeContainer .vtex-order-placed-2-x-barCodeWrapper .vtex-order-placed-2-x-barCodeNumber:before { content: "Utilize o número do código de barras abaixo para realizar o pagamento:"; font-size: 16px; line-height: 22px; font-family: Montserrat; margin-bottom: 5px; font-weight: 400 } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice .vtex-order-placed-2-x-barCodeContainer .vtex-order-placed-2-x-barCodeWrapper .vtex-order-placed-2-x-barCodeCopyButtonWrapper .vtex-button { height: 48px; background-color: #0e77da; border-color: #0e77da; border-radius: 5px; min-width: 298px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice .vtex-order-placed-2-x-barCodeContainer .vtex-order-placed-2-x-barCodeWrapper .vtex-order-placed-2-x-barCodeCopyButtonWrapper .vtex-button .vtex-button__label { font-size: 16px; line-height: 24px; color: #fff } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice .vtex-order-placed-2-x-printButtonWrapper .vtex-button { height: 48px; background-color: #0e77da; border-color: #0e77da; border-radius: 5px; min-width: 298px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice .vtex-order-placed-2-x-printButtonWrapper .vtex-button .vtex-button__label { font-size: 16px; line-height: 24px; color: #fff; width: 100% } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--paymentMethods { margin: 0 15px 15px; width: max-content; padding: 20px; background: #fff; border-radius: 5px; border: none; min-width: 260px; min-height: 150px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--paymentMethods .vtex-order-placed-2-x-orderPaymentItem { margin: 0; padding: 0 } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--paymentMethods .vtex-order-placed-2-x-orderPaymentItem .vtex-order-placed-2-x-paymentGroup,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--paymentMethods .vtex-order-placed-2-x-orderPaymentItem .vtex-order-placed-2-x-paymentValue { color: #001428; font-family: Montserrat; font-size: 16px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--paymentMethods .vtex-order-placed-2-x-orderPaymentItem .vtex-button { display: none } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section----pickupPackages,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--deliveryPackages { width: 100% } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section----pickupPackages .vtex-order-placed-2-x-package,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--deliveryPackages .vtex-order-placed-2-x-package { display: flex; flex-direction: column; margin-top: 0; margin-bottom: 0 } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section----pickupPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-packageHeaderColumn,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--deliveryPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-packageHeaderColumn { width: max-content; padding: 20px; background: #fff; border-top-left-radius: 5px; border-top-right-radius: 5px; border-color: #fff; min-width: 260px; min-height: 150px; margin-bottom: 20px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section----pickupPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-packageHeaderColumn .vtex-order-placed-2-x-addressContainer,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section----pickupPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-packageHeaderColumn .vtex-order-placed-2-x-packageAddressWrapper,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section----pickupPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-packageHeaderColumn .vtex-order-placed-2-x-packageHeader,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section----pickupPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-packageHeaderColumn .vtex-order-placed-2-x-packageShippingEstimate,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section----pickupPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-packageHeaderColumn .vtex-order-placed-2-x-packageSLA,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--deliveryPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-packageHeaderColumn .vtex-order-placed-2-x-addressContainer,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--deliveryPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-packageHeaderColumn .vtex-order-placed-2-x-packageAddressWrapper,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--deliveryPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-packageHeaderColumn .vtex-order-placed-2-x-packageHeader,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--deliveryPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-packageHeaderColumn .vtex-order-placed-2-x-packageShippingEstimate,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--deliveryPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-packageHeaderColumn .vtex-order-placed-2-x-packageSLA { color: #001428; font-family: Montserrat; font-size: 16px; text-transform: capitalize; margin: 0; line-height: 20px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section----pickupPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-productList,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--deliveryPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-productList { width: 100%; padding: 20px 20px 0; background: #fff; border-radius: 5px; border-color: #fff; margin-bottom: 0 } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section----pickupPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-productList .vtex-order-placed-2-x-productListItem,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--deliveryPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-productList .vtex-order-placed-2-x-productListItem { border-bottom: 2px solid #d5d5d5 } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section----pickupPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-productList .vtex-order-placed-2-x-productListItem .vtex-order-placed-2-x-productInfoColumn,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--deliveryPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-productList .vtex-order-placed-2-x-productListItem .vtex-order-placed-2-x-productInfoColumn { display: flex; flex-direction: row } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section----pickupPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-productList .vtex-order-placed-2-x-productListItem .vtex-order-placed-2-x-productInfoColumn .vtex-order-placed-2-x-productName,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section----pickupPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-productList .vtex-order-placed-2-x-productListItem .vtex-order-placed-2-x-productInfoColumn .vtex-order-placed-2-x-productQuantity,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--deliveryPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-productList .vtex-order-placed-2-x-productListItem .vtex-order-placed-2-x-productInfoColumn .vtex-order-placed-2-x-productName,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--deliveryPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-productList .vtex-order-placed-2-x-productListItem .vtex-order-placed-2-x-productInfoColumn .vtex-order-placed-2-x-productQuantity { color: #001428; font-family: Montserrat; font-size: 16px; margin: 0 15px; display: flex; align-items: center } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section----pickupPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-productList .vtex-order-placed-2-x-productListItem .vtex-order-placed-2-x-productPrice,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--deliveryPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-productList .vtex-order-placed-2-x-productListItem .vtex-order-placed-2-x-productPrice { color: #001428; font-family: Montserrat; font-size: 16px; display: flex; align-items: center } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-orderPlacedMainWrapper .vtex-order-placed-2-x-orderWrapper { display: flex; flex-wrap: wrap } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-orderPlacedMainWrapper .vtex-order-placed-2-x-orderWrapper .vtex-flex-layout-0-x-flexRow--order-header { width: 100% } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-orderPlacedMainWrapper .vtex-order-placed-2-x-orderWrapper .vtex-order-placed-2-x-orderNumber { font-size: 24px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-orderPlacedMainWrapper .vtex-order-placed-2-x-orderWrapper .vtex-order-placed-2-x-orderDatetime,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-orderPlacedMainWrapper .vtex-order-placed-2-x-orderWrapper .vtex-order-placed-2-x-orderSeller,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-orderPlacedMainWrapper .vtex-order-placed-2-x-orderWrapper .vtex-order-placed-2-x-orderSoldBy { color: #001428; font-size: 14px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-orderPlacedMainWrapper .vtex-order-placed-2-x-orderWrapper .vtex-profile-form-3-x-profileSummary { width: max-content; padding: 20px; background: #fff; border-radius: 5px; border-color: #fff; min-width: 260px; min-height: 150px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-orderPlacedMainWrapper .vtex-order-placed-2-x-orderWrapper .vtex-profile-form-3-x-profileSummary .vtex-order-placed-2-x-customerInfoListDocument,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-orderPlacedMainWrapper .vtex-order-placed-2-x-orderWrapper .vtex-profile-form-3-x-profileSummary .vtex-order-placed-2-x-customerInfoListEmail,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-orderPlacedMainWrapper .vtex-order-placed-2-x-orderWrapper .vtex-profile-form-3-x-profileSummary .vtex-order-placed-2-x-customerInfoListName,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-orderPlacedMainWrapper .vtex-order-placed-2-x-orderWrapper .vtex-profile-form-3-x-profileSummary .vtex-order-placed-2-x-customerInfoListPhone { color: #001428; font-family: Montserrat; font-size: 16px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-totalListWrapper { padding: 20px; background: #fff; border-color: #fff; margin-bottom: 20px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-totalListWrapper .vtex-order-placed-2-x-totalList { margin: 0; width: 100%; display: flex; justify-content: flex-end } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-totalListWrapper .vtex-order-placed-2-x-totalList .vtex-order-placed-2-x-totalListItem { margin-right: 10px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-totalListWrapper .vtex-order-placed-2-x-totalList .vtex-order-placed-2-x-totalListItem .vtex-order-placed-2-x-totalListItemLabel,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-totalListWrapper .vtex-order-placed-2-x-totalList .vtex-order-placed-2-x-totalListItem .vtex-order-placed-2-x-totalListItemValue { color: #001428; font-family: Montserrat; font-size: 16px; margin: 0 5px; font-weight: 400 } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-orderOptionsWrapper { margin-bottom: 30px; width: 100% } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-orderOptionsWrapper .vtex-button { height: 48px; background-color: transparent; border-color: #001428; border-radius: 5px; min-width: 298px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-orderOptionsWrapper .vtex-button .vtex-button__label { font-size: 16px; line-height: 24px; color: #001428 } @media (min-width: 1025px) { .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice .vtex-order-placed-2-x-barCodeContainer { display:flex; flex-direction: column } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice .vtex-order-placed-2-x-barCodeContainer .vtex-order-placed-2-x-barCodeWrapper { display: flex; flex-direction: column; justify-content: center; align-items: center; margin-bottom: 15px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice .vtex-order-placed-2-x-barCodeContainer .vtex-order-placed-2-x-barCodeWrapper .vtex-order-placed-2-x-barCodeNumber { display: flex; flex-direction: column; color: #001428; font-size: 20px; line-height: 30px; font-weight: 700; font-family: Montserrat } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice .vtex-order-placed-2-x-barCodeContainer .vtex-order-placed-2-x-barCodeWrapper .vtex-order-placed-2-x-barCodeNumber:before { content: "Utilize o número do código de barras abaixo para realizar o pagamento:"; font-size: 16px; line-height: 22px; font-family: Montserrat; margin-bottom: 5px; font-weight: 400 } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice .vtex-order-placed-2-x-barCodeContainer .vtex-order-placed-2-x-printButtonWrapper { margin: 0 } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-orderOptionsWrapper .vtex-button { margin-bottom: 30px } } @media (max-width: 1024px) { .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--confirmation { padding:0 15px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--paymentMethods { margin: 15px 0 } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice .vtex-order-placed-2-x-barCodeContainer .vtex-order-placed-2-x-barCodeWrapper .vtex-order-placed-2-x-barCodeCopyButtonWrapper .vtex-button,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--bank-invoice .vtex-order-placed-2-x-printButtonWrapper .vtex-button { width: 100% } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section----pickupPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-productList .vtex-order-placed-2-x-productListItem .vtex-order-placed-2-x-productPrice,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-section--deliveryPackages .vtex-order-placed-2-x-package .vtex-order-placed-2-x-productList .vtex-order-placed-2-x-productListItem .vtex-order-placed-2-x-productPrice { justify-content: center; margin-bottom: 10px } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-totalList { flex-direction: column } .vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-myOrdersButton,.vtex-order-placed-2-x-orderPlacedWrapper .vtex-order-placed-2-x-updateOrderButton { display: flex; justify-content: center } } .vtex-product-identifier-0-x-product-identifier { font-size: 10px; line-height: 24px; font-weight: 500; color: #c4beb6 } @media (min-width: 1025px) { .vtex-product-identifier-0-x-product-identifier { margin-left:20px } } @media (max-width: 1024px) { .vtex-product-identifier-0-x-product-identifier { min-width:50px } .vtex-product-identifier-0-x-product-identifier__label,.vtex-product-identifier-0-x-product-identifier__separator { display: none } } .vtex-product-highlights-2-x-productHighlightText[data-highlight-name=Lanzamientos] { background: #001428; color: #fff; font-size: 14px; padding: 6px 0; font-weight: 600 } .vtex-product-summary-2-x-container--shelf .vtex-product-price-1-x-sellingPrice,.vtex-product-summary-2-x-container--shelf .vtex-product-price-1-x-spotPrice,.vtex-product-summary-2-x-container--white-shelf .vtex-product-price-1-x-sellingPrice,.vtex-product-summary-2-x-container--white-shelf .vtex-product-price-1-x-spotPrice { color: #001428; font-size: 12px; text-align: left; margin-bottom: 15px } .vtex-product-summary-2-x-container--shelf .vtex-product-price-1-x-sellingPrice .vtex-product-price-1-x-currencyContainer,.vtex-product-summary-2-x-container--shelf .vtex-product-price-1-x-sellingPrice .vtex-product-price-1-x-spotPriceValue,.vtex-product-summary-2-x-container--shelf .vtex-product-price-1-x-spotPrice .vtex-product-price-1-x-currencyContainer,.vtex-product-summary-2-x-container--shelf .vtex-product-price-1-x-spotPrice .vtex-product-price-1-x-spotPriceValue,.vtex-product-summary-2-x-container--white-shelf .vtex-product-price-1-x-sellingPrice .vtex-product-price-1-x-currencyContainer,.vtex-product-summary-2-x-container--white-shelf .vtex-product-price-1-x-sellingPrice .vtex-product-price-1-x-spotPriceValue,.vtex-product-summary-2-x-container--white-shelf .vtex-product-price-1-x-spotPrice .vtex-product-price-1-x-currencyContainer,.vtex-product-summary-2-x-container--white-shelf .vtex-product-price-1-x-spotPrice .vtex-product-price-1-x-spotPriceValue { font-size: 14px; font-weight: 700 } .vtex-product-price-1-x-savings--price-percentage { font: 700 20px/12px Montserrat; letter-spacing: 0; color: #ff554d; border: 1.5px solid #ff554d; border-radius: 21px; padding: 0 16px } .vtex-product-price-1-x-listPrice--summary { color: #c4beb6; margin-top: .5rem; margin-bottom: .25rem; font-size: 12px !important } .vtex-product-price-1-x-sellingPrice--summary { color: #fff; font-size: 12px; margin-top: 10px; margin-bottom: 15px } .vtex-product-price-1-x-sellingPriceValue--summary { font-size: 14px; font-weight: 600; color: #001428 } .vtex-product-price-1-x-installments--summary { margin-bottom: .25rem; color: #fff; font-size: .875rem } .vtex-product-price-1-x-installmentsNumber--summary,.vtex-product-price-1-x-installmentsTotalValue--summary,.vtex-product-price-1-x-installmentValue--summary { color: #fff; font-weight: 700 } .vtex-flex-layout-0-x-flexRow--pdp-price .vtex-product-price-1-x-listPrice .vtex-product-price-1-x-listPriceValue { color: #d5d1cb; font-size: 12px; font-weight: 700 } .vtex-flex-layout-0-x-flexRow--pdp-price .vtex-product-price-1-x-installments { font-size: 14px; font-weight: 500 } .vtex-flex-layout-0-x-flexRow--pdp-price .vtex-product-price-1-x-installments .vtex-product-price-1-x-installmentsNumber,.vtex-flex-layout-0-x-flexRow--pdp-price .vtex-product-price-1-x-installments .vtex-product-price-1-x-installmentValue,.vtex-flex-layout-0-x-flexRow--pdp-price .vtex-product-price-1-x-installments .vtex-product-price-1-x-spotPriceValue { font-weight: 700 } .vtex-flex-layout-0-x-flexRow--pdp-price .vtex-product-price-1-x-spotPrice { font-size: 14px; font-weight: 500 } .vtex-flex-layout-0-x-flexRow--pdp-price .vtex-product-price-1-x-spotPrice .vtex-product-price-1-x-spotPriceValue { font-size: 18px; font-weight: 700 } .vtex-product-price-1-x-spotPrice--pdp-formas-pagamento { color: #001428; font-size: 16px; font-weight: 500; text-align: left } .vtex-product-price-1-x-spotPrice--pdp-formas-pagamento .vtex-product-price-1-x-spotPriceValue { font-weight: 700 } .vtex-product-price-1-x-spotPriceValue { margin: 0 10px 0 0 } .vtex-product-price-1-x-listPrice--showcase { color: #c1c1c1; font-size: 12px } .vtex-product-price-1-x-sellingPrice--showcase { color: #001428; font-weight: 600; font-size: 16px } @media screen and (max-width: 640px) { .vtex-product-price-1-x-listPrice--showcase,.vtex-product-price-1-x-sellingPrice--showcase { font-size:14px } } .vtex-product-summary-2-x-container--white-shelf { background-color: #fbf9f7; padding: 15px; border-radius: 10px; height: auto } .vtex-product-summary-2-x-container--white-shelf .vtex-product-summary-2-x-nameContainer { padding: 5px 0; justify-content: left; height: auto } .vtex-product-summary-2-x-container--white-shelf .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-productBrand { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; color: #001428; font-size: 14px; font-weight: 700; text-transform: lowercase } .vtex-product-summary-2-x-container--white-shelf .vtex-store-components-3-x-discountInsideContainer { background-color: #fff; display: flex; align-items: center; justify-content: center; width: 55px; height: 18px; color: #001428; border: 1px solid #001428; border-radius: 5px; font-weight: 700; font-size: 12px; left: 0; right: auto } .vtex-product-summary-2-x-container--white-shelf .vtex-store-link-0-x-link--product-compare-shelf-blue { padding: 0; border: none } .vtex-product-summary-2-x-container--white-shelf .vtex-store-link-0-x-link--product-compare-shelf-blue .vtex-store-link-0-x-label { color: #001428; font-size: 14px } .vtex-flex-layout-0-x-flexColChild--search-content .vtex-product-summary-2-x-container { margin: 0 10px 0 0; max-width: 310px !important } .vtex-product-summary-2-x-container--shelf { background-color: #fbf9f7; text-align: start; padding: 15px; border-radius: 10px; height: auto } .vtex-product-summary-2-x-container--shelf .vtex-product-summary-2-x-element { position: relative; justify-content: space-between } @media (max-width: 1023px) { .vtex-product-summary-2-x-container--shelf .vtex-product-summary-2-x-element { position:relative } .vtex-product-summary-2-x-container--shelf .vtex-product-summary-2-x-element .vtex-button { order: 2; position: relative; transition: .4s; top: 0; left: 0; width: 100% !important; height: 48px; margin-bottom: 15px; margin-top: auto } } .vtex-product-summary-2-x-container--shelf .vtex-product-summary-2-x-element .vtex-button { padding: 0 15px; position: absolute; left: -20px; width: auto !important; transition: left .4s,opacity 50ms; top: 50%; font-size: 14px; line-height: 17px; font-weight: 400; background-color: #001428 !important; color: #fff; border: none; opacity: 0 } .vtex-product-summary-2-x-container--shelf .vtex-product-summary-2-x-element:hover .vtex-button { left: 0; opacity: 1 } .vtex-product-summary-2-x-container--shelf .vtex-product-summary-2-x-element .vtex-product-summary-2-x-nameWrapper { font-size: 14px; z-index: 2 } .vtex-product-summary-2-x-container--shelf .vtex-product-summary-2-x-element .vtex-product-summary-2-x-nameContainer { justify-content: flex-start; padding: 0 } .vtex-product-summary-2-x-container--shelf .vtex-product-summary-2-x-element .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-brandName { font-weight: 700; font-size: 14px; color: #001428; font-family: Montserrat } .vtex-product-summary-2-x-container--shelf .vtex-product-summary-2-x-element .vtex-product-summary-2-x-imageWrapper .vtex-store-components-3-x-discountInsideContainer { position: absolute; top: -15px; left: 0; display: flex; align-items: center; justify-content: center; width: 55px; height: 18px; color: #001428; background: #fbf9f7; border: 1px solid #001428; border-radius: 5px; font-size: 12px; font-weight: 700 } .vtex-product-summary-2-x-stackItem--shelf-home-offers { height: 100% } .vtex-product-summary-2-x-imageWrapper--shelf-home-offers { height: 250px } .vtex-product-summary-2-x-imageWrapper--shelf-home-offers .vtex-store-components-3-x-discountContainer { height: 100% } .vtex-product-summary-2-x-imageWrapper--shelf-home-offers .vtex-store-components-3-x-discountInsideContainer { position: absolute; top: 0; right: 0; display: flex; align-items: center; justify-content: center; width: 69px; height: 24px; color: #fff; background: transparent; background-image: url(/arquivos/background-offer-home.png); background-size: cover; background-repeat: no-repeat; font-size: 15px; font-weight: 800 } .vtex-product-summary-2-x-imageContainer--shelf-home-offers { height: 100% } .vtex-product-summary-2-x-description--home-offers { font-size: 12px; background: linear-gradient(270deg,#1b5185,transparent); margin-bottom: 10px; padding: 5px; height: 30px; color: #fff; display: flex; justify-content: center; align-items: center } @media screen and (max-width: 320px) { .vtex-product-summary-2-x-container--new-family-edge-shelf { padding:16px 8px; font-size: 14px; height: 260px } .vtex-product-summary-2-x-container--new-family-edge-shelf-complete { padding: 16px 8px; font-size: 14px; border: 2px solid #f8f8f8 } } .vtex-product-summary-2-x-container--new-family-edge-shelf,.vtex-product-summary-2-x-container--new-family-edge-shelf-complete { background: #fff; border-radius: 8px; padding: 32px 24px } .vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-nameContainer,.vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-nameContainer,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-nameContainer,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-nameContainer { -webkit-box-pack: left; justify-content: left; padding: 0 0 16px } .vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-nameWrapper,.vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-nameWrapper,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-nameWrapper,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-nameWrapper { color: #000 } .vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-nameWrapper .vtex-product-summary-2-x-brandName,.vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-nameWrapper .vtex-product-summary-2-x-brandName,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-nameWrapper .vtex-product-summary-2-x-brandName,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-nameWrapper .vtex-product-summary-2-x-brandName { font-weight: 600 !important } @media screen and (max-width: 320px) { .vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-nameWrapper .vtex-product-summary-2-x-brandName,.vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-nameWrapper .vtex-product-summary-2-x-brandName,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-nameWrapper .vtex-product-summary-2-x-brandName,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-nameWrapper .vtex-product-summary-2-x-brandName { font-size:14px } } .vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-priceContainer,.vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-priceContainer,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-priceContainer,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-priceContainer { color: #000; -webkit-box-align: flex-start; align-items: flex-start; text-align: left } .vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-priceContainer .vtex-product-summary-2-x-productPriceClass,.vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-priceContainer .vtex-product-summary-2-x-productPriceClass,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-priceContainer .vtex-product-summary-2-x-productPriceClass,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-priceContainer .vtex-product-summary-2-x-productPriceClass { height: 80px } @media screen and (max-width: 320px) { .vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-priceContainer .vtex-product-summary-2-x-productPriceClass,.vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-priceContainer .vtex-product-summary-2-x-productPriceClass,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-priceContainer .vtex-product-summary-2-x-productPriceClass,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-priceContainer .vtex-product-summary-2-x-productPriceClass { height:130px } } .vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-priceContainer .vtex-product-summary-2-x-listPriceLabel,.vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-priceContainer .vtex-product-summary-2-x-sellingPriceLabel,.vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-priceContainer .vtex-product-summary-2-x-listPriceLabel,.vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-priceContainer .vtex-product-summary-2-x-sellingPriceLabel,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-priceContainer .vtex-product-summary-2-x-listPriceLabel,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-priceContainer .vtex-product-summary-2-x-sellingPriceLabel,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-priceContainer .vtex-product-summary-2-x-listPriceLabel,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-product-summary-2-x-priceContainer .vtex-product-summary-2-x-sellingPriceLabel { display: none } .vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-button,.vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-button,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-button,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-button { width: 165px; height: 48px; color: #fff; background: #1879a6; border: none; border-radius: 8px; align-self: center; margin-top: 12px } @media screen and (max-width: 320px) { .vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-button,.vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-button,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-button,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf .vtex-button { width:100px; height: 32px; font-size: 12px } } .vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf-complete,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf-complete { -webkit-box-pack: center; justify-content: center } .vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-priceContainer,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-element--new-family-edge-shelf-complete .vtex-product-summary-2-x-priceContainer { text-align: center; align-items: center } .vtex-product-summary-2-x-container--new-family-edge-shelf-complete .vtex-product-summary-2-x-sellingPriceContainer,.vtex-product-summary-2-x-container--new-family-edge-shelf .vtex-product-summary-2-x-sellingPriceContainer { color: #000 } .vtex-product-summary-2-x-container--showcase { background-color: #fff; box-shadow: 0 0 3px rgba(0,0,0,.2); border-radius: 10px; margin: 0 10px; padding: 0 } @media screen and (max-width: 640px) { .vtex-product-summary-2-x-container--showcase { margin:0 5px } } .vtex-product-summary-2-x-container--showcase .vtex-product-summary-2-x-element { padding: 0; position: relative } .vtex-product-summary-2-x-container--showcase .vtex-product-summary-2-x-element .vtex-store-link-0-x-link--free-shipping { position: absolute; right: 25px; top: 90px; background: #c9e2f7; color: #216cb4; text-decoration: none; font-weight: 700; font-size: 9px; padding: 5px 10px; border-radius: .5rem; margin: 0; z-index: 10 } @media (max-width: 1023px) { .vtex-product-summary-2-x-container--showcase .vtex-product-summary-2-x-element .vtex-store-link-0-x-link--free-shipping { right:10px; top: 75px } } .vtex-product-summary-2-x-container--showcase .vtex-product-summary-2-x-imageContainer { height: 200px; margin-top: auto } @media screen and (max-width: 1024px) { .vtex-product-summary-2-x-container--showcase .vtex-product-summary-2-x-imageContainer { height:auto } } .vtex-product-summary-2-x-container--showcase .vtex-product-summary-2-x-imageContainer .vtex-product-summary-2-x-image { transition: transform .2s; max-height: 200px } .vtex-product-summary-2-x-container--showcase .vtex-product-summary-2-x-imageContainer .vtex-product-summary-2-x-image:hover { transform: scale(1.05) } .vtex-product-summary-2-x-container--showcase .vtex-product-summary-2-x-nameContainer { font-family: Gotham A,Gotham B,ruble !important; justify-content: center; align-items: center; padding: 5px 0; margin-top: .5em; height: 30px } .vtex-product-summary-2-x-container--showcase .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-productNameContainer { text-align: center } .vtex-product-summary-2-x-container--showcase .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-productNameContainer .vtex-product-summary-2-x-brandName { color: #001428; font-size: 14px; text-transform: lowercase; font-weight: 600 } @media screen and (max-width: 320px) { .vtex-product-summary-2-x-container--showcase .vtex-product-summary-2-x-nameContainer .vtex-product-summary-2-x-productNameContainer .vtex-product-summary-2-x-brandName { font-size:14px } } .vtex-product-summary-2-x-container--showcase .vtex-product-summary-2-x-buyButtonContainer .vtex-button { display: flex; align-items: center; justify-content: center; max-width: 260px; width: 100%; background-color: #001428; border-color: #001428; border-radius: 4px; font-size: 14px; font-weight: 600; color: #fff; text-decoration: none; margin: 0 auto; min-height: 35px } .vtex-product-summary-2-x-container--showcase .vtex-store-components-3-x-discountInsideContainer { display: none !important } .vtex-rich-text-0-x-container--search-not-found { margin-bottom: 40px } .vtex-rich-text-0-x-container--shelf-not-found { padding: 15px } .vtex-rich-text-0-x-container--showcase .vtex-rich-text-0-x-paragraph { margin: 8px 0 } @media (max-width: 1023px) { .vtex-rich-text-0-x-container--showcase .vtex-rich-text-0-x-paragraph { font-size:24px } } .vtex-rich-text-0-x-container .vtex-rich-text-0-x-paragraph--indisponivel-product-summary { color: #001428; font-size: 16px; line-height: 21px } .vtex-rich-text-0-x-container .vtex-rich-text-0-x-paragraph--search-title { color: #ddc8b7; font-size: 20px; margin: 0 } .vtex-rich-text-0-x-container .vtex-rich-text-0-x-paragraph--search-not-found { color: #fff; font-size: 12px; margin: 0 } .vtex-rich-text-0-x-container .vtex-rich-text-0-x-paragraph--search-not-found :last-child { width: 20px } .vtex-rich-text-0-x-container .vtex-rich-text-0-x-paragraph--images-item-title { color: #2a8cda; font-size: 22px; margin: 20px 0 0 } @media (max-width: 1024px) { .vtex-rich-text-0-x-container .vtex-rich-text-0-x-paragraph--images-item-title { max-width:100%; margin-top: 35px } } .vtex-rich-text-0-x-container .vtex-rich-text-0-x-paragraph--images-item-description { font-size: 16px; color: #fff; margin: 8px 0 0 } .vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel1--shelf-not-found { padding: 15px; text-transform: uppercase; letter-spacing: 2px; font-weight: 300; font-size: 20px } .vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel1--shelf-not-found .vtex-rich-text-0-x-italic { color: #0e77da; font-style: normal } .vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel1 .vtex-rich-text-0-x-paragraph--indisponivel-product-summary { color: #001428; font-size: 16px; line-height: 21px } .vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel1 .vtex-rich-text-0-x-paragraph--search-title { color: #ddc8b7; font-size: 20px; margin: 0 } .vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel1 .vtex-rich-text-0-x-paragraph--search-title-colecao { font-size: 26px; text-transform: uppercase; font-weight: 400; letter-spacing: 1.5px } .vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel1 .vtex-rich-text-0-x-paragraph--search-not-found { color: #fff; font-size: 12px; margin: 0 } .vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel1--search-title-colecao,.vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel2--search-title-colecao,.vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel3--search-title-colecao,.vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel4--search-title-colecao,.vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel5--search-title-colecao,.vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel6--search-title-colecao,.vtex-rich-text-0-x-container .vtex-rich-text-0-x-paragraph--search-title-colecao { color: #001428; font-size: 26px; padding: 20px 0; font-weight: 400; letter-spacing: 1.5px } @media (max-width: 1024px) { .vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel1--search-title-colecao,.vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel2--search-title-colecao,.vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel3--search-title-colecao,.vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel4--search-title-colecao,.vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel5--search-title-colecao,.vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel6--search-title-colecao,.vtex-rich-text-0-x-container .vtex-rich-text-0-x-paragraph--search-title-colecao { font-size:20px; text-transform: inherit } } .vtex-rich-text-0-x-paragraph--g60s-disclaimer { font-size: 14px } .vtex-rich-text-0-x-container--pdp-modal-ame-passo { max-width: 159px } .vtex-rich-text-0-x-container--pdp-triggers { display: flex; align-items: center; justify-content: center } .vtex-rich-text-0-x-container--pdp-modal-triggers { max-width: 347px } .vtex-rich-text-0-x-paragraph--pdp-formas-pagamento { color: #000; font-size: 14px; line-height: 14px; font-weight: 500; text-decoration: underline; cursor: pointer; margin-bottom: 33px } .vtex-rich-text-0-x-paragraph--pdp-formas-pagamento-cartao { color: #001428; font-size: 10px; line-height: 14px } .vtex-rich-text-0-x-paragraph--pdp-formas-pagamento-modal { color: #001428; font-size: 14px; line-height: 14px } .vtex-rich-text-0-x-paragraph--pdp-modal-ame-descricao { color: #170085; font-size: 14px } .vtex-rich-text-0-x-paragraph--pdp-modal-ame-descricao .vtex-rich-text-0-x-strong { font-size: 16px } .vtex-rich-text-0-x-paragraph--pdp-modal-ame-descricao .vtex-rich-text-0-x-italic { color: #ff0058; font-style: normal } .vtex-rich-text-0-x-paragraph--pdp-modal-ame-passos { font-size: 20px; margin-top: -10px } .vtex-rich-text-0-x-paragraph--pdp-modal-ame-passos .vtex-rich-text-0-x-italic { color: #ff0058; font-style: normal } .vtex-rich-text-0-x-paragraph--pdp-modal-ame-passo { color: #170085; font-size: 12px; line-height: 16px; text-align: center } .vtex-rich-text-0-x-paragraph--pdp-modal-ame-passo .vtex-rich-text-0-x-italic { color: #ff0058; font-style: normal; font-weight: 700 } .vtex-rich-text-0-x-paragraph--pdp-modal-ame-info { color: #170085; font-size: 14px } .vtex-rich-text-0-x-paragraph--pdp-modal-ame-info .vtex-rich-text-0-x-italic,.vtex-rich-text-0-x-paragraph--pdp-modal-ame-info .vtex-rich-text-0-x-link { color: #ff0058; font-style: normal; text-decoration: none } .vtex-rich-text-0-x-paragraph--pdp-modal-triggers { color: #001428; font-size: 12px; line-height: 16.2px } .vtex-rich-text-0-x-headingLevel2--pdp-triggers { color: #001428; font-size: 12px; line-height: 12px; font-weight: 400; display: flex; align-items: center } .vtex-rich-text-0-x-headingLevel2--pdp-triggers .vtex-rich-text-0-x-image { margin-right: 5px } .vtex-rich-text-0-x-headingLevel3--pdp-formas-pagamento-ame { color: #001428; font-size: 16px; line-height: 16px; margin-top: 20px } .vtex-rich-text-0-x-headingLevel3--pdp-modal-trigger-ame { color: #001428; font-size: 14px; line-height: 12px; font-weight: 400; display: flex } .vtex-rich-text-0-x-headingLevel3--pdp-modal-trigger-ame .vtex-rich-text-0-x-strong { font-size: 22px; color: #f1125b; margin-right: 5px } .vtex-rich-text-0-x-headingLevel3--pdp-modal-trigger-ame .vtex-rich-text-0-x-image { max-height: 18px; margin-left: 5px } .vtex-rich-text-0-x-headingLevel4--pdp-formas-pagamento-ame { color: #001428; font-size: 14px; line-height: 14px; margin: 10px 0 } .vtex-rich-text-0-x-headingLevel4--pdp-modal-triggers { color: #001428; font-size: 20px; font-weight: 700 } @media (min-width: 1025px) { .vtex-rich-text-0-x-paragraph--pdp-modal-ame-descricao:after,.vtex-rich-text-0-x-paragraph--pdp-modal-ame-descricao:before { height:4px; width: 100px; color: #ff0058 } .vtex-rich-text-0-x-headingLevel2--pdp-triggers-border { padding-right: 30px; margin-right: 30px; border-right: 1px solid #d8d8d8 } } @media (max-width: 1024px) { .vtex-rich-text-0-x-container--pdp-modal-ame-descricao,.vtex-rich-text-0-x-container--pdp-modal-ame-info,.vtex-rich-text-0-x-container--pdp-modal-ame-passos { padding:10px 20px } .vtex-rich-text-0-x-paragraph--pdp-modal-ame-passos { font-size: 16px } } .vtex-rich-text-0-x-container--seguros-intro { margin: 20px 0 } .vtex-rich-text-0-x-wrapper--seguros-coberturas-tabela { width: 100%; color: #001428 } .vtex-rich-text-0-x-wrapper--seguros-coberturas-tabela .vtex-rich-text-0-x-table { width: 100%; margin-top: 40px } .vtex-rich-text-0-x-wrapper--seguros-coberturas-tabela .vtex-rich-text-0-x-table .vtex-rich-text-0-x-tableHead .vtex-rich-text-0-x-tableTh { font-size: 18px; font-weight: 600; padding: 25px; line-height: 30px; max-width: 50px } .vtex-rich-text-0-x-wrapper--seguros-coberturas-tabela .vtex-rich-text-0-x-table .vtex-rich-text-0-x-tableBody .vtex-rich-text-0-x-tableTr:first-child,.vtex-rich-text-0-x-wrapper--seguros-coberturas-tabela .vtex-rich-text-0-x-table .vtex-rich-text-0-x-tableBody .vtex-rich-text-0-x-tableTr:last-child { background: #eff4f7 } .vtex-rich-text-0-x-wrapper--seguros-coberturas-tabela .vtex-rich-text-0-x-table .vtex-rich-text-0-x-tableBody .vtex-rich-text-0-x-tableTr .vtex-rich-text-0-x-tableTd { padding: 21px 0; font-weight: 500 } .vtex-rich-text-0-x-headingLevel1--seguros-intro,.vtex-rich-text-0-x-headingLevel3--seguros-intro { font-size: 40px; font-weight: 400; margin: 0 } .vtex-rich-text-0-x-headingLevel1--seguros-intro .vtex-rich-text-0-x-italic,.vtex-rich-text-0-x-headingLevel3--seguros-intro .vtex-rich-text-0-x-italic { font-style: normal; color: #0e77da } .vtex-rich-text-0-x-headingLevel1--seguros-coberturas-title,.vtex-rich-text-0-x-headingLevel3--seguros-coberturas-title { color: #001428; font-size: 40px; font-weight: 300; margin: 0 } .vtex-rich-text-0-x-headingLevel6--seguros-how-do-passo { color: #0e77da; font-size: 30px; border: 3px solid #0e77da; border-radius: 50%; width: 60px; height: 60px; margin: 0 0 20px; display: flex; justify-content: center; align-items: center } .vtex-rich-text-0-x-paragraph--seguros-intro-topic { font-size: 12px; line-height: 18px } .vtex-rich-text-0-x-paragraph--seguros-how-do-passo { font-size: 14px } .vtex-rich-text-0-x-paragraph--seguros-how-do-passo .vtex-rich-text-0-x-italic { font-style: normal; color: #0e77da; text-transform: uppercase } .vtex-rich-text-0-x-paragraph--seguros-coberturas-title { color: #001428; font-size: 14px } .vtex-rich-text-0-x-paragraph--seguros-verificar-aparelhos { margin-top: 40px } .vtex-rich-text-0-x-paragraph--perguntas-institucionais { font-size: 16px; font-weight: 600; line-height: 24px } .vtex-rich-text-0-x-paragraph--respostas-institucionais { font-size: 13px } .vtex-rich-text-0-x-paragraph--respostas-institucionais .vtex-rich-text-0-x-link { color: #92c1e9 } @media (min-width: 1025px) { .vtex-rich-text-0-x-container .vtex-rich-text-0-x-headingLevel1--seguros-intro { max-width:480px } } @media (max-width: 1024px) { .vtex-rich-text-0-x-wrapper--seguros-coberturas-mobile { width:100%; color: #001428 } .vtex-rich-text-0-x-wrapper--seguros-coberturas-mobile .vtex-rich-text-0-x-table { width: 100%; padding: 35px 0; border-bottom: 1px solid #e9e9e9 } .vtex-rich-text-0-x-wrapper--seguros-coberturas-mobile .vtex-rich-text-0-x-table .vtex-rich-text-0-x-tableHead .vtex-rich-text-0-x-tableTh { font-size: 16px; font-weight: 600; text-align: left; padding: 10px 0 } .vtex-rich-text-0-x-wrapper--seguros-coberturas-mobile .vtex-rich-text-0-x-table .vtex-rich-text-0-x-tableBody .vtex-rich-text-0-x-tableTr .vtex-rich-text-0-x-tableTd { font-size: 12px; font-weight: 500; text-align: left; padding: 10px 0 } .vtex-rich-text-0-x-headingLevel1--seguros-intro,.vtex-rich-text-0-x-headingLevel3--seguros-intro { margin-top: 0; margin-bottom: 20px; font-size: 18px; line-height: 28px; text-align: center } .vtex-rich-text-0-x-headingLevel1--seguros-how-do,.vtex-rich-text-0-x-headingLevel3--seguros-how-do { text-align: left; margin-bottom: 10px } .vtex-rich-text-0-x-headingLevel1--seguros-coberturas-title,.vtex-rich-text-0-x-headingLevel3--seguros-coberturas-title { text-align: left; font-size: 18px } .vtex-rich-text-0-x-headingLevel6--seguros-how-do-passo { width: 40px; height: 40px; font-size: 18px } .vtex-rich-text-0-x-paragraph--seguros-intro { font-size: 12px; text-align: center } .vtex-rich-text-0-x-paragraph--seguros-intro-topic { text-align: center } .vtex-rich-text-0-x-paragraph--seguros-coberturas-title { text-align: left; font-size: 12px } .vtex-rich-text-0-x-paragraph--seguros-coberturas-mobile { text-align: left; font-size: 12px; margin-top: 35px } .vtex-rich-text-0-x-paragraph--perguntas-institucionais { font-size: 12px; padding-right: 5px } .vtex-rich-text-0-x-paragraph--respostas-institucionais { font-size: 13px } } .vtex-rich-text-0-x-headingLevel1--institucionais-conteudo-titulo { margin: 0 0 16px; font-size: 24px; color: #fff } .vtex-rich-text-0-x-headingLevel1--institucionais-conteudo-texto { margin: 0 0 16px; color: #001428; font-size: 24px } .vtex-rich-text-0-x-headingLevel2--institucionais-conteudo-texto { color: #001428; font-weight: 700; font-size: 14px; margin: 18px 0 0 } .vtex-rich-text-0-x-paragraph--institucionais-conteudo-titulo { font-size: 12px; line-height: 20px; color: #fff } .vtex-rich-text-0-x-paragraph--institucionais-conteudo-texto { color: #001428; font-size: 12px; line-height: 20px } .vtex-rich-text-0-x-paragraph--institucionais-conteudo-texto .vtex-rich-text-0-x-strong .vtex-rich-text-0-x-link { color: #001428; font-weight: 700; font-size: 16px; text-decoration: none } .vtex-rich-text-0-x-paragraph--avisos-conteudo-contato { color: #001428; font-size: 12px; line-height: 20px; font-weight: 700 } .vtex-rich-text-0-x-list--institucionais-conteudo-texto { padding: 0 15px } .vtex-rich-text-0-x-list--institucionais-conteudo-texto .vtex-rich-text-0-x-listItem { color: #001428; font-size: 12px; line-height: 20px } .vtex-rich-text-0-x-link--reciclagem-conteudo-texto { color: #001428; font-weight: 700; font-size: 16px; text-decoration: none } @media (max-width: 1024px) { .vtex-rich-text-0-x-headingLevel1--institucionais-conteudo-texto,.vtex-rich-text-0-x-headingLevel1--institucionais-conteudo-titulo { font-size:18px } } .vtex-rich-text-0-x-container--blackfriday-dicas-texto .vtex-rich-text-0-x-headingLevel3 { font-size: 24px; line-height: 36px; font-weight: 200; color: #fff; margin-bottom: 50px; letter-spacing: 1.75px } .vtex-rich-text-0-x-container--blackfriday-dicas-texto .vtex-rich-text-0-x-headingLevel3 .vtex-rich-text-0-x-italic { color: #0e77da; font-style: normal } .vtex-rich-text-0-x-container--blackfriday-dicas-texto .vtex-rich-text-0-x-headingLevel6 { font-size: 14px; color: #0e77da; font-weight: 600; margin: 30px 0 0 } .vtex-rich-text-0-x-container--blackfriday-dicas-texto .vtex-rich-text-0-x-paragraph { font-size: 14px } .vtex-rich-text-0-x-container--blackfriday-dicas-texto .vtex-rich-text-0-x-paragraph .vtex-rich-text-0-x-strong { color: #0e77da; font-weight: 600; margin-bottom: 10px } .vtex-rich-text-0-x-container--blackfriday-top-3-title .vtex-rich-text-0-x-paragraph { font-size: 24px; font-weight: 200; letter-spacing: 1.75px; line-height: 36px; margin: 0 } .vtex-rich-text-0-x-container--blackfriday-top-3-title .vtex-rich-text-0-x-paragraph .vtex-rich-text-0-x-italic { font-style: normal; color: #0e77da } .vtex-rich-text-0-x-container--blackfriday-top-3-texto .vtex-rich-text-0-x-paragraph { font-size: 14px; line-height: 24px; margin: 0 0 18px } .vtex-rich-text-0-x-container--blackfriday-faq { height: 100%; display: flex; align-items: center } .vtex-rich-text-0-x-container--blackfriday-faq .vtex-rich-text-0-x-wrapper .vtex-rich-text-0-x-headingLevel1 { font-size: 24px; font-weight: 200; letter-spacing: 1.75px; line-height: 36px; margin: 0 0 30px } .vtex-rich-text-0-x-container--blackfriday-faq .vtex-rich-text-0-x-wrapper .vtex-rich-text-0-x-headingLevel1 .vtex-rich-text-0-x-italic { font-style: normal; color: #0e77da } .vtex-rich-text-0-x-container--blackfriday-faq .vtex-rich-text-0-x-wrapper .vtex-rich-text-0-x-paragraph { margin: 0; font-size: 14px; line-height: 24px } @media (min-width: 1025px) { .vtex-rich-text-0-x-container--blackfriday-lancamentos-title { display:flex; justify-content: center } .vtex-rich-text-0-x-container--blackfriday-top-3-texto,.vtex-rich-text-0-x-container--blackfriday-top-3-title { width: 70%; margin: 10px auto } .vtex-rich-text-0-x-container--blackfriday-faq { height: 100%; display: flex; align-items: center } .vtex-rich-text-0-x-container--blackfriday-faq .vtex-rich-text-0-x-wrapper { padding-left: 30px } } @media (max-width: 1024px) { .vtex-rich-text-0-x-container--blackfriday-cyberweek { position:relative; top: -40px; left: 10px } } .vtex-rich-text-0-x-paragraph--footer-newsletter { text-align: center; line-height: 27px; font-size: 20px; color: #001428 } @media (min-width: 1024px) { .vtex-rich-text-0-x-paragraph--footer-newsletter { font-size:24px } } .vtex-rich-text-0-x-paragraph--footer-social-location { color: #001428; font-size: 12px; font-weight: 500 } .vtex-rich-text-0-x-paragraph--footer-location .vtex-rich-text-0-x-link { color: #001428; font-size: 14px; font-weight: 500 } .vtex-rich-text-0-x-paragraph--footer-menus { color: #001428; font-size: 18px; font-weight: 700 } .vtex-rich-text-0-x-paragraph--footer-copyright-vendas,.vtex-rich-text-0-x-paragraph--footer-created { color: #001428; font-size: 12px; font-weight: 500; text-align: center } .vtex-rich-text-0-x-paragraph--footer-copyright-vendas .vtex-rich-text-0-x-link,.vtex-rich-text-0-x-paragraph--footer-created .vtex-rich-text-0-x-link { color: #001428; text-decoration: none } @media (max-width: 1024px) { .vtex-rich-text-0-x-paragraph--footer-newsletter { text-align:center } .vtex-rich-text-0-x-paragraph--footer-vendas { color: #fff; line-height: 34px; text-align: left; margin: 0 } .vtex-rich-text-0-x-paragraph--footer-copyright-vendas { line-height: 30px; text-align: left; margin: 0 } } .vtex-rich-text-0-x-container--sectionTitle { margin-top: 30px; margin-bottom: 15px } .vtex-rich-text-0-x-heading--sectionTitle,.vtex-rich-text-0-x-paragraph--sectionTitle { color: #fff; font-size: 24px; text-transform: uppercase; font-weight: 300; padding-left: 15px } .vtex-rich-text-0-x-heading .vtex-rich-text-0-x-strong--sectionTitle,.vtex-rich-text-0-x-paragraph .vtex-rich-text-0-x-strong--sectionTitle { font-weight: 300; color: #0e77da } .vtex-rich-text-0-x-heading--helloofertas { text-transform: lowercase !important } @media (max-width: 639px) { .vtex-rich-text-0-x-heading--sectionTitle,.vtex-rich-text-0-x-paragraph--sectionTitle { font-size:20px; padding-left: 0 } } .vtex-rich-text-0-x-paragraph--unavailable-product-summary { font-size: 15px } .vtex-rich-text-0-x-container--familyPageText { text-align: center } .vtex-rich-text-0-x-container--familyPageText .vtex-rich-text-0-x-wrapper { max-width: 900px } @media (min-width: 1024px) { .vtex-rich-text-0-x-container--familyPageText .vtex-rich-text-0-x-wrapper { max-width:1920px; padding: 0 3em } } .vtex-rich-text-0-x-container--familyPageText .vtex-rich-text-0-x-headingLevel1 { color: #001428; font-size: 24px; text-transform: uppercase; font-weight: 300; line-height: 24px; padding-left: 15px } .vtex-rich-text-0-x-container--familyPageText .vtex-rich-text-0-x-headingLevel1 .vtex-rich-text-0-x-strong { font-weight: 300; color: #0e77da } .vtex-rich-text-0-x-container--familyPageText .vtex-rich-text-0-x-headingLevel2 { font-size: 16px; line-height: 18px; font-weight: 400 } .vtex-rich-text-0-x-container--familyPageText .vtex-rich-text-0-x-headingLevel3 { font-size: 14px; font-weight: 400; line-height: 24px } .vtex-rich-text-0-x-container--familyPageText .vtex-rich-text-0-x-paragraph { color: #a2a2a2; font-weight: 300; font-size: 14px; line-height: normal } .vtex-rich-text-0-x-container--familyPageText .vtex-rich-text-0-x-link--familyPageText { display: block; text-align: center; text-decoration: none; font-weight: 400; margin: 25px auto; width: 100%; max-width: 328px; min-height: 48px; background-color: #0e77da; color: #fff; font-size: 14px; border: none; border-radius: 5px; cursor: pointer; padding: 15px 40px } .vtex-rich-text-0-x-container--sectionTitleFamilyPage { padding-top: 50px } .vtex-rich-text-0-x-container--sectionTitleFamilyPage .vtex-rich-text-0-x-heading { line-height: 30px !important; font-weight: 400 !important; color: #001428 } .vtex-rich-text-0-x-container--legalWarnings { color: #fff } .vtex-rich-text-0-x-container--legalWarnings .vtex-rich-text-0-x-headingLevel2 { font-size: 16px } .vtex-rich-text-0-x-container--legalWarnings .vtex-rich-text-0-x-list { padding-inline-start:15px} .vtex-rich-text-0-x-container--legalWarnings .vtex-rich-text-0-x-list,.vtex-rich-text-0-x-container--legalWarnings .vtex-rich-text-0-x-paragraph { font-size: 12px } .vtex-rich-text-0-x-container--family-page-specification-text .vtex-rich-text-0-x-heading,.vtex-rich-text-0-x-container--family-page-specification-text .vtex-rich-text-0-x-paragraph { font-size: 14px; line-height: 14px } @media (max-width: 639px) { .vtex-rich-text-0-x-container--familyPageText { padding:0 10px; text-align: left } .vtex-rich-text-0-x-container--familyPageText .vtex-rich-text-0-x-headingLevel1 { padding-left: 0 } } .vtex-rich-text-0-x-heading--info-cel-title { font-size: 30px; line-height: 40px; font-weight: 200; color: #ff6b00; margin-bottom: 24px; letter-spacing: 1.75px } @media screen and (max-width: 768px) { .vtex-rich-text-0-x-wrapper--info-cel-text { font-size:12px } .vtex-rich-text-0-x-heading--info-cel-title { font-size: 20px } } .vtex-rich-text-0-x-wrapper--end-of-life { width: 100% } .vtex-rich-text-0-x-wrapper--end-of-life .vtex-rich-text-0-x-heading { color: #001428; font-size: 20px } .vtex-rich-text-0-x-wrapper--end-of-life .vtex-rich-text-0-x-paragraph { color: #001428; font-weight: 500; line-height: 24px; font-size: 16px } .vtex-rich-text-0-x-wrapper--end-of-life .vtex-rich-text-0-x-link { display: block; text-align: center; text-decoration: none; font-weight: 400; width: 100%; min-height: 48px; background-color: #0e77da; color: #fff; font-size: 14px; border: none; border-radius: 5px; cursor: pointer; padding: 15px 40px } .vtex-rich-text-0-x-heading--category { color: #fff; font-weight: 700; font-size: 14px; margin-left: 5px; text-align: center; justify-content: center; text-decoration: none; padding: 0 } .vtex-rich-text-0-x-link--category { color: #fff; text-decoration: none } @media (max-width: 345) { .vtex-rich-text-0-x-heading--category { font-size:12px } } .vtex-rich-text-0-x-container--compare-link { align-items: center; margin-top: 15px } .vtex-rich-text-0-x-heading--compare-link { color: #fff; font-size: 14px; font-weight: 700; display: flex; align-items: center; margin: 0 } .vtex-rich-text-0-x-link--compare-link { text-decoration: none; color: #fff } @media screen and (max-width: 758px) { .vtex-rich-text-0-x-heading--compare-link,.vtex-rich-text-0-x-link--compare-link { display:none } } .vtex-rich-text-0-x-container--blog-button { justify-content: center; margin-bottom: 20px } .vtex-rich-text-0-x-container .vtex-rich-text-0-x-heading--blog-button { width: auto !important; margin: 0 auto } .vtex-rich-text-0-x-container .vtex-rich-text-0-x-heading .vtex-rich-text-0-x-link--blog-button { color: #ddc8b7; text-decoration: none; font-size: 14px; font-weight: 600; padding: 15px 35px; transition: .3s; margin-bottom: 10px; background-color: transparent; border: 1px solid #ddc8b7; border-radius: 5px; height: 48px; line-height: 44px } .vtex-rich-text-0-x-container .vtex-rich-text-0-x-heading .vtex-rich-text-0-x-link--blog-button:hover { background-color: #fff; border: 1px solid #fff; color: #001428 } .vtex-rich-text-0-x-wrapper--avise-me-button { cursor: pointer } .vtex-rich-text-0-x-paragraph--avise-me-button { background: #f6534c; border: #f6534c; padding: 15px; border-radius: 6px; margin: 0 } .vtex-rich-text-0-x-wrapper--avise-me-title .vtex-rich-text-0-x-heading-level-2 { font-size: 20px; color: #001428; font-weight: 700; margin: 0 } .vtex-rich-text-0-x-wrapper--avise-me-title .vtex-rich-text-0-x-paragraph { font-size: 14px; line-height: 24px; color: #001428; font-weight: 500; margin: 10px 0; line-height: 1.5 } .vtex-rich-text-0-x-paragraph--text-between-name-sku { color: #000; font-size: 12px; line-height: 1.6; border-top: 1px solid #ddc8b7; margin-top: 20px; padding-top: 20px } @media (max-width: 1024px) { .vtex-rich-text-0-x-paragraph--text-between-name-sku { border:0; padding-top: 0; margin-top: 0 } } .vtex-rich-text-0-x-container--text-between-name-sku,.vtex-rich-text-0-x-wrapper--text-between-name-sku { width: 100% } .vtex-rich-text-0-x-wrapper--text-footer,.vtex-rich-text-0-x-wrapper--text-footer-edge-20-lite-mx,.vtex-rich-text-0-x-wrapper--text-footer-edge-20-mx { margin: 2rem 1.7rem } .vtex-rich-text-0-x-wrapper--text-footer-edge-20-lite-mx .vtex-rich-text-0-x-paragraph,.vtex-rich-text-0-x-wrapper--text-footer-edge-20-mx .vtex-rich-text-0-x-paragraph,.vtex-rich-text-0-x-wrapper--text-footer .vtex-rich-text-0-x-paragraph { font-size: 14px } .vtex-rich-text-0-x-container--images-description-col-1 { margin-bottom: 70px } .vtex-rich-text-0-x-container--images-description-col-2 { margin-bottom: 120px } .vtex-rich-text-0-x-container--interes-title-category { justify-content: center } .vtex-rich-text-0-x-wrapper--interes-title-category { color: #ddc8b7; font-size: 26px; text-transform: uppercase } .vtex-rich-text-0-x-container--motofertas-title { justify-content: center; margin: 0 0 20px } .vtex-rich-text-0-x-container--motofertas-title .vtex-rich-text-0-x-paragraph { color: #ddc8b7; font-size: 26px; text-transform: uppercase } .vtex-rich-text-0-x-container--ready-for-footer-legend .vtex-rich-text-0-x-paragraph { font-size: 14px } .vtex-rich-text-0-x-container--step-one-text { display: flex; justify-content: center; margin-top: 20px } .vtex-rich-text-0-x-listItem--step-one-text { margin-top: 10px; font-size: 18px; font-weight: 400 } @media only screen and (min-width: 768px) { .vtex-rich-text-0-x-listItem--step-one-text { font-size:20px; font-weight: 500 } } .vtex-rich-text-0-x-paragraph--print-button-crear { width: 300px; background-color: #ff554d; border-color: #ff554d; border-radius: 5px; height: 50px; padding: 5px } .vtex-rich-text-0-x-paragraph--print-button-crear .vtex-rich-text-0-x-link--print-button-crear { color: #fff; font-weight: 600; text-decoration: none } .vtex-rich-text-0-x-container--disclaimers-text { max-width: 1300px; margin: 50px 0; font-size: 14px } .vtex-rich-text-0-x-link--disclaimers-text { color: #fff } .vtex-rich-text-0-x-heading--new-motocare-page-title { font-size: 35px; font-weight: 400; color: #8dc6ec } .vtex-rich-text-0-x-headingLevel2--motocare-page-imei-checker-text { font-size: 20px; color: #fff; font-weight: 500 } .vtex-rich-text-0-x-container--moto-watch-container__text--paragraph { margin-top: 150px } @media (min-width: 1024px) { .vtex-rich-text-0-x-container--moto-watch-container__text--paragraph { margin-top:0 } } .vtex-rich-text-0-x-paragraph--moto-watch-container__text--title { color: #fff; font-size: 45px; font-weight: 700; line-height: normal; margin: 0; text-align: center } @media (min-width: 1024px) { .vtex-rich-text-0-x-paragraph--moto-watch-container__text--title { line-height:1.5; text-align: left } } .vtex-rich-text-0-x-paragraph--moto-watch-container__text--paragraph { color: #fff; font-size: 16px; line-height: 24px; font-weight: 300 } .vtex-rich-text-0-x-link--moto-watch-container__text--link { padding: 0 60px; min-height: 2.5rem; box-shadow: 0 1px 1px rgba(0,0,0,.2); color: #fff; cursor: pointer; display: inline-block; text-decoration: none; height: 16px; font-size: 18px; font-weight: 400; line-height: 32px; letter-spacing: .72px; border-radius: 24px; width: 100%; outline: 0; text-transform: none; border: 2px solid #ff554d; background-color: #ff554d } @media (min-width: 1024px) { .vtex-rich-text-0-x-link--moto-watch-container__text--link { width:auto } } @media screen and (max-width: 768px) { .vtex-rich-text-0-x-wrapper--recommended-products-title { padding-left:0 } } .vtex-rich-text-0-x-wrapper--recommended-products-title .vtex-rich-text-0-x-heading--recommended-products-title { margin: 48px 0 32px; color: #000; font-size: 32px } @media screen and (max-width: 768px) { .vtex-rich-text-0-x-wrapper--recommended-products-title .vtex-rich-text-0-x-heading--recommended-products-title { margin:33px 0 20px; font-size: 18px } } @media screen and (max-width: 768px) { .vtex-rich-text-0-x-wrapper .vtex-rich-text-0-x-paragraph--new-family-edge-page-smartphones--link { margin:33px 0 20px } } .vtex-rich-text-0-x-wrapper .vtex-rich-text-0-x-link--new-family-edge-page-smartphones--link { font-size: 16px; text-decoration: none; font-weight: 400; color: #1879a6 } @media screen and (max-width: 768px) { .vtex-rich-text-0-x-wrapper .vtex-rich-text-0-x-link--new-family-edge-page-smartphones--link { font-size:12px } } .vtex-rich-text-0-x-headingLevel5--how-text1,.vtex-rich-text-0-x-headingLevel5--title-esp { color: #8dc6ec; font-weight: 400; font-size: 28px; text-align: left; margin-bottom: 25px; margin-top: 0 } .vtex-rich-text-0-x-headingLevel6--title-esp { font-weight: 400; font-size: 24px; text-align: left; margin-top: 0; margin-bottom: 15px } .vtex-rich-text-0-x-paragraph--how-text1,.vtex-rich-text-0-x-paragraph--title-esp { text-align: left; margin-top: 0; font-size: 16px; font-weight: 200 } .vtex-rich-text-0-x-link--how-text1 { color: #fff } .vtex-rich-text-0-x-wrapper--pcda-cuatro-lista { width: 90%; margin: auto } .vtex-rich-text-0-x-paragraph--pcda-catorce .vtex-rich-text-0-x-strong--pcda-catorce { font-weight: 400; color: -webkit-link } .vtex-rich-text-0-x-paragraph--pcda-catorce .vtex-rich-text-0-x-link--pcda-catorce { color: #000; text-decoration: unset } @media (max-width: 1023px) { .vtex-rich-text-0-x-headingLevel2--pcda-title { font-size:28px } } .vtex-search-result-3-x-container--layout { margin-bottom: 79px } .vtex-search-result-3-x-container--layout .vtex-flex-layout-0-x-flexCol--search-title .vtex-search-result-3-x-galleryTitle--layout { font-weight: 300; text-transform: uppercase; color: #001428 } .vtex-search-result-3-x-container--layout .vtex-flex-layout-0-x-flexCol--search-not-found .vtex-search-result-3-x-galleryTitle--layout,.vtex-search-result-3-x-container--layout .vtex-flex-layout-0-x-flexCol--search-title-busca .vtex-search-result-3-x-galleryTitle--layout { font-weight: 600; text-transform: lowercase; color: #001428 } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout { background-color: #fff; padding: 15px; border-radius: 10px } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filter__container--selectedFilters { display: none } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filter__container .vtex-search-result-3-x-filterMessage { color: #011428; font-weight: 700; display: flex; align-items: center; gap: 7px; margin-bottom: 25px } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filter__container .vtex-search-result-3-x-filterMessage:before { content: ""; background: url(https://brmotorolanew.vtexassets.com/arquivos/search-filter-icon.png); width: 20px; height: 20px; display: block; background-size: contain; background-repeat: no-repeat } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filter__container .vtex-search-result-3-x-filterTitle { color: #001428; font-weight: 700; font-size: 16px } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filter__container .vtex-search-result-3-x-filterTitle .vtex-search-result-3-x-caretIcon { color: #001428; overflow: inherit } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filter__container .vtex-search-result-3-x-filterItem .vtex-checkbox__line-container { display: flex; align-items: center; padding: 8px 0 } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filter__container .vtex-search-result-3-x-filterItem .vtex-checkbox__line-container .vtex-checkbox__label { color: #001428; font-size: 14px; line-height: 14px } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filter__container .vtex-search-result-3-x-filterItem .vtex-checkbox__line-container .vtex-checkbox__container { width: 24px; height: 24px; margin-right: 20px } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filter__container .vtex-search-result-3-x-filterItem .vtex-checkbox__line-container .vtex-checkbox__container .vtex-checkbox__inner-container { border-color: #001428; width: 24px; height: 24px; border-radius: 5px; margin-right: 0 } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filter__container .vtex-search-result-3-x-filterItem .vtex-checkbox__line-container .vtex-checkbox__container .vtex__icon-check { display: none } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filter__container .vtex-search-result-3-x-filterItem .vtex-checkbox__line-container .vtex-checkbox__container .vtex-checkbox__box-wrapper { width: 24px; height: 24px } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filter__container .vtex-search-result-3-x-filterTemplateOverflow { max-height: 100% !important } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapperMobile { background-color: #fff; width: 100%; height: 40px } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapperMobile .vtex-search-result-3-x-filterPopupButton { border: thin solid #001428; border-radius: 5px; background-color: #fff; width: 100%; height: 40px; margin-right: auto } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapperMobile .vtex-search-result-3-x-filterPopupButton .vtex-search-result-3-x-filterPopupTitle { color: #001428; display: flex; align-items: center; gap: 5px } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapperMobile .vtex-search-result-3-x-filterPopupButton .vtex-search-result-3-x-filterPopupTitle:before { content: ""; background: url(https://brmotorolanew.vtexassets.com/arquivos/search-filter-icon.png); width: 16px; height: 16px; display: block; background-size: contain; background-repeat: no-repeat } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapperMobile .vtex-search-result-3-x-filterPopupButton .vtex-search-result-3-x-filterPopupArrowIcon { width: 16px; height: 16px; background: url(/arquivos/arrow-right-filter.png) no-repeat } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-filters--layout .vtex-search-result-3-x-filtersWrapperMobile .vtex-search-result-3-x-filterPopupButton .vtex-search-result-3-x-filterPopupArrowIcon .vtex-search-result-3-x-filterIcon { color: #001428 } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-orderBy--layout { display: flex; justify-content: flex-end } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByButton { width: auto; background-color: transparent; border: 1px solid #001428; -webkit-border-radius: 5px; border-radius: 5px } @media (max-width: 1023px) { .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByButton { width:100%; background-color: transparent; border: 1px solid #001428; -webkit-border-radius: 5px; border-radius: 5px; height: 40px } } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByButton .vtex-search-result-3-x-caretIcon,.vtex-search-result-3-x-container--layout .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByButton .vtex-search-result-3-x-orderByText { color: #001428 } @media (max-width: 1023px) { .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByButton .vtex-search-result-3-x-filterPopupArrowIcon { display:flex; align-items: center } } @media (max-width: 1023px) { .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByButton .vtex-search-result-3-x-filterPopupArrowIcon .vtex-search-result-3-x-caretIcon,.vtex-search-result-3-x-container--layout .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByButton .vtex-search-result-3-x-filterPopupArrowIcon .vtex-search-result-3-x-filterIcon { color:#001428; width: 16px; height: 16px; overflow: inherit } } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByOptionsContainer { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border: 1px solid #001428; border-top: none; top: 40px; min-width: 100px; padding-bottom: 2px } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByOptionsContainer .vtex-search-result-3-x-orderByOptionItem { font-size: 14px; font-family: Montserrat; color: #001428; text-align: center; padding-left: 0; padding-right: 0; min-width: 100px } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByOptionsContainer .vtex-search-result-3-x-orderByOptionItem--selected,.vtex-search-result-3-x-container--layout .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByOptionsContainer .vtex-search-result-3-x-orderByOptionItem:hover { background-color: #fbf9f7 } @media (max-width: 1023px) { .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByOptionsContainer .vtex-search-result-3-x-orderByOptionItem--selected,.vtex-search-result-3-x-container--layout .vtex-search-result-3-x-orderBy--layout .vtex-search-result-3-x-orderByOptionsContainer .vtex-search-result-3-x-orderByOptionItem:hover { background-color:inherit } } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-gallery { margin: 0; padding-left: 25px } @media (max-width: 1023px) { .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-gallery { margin:0 0 20px; padding: 0 10px; justify-content: space-around } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-gallery--three .vtex-search-result-3-x-galleryItem { max-width: 47% !important } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-gallery--three .vtex-search-result-3-x-galleryItem .vtex-flex-layout-0-x-flexRowContent--installments-payment { width: 100% } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-gallery--one .vtex-search-result-3-x-galleryItem { display: flex; justify-content: center } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-gallery--one .vtex-search-result-3-x-galleryItem .vtex-flex-layout-0-x-flexRowContent--installments-payment { width: 100%; min-width: 250px } } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-gallery .vtex-search-result-3-x-galleryItem { padding: 0 10px; margin-bottom: 20px } @media (max-width: 1023px) { .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-gallery .vtex-search-result-3-x-galleryItem { padding:0; margin-bottom: 20px } } .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-galleryTitle--layout { color: #001428; font-size: 36px; text-align: center } @media (max-width: 1023px) { .vtex-search-result-3-x-container--layout .vtex-search-result-3-x-galleryTitle--layout { font-weight:300; font-size: 18px; text-transform: uppercase; margin-bottom: 0; padding: 0 15px } } .vtex-search-result-3-x-sidebar { width: 90% !important; z-index: 10000 } .vtex-search-result-3-x-sidebar .vtex-search-result-3-x-accordionFilter { padding-bottom: 81px !important } .vtex-search-result-3-x-sidebar .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-filterAccordionBreadcrumbs .vtex-search-result-3-x-filterBreadcrumbsText { color: #001428; font-size: 16px; margin-right: 5px; display: flex; gap: 5px; align-items: center; font-weight: 700 } .vtex-search-result-3-x-sidebar .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-filterAccordionBreadcrumbs .vtex-search-result-3-x-filterBreadcrumbsText:before { content: ""; background: url(https://brmotorolanew.vtexassets.com/arquivos/search-filter-icon.png); width: 16px; height: 16px; display: block; background-size: contain; background-repeat: no-repeat } .vtex-search-result-3-x-sidebar .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-filterAccordionBreadcrumbs .vtex-search-result-3-x-filterBreadcrumbsItemName { color: #001428; font-weight: 700; font-size: 16px } .vtex-search-result-3-x-sidebar .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterContainer { padding: 0 15px !important } .vtex-search-result-3-x-sidebar .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterContainer .vtex-search-result-3-x-accordionFilterItemTitle { color: #001428; font-weight: 700; font-size: 16px } .vtex-search-result-3-x-sidebar .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filterAccordionItemBox .vtex-checkbox__line-container { display: flex; align-items: center; padding: 8px 0 } .vtex-search-result-3-x-sidebar .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filterAccordionItemBox .vtex-checkbox__line-container .vtex-checkbox__label { color: #001428; font-size: 14px; line-height: 14px } .vtex-search-result-3-x-sidebar .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filterAccordionItemBox .vtex-checkbox__line-container .vtex-checkbox__container { width: 24px; height: 24px; margin-right: 20px } .vtex-search-result-3-x-sidebar .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filterAccordionItemBox .vtex-checkbox__line-container .vtex-checkbox__container .vtex-checkbox__inner-container { border-color: #001428; width: 24px; height: 24px; border-radius: 5px; margin-right: 0 } .vtex-search-result-3-x-sidebar .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filterAccordionItemBox .vtex-checkbox__line-container .vtex-checkbox__container .vtex__icon-check { display: none } .vtex-search-result-3-x-sidebar .vtex-search-result-3-x-accordionFilter .vtex-search-result-3-x-accordionFilterItemOptions .vtex-search-result-3-x-filterAccordionItemBox .vtex-checkbox__line-container .vtex-checkbox__container .vtex-checkbox__box-wrapper { width: 24px; height: 24px; border: 1px solid #001428; border-radius: .5em } .vtex-search-result-3-x-sidebar .vtex-search-result-3-x-filterButtonsBox { border: none; box-shadow: 0 -3px 10px hsla(0,0%,100%,.1); height: 81px !important } .vtex-search-result-3-x-sidebar .vtex-search-result-3-x-filterButtonsBox .vtex-search-result-3-x-filterClearButtonWrapper .vtex-button { border: thin solid #fff; border-radius: 5px; min-height: 60px } .vtex-search-result-3-x-sidebar .vtex-search-result-3-x-filterButtonsBox .vtex-search-result-3-x-filterApplyButtonWrapper .vtex-button { border-radius: 5px; background-color: #0e77da; border: 1px solid #0e77da; min-height: 60px } .vtex-search-result-3-x-sidebar .vtex-search-result-3-x-filterButtonsBox .vtex-search-result-3-x-filterApplyButtonWrapper .vtex-button .vtex-button__label { color: #fff } .vtex-search-result-3-x-buttonShowMore .vtex-button__label { font-size: 12px } .vtex-flex-layout-0-x-flexRow--search-fetch-previous .vtex-search-result-3-x-buttonShowMore .vtex-button { margin-bottom: 20px } .vtex-search-result-3-x-searchResultContainer { padding-top: 40px } @media (max-width: 1023px) { .vtex-search-result-3-x-searchResultContainer { padding:0 !important } } @media (min-width: 1024px) { .vtex-search-result-3-x-searchResultContainer--search-department { max-width:none !important } } .vtex-search-result-3-x-searchResultContainer--new_family_edge_content { padding: 0 !important; background: #fff } .vtex-search-result-3-x-searchResultContainer--new_family_edge_content .vtex-store-components-3-x-container { padding: 0 } .vtex-search-result-3-x-searchResultContainer--new_family_edge_content .vtex-search-result-3-x-filters--layout { border-radius: 0; padding-top: 48px; padding-left: 83px } .vtex-search-result-3-x-searchResultContainer--new_family_edge_content .vtex-search-result-3-x-container--layout--new_family_edge_content { background: #f8f8f8; margin-bottom: 20px !important } .vtex-search-result-3-x-searchResultContainer--new_family_edge_content .vtex-search-result-3-x-buttonShowMore { padding: 18px } .vtex-search-result-3-x-searchResultContainer--new_family_edge_content .vtex-slider-container { padding: 0 24px 0 0 } .vtex-search-result-3-x-searchResultContainer--new_family_edge_content .vtex-search-result-3-x-flexRow { background: #f8f8f8 } .vtex-search-result-3-x-searchResultContainer--new_family_edge_content .vtex-search-result-3-x-gallery--gallery-new-family-edge { background: #f8f8f8; padding: 16px 83px 16px 16px } @media (max-width: 1023px) { .vtex-search-result-3-x-searchResultContainer--new_family_edge_content .vtex-search-result-3-x-gallery--gallery-new-family-edge { padding:20px 0 0; margin: 0 } } .vtex-search-result-3-x-searchResultContainer--new_family_edge_content .vtex-search-result-3-x-buttonShowMore--layout { background: #f8f8f8 } .vtex-search-result-3-x-filter__container--brand { display: none } .vtex-search-result-3-x-filter__container--priceRange .vtex-search-result-3-x-filterTitle:first-child { font-size: 0 !important } .vtex-search-result-3-x-filter__container--priceRange .vtex-search-result-3-x-filterTitle:before { content: "Rango de Precios"; color: #001428; font-weight: 500; font-size: 16px } .vtex-search-result-3-x-galleryLayoutSwitcher { justify-content: flex-end; margin-bottom: 20px } .vtex-search-result-3-x-galleryLayoutSwitcher .vtex-search-result-3-x-galleryLayoutOptionButton { filter: invert(.9) } .vtex-search-result-3-x-galleryLayoutSwitcher .vtex-search-result-3-x-galleryLayoutOptionButton--selected { filter: invert(0) } .vtex-search-result-3-x-galleryLayoutSwitcher .vtex-search-result-3-x-galleryLayoutOptionButton .vtex-store-icons-0-x-gridIcon,.vtex-search-result-3-x-galleryLayoutSwitcher .vtex-search-result-3-x-galleryLayoutOptionButton .vtex-store-icons-0-x-singleGridIcon { width: 20px; height: 20px } .vtex-search-2-x-biggy-autocomplete { flex-direction: column !important; transform: translateY(-4px); box-shadow: none; border-radius: 0 0 4px 4px; padding: 20px 0 0 } .vtex-search-2-x-biggy-autocomplete-wrapper { width: auto } .vtex-search-2-x-biggy-autocomplete::-webkit-scrollbar { width: 7px } .vtex-search-2-x-biggy-autocomplete::-webkit-scrollbar-thumb { background: #ff5d4d; border-radius: 4px } .vtex-search-2-x-biggy-autocomplete::-webkit-scrollbar-track { box-shadow: inset 0 0 5px #bfbfbf; border-radius: 4px } .vtex-search-2-x-biggy-autocomplete .vtex-product-price-1-x-sellingPrice,.vtex-search-2-x-biggy-autocomplete .vtex-product-summary-2-x-productNameContainer { text-align: left } .vtex-search-2-x-biggy-autocomplete .vtex-product-summary-2-x-productBrand { font-size: 14px !important; font-weight: 600 } .vtex-search-2-x-biggy-autocomplete .vtex-product-summary-2-x-nameContainer { margin-top: 0 !important; padding-bottom: 0 !important } .vtex-search-2-x-biggy-autocomplete .vtex-product-summary-2-x-container--shelf-autocomplete { max-width: unset !important } .vtex-search-2-x-biggy-autocomplete .vtex-product-summary-2-x-imageNormal { max-height: 90px !important; width: fit-content !important; padding: 10px 0 } .vtex-search-2-x-biggy-autocomplete .vtex-flex-layout-0-x-flexColChild { margin-bottom: 0; align-items: flex-start } .vtex-search-2-x-biggy-autocomplete .vtex-product-summary-2-x-nameContainer { justify-content: start } .vtex-search-2-x-biggy-autocomplete .vtex-product-summary-2-x-productNameContainer { width: 90% } .vtex-search-2-x-tileListSeeMore { height: auto; line-height: normal; padding: 10px 0; background: #f7f7f7; color: #001428; font-weight: 500 } .vtex-search-2-x-tileListList { flex-direction: column !important } .vtex-search-2-x-tileListList .vtex-search-2-x-tileListItem .vtex-store-components-3-x-discountInsideContainer { background-color: #c9e2f7; color: #216cb4; font-weight: 700; font-size: 12px; padding: 5px 10px; border-radius: .5rem; right: -215px; top: 11px } .vtex-search-2-x-tileListList .vtex-search-2-x-tileListItem .vtex-product-price-1-x-listPrice { color: #c1c1c1; font-size: 12px; margin-top: -10px } .vtex-search-result-3-x-buttonShowMore .vtex-button { padding: 0 2rem } .vtex-shelf-1-x-dotsContainer { width: 90% !important; border: none; margin: auto auto -25px !important } .vtex-shelf-1-x-dot { text-align: center; width: 30px !important; padding: 0; height: 4px !important; background-color: transparent; border-radius: 30px; border: 1px solid #fff; margin-right: 5px; font-size: 0 } .vtex-shelf-1-x-dot--isActive { background-color: #fff } .vtex-slider-layout-0-x-sliderLayoutContainer--carousel { max-width: 1366px; margin: 60px auto calc(5% + 20px) } @media screen and (max-width: 480px) { .vtex-slider-layout-0-x-sliderLayoutContainer--carousel { margin-top:calc(6.7% + 55px) } } .vtex-slider-layout-0-x-caretIcon--carousel { display: none } .vtex-slider-layout-0-x-sliderRightArrow--carousel:before { margin-right: 20px; background-image: url(https://mxmoto.vteximg.com.br/arquivos/c-rd-slick-arrow-right-white.png) } .vtex-slider-layout-0-x-sliderLeftArrow--carousel:before,.vtex-slider-layout-0-x-sliderRightArrow--carousel:before { padding: 0 !important; content: ""; display: block; width: 40px !important; height: 30px !important; background-repeat: no-repeat } .vtex-slider-layout-0-x-sliderLeftArrow--carousel:before { margin-left: 20px; background-image: url(https://mxmoto.vteximg.com.br/arquivos/c-rd-slick-arrow-left-white.png) } .vtex-slider-layout-0-x-paginationDotsContainer--carousel { width: 90% !important; border: none; margin: auto auto -25px !important } .vtex-slider-layout-0-x-paginationDotsContainer--carousel .vtex-slider-layout-0-x-paginationDot--carousel { text-align: center; width: 30px !important; padding: 0; height: 4px !important; background-color: #ebebeb; border-radius: 30px; border: 1px solid #fff; margin-right: 5px; font-size: 0 } .vtex-slider-layout-0-x-paginationDotsContainer--carousel .vtex-slider-layout-0-x-paginationDot--isActive { background-color: #001428 } @media (max-width: 1024px) { .vtex-slider-layout-0-x-sliderLayoutContainer--carousel { min-height:385px } } .vtex-slider-layout-0-x-sliderLayoutContainer--not-found { margin-bottom: 30px } .vtex-slider-layout-0-x-sliderLayoutContainer--blackfriday-lancamentos,.vtex-slider-layout-0-x-sliderLayoutContainer--seguros-how-do-passos { margin-bottom: 40px } .vtex-slider-layout-0-x-sliderLayoutContainer--blackfriday-lancamentos .vtex-slider-layout-0-x-sliderArrows { color: #fff } .vtex-slider-layout-0-x-sliderLayoutContainer--blackfriday-lancamentos .vtex-slider-layout-0-x-paginationDotsContainer { bottom: -20px } .vtex-slider-layout-0-x-sliderLayoutContainer--blackfriday-lancamentos .vtex-slider-layout-0-x-paginationDotsContainer .vtex-slider-layout-0-x-paginationDot { width: 30px !important; height: 4px !important; padding: 0; background-color: transparent; border-radius: 30px; border: 1px solid #fff } .vtex-slider-layout-0-x-sliderLayoutContainer--blackfriday-lancamentos .vtex-slider-layout-0-x-paginationDotsContainer .vtex-slider-layout-0-x-paginationDot--isActive { background-color: #fff } .vtex-slider-layout-0-x-sliderLayoutContainer--shelf { justify-content: center; max-width: 87.5rem; margin-right: auto; margin-left: auto } .vtex-slider-layout-0-x-slide--shelf { margin: 12px 12px 25px; padding: 0 25px; color: #001428; background: #fbf9f7; border-radius: 10px; max-width: 324px !important } @media screen and (max-width: 768px) { .vtex-slider-layout-0-x-slide--shelf { margin:12px 12px 0 } } .vtex-slider-layout-0-x-sliderLayoutContainer--defaultStyles { padding: 15px 0; margin: 25px 0 } .vtex-slider-layout-0-x-sliderLayoutContainer--defaultStyles .vtex-slider-layout-0-x-paginationDotsContainer { width: 90% !important; border: none; margin: auto auto -25px !important } .vtex-slider-layout-0-x-sliderLayoutContainer--defaultStyles .vtex-slider-layout-0-x-paginationDotsContainer .vtex-slider-layout-0-x-paginationDot { text-align: center; width: 80px !important; padding: 0; height: 2px !important; background-color: #ebebeb; border-radius: 30px; margin-right: 5px; font-size: 0 } .vtex-slider-layout-0-x-sliderLayoutContainer--defaultStyles .vtex-slider-layout-0-x-paginationDotsContainer .vtex-slider-layout-0-x-paginationDot--isActive { background-color: #001428 } .vtex-slider-layout-0-x-sliderLayoutContainer--defaultStyles .vtex-slider-layout-0-x-sliderArrows { color: #001428; width: 40px; height: 40px; background: rgba(0,0,0,.2) !important; border-radius: 50%; padding: 1px 5px; opacity: .8; top: 45% } .vtex-slider-layout-0-x-sliderLayoutContainer--defaultStyles .vtex-slider-layout-0-x-sliderArrows:hover { opacity: 1 } .vtex-slider-layout-0-x-sliderLayoutContainer--showcase { padding: 0 !important } @media (min-width: 1024px) { .vtex-slider-layout-0-x-sliderLayoutContainer--showcase { padding:0 30px !important } } .vtex-slider-layout-0-x-sliderLayoutContainer--showcase .vtex-slider-layout-0-x-slideChildrenContainer--showcase { margin: 5px 0 } .vtex-slider-layout-0-x-sliderLayoutContainer--showcase .vtex-slider-layout-0-x-sliderArrows { margin: 0 } .vtex-slider-layout-0-x-sliderLayoutContainer--showcase .vtex-slider-layout-0-x-sliderArrows .vtex-slider-layout-0-x-caretIcon { color: #fff; height: 20px; width: auto } .vtex-slider-layout-0-x-sliderLayoutContainer--showcase .vtex-slider-layout-0-x-sliderRightArrow { right: 0 } @media (min-width: 1024px) { .vtex-slider-layout-0-x-sliderLayoutContainer--showcase .vtex-slider-layout-0-x-sliderRightArrow { right:20px } } .vtex-slider-layout-0-x-sliderLayoutContainer--showcase .vtex-slider-layout-0-x-sliderLeftArrow { left: 0 } @media (min-width: 1024px) { .vtex-slider-layout-0-x-sliderLayoutContainer--showcase .vtex-slider-layout-0-x-sliderLeftArrow { left:20px } } @media (max-width: 1024px) { .vtex-slider-layout-0-x-slide--shelf { max-width:284px !important; height: auto; border-image: none } } @media (max-width: 575px) { .vtex-slider-layout-0-x-sliderLayoutContainer--shelf { padding:0 !important; margin-bottom: 20px } } .vtex-slider-layout-0-x-slide--shelf-ksp { margin-right: 15px } .vtex-slider-layout-0-x-slide--shelf-ksp,.vtex-slider-layout-0-x-sliderLayoutContainer--shelf-ksp { min-height: 405px } @media (min-width: 1025px) { .vtex-slider-layout-0-x-paginationDotsContainer--shelf-ksp { bottom:45px } .vtex-slider-layout-0-x-sliderLayoutContainer--shelf-ksp { margin-bottom: 0; padding-bottom: 0 } } @media (max-width: 639px) { .vtex-slider-layout-0-x-slide--shelf-ksp { min-height:369px !important; margin-right: 0 } } @media (max-width: 437px) { .vtex-slider-layout-0-x-sliderLayoutContainer--shelf-ksp { padding-left:10px !important; padding-right: 10px !important } } .vtex-slider-layout-0-x-sliderLayoutContainer--new-family-edge-shelf { justify-content: center; background: #f8f8f8; max-width: 1366px; margin: 0 auto } .vtex-slider-layout-0-x-sliderLayoutContainer--new-family-edge-shelf .vtex-slider-layout-0-x-sliderTrackContainer--new-family-edge-shelf { margin-left: 83px; padding-bottom: 49px } @media screen and (max-width: 640px) { .vtex-slider-layout-0-x-sliderLayoutContainer--new-family-edge-shelf .vtex-slider-layout-0-x-sliderTrackContainer--new-family-edge-shelf { margin-left:0 } } .vtex-slider-layout-0-x-sliderLayoutContainer--new-family-edge-shelf .vtex-slider-layout-0-x-sliderArrows--new-family-edge-shelf { color: #fff; width: 64px; height: 64px; background-color: #ababab !important } @media screen and (max-width: 640px) { .vtex-slider-layout-0-x-sliderLayoutContainer--new-family-edge-shelf .vtex-slider-layout-0-x-sliderArrows--new-family-edge-shelf { display:none } } .vtex-slider-layout-0-x-sliderLayoutContainer--new-family-edge-shelf .vtex-slider-layout-0-x-sliderArrows--new-family-edge-shelf .vtex-slider-layout-0-x-left-0 { left: 24px } .vtex-slider-layout-0-x-sliderLayoutContainer--new-family-edge-shelf .vtex-slider-layout-0-x-sliderArrows--new-family-edge-shelf .vtex-slider-layout-0-x-right-0 { right: 24px } .vtex-slider-layout-0-x-sliderLayoutContainer--new-family-edge-shelf .vtex-slider-layout-0-x-paginationDot--isActive { background-color: #001428 } .vtex-slider-layout-0-x-sliderLayoutContainer--carousel-banners-info { background: #fbf9f7 } .vtex-slider-layout-0-x-sliderLayoutContainer--carousel-banners-info .vtex-slider-layout-0-x-sliderTrackContainer { background: #fbf9f7; border-radius: 12px; max-width: 1440px; margin: 0 auto } .vtex-slider-layout-0-x-sliderLayoutContainer--carousel-banners-info .vtex-slider-layout-0-x-sliderTrackContainer .vtex-slider-layout-0-x-sliderTrack { align-items: stretch } @media (max-width: 1023px) { .vtex-slider-layout-0-x-sliderLayoutContainer--carousel-banners-info .vtex-slider-layout-0-x-sliderLeftArrow { display:none } } @media (max-width: 1023px) { .vtex-slider-layout-0-x-sliderLayoutContainer--carousel-banners-info .vtex-slider-layout-0-x-sliderRightArrow { background-color:#f5ebe7 !important; height: 100% } } @media (max-width: 1023px) { .vtex-slider-layout-0-x-sliderLayoutContainer--carousel-banners-info .vtex-slider-layout-0-x-sliderRightArrow .vtex-slider-layout-0-x-caretIcon { width:14px; height: 20px } } .vtex-stack-layout-0-x-stackContainer--shelf { min-height: 254px } .vtex-stack-layout-0-x-stackItem--pdp-imagens--first { background-color: #f5f5f5 } @media (min-width: 1025px) { .vtex-stack-layout-0-x-stackItem--novidades-form { width:45%; height: 100%; display: flex; justify-content: center; align-items: center } } .vtex-sticky-layout-0-x-wrapper--stuck { height: auto !important } .vtex-sticky-layout-0-x-wrapper--stuck .vtex-sticky-layout-0-x-container { box-shadow: 1px -3px 20px #13304e; background-color: #001428; padding: 5px 0 } .vtex-sticky-layout-0-x-wrapper--stuck .vtex-sticky-layout-0-x-container .vtex-flex-layout-0-x-flexRowContent--sku-buy-btn-mob { background-color: #001428; justify-content: center } .vtex-sticky-layout-0-x-wrapper--stuck .vtex-sticky-layout-0-x-container .vtex-flex-layout-0-x-flexRowContent--sku-buy-btn-mob .vtex-store-components-3-x-skuSelectorSubcontainer { margin: 0 5px } .vtex-sticky-layout-0-x-wrapper--stuck .vtex-sticky-layout-0-x-container .vtex-flex-layout-0-x-flexRowContent--sku-buy-btn-mob .vtex-store-components-3-x-skuSelectorSubcontainer .vtex-store-components-3-x-skuSelectorOptionsList { background-color: #fff } .vtex-sticky-layout-0-x-wrapper--stuck .vtex-sticky-layout-0-x-container .vtex-flex-layout-0-x-flexRowContent--sku-buy-btn-mob .vtex-store-components-3-x-skuSelectorSubcontainer .vtex-store-components-3-x-skuSelectorTextContainer { margin-bottom: 0 } .vtex-sticky-layout-0-x-wrapper--stuck .vtex-sticky-layout-0-x-container .vtex-flex-layout-0-x-flexRowContent--sku-buy-btn-mob .vtex-store-components-3-x-skuSelectorSubcontainer .vtex-store-components-3-x-skuSelectorTextContainer .vtex-store-components-3-x-skuSelectorName,.vtex-sticky-layout-0-x-wrapper--stuck .vtex-sticky-layout-0-x-container .vtex-flex-layout-0-x-flexRowContent--sku-buy-btn-mob .vtex-store-components-3-x-skuSelectorSubcontainer .vtex-store-components-3-x-skuSelectorTextContainer .vtex-store-components-3-x-skuSelectorName:before { color: #fff } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--negro-cosmico { background: #242a32 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--verde-aurora { background-color: #005f56 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--azul-satinado { background-color: #0075b3 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--naranja-amanecer { background-color: #e2583e } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--gris-oxford { background: #8a909b } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--verde,.vtex-store-components-3-x-skuSelectorItem--trending-shelf--verde-oliva { background: #c9d9b3 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--gris-acero { background-color: #6e7074 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--celeste-glaciar { background-color: #cee7ef } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--soothing-sea { background: #c1ddd9 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--azul-artico { background: #cee4ef } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--negro-meteorito { background: #3b3c40 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--verde-oceano { background: #496c77 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--azul-indigo { background-image: linear-gradient(to bottom right,#2b9cd8,#1c2427) !important } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--verde-menta { background: #d5e8ce } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--azul-niagara { background: #729ca4 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--blanco-brillante { background: #dfe1e9 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--black-beauty,.vtex-store-components-3-x-skuSelectorItem--trending-shelf--negro,.vtex-store-components-3-x-skuSelectorItem--trending-shelf--negro-eclipse,.vtex-store-components-3-x-skuSelectorItem--trending-shelf--negro-infinito { background: #000 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--blanco { background: #ededf9 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--negro-espacial { background: #242a32 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--viva-magenta { background: #b41e47 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--azul-caribe { background: #88cddb } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--gris { background: #485265 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--blanco-opalo { background: #efedef } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--negro-quarzo { background: #494e50 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--azul-nebula { background: #5a7193 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--gris-mate { background: #6f7079 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--morado-amatista { background: #765a86 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--azul-glacier,.vtex-store-components-3-x-skuSelectorItem--trending-shelf--caneel-bay { background: #5498ab } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--peach-fuzz { background: #ffbe98 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--black-onyx { background: #4c4c48 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--very-peri { background: #6667ab } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--verde-cosmico { background: linear-gradient(90deg,#5e81b6,#191e24 50%,#7095d4 96%) } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--blanco-starlight { background: #f2f0f1 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--negro-interstellar { background: #28292c } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--morado-lavanda { background: #7c84aa } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--italian-marble { background: linear-gradient(to bottom right,#dfdedb,#f5f3f1) !important } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--nordic-wood { background: #ccbeaf } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--verde-azulado { background: #174a5b } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--rosa-durazno { background: #d45144 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--celeste-ilusion { background: #7a97a4 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--azul-blueberry { background: #152136 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--lavanda { background-color: #cab4d3 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--azul-electrico { background-color: #3e4980 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--verde-lima { background-color: #a09c30 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--gris-carbon { background-color: #454a40 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--verde-nori { background-color: #647755 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--beige { background: #c4beb3 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--naranja { background: #d07158 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--gris-carbon { background: #666d72 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--azul-medianoche { background: #282d3c } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--rosa-fragola { background: #d74b85 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--verde-jaspe { background: #335959 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--latte-cafe { background: linear-gradient(135deg,#cbaa88,#fbdab8) } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--grisaille-gris { background: linear-gradient(135deg,#626677,#999aa2) } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--poinciana-naranja { background: linear-gradient(135deg,#c94235,#ff4806) } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--rosa { background: #a65382 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--azul { background: #3a414a } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--multicolor { background: linear-gradient(90deg,#3a414a 50%,#c9d9b3 0) } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--azul-aqua { background: #1b8da7 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--verde-soculenta { background: #b7c7c5 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--rojo { background: #993242 } .vtex-store-components-3-x-skuSelectorItem--trending-shelf--verde-profundo { background: #32575c } .vtex-store-components-3-x-container { padding: 0 15px; max-width: 1366px; margin: 0 auto } @media (max-width: 1023px) { .vtex-store-components-3-x-skuSelectorContainer--sku-pdp .vtex-store-components-3-x-skuSelectorSubcontainer--color .vtex-store-components-3-x-skuSelectorItem { width:100% !important } } .vtex-store-components-3-x-skuSelectorContainer--sku-pdp .vtex-store-components-3-x-skuSelectorSubcontainer .vtex-store-components-3-x-skuSelectorItem { background: rgba(0,10,19,.1); border: 1px solid rgba(0,10,19,.1); color: #001428; border-radius: .5rem; height: 36px !important; padding: 1.25em .75em !important; justify-content: space-between; font-weight: 700; font-size: .75em } .vtex-store-components-3-x-skuSelectorContainer--sku-pdp .vtex-store-components-3-x-skuSelectorSubcontainer .vtex-store-components-3-x-skuSelectorItem .vtex-store-components-3-x-skuSelectorInternalBox { width: 1.5rem; height: 1.5rem; border-radius: 50% } .vtex-store-components-3-x-skuSelectorContainer--sku-pdp .vtex-store-components-3-x-skuSelectorSubcontainer .vtex-store-components-3-x-skuSelectorItem--storage-size { border: none } .vtex-store-components-3-x-skuSelectorContainer--sku-pdp .vtex-store-components-3-x-skuSelectorSubcontainer .vtex-store-components-3-x-skuSelectorItem--storage-size .vtex-store-components-3-x-skuSelectorInternalBox:before { display: none } .vtex-store-components-3-x-skuSelectorContainer--sku-pdp .vtex-store-components-3-x-skuSelectorSubcontainer .vtex-store-components-3-x-skuSelectorItem--selected { border: 2px solid #ff554d; background-color: #fbf0ef; border-radius: .5rem } .vtex-store-components-3-x-skuSelectorContainer--sku-pdp .vtex-store-components-3-x-skuSelectorSubcontainer .vtex-store-components-3-x-skuSelectorItem--selected .vtex-store-components-3-x-skuSelectorInternalBox { border: none } .vtex-store-components-3-x-skuSelectorContainer--sku-pdp .vtex-store-components-3-x-skuSelectorSubcontainer .vtex-store-components-3-x-skuSelectorItem .vtex-store-components-3-x-skuSelectorItemImageValue { display: none } .vtex-product-summary-2-x-skuSelectorContainer--showcase { justify-content: center !important; border: none; padding: 0; margin-bottom: 30px !important } @media (min-width: 1024px) { .vtex-product-summary-2-x-skuSelectorContainer--showcase { padding:0 !important } } .vtex-product-summary-2-x-skuSelectorContainer--showcase .vtex-store-components-3-x-skuSelectorSubcontainer { margin-bottom: 0 !important; margin-top: 0 !important; margin-right: 0 !important; max-height: 30px !important } .vtex-product-summary-2-x-skuSelectorContainer--showcase .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size { display: none !important } .vtex-product-summary-2-x-skuSelectorContainer--showcase .vtex-store-components-3-x-skuSelectorSubcontainer--color .vtex-store-components-3-x-skuSelectorNameContainer .vtex-store-components-3-x-skuSelectorTextContainer { margin: 0 } .vtex-product-summary-2-x-skuSelectorContainer--showcase .vtex-store-components-3-x-skuSelectorSubcontainer--color .vtex-store-components-3-x-skuSelectorNameContainer .vtex-store-components-3-x-skuSelectorTextContainer .vtex-store-components-3-x-skuSelectorName,.vtex-product-summary-2-x-skuSelectorContainer--showcase .vtex-store-components-3-x-skuSelectorSubcontainer--color .vtex-store-components-3-x-skuSelectorNameContainer .vtex-store-components-3-x-skuSelectorTextContainer .vtex-store-components-3-x-skuSelectorNameSeparator { display: none } .vtex-product-summary-2-x-skuSelectorContainer--showcase .vtex-store-components-3-x-skuSelectorSubcontainer--color .vtex-store-components-3-x-skuSelectorNameContainer .vtex-store-components-3-x-skuSelectorTextContainer .vtex-store-components-3-x-skuSelectorSelectorImageValue { font-size: 12px; font-weight: 500 } .vtex-product-summary-2-x-skuSelectorContainer--showcase .vtex-store-components-3-x-skuSelectorItemImage { border-radius: 100% !important } .vtex-product-summary-2-x-skuSelectorContainer--showcase .vtex-store-components-3-x-frameAround { border: none; display: none !important } .vtex-product-summary-2-x-skuSelectorContainer--showcase .vtex-store-components-3-x-skuSelectorItemImageValue { display: none !important } .vtex-product-summary-2-x-skuSelectorContainer--showcase .vtex-store-components-3-x-skuSelectorItem { width: 24px !important; height: 24px !important; border-radius: 4px !important; display: flex; align-items: center; justify-content: center } .vtex-product-summary-2-x-skuSelectorContainer--showcase .vtex-store-components-3-x-skuSelectorItem .vtex-store-components-3-x-skuSelectorInternalBox { width: 18px !important; height: 18px !important; border-radius: 4px !important; border: none !important } .vtex-product-summary-2-x-skuSelectorContainer--showcase .vtex-store-components-3-x-skuSelectorItem--selected { border: 1px solid #001428 !important } .vtex-product-summary-2-x-skuSelectorContainer--showcase .vtex-store-components-3-x-skuSelectorOptionsList { justify-content: center !important; border-radius: 0 !important; height: auto !important; margin: 0 !important; min-width: 0 !important; padding: 0 !important } .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesGallerySwiperContainer { margin-bottom: 20px } @media (max-width: 1023px) { .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesGallerySwiperContainer { height:410px } } .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesGallerySwiperContainer .vtex-store-components-3-x-productImagesGallerySlide { margin: 0 } .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesGallerySwiperContainer .vtex-store-components-3-x-productImagesGallerySlide .vtex-store-components-3-x-productImageTag--main { max-height: 515px } .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesGallerySwiperContainer .vtex-store-components-3-x-swiper-pagination { bottom: 0 } @media (min-width: 1024px) { .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesGallerySwiperContainer .vtex-store-components-3-x-swiper-pagination { display:none } } .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesGallerySwiperContainer .vtex-store-components-3-x-swiper-pagination .vtex-store-components-3-x-swiperBullet { height: 1px; width: 45px; border: 1px solid #c9c5c5; -webkit-border-radius: 12px; border-radius: 12px } @media (max-width: 1023px) { .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesGallerySwiperContainer .vtex-store-components-3-x-swiper-pagination .vtex-store-components-3-x-swiperBullet { width:20px } } .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesGallerySwiperContainer .vtex-store-components-3-x-swiper-pagination .vtex-store-components-3-x-swiperBullet--active { background-color: #000 } .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesGallerySwiperContainer .vtex-store-components-3-x-swiperCaretNext { right: -15px } @media (min-width: 1024px) { .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesGallerySwiperContainer .vtex-store-components-3-x-swiperCaretNext { right:10px } } .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesGallerySwiperContainer .vtex-store-components-3-x-swiperCaretNext .vtex-store-components-3-x-caretIcon { visibility: hidden } @media screen and (min-width: 481px) { .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesGallerySwiperContainer .vtex-store-components-3-x-swiperCaretNext:before { content:url(/arquivos/c-rd-slick-arrow-right.png) } } .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesGallerySwiperContainer .vtex-store-components-3-x-swiperCaretPrev { left: 10px } .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesGallerySwiperContainer .vtex-store-components-3-x-swiperCaretPrev .vtex-store-components-3-x-caretIcon { visibility: hidden } @media screen and (min-width: 481px) { .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesGallerySwiperContainer .vtex-store-components-3-x-swiperCaretPrev:before { content:url(/arquivos/c-rd-slick-arrow-left.png) } } .vtex-store-components-3-x-productImagesContainer--pdp-imagens .vtex-store-components-3-x-carouselGaleryCursor { padding-left: 0 } .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-carouselGaleryThumbs--pdp-imagens { padding: 5px 10px } .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-carouselGaleryThumbs--pdp-imagens .vtex-store-components-3-x-productImagesThumb--pdp-imagens { width: auto !important } .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesThumbActive--pdp-imagens { border: .5px solid #041426; border-radius: 10px; padding: 5px } .vtex-store-components-3-x-productImagesContainer .vtex-store-components-3-x-productImagesThumbCaret--pdp-imagens { color: #041426 } .vtex-store-components-3-x-productNameContainer { display: flex; align-items: center } .vtex-store-components-3-x-productNameContainer .vtex-store-components-3-x-productBrand,.vtex-store-components-3-x-productNameContainer .vtex-store-components-3-x-productBrand:first-child { font-size: 14px; line-height: 24px; font-weight: 500 } .vtex-store-components-3-x-productNameContainer .vtex-store-components-3-x-productBrand:first-child:after { content: "-"; font-size: 14px; line-height: 24px; font-weight: 500; margin-right: 5px } .vtex-store-components-3-x-skuSelectorContainer { display: flex; justify-content: space-between; flex-direction: column-reverse; margin-bottom: 20px } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorTextContainer { margin-bottom: 20px } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorTextContainer .vtex-store-components-3-x-skuSelectorName,.vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorTextContainer .vtex-store-components-3-x-skuSelectorNameSeparator { color: #001428; font-size: 14px; font-weight: 500 } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorTextContainer .vtex-store-components-3-x-skuSelectorSelectorImageValue { color: #001428; font-size: 14px; font-weight: 700 } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer { margin: 0; width: 100% } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer .vtex-store-components-3-x-diagonalCross { display: none } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer .vtex-store-components-3-x-skuSelectorItem .vtex-store-components-3-x-skuSelectorInternalBox { width: 30px; height: 30px; border-radius: 50% } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer .vtex-store-components-3-x-skuSelectorItem--selected .vtex-store-components-3-x-skuSelectorInternalBox { border: 3px solid #ff6a00 } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer .vtex-store-components-3-x-skuSelectorItem .vtex-store-components-3-x-frameAround { border: none } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size .vtex-store-components-3-x-skuSelectorName { font-size: 0; display: flex } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size .vtex-store-components-3-x-skuSelectorName:before { color: #001428; font-size: 14px; font-weight: 500; margin-right: 7px; margin-bottom: 3px } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size .vtex-store-components-3-x-skuSelectorName:after { content: "Capacidad: "; color: #001428; font-size: 14px; font-weight: 500; margin-right: .25em } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size .vtex-store-components-3-x-skuSelectorNameSeparator { display: none } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size .vtex-store-components-3-x-skuSelectorItem { min-width: 80px } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size .vtex-store-components-3-x-skuSelectorItem .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #fff; border: none; width: 0; height: 0 } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size .vtex-store-components-3-x-skuSelectorItem .vtex-store-components-3-x-skuSelectorInternalBox .vtex-store-components-3-x-skuSelectorItemTextValue { padding: 0; position: absolute; left: 10px; color: #001428; font-size: 12px; line-height: 24px; font-weight: 700 } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size .vtex-store-components-3-x-skuSelectorItem--selected .vtex-store-components-3-x-skuSelectorInternalBox { border: 3px solid #ff6a00; background-color: #fbbf94 } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--color .vtex-store-components-3-x-skuSelectorNameSeparator,.vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--cor .vtex-store-components-3-x-skuSelectorNameSeparator { display: none } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--color .vtex-store-components-3-x-skuSelectorName,.vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--cor .vtex-store-components-3-x-skuSelectorName { font-size: 0; display: flex } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--color .vtex-store-components-3-x-skuSelectorName:before,.vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--cor .vtex-store-components-3-x-skuSelectorName:before { color: #001428; font-size: 14px; font-weight: 500; margin-right: 7px; margin-bottom: 3px } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--color .vtex-store-components-3-x-skuSelectorName:after,.vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--cor .vtex-store-components-3-x-skuSelectorName:after { content: "Color: "; color: #001428; font-size: 14px; font-weight: 500; margin-right: .25em } .vtex-store-components-3-x-skuSelectorContainer--motog100 .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size { display: none } .vtex-flex-layout-0-x-flexRow--pdp-motog100-skus { margin: 5px 0 15px; border-top: 1px solid #ddc8b7; border-bottom: 1px solid #ddc8b7; padding: 25px 40px 25px 0 } .vtex-flex-layout-0-x-flexRow--pdp-motog100-skus .vtex-store-components-3-x-skuSelectorContainer { margin: 0; border: none; min-width: auto !important; padding: 0 } .vtex-flex-layout-0-x-flexRow--pdp-motog100-skus .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size { display: none } .vtex-store-components-3-x-imageElement--banner-novidades { width: 100% } .vtex-store-components-3-x-imageElement--pdp-formas-pagamento-ame,.vtex-store-components-3-x-imageElement--pdp-formas-pagamento-paymee { margin: 20px 0 0 } .vtex-store-components-3-x-imageElement--pdp-modal-ame-passo { max-height: 197px } .vtex-store-components-3-x-imageElement--footer-menus { filter: invert(1) } @media (min-width: 1025px) { .vtex-store-components-3-x-skuSelectorContainer { padding:1em 0 } .vtex-store-components-3-x-imageElement--pdp-modal-ame-descricao { margin-right: 50px } } @media (min-width: 1024px) { .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size .vtex-store-components-3-x-skuSelectorNameContainer .vtex-store-components-3-x-skuSelectorOptionsList { flex-direction:row; align-items: flex-start } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size .vtex-store-components-3-x-skuSelectorNameContainer .vtex-store-components-3-x-skuSelectorOptionsList .vtex-store-components-3-x-skuSelectorItem { width: 48% !important } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size .vtex-store-components-3-x-skuSelectorNameContainer .vtex-store-components-3-x-skuSelectorOptionsList .vtex-store-components-3-x-skuSelectorItem .vtex-store-components-3-x-skuSelectorItemTextValue { left: 10px } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size .vtex-store-components-3-x-skuSelectorNameContainer .vtex-store-components-3-x-skuSelectorOptionsList .vtex-store-components-3-x-skuSelectorItem--selected .vtex-store-components-3-x-skuSelectorInternalBox { border: none; background: none; justify-content: center } } @media (max-width: 1024px) { .vtex-store-components-3-x-imageElement--pdp-modal-ame-descricao { width:100% } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorOptionsList { margin: 0 !important; height: 48px; -webkit-border-radius: 4px; border-radius: 4px; padding: 0 5px } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorOptionsList .vtex-store-components-3-x-sliderLayoutContainer { padding: 0 !important } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorOptionsList .vtex-store-components-3-x-sliderLayoutContainer .vtex-store-components-3-x-sliderLeftArrow { display: none } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorOptionsList .vtex-store-components-3-x-sliderLayoutContainer .vtex-store-components-3-x-sliderRightArrow { right: -10px } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--color,.vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--cor { min-width: 80px; max-width: 100%; height: auto; flex-direction: column !important } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--color .vtex-store-components-3-x-skuSelectorOptionsList,.vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--cor .vtex-store-components-3-x-skuSelectorOptionsList { width: 100%; min-width: 85px; flex-wrap: nowrap; display: flex; padding: 0; height: auto; margin-bottom: .25em } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--color .vtex-store-components-3-x-sliderLayoutContainer,.vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--cor .vtex-store-components-3-x-sliderLayoutContainer { max-width: 60px } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--color .vtex-store-components-3-x-sliderLayoutContainer .vtex-store-components-3-x-sliderTrackContainer,.vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--cor .vtex-store-components-3-x-sliderLayoutContainer .vtex-store-components-3-x-sliderTrackContainer { max-width: 50px } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size { min-width: 110px; max-width: 110px } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size .vtex-store-components-3-x-slideChildrenContainer { justify-content: flex-start } .vtex-store-components-3-x-productNameContainer { flex-wrap: wrap } .vtex-store-components-3-x-swiperCaretNext { right: 0 } .vtex-store-components-3-x-swiperCaretPrev { left: 0 } } @media (max-width: 1024px) { .vtex-store-components-3-x-imageElement--pdp-modal-ame-descricao { width:100% } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorOptionsList { margin: 0 !important; height: 48px } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorOptionsList .vtex-store-components-3-x-sliderLayoutContainer { padding: 0 !important } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorOptionsList .vtex-store-components-3-x-sliderLayoutContainer .vtex-store-components-3-x-sliderLeftArrow { display: none } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorOptionsList .vtex-store-components-3-x-sliderLayoutContainer .vtex-store-components-3-x-sliderRightArrow { right: -10px } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--color,.vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--cor { min-width: 80px; max-width: 100%; height: auto; flex-direction: column !important } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--color .vtex-store-components-3-x-skuSelectorOptionsList,.vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--cor .vtex-store-components-3-x-skuSelectorOptionsList { width: 100%; min-width: 85px; flex-wrap: wrap; display: flex; padding: 0; height: auto; margin-bottom: .25em } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--color .vtex-store-components-3-x-sliderLayoutContainer,.vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--cor .vtex-store-components-3-x-sliderLayoutContainer { max-width: 60px } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--color .vtex-store-components-3-x-sliderLayoutContainer .vtex-store-components-3-x-sliderTrackContainer,.vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--cor .vtex-store-components-3-x-sliderLayoutContainer .vtex-store-components-3-x-sliderTrackContainer { max-width: 50px } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size { min-width: 110px; max-width: 100%; height: auto; flex-direction: column !important } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size .vtex-store-components-3-x-skuSelectorOptionsList { width: 100%; min-width: 85px; flex-wrap: nowrap; display: block; padding: 0; height: auto; margin-bottom: .25em } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size .vtex-store-components-3-x-skuSelectorOptionsList .vtex-store-components-3-x-skuSelectorItem { width: 99% !important } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size .vtex-store-components-3-x-skuSelectorOptionsList .vtex-store-components-3-x-skuSelectorItem .vtex-store-components-3-x-skuSelectorInternalBox { border: none } .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorSubcontainer--storage-size .vtex-store-components-3-x-slideChildrenContainer { justify-content: flex-start } .vtex-store-components-3-x-productNameContainer { flex-wrap: wrap } .vtex-store-components-3-x-swiperCaretNext { right: 0 } .vtex-store-components-3-x-swiperCaretPrev { left: 0 } } .vtex-store-components-3-x-skuSelectorItem .vtex-store-components-3-x-skuSelectorItemImageValue { display: none } .vtex-store-components-3-x-skuSelectorItem--negro .vtex-store-components-3-x-skuSelectorInternalBox { background: #000 } .vtex-store-components-3-x-skuSelectorItem--blanco .vtex-store-components-3-x-skuSelectorInternalBox { background: #ededf9 } .vtex-store-components-3-x-skuSelectorItem--azul .vtex-store-components-3-x-skuSelectorInternalBox { background: #3a414a } .vtex-store-components-3-x-skuSelectorItem--gris .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #485265 } .vtex-store-components-3-x-motorola-edge-30-pro .vtex-store-components-3-x-skuSelectorItem--verde-cosmico .vtex-store-components-3-x-skuSelectorInternalBox { background: linear-gradient(90deg,#5e81b6,#191e24 50%,#7095d4 96%) } .vtex-store-components-3-x-moto-g56-5G .vtex-store-components-3-x-skuSelectorItem--gris .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #98adae !important } .vtex-store-components-3-x-moto-g56-5G .vtex-store-components-3-x-skuSelectorItem--verde .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #5d7050 !important } .vtex-store-components-3-x-moto-g56-5G .vtex-store-components-3-x-skuSelectorItem--azul-cobalto .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #3e55ab } .vtex-store-components-3-x-moto-g55-5G .vtex-store-components-3-x-skuSelectorItem--verde .vtex-store-components-3-x-skuSelectorInternalBox { background: #c9d9b3 } .vtex-store-components-3-x-moto-g55-5G .vtex-store-components-3-x-skuSelectorItem--negro .vtex-store-components-3-x-skuSelectorInternalBox { background: #000 } .vtex-store-components-3-x-moto-g55-5G .vtex-store-components-3-x-skuSelectorItem--rosa .vtex-store-components-3-x-skuSelectorInternalBox { background: #a65382 } .vtex-store-components-3-x-moto-g35-5G .vtex-store-components-3-x-skuSelectorItem--naranja .vtex-store-components-3-x-skuSelectorInternalBox { background: #df656b } .vtex-store-components-3-x-moto-g35-5G .vtex-store-components-3-x-skuSelectorItem--negro .vtex-store-components-3-x-skuSelectorInternalBox { background: #2d324b } .vtex-store-components-3-x-moto-g35-5G .vtex-store-components-3-x-skuSelectorItem--verde .vtex-store-components-3-x-skuSelectorInternalBox { background: #548b6d } .vtex-store-components-3-x-moto-g86-power-5G .vtex-store-components-3-x-skuSelectorItem--azul .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #3f4450 !important } .vtex-store-components-3-x-moto-g86-power-5G .vtex-store-components-3-x-skuSelectorItem--verde .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #82853a !important } .vtex-store-components-3-x-moto-g86-power-5G .vtex-store-components-3-x-skuSelectorItem--lila .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #a5a8c4 !important } .vtex-store-components-3-x-moto-g86-power-5G .vtex-store-components-3-x-skuSelectorItem--cereza .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #bb525b !important } .vtex-store-components-3-x-motorola-razr-50 .vtex-store-components-3-x-skuSelectorItem--beige .vtex-store-components-3-x-skuSelectorInternalBox { background: #c4beb3 } .vtex-store-components-3-x-motorola-razr-50 .vtex-store-components-3-x-skuSelectorItem--naranja .vtex-store-components-3-x-skuSelectorInternalBox { background: #d07158 } .vtex-store-components-3-x-motorola-razr-50-ultra .vtex-store-components-3-x-skuSelectorItem--azul-medianoche .vtex-store-components-3-x-skuSelectorInternalBox { background: #282d3c } .vtex-store-components-3-x-motorola-razr-60 .vtex-store-components-3-x-skuSelectorItem--verde-spring .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #70d4a5 } .vtex-store-components-3-x-motorola-razr-60 .vtex-store-components-3-x-skuSelectorItem--azul-mar .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #30475e } .vtex-store-components-3-x-motorola-razr-60-ultra .vtex-store-components-3-x-skuSelectorItem--cafe .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #8d7c70 } .vtex-store-components-3-x-motorola-razr-60-ultra .vtex-store-components-3-x-skuSelectorItem--rojo .vtex-store-components-3-x-skuSelectorInternalBox { background: #993242 } .vtex-store-components-3-x-motorola-razr-60-ultra .vtex-store-components-3-x-skuSelectorItem--verde-alcantara .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #3b4443 } .vtex-store-components-3-x-moto-buds-loop-by-Swarovski .vtex-store-components-3-x-skuSelectorItem--verde .vtex-store-components-3-x-skuSelectorInternalBox,.vtex-store-components-3-x-moto-buds-loop-sound-by-bose .vtex-store-components-3-x-skuSelectorItem--verde .vtex-store-components-3-x-skuSelectorInternalBox,.vtex-store-components-3-x-moto-buds .vtex-store-components-3-x-skuSelectorItem--verde .vtex-store-components-3-x-skuSelectorInternalBox,.vtex-store-components-3-x-motorola-razr-60-by-Swarovski .vtex-store-components-3-x-skuSelectorItem--verde .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #465b57 !important } .vtex-store-components-3-x-moto-buds-loop-by-Swarovski .vtex-store-components-3-x-skuSelectorItem--dorado .vtex-store-components-3-x-skuSelectorInternalBox,.vtex-store-components-3-x-moto-buds-loop-sound-by-bose .vtex-store-components-3-x-skuSelectorItem--dorado .vtex-store-components-3-x-skuSelectorInternalBox,.vtex-store-components-3-x-moto-buds .vtex-store-components-3-x-skuSelectorItem--dorado .vtex-store-components-3-x-skuSelectorInternalBox,.vtex-store-components-3-x-motorola-razr-60-by-Swarovski .vtex-store-components-3-x-skuSelectorItem--dorado .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #ccc1b3 !important } .vtex-store-components-3-x-moto-buds-loop-by-Swarovski .vtex-store-components-3-x-skuSelectorItem--celeste .vtex-store-components-3-x-skuSelectorInternalBox,.vtex-store-components-3-x-moto-buds-loop-sound-by-bose .vtex-store-components-3-x-skuSelectorItem--celeste .vtex-store-components-3-x-skuSelectorInternalBox,.vtex-store-components-3-x-moto-buds .vtex-store-components-3-x-skuSelectorItem--celeste .vtex-store-components-3-x-skuSelectorInternalBox,.vtex-store-components-3-x-motorola-razr-60-by-Swarovski .vtex-store-components-3-x-skuSelectorItem--celeste .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #d3e4f1 !important } .vtex-store-components-3-x-moto-buds-loop-by-Swarovski .vtex-store-components-3-x-skuSelectorItem--celeste-ilusion .vtex-store-components-3-x-skuSelectorInternalBox,.vtex-store-components-3-x-moto-buds-loop-sound-by-bose .vtex-store-components-3-x-skuSelectorItem--celeste-ilusion .vtex-store-components-3-x-skuSelectorInternalBox,.vtex-store-components-3-x-moto-buds .vtex-store-components-3-x-skuSelectorItem--celeste-ilusion .vtex-store-components-3-x-skuSelectorInternalBox,.vtex-store-components-3-x-motorola-razr-60-by-Swarovski .vtex-store-components-3-x-skuSelectorItem--celeste-ilusion .vtex-store-components-3-x-skuSelectorInternalBox { background: #7a97a4 } .vtex-store-components-3-x-moto-g06 .vtex-store-components-3-x-skuSelectorItem--azul .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #4a6a78 !important } .vtex-store-components-3-x-moto-g06 .vtex-store-components-3-x-skuSelectorItem--verde .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #8ba475 !important } .vtex-store-components-3-x-moto-g06 .vtex-store-components-3-x-skuSelectorItem--naranja .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #d07158 !important } .vtex-store-components-3-x-moto-g06 .vtex-store-components-3-x-skuSelectorItem--cafe .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #8c8b7b !important } .vtex-store-components-3-x-moto-g05 .vtex-store-components-3-x-skuSelectorItem--verde-profundo .vtex-store-components-3-x-skuSelectorInternalBox { background: #32575c !important } .vtex-store-components-3-x-moto-g05 .vtex-store-components-3-x-skuSelectorItem--rojo .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #a24852 !important } .vtex-store-components-3-x-motorola-edge-60-pro .vtex-store-components-3-x-skuSelectorItem--gris .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #899087 !important } .vtex-store-components-3-x-motorola-edge-60-pro .vtex-store-components-3-x-skuSelectorItem--cobalto .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #3e55ab !important } .vtex-store-components-3-x-motorola-edge-60-pro .vtex-store-components-3-x-skuSelectorItem--uva .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #814a7e !important } .vtex-store-components-3-x-motorola-edge-60-pro .vtex-store-components-3-x-skuSelectorItem--cafe .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #776a5f !important } .vtex-store-components-3-x-motorola-edge-60-neo .vtex-store-components-3-x-skuSelectorItem--azul .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #626677 !important } .vtex-store-components-3-x-motorola-edge-60-neo .vtex-store-components-3-x-skuSelectorItem--naranja .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #c94235 !important } .vtex-store-components-3-x-motorola-edge-60-neo .vtex-store-components-3-x-skuSelectorItem--verde .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #8ec7c0 !important } .vtex-store-components-3-x-motorola-edge-60-neo .vtex-store-components-3-x-skuSelectorItem--beige .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #cbaa88 !important } .vtex-store-components-3-x-motorola-edge-60 .vtex-store-components-3-x-skuSelectorItem--azul .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #30475e !important } .vtex-store-components-3-x-motorola-edge-60 .vtex-store-components-3-x-skuSelectorItem--verde-shamrock .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #77a670 !important } .vtex-store-components-3-x-motorola-edge-60-fusion .vtex-store-components-3-x-skuSelectorItem--azul .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #5b687c !important } .vtex-store-components-3-x-motorola-edge-60-fusion .vtex-store-components-3-x-skuSelectorItem--rosa .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #caa2aa !important } .vtex-store-components-3-x-motorola-edge-60-fusion .vtex-store-components-3-x-skuSelectorItem--mocha-mousse .vtex-store-components-3-x-skuSelectorInternalBox { background: linear-gradient(135deg,#906d5a,#a47b67) } .vtex-store-components-3-x-motorola-edge-60-fusion .vtex-store-components-3-x-skuSelectorItem--verde-turquesa .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #78bbbe !important } .vtex-store-components-3-x-moto-buds-bass .vtex-store-components-3-x-skuSelectorItem--negro .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #4a4b4d !important } .vtex-store-components-3-x-moto-buds-bass .vtex-store-components-3-x-skuSelectorItem--azul .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #0079a7 !important } .vtex-store-components-3-x-moto-buds-bass .vtex-store-components-3-x-skuSelectorItem--verde .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #325b51 !important } .vtex-store-components-3-x-motorola-edge-70 .vtex-store-components-3-x-skuSelectorItem--gris .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #454a4c !important } .vtex-store-components-3-x-motorola-edge-70 .vtex-store-components-3-x-skuSelectorItem--verde .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #58624e !important } .vtex-store-components-3-x-motorola-edge-70 .vtex-store-components-3-x-skuSelectorItem--olivo .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #7e8f84 !important } .vtex-store-components-3-x-moto-tag-2 .vtex-store-components-3-x-skuSelectorItem--naranja .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #d07158 !important } .vtex-store-components-3-x-moto-tag-2 .vtex-store-components-3-x-skuSelectorItem--beige .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #8c8b7b !important } .vtex-store-components-3-x-moto-watch .vtex-store-components-3-x-skuSelectorItem--negro .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #000 !important } .vtex-store-components-3-x-moto-watch .vtex-store-components-3-x-skuSelectorItem--plata .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #899087 !important } .vtex-store-components-3-x-motorola-edge-70-by-Swarovski .vtex-store-components-3-x-skuSelectorItem--cloud-dancer .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #f0eee9 !important } .vtex-store-components-3-x-moto-g17 .vtex-store-components-3-x-skuSelectorItem--arandano .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #3a3a4a !important } .vtex-store-components-3-x-moto-g17 .vtex-store-components-3-x-skuSelectorItem--rosa .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #a37690 !important } .vtex-store-components-3-x-moto-g17 .vtex-store-components-3-x-skuSelectorItem--celeste .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #72a5cb !important } .vtex-store-components-3-x-motorola-signature .vtex-store-components-3-x-skuSelectorItem--negro .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #000 !important } .vtex-store-components-3-x-motorola-signature .vtex-store-components-3-x-skuSelectorItem--olivo .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #766f57 !important } .vtex-store-components-3-x-motorola-edge-70-fusion-plus .vtex-store-components-3-x-skuSelectorItem--morado .vtex-store-components-3-x-skuSelectorInternalBox { background: linear-gradient(135deg,#2e2c48,#555282) } .vtex-store-components-3-x-motorola-edge-70-fusion-plus .vtex-store-components-3-x-skuSelectorItem--jade .vtex-store-components-3-x-skuSelectorInternalBox { background: linear-gradient(135deg,#4b6460,#8fa9a5) } .vtex-store-components-3-x-motorola-edge-70-fusion-plus .vtex-store-components-3-x-skuSelectorItem--azul .vtex-store-components-3-x-skuSelectorInternalBox { background: linear-gradient(135deg,#1f2127,#3a3f4a) } .vtex-store-components-3-x-motorola-edge-70-fusion-plus .vtex-store-components-3-x-skuSelectorItem--verde .vtex-store-components-3-x-skuSelectorInternalBox { background: linear-gradient(135deg,#013d36,#007c6d) } .vtex-store-components-3-x-motorola-edge-70-fusion .vtex-store-components-3-x-skuSelectorItem--azul .vtex-store-components-3-x-skuSelectorInternalBox { background: linear-gradient(135deg,#1f2127,#3a3f4a) } .vtex-store-components-3-x-motorola-edge-70-fusion .vtex-store-components-3-x-skuSelectorItem--verde .vtex-store-components-3-x-skuSelectorInternalBox { background: linear-gradient(135deg,#013d36,#007c6d) } .vtex-store-components-3-x-motorola-edge-70-fusion .vtex-store-components-3-x-skuSelectorItem--celeste .vtex-store-components-3-x-skuSelectorInternalBox { background: linear-gradient(135deg,#4b6460,#8fa9a5) } .vtex-store-components-3-x-motorola-edge-70-fusion .vtex-store-components-3-x-skuSelectorItem--morado .vtex-store-components-3-x-skuSelectorInternalBox { background: linear-gradient(135deg,#2e2c48,#555282) } .vtex-store-components-3-x-moto-g67-5G .vtex-store-components-3-x-skuSelectorItem--gris .vtex-store-components-3-x-skuSelectorInternalBox { background: linear-gradient(135deg,#494a55,#6b6c78) } .vtex-store-components-3-x-moto-g67-5G .vtex-store-components-3-x-skuSelectorItem--lima .vtex-store-components-3-x-skuSelectorInternalBox { background: linear-gradient(135deg,#5c5e52,#b2ba88) } .vtex-store-components-3-x-moto-g15 .vtex-store-components-3-x-skuSelectorItem--naranja .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #cf9c55 } .vtex-store-components-3-x-moto-g15 .vtex-store-components-3-x-skuSelectorItem--verde .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #74764d } .vtex-store-components-3-x-moto-g15 .vtex-store-components-3-x-skuSelectorItem--gris .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #69696a } .vtex-store-components-3-x-moto-g15-512GB .vtex-store-components-3-x-skuSelectorItem--azul .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #424975 } .vtex-store-components-3-x-moto-g15-512GB .vtex-store-components-3-x-skuSelectorItem--celeste .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #bdd0d2 } .vtex-store-components-3-x-moto-watch-Powered-by-Polar .vtex-store-components-3-x-skuSelectorItem--plata .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #e8e8e8 } .vtex-store-components-3-x-moto-watch-fit .vtex-store-components-3-x-skuSelectorItem--verde-trekking .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #465b57 } .vtex-store-components-3-x-moto-sound-flow .vtex-store-components-3-x-skuSelectorItem--negro .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #313131 } .vtex-store-components-3-x-moto-sound-flow .vtex-store-components-3-x-skuSelectorItem--beige .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #af9483 } .vtex-store-components-3-x-motorola-razr-fold .vtex-store-components-3-x-skuSelectorItem--negro .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #0d171a } .vtex-store-components-3-x-motorola-razr-fold .vtex-store-components-3-x-skuSelectorItem--blanco .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #e2e2da } .vtex-store-components-3-x-motorola-razr-fold-FIFA-World-Cup-26\2122-Collection .vtex-store-components-3-x-skuSelectorItem--negro .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #0d171a } .vtex-store-components-3-x-motorola-razr-70 .vtex-store-components-3-x-skuSelectorItem--blanco .vtex-store-components-3-x-skuSelectorInternalBox { background: linear-gradient(135deg,#fff,#eff1f0 50%,#b9b9b9) } .vtex-store-components-3-x-motorola-razr-70 .vtex-store-components-3-x-skuSelectorItem--gris .vtex-store-components-3-x-skuSelectorInternalBox { background: linear-gradient(135deg,#b7b6b6,#787471 50%,#424242) } .vtex-store-components-3-x-motorola-razr-70 .vtex-store-components-3-x-skuSelectorItem--rosa .vtex-store-components-3-x-skuSelectorInternalBox { background: linear-gradient(135deg,#fcf1f2,#c1afb2 50%,#82575e) } .vtex-store-components-3-x-motorola-razr-70 .vtex-store-components-3-x-skuSelectorItem--verde .vtex-store-components-3-x-skuSelectorInternalBox { background: linear-gradient(135deg,#00c3ab,#007c6d 50%,#015147) } .vtex-store-components-3-x-motorola-razr-70-ultra .vtex-store-components-3-x-skuSelectorItem--azul .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #3d4161 } .vtex-store-components-3-x-motorola-razr-70-ultra .vtex-store-components-3-x-skuSelectorItem--cocoa .vtex-store-components-3-x-skuSelectorInternalBox { background-color: #614f43 } @media (min-width: 1025px) { .vtex-store-components-3-x-imageElement--seguros-banner { width:100% } } .vtex-store-components-3-x-infoCardContainer--blackfriday-lancamentos { display: flex; flex-direction: column-reverse } .vtex-store-components-3-x-infoCardContainer--blackfriday-lancamentos .vtex-store-components-3-x-infoCardTextContainer .vtex-store-components-3-x-infoCardHeadline { font-weight: 400; color: #0e77da; text-transform: uppercase; margin-bottom: 9px } .vtex-store-components-3-x-infoCardContainer--blackfriday-lancamentos .vtex-store-components-3-x-infoCardTextContainer .vtex-store-components-3-x-infoCardSubhead { margin: 0 } @media (min-width: 1025px) { .vtex-store-components-3-x-infoCardContainer--blackfriday-lancamentos .vtex-store-components-3-x-infoCardImageContainer { width:100% } .vtex-store-components-3-x-infoCardContainer--blackfriday-lancamentos .vtex-store-components-3-x-infoCardTextContainer { width: 50% } .vtex-store-components-3-x-infoCardContainer--blackfriday-lancamentos .vtex-store-components-3-x-infoCardTextContainer .vtex-store-components-3-x-infoCardHeadline,.vtex-store-components-3-x-infoCardContainer--blackfriday-lancamentos .vtex-store-components-3-x-infoCardTextContainer .vtex-store-components-3-x-infoCardSubhead { font-size: 14px; line-height: 24px } } @media (max-width: 1024px) { .vtex-store-components-3-x-infoCardContainer--blackfriday-lancamentos .vtex-store-components-3-x-infoCardTextContainer .vtex-store-components-3-x-infoCardHeadline,.vtex-store-components-3-x-infoCardContainer--blackfriday-lancamentos .vtex-store-components-3-x-infoCardTextContainer .vtex-store-components-3-x-infoCardSubhead { font-size:12px; line-height: 20px } .vtex-store-components-3-x-imageElement--blackfriday-banner { max-height: auto !important } .vtex-store-components-3-x-imageElement--blackfriday-cyberweek { max-height: 150px !important } .vtex-store-components-3-x-imageElement--blackfriday-faq { display: none } } .vtex-store-components-3-x-imageElementLink--footer-social-media { min-width: 70px; display: flex; justify-content: center } @media (max-width: 1023px) { .vtex-store-components-3-x-imageElementLink--footer-social-media { min-width:50px } } .vtex-store-components-3-x-imageElementLink--corebiz-image .vtex-store-components-3-x-imageElement { margin: 0 5px } .vtex-store-components-3-x-autoCompleteOuterContainer--header__search-bar { font-family: Montserrat } .vtex-store-components-3-x-autoCompleteOuterContainer--header__search-bar .vtex-store-components-3-x-c-on-base { color: #001428 !important } .vtex-store-components-3-x-autoCompleteOuterContainer--header__search-bar .vtex-styleguide-9-x-input { font-size: 13px } .vtex-store-components-3-x-autoCompleteOuterContainer--header__search-bar .vtex-input-prefix__group { height: 40px; border-radius: 3px; border: 0 } .vtex-store-components-3-x-searchBarInnerContainer--header__search-bar { position: relative } .vtex-store-components-3-x-searchIcon--header__search-bar { width: 20px; height: 20px } .vtex-store-components-3-x-imageElement--accessory1 { width: 100% } .vtex-store-components-3-x-imageElement--accessory3,.vtex-store-components-3-x-imageElement--accessory4 { height: auto; width: 278px } .vtex-store-components-3-x-imageElement--accessory3 { margin-right: 12px } .vtex-store-components-3-x-imageElement--accessory4 { margin-left: 12px } .vtex-store-components-3-x-imageElement--accessoriesImage1-mobile { width: 100% } .vtex-store-components-3-x-imageElementLink--blogImage-mobile { text-align: center } .vtex-store-components-3-x-imageElementLink--blogImage { display: flex; justify-content: center } .vtex-store-components-3-x-imageElement--blogImage { height: auto; display: block; margin: 0 auto; border-radius: 10px } .vtex-store-components-3-x-imageElementLink--categoryImg { width: 40px; display: flex; justify-content: center } @media screen and (max-width: 1080px) { .vtex-store-components-3-x-imageElementLink--categoryImg { background:#011b34; border: 1px solid #082e53; box-shadow: -5px -6px 8px hsla(0,0%,100%,.06); border-radius: 4px; width: 48px; height: 48px; padding: 10px } .vtex-store-components-3-x-imageElement--categoryImg { height: fit-content; align-self: center } .vtex-store-components-3-x-imageElementLink--carousel { width: 100% } } .vtex-store-components-3-x-backToTopButtonActive { z-index: 9999; bottom: 100px } .vtex-store-components-3-x-backToTopButtonActive .vtex-button { height: 40px; width: 40px; border-radius: 50%; background-color: #92c1e9; border-color: #92c1e9; box-shadow: 0 0 10px rgba(0,0,0,.25); position: relative } .vtex-store-components-3-x-backToTopButtonActive .vtex-button__label { padding: 0 !important } .vtex-store-components-3-x-imageElement--g20-image-item { width: 90%; margin: 0 auto; display: block; object-fit: cover } @media (max-width: 1024px) { .vtex-store-components-3-x-imageElement--g20-image-item { margin-top:60px; width: 100%; object-fit: cover } } .vtex-store-components-3-x-imageElement--icon-category { height: 74px; width: auto; display: block; margin: 0 auto } .vtex-store-components-3-x-infoCardImageContainer--print-card-left,.vtex-store-components-3-x-infoCardImageContainer--print-card-right { display: flex; justify-content: center } .vtex-store-components-3-x-infoCardSubhead--print-card-left,.vtex-store-components-3-x-infoCardSubhead--print-card-right { font-size: 22px } .vtex-store-components-3-x-searchBarIcon--search .vtex-store-components-3-x-searchIcon { display: none } .vtex-store-components-3-x-imageElement--family-banner-logo { max-height: 24px; width: 80px } @media (max-width: 768px) { .vtex-store-components-3-x-imageElement--family-banner-logo { width:60px } } .vtex-store-components-3-x-infoCardContainer--family-banner-container { height: 450px } .vtex-store-components-3-x-infoCardHeadline--family-banner-title { color: #000; font-weight: 500; font-size: 48px } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardHeadline--family-banner-title { font-size:32px } } .vtex-store-components-3-x-infoCardSubhead--family-banner-text { color: #000; font-size: 16px; line-height: 1.5 } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardSubhead--family-banner-text { font-size:14px; line-height: unset } } .vtex-store-components-3-x-infoCardCallActionContainer--family-banner-Button .vtex-button { background-color: #1879a6; outline: none; border: none; border-color: unset; height: 45px; font-weight: unset; text-transform: none; border-radius: 8px; width: 210px } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardCallActionContainer--family-banner-Button .vtex-button { height:50px; width: 170px; font-size: 15px } } .vtex-store-components-3-x-infoCardCallActionContainer--family-banner-Button .vtex-button:hover { background-color: #1879a6 } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardTextContainer--family-banner-container { padding-top:90px } } .vtex-store-components-3-x-infoCardTextContainer--family-infocard-wrapper { width: 100% } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardTextContainer--family-infocard-wrapper { padding-bottom:320px } } @media (min-width: 1920px) { .vtex-store-components-3-x-infoCardTextContainer--family-infocard-wrapper { margin-left:25rem !important } } .vtex-store-components-3-x-infoCardContainer--family-infocard-container { width: 100%; background-size: 100% !important; background-position: 50% } @media only screen and (min-width: 1000px) { .vtex-store-components-3-x-infoCardContainer--family-infocard-container { padding:5rem 0 } } @media only screen and (min-width: 1650px) { .vtex-store-components-3-x-infoCardContainer--family-infocard-container { padding:9.5rem 0 } } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardContainer--family-infocard-container { height:781px; background-color: #000; background-position-y: bottom } } .vtex-store-components-3-x-infoCardHeadline--family-infocard-title { color: #fff; font-weight: 500 } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardHeadline--family-infocard-title { font-size:32px } } .vtex-store-components-3-x-infoCardSubhead--family-infocard-text { color: #fff } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardSubhead--family-infocard-text { font-size:14px } } .vtex-store-components-3-x-infoCardCallActionContainer--family-infocard-Button .vtex-button { background-color: #1879a6; outline: none; border: none; border-color: unset; height: 50px; font-weight: unset; text-transform: none; border-radius: 10px; width: 185px; background-image: url(https://motorolaimgrepo.vteximg.com.br/arquivos/Icon-arrow-right.svg); background-repeat: no-repeat; background-size: 9px; background-position: 145px 16px } .vtex-store-components-3-x-infoCardCallActionContainer--family-infocard-Button .vtex-button:hover { background-color: #1879a6 } @media (max-width: 768px) { .vtex-store-components-3-x-infoCardCallActionContainer--family-infocard-Button,.vtex-store-components-3-x-infoCardHeadline--family-infocard-title,.vtex-store-components-3-x-infoCardSubhead--family-infocard-text { text-align:center; margin: 0 auto; padding: 10px; line-height: 1.5 } } .vtex-store-components-3-x-portalContainer--bottom__search-bar .vtex-store-components-3-x-itemList { color: #000 } .vtex-store-components-3-x-infoCardContainer--battery,.vtex-store-components-3-x-infoCardContainer--health,.vtex-store-components-3-x-infoCardContainer--quality { max-width: 1400px; margin: auto } .vtex-store-components-3-x-infoCardTextContainer--battery,.vtex-store-components-3-x-infoCardTextContainer--health,.vtex-store-components-3-x-infoCardTextContainer--quality { padding: 0 20px } .vtex-store-components-3-x-infoCardTextContainer--battery .vtex-store-components-3-x-infoCardHeadline,.vtex-store-components-3-x-infoCardTextContainer--health .vtex-store-components-3-x-infoCardHeadline,.vtex-store-components-3-x-infoCardTextContainer--quality .vtex-store-components-3-x-infoCardHeadline { text-align: center; font-size: 22px; line-height: 28px; width: 100% } @media (min-width: 1024px) { .vtex-store-components-3-x-infoCardTextContainer--battery .vtex-store-components-3-x-infoCardHeadline,.vtex-store-components-3-x-infoCardTextContainer--health .vtex-store-components-3-x-infoCardHeadline,.vtex-store-components-3-x-infoCardTextContainer--quality .vtex-store-components-3-x-infoCardHeadline { font-size:36px; line-height: 38px; text-align: left } } .vtex-store-components-3-x-infoCardTextContainer--battery .vtex-store-components-3-x-infoCardSubhead,.vtex-store-components-3-x-infoCardTextContainer--health .vtex-store-components-3-x-infoCardSubhead,.vtex-store-components-3-x-infoCardTextContainer--quality .vtex-store-components-3-x-infoCardSubhead { margin-bottom: 20px } @media (min-width: 1024px) { .vtex-store-components-3-x-infoCardTextContainer--battery .vtex-store-components-3-x-infoCardSubhead,.vtex-store-components-3-x-infoCardTextContainer--health .vtex-store-components-3-x-infoCardSubhead,.vtex-store-components-3-x-infoCardTextContainer--quality .vtex-store-components-3-x-infoCardSubhead { margin-bottom:0 } } .vtex-store-components-3-x-infoCardTextContainer--battery .vtex-store-components-3-x-infoCardSubhead,.vtex-store-components-3-x-infoCardTextContainer--health .vtex-store-components-3-x-infoCardSubhead,.vtex-store-components-3-x-infoCardTextContainer--quality .vtex-store-components-3-x-infoCardSubhead { font-weight: 300 } .vtex-product-summary-2-x-skuSelectorContainer--new-family-edge-shelf-complete { border: none !important; padding: 0 !important; justify-content: center } .vtex-product-summary-2-x-skuSelectorContainer--new-family-edge-shelf-complete .vtex-store-components-3-x-skuSelectorContainer .vtex-store-components-3-x-skuSelectorItem--new-family-edge-shelf-complete { background: none !important } .vtex-product-summary-2-x-skuSelectorContainer--new-family-edge-shelf-complete .vtex-store-components-3-x-skuSelectorOptionsList { justify-content: center !important } .vtex-product-summary-2-x-skuSelectorContainer--new-family-edge-shelf-complete .vtex-store-components-3-x-skuSelectorItem--selected .vtex-store-components-3-x-frameAround { border-radius: 180px; border: 3px solid #1879a6 !important } .vtex-product-summary-2-x-skuSelectorContainer--new-family-edge-shelf-complete .vtex-store-components-3-x-skuSelectorItemImage { padding: 0; height: 25px; width: 25px; border-radius: 180px } @media (max-width: 1023px) { .vtex-product-summary-2-x-skuSelectorContainer--new-family-edge-shelf-complete .vtex-store-components-3-x-skuSelectorItemImage { height:20px; width: 20px } } .vtex-product-summary-2-x-skuSelectorContainer--new-family-edge-shelf-complete .vtex-store-components-3-x-skuSelectorInternalBox { height: 25px !important; width: 25px !important; border: none !important; border-radius: 100% !important } @media (max-width: 1023px) { .vtex-product-summary-2-x-skuSelectorContainer--new-family-edge-shelf-complete .vtex-store-components-3-x-skuSelectorInternalBox { height:20px !important; width: 20px !important } } .vtex-product-summary-2-x-skuSelectorContainer--new-family-edge-shelf-complete .vtex-store-components-3-x-skuSelectorTextContainer { display: none } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-store-components-3-x-container { color: #fff; padding: 0; margin-top: 5rem } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-reviewsHeading { color: #001428; background: #fff; font-size: 24px; border: none } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-reviewsRating { display: flex; align-items: center; gap: 1rem; flex-wrap: wrap; background: #ebebeb; color: #001428; border-radius: .5em; padding: 1em; font-size: 14px; margin-bottom: 24px } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-graphContent { background: #ebebeb; color: #001428; padding: 1em; border-radius: .5em } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-stars { display: flex; gap: .4rem } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-loginLink { background: #ff554d; width: fit-content; border-radius: 5px; color: #fff; font-weight: 500; text-decoration: none } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-graphBarContainer { border-radius: 14px; border: 1px solid #b3d0eb; height: 20px; background: transparent; margin-left: 1rem } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-graphBarContainer:before { content: ""; display: flex; width: 10px; height: 10px; background: url(https://mxmoto.vtexassets.com/arquivos/start-fullfiled.png); background-size: contain; position: absolute; background-repeat: no-repeat; align-items: center; left: -22px; top: 2px } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-graphBar { width: 50%; border-radius: 14px 0 0 14px; background: #b3d0eb } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-star--filled { position: relative; visibility: hidden } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-star--filled:after { content: ""; width: 20px; height: 20px; position: absolute; background: url(https://mxmoto.vtexassets.com/arquivos/start-fullfiled.png); left: 0; top: 4px; z-index: 1; background-size: contain; background-repeat: no-repeat; visibility: visible } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-star--empty { position: relative; visibility: hidden } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-star--empty:after { content: ""; width: 20px; height: 20px; position: absolute; background: url(https://mxmoto.vtexassets.com/arquivos/star-empty.png); left: 0; top: 4px; z-index: 1; background-size: contain; background-repeat: no-repeat; visibility: visible; filter: invert(1) } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-graphText { width: 10px; overflow: hidden; white-space: nowrap } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-reviewsOrderBy { gap: 1rem; flex-wrap: wrap } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-reviewsOrderBy .vtex-styleguide-9-x-container { background: #061b32; border: 1px solid #132e50; padding: 1rem 2rem; height: auto } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-reviewsOrderBy .vtex-styleguide-9-x-container .vtex-dropdown__button { color: #fff } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-reviewCommentsContainer .vtex-reviews-and-ratings-3-x-star--filled { position: relative; visibility: hidden } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-reviewCommentsContainer .vtex-reviews-and-ratings-3-x-star--filled:after { content: ""; width: 13px; height: 13px; position: absolute; background: url(https://mxmoto.vtexassets.com/arquivos/start-fullfiled.png); left: 0; top: 4px; z-index: 1; background-size: contain; background-repeat: no-repeat; visibility: visible } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-reviewsPaging .vtex-button { color: #001428; border: none; background: transparent; padding: 0; margin: 0 } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-writeReviewContainer { background: #ebebeb; padding: 1em; border-radius: .5em } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-writeReviewContainer .vtex-styleguide-9-x-jsFocusVisible:nth-child(2n) { background: #ff554d; width: fit-content; padding: .7rem; border-radius: 4px } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-writeReviewContainer .vtex-styleguide-9-x-jsFocusVisible .vtex-reviews-and-ratings-3-x-writeReviewButton,.vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-writeReviewContainer .vtex-styleguide-9-x-jsFocusVisible .vtex__icon-caret-down,.vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-writeReviewContainer .vtex-styleguide-9-x-jsFocusVisible .vtex__icon-caret-up { color: #001428 } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-writeReviewContainer .vtex-reviews-and-ratings-3-x-formContainer { padding: 1px } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-writeReviewContainer .vtex-reviews-and-ratings-3-x-formContainer .vtex-card,.vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-writeReviewContainer .vtex-reviews-and-ratings-3-x-formContainer .vtex-card .vtex-input__label { color: #001428 } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-writeReviewContainer .vtex-reviews-and-ratings-3-x-formContainer .vtex-button { color: #fff; background: #92c1e9; padding: .5rem; border-color: transparent } .vtex-flex-layout-0-x-flexRow--container-pdp-product-reviews .vtex-reviews-and-ratings-3-x-writeReviewContainer .vtex-reviews-and-ratings-3-x-formContainer .vtex-button:disabled { color: #fff } .vtex-reviews-and-ratings-3-x-summaryContainer .vtex-reviews-and-ratings-3-x-stars { display: flex; flex-wrap: nowrap } .vtex-reviews-and-ratings-3-x-summaryContainer .vtex-reviews-and-ratings-3-x-star--filled { position: relative; visibility: hidden } .vtex-reviews-and-ratings-3-x-summaryContainer .vtex-reviews-and-ratings-3-x-star--filled:after { content: ""; width: 20px; height: 20px; position: absolute; background: url(https://mxmoto.vtexassets.com/arquivos/start-fullfiled.png); left: 0; top: 4px; z-index: 1; background-size: contain; background-repeat: no-repeat; visibility: visible } .vtex-reviews-and-ratings-3-x-summaryContainer .vtex-reviews-and-ratings-3-x-star--empty { visibility: hidden; position: relative } .vtex-reviews-and-ratings-3-x-summaryContainer .vtex-reviews-and-ratings-3-x-star--empty:after { content: ""; width: 20px; height: 20px; position: absolute; background: url(https://mxmoto.vtexassets.com/arquivos/star-empty.png); left: 0; top: 4px; z-index: 1; background-size: contain; background-repeat: no-repeat; visibility: visible; filter: invert(1) } .vtex-reviews-and-ratings-3-x-summaryContainer { display: flex; align-items: center; gap: .5rem } .vtex-reviews-and-ratings-3-x-summaryContainer .vtex-reviews-and-ratings-3-x-summaryButtonContainer .vtex-button { background: transparent; color: #ff554d; font-weight: 500; border: none } .vtex-reviews-and-ratings-3-x-reviewCommentsContainer { color: #001428 } .vtex-flex-layout-0-x-flexRow--la-liga-row { background-color: #fff } .vtex-flex-layout-0-x-flexRow--la-liga-row .vtex-store-components-3-x-container { padding: 0 } .vtex-flex-layout-0-x-flexRow--la-liga-row-text .vtex-store-components-3-x-container { padding: 0 15px } .vtex-flex-layout-0-x-flexRow--la-liga-row-color-selector,.vtex-flex-layout-0-x-flexRow--la-liga-row-galeria { padding-top: 5px } .vtex-store-components-3-x-imageElement--la-liga-banner { width: -webkit-fill-available } .vtex-rich-text-0-x-container--la-liga-text,.vtex-rich-text-0-x-container--la-liga-title { justify-content: center; color: #000 } .vtex-rich-text-0-x-container--la-liga-text .vtex-rich-text-0-x-paragraph--la-liga-title,.vtex-rich-text-0-x-container--la-liga-title .vtex-rich-text-0-x-paragraph--la-liga-title { font-size: 48px; text-align: center; font-weight: 400; letter-spacing: 0; margin-bottom: 0; margin-top: 0 } @media (max-width: 1023px) { .vtex-rich-text-0-x-container--la-liga-text .vtex-rich-text-0-x-paragraph--la-liga-title,.vtex-rich-text-0-x-container--la-liga-title .vtex-rich-text-0-x-paragraph--la-liga-title { font-size:30px } } .vtex-rich-text-0-x-container--la-liga-text .vtex-rich-text-0-x-paragraph--la-liga-text,.vtex-rich-text-0-x-container--la-liga-title .vtex-rich-text-0-x-paragraph--la-liga-text { font-size: 20px; font-weight: 500; text-align: center; width: 100%; margin: 15px 0; letter-spacing: 0 } @media (max-width: 1023px) { .vtex-rich-text-0-x-container--la-liga-text .vtex-rich-text-0-x-paragraph--la-liga-text,.vtex-rich-text-0-x-container--la-liga-title .vtex-rich-text-0-x-paragraph--la-liga-text { font-size:16px } } .vtex-flex-layout-0-x-flexCol--la-liga-col-text-banner { position: absolute; width: 600px; margin: 30px } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexCol--la-liga-col-text-banner { width:270px; margin: 0 } } .vtex-flex-layout-0-x-flexCol--la-liga-col-text-banner .vtex-flex-layout-0-x-flexColChild--la-liga-col-text-banner { height: auto !important } .vtex-flex-layout-0-x-flexCol--la-liga-col-text-banner .vtex-flex-layout-0-x-flexColChild--la-liga-col-text-banner .vtex-rich-text-0-x-paragraph--la-liga-title-banner2 { font-size: 48px; font-weight: 400; letter-spacing: 0; margin-bottom: 0 } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexCol--la-liga-col-text-banner .vtex-flex-layout-0-x-flexColChild--la-liga-col-text-banner .vtex-rich-text-0-x-paragraph--la-liga-title-banner2 { font-size:25px; margin-top: 0 } } .vtex-flex-layout-0-x-flexCol--la-liga-col-text-banner .vtex-flex-layout-0-x-flexColChild--la-liga-col-text-banner .vtex-rich-text-0-x-paragraph--la-liga-text-banner2 { font-size: 20px; font-weight: 500; width: 100%; margin: 36px 0; letter-spacing: 0 } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexCol--la-liga-col-text-banner .vtex-flex-layout-0-x-flexColChild--la-liga-col-text-banner .vtex-rich-text-0-x-paragraph--la-liga-text-banner2 { font-size:13px; margin-top: 0 } } .vtex-flex-layout-0-x-flexCol--la-liga-col-text { justify-content: center; align-items: flex-start; margin: 40px; height: -webkit-fill-available } .vtex-flex-layout-0-x-flexCol--la-liga-col-text .vtex-flex-layout-0-x-flexColChild--la-liga-col-text { height: auto !important } .vtex-flex-layout-0-x-flexCol--la-liga-col-text .vtex-flex-layout-0-x-flexColChild--la-liga-col-text .vtex-rich-text-0-x-paragraph--la-liga-title { font-size: 48px; font-weight: 400; letter-spacing: 0; margin-bottom: 0; margin-top: 0; text-align: left } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexCol--la-liga-col-text .vtex-flex-layout-0-x-flexColChild--la-liga-col-text .vtex-rich-text-0-x-paragraph--la-liga-title { font-size:25px } } .vtex-flex-layout-0-x-flexCol--la-liga-col-text .vtex-flex-layout-0-x-flexColChild--la-liga-col-text .vtex-rich-text-0-x-paragraph--la-liga-text { font-size: 20px; font-weight: 500; width: 100%; margin: 36px 0; letter-spacing: 0; text-align: left } @media (max-width: 1023px) { .vtex-flex-layout-0-x-flexCol--la-liga-col-text .vtex-flex-layout-0-x-flexColChild--la-liga-col-text .vtex-rich-text-0-x-paragraph--la-liga-text { font-size:13px; margin-top: 0 } } .vtex-store-components-3-x-imageElement--la-liga-edge40-camaras-img-double { margin-left: 20px } .vtex-store-components-3-x-imageElement--la-liga-edge40-galeria-img { width: 97% } .vtex-rich-text-0-x-wrapper--la-liga-legales { color: #000 } .vtex-search-result-3-x-searchResultContainer--la-liga-search-result_content { background-color: #fff } .vtex-search-result-3-x-searchResultContainer--la-liga-search-result_content .vtex-search-result-3-x-gallery--gallery-la-liga { background-color: #f8f8f8; padding: 16px 83px 16px 16px } .vtex-store-components-3-x-infoCardContainer--motocare-page-why { border: none } .vtex-store-components-3-x-infoCardContainer--motocare-page-asistencia { background-color: #fff } .vtex-store-components-3-x-infoCardTextContainer--motocare-page-why { width: 100%; margin: auto; max-width: 1000px } .vtex-store-components-3-x-infoCardTextContainer--motocare-page-asistencia { max-width: 500px; width: 100% } .vtex-store-components-3-x-infoCardTextContainer--motocare-page-asistencia .vtex-store-components-3-x-infoCardHeadline,.vtex-store-components-3-x-infoCardTextContainer--motocare-page-asistencia .vtex-store-components-3-x-infoCardSubhead,.vtex-store-components-3-x-infoCardTextContainer--motocare-page-why .vtex-store-components-3-x-infoCardHeadline,.vtex-store-components-3-x-infoCardTextContainer--motocare-page-why .vtex-store-components-3-x-infoCardSubhead { color: #000 } .vtex-store-components-3-x-infoCardImageContainer--motocare-page-asistencia { width: 100% } .vtex-store-link-0-x-link--product-more-colors { display: flex; justify-content: left; margin-bottom: 15px; text-decoration: none } .vtex-store-link-0-x-link--product-more-colors .vtex-store-link-0-x-label { color: #92c1e9; font-size: 12px; font-weight: 700 } .vtex-store-link-0-x-buttonLink--seguros-how-do { background-color: transparent; width: 208px !important; height: 48px } .vtex-store-link-0-x-buttonLink--seguros-how-do .vtex-store-link-0-x-label { color: #fff; font-size: 14px } .vtex-store-link-0-x-buttonLink--seguros-verificar-aparelhos { width: 208px; height: 48px } .vtex-store-link-0-x-buttonLink--blackfriday-lancamentos { height: 48px } .vtex-store-link-0-x-buttonLink--blackfriday-lancamentos .vtex-store-link-0-x-label { font-size: 14px; line-height: 24px } .vtex-store-link-0-x-buttonLink--blackfriday-conferir-ofertas { position: relative; top: -40px; left: -30px } .vtex-store-link-0-x-link--novidades-link-anchor { max-width: 150px; height: 48px; margin: 10px 0 } .vtex-store-link-0-x-buttonLink--footer-newsletter { background-color: #001428; border-color: #001428; border-radius: 25px; height: 50px } .vtex-store-link-0-x-buttonLink--footer-newsletter:hover { background-color: #001428; border-color: #001428 } .vtex-store-link-0-x-buttonLink--footer-newsletter .vtex-store-link-0-x-label { line-height: 50px; color: #fff; font-size: 14px; font-weight: 600; text-transform: none } @media (min-width: 1025px) { .vtex-store-link-0-x-buttonLink--footer-newsletter { width:220px } } @media (max-width: 1024px) { .vtex-store-link-0-x-buttonLink--footer-newsletter { width:236px } } .vtex-store-link-0-x-link--category .vtex-store-link-0-x-paragraph { margin: 0 } .vtex-store-link-0-x-link--category { color: #fff; font-weight: 700; font-size: 14px; margin-left: 10px; text-align: center; justify-content: center; text-decoration: none } @media (max-width: 345) { .vtex-store-link-0-x-link--category { font-size:12px } } .vtex-store-link-0-x-link--product-more-colors-shelf-blue { margin: .5rem 0 1rem; display: flex; justify-content: left; text-decoration: none } .vtex-store-link-0-x-link--product-more-colors-shelf-blue .vtex-store-link-0-x-label { color: #92c1e9; font-size: 12px; font-weight: 700 } .vtex-store-link-0-x-link--product-compare-shelf-blue { border-top: 1px solid #ebebeb; padding-top: 25px; margin-top: auto; text-decoration: none; text-align: center } .vtex-store-link-0-x-link--product-compare-shelf-blue .vtex-store-link-0-x-label { color: #92c1e9; font-size: 14px } @media (max-width: 1024px) { .vtex-store-link-0-x-link--product-compare-shelf-blue { border:0; padding-top: 0; margin-top: 0; text-decoration: none; text-align: center; order: 3 } .vtex-store-link-0-x-link--product-compare-shelf-blue .vtex-store-link-0-x-label { color: #fff; font-size: 14px } } .vtex-flex-layout-0-x-flexRow--pdp-triggers .vtex-store-link-0-x-link--product-compare-shelf-blue { margin: 0; border: none; padding: 0; display: flex; align-items: center; height: max-content } @media (min-width: 1025px) { .vtex-flex-layout-0-x-flexRow--pdp-triggers .vtex-store-link-0-x-link--product-compare-shelf-blue { padding-right:20px; margin-right: 20px; border-right: 1px solid #d8d8d8; justify-content: center } } @media (max-width: 1024px) { .vtex-flex-layout-0-x-flexRow--pdp-triggers .vtex-store-link-0-x-link--product-compare-shelf-blue { width:100%; padding-bottom: 10px } } .vtex-flex-layout-0-x-flexRow--pdp-triggers .vtex-store-link-0-x-link--product-compare-shelf-blue .vtex-store-link-0-x-label { display: flex; align-items: center; font-size: 0 } .vtex-flex-layout-0-x-flexRow--pdp-triggers .vtex-store-link-0-x-link--product-compare-shelf-blue .vtex-store-link-0-x-label:before { content: url(/arquivos/cb-r-icone-compare-pdp-desktop.png); margin-right: 5px } .vtex-flex-layout-0-x-flexRow--pdp-triggers .vtex-store-link-0-x-link--product-compare-shelf-blue .vtex-store-link-0-x-label:after { content: "Comparar"; color: #001428; font-size: 12px; line-height: 12px; font-weight: 400 } .vtex-store-link-0-x-link--no-context-breadcrumb-item-home { font-size: 12px } .vtex-store-link-0-x-link--showcase-product-summary { border: 1px solid #0e77da; font-size: 1rem; font-weight: 500; border-radius: 360rem; padding: .5rem 0; color: #fff; background-color: #0e77da; text-decoration: none; width: 90%; margin: 7px auto } @media (min-width: 1025px) { .vtex-store-link-0-x-link--showcase-product-summary { width:80% } } .vtex-store-link-0-x-link--showcase-product-summary:hover { background-color: #005eb1; border: 1px solid #005eb1 } .vtex-store-link-0-x-link--new-product-shelf-blue { display: flex; justify-content: flex-end; color: #fff; text-decoration: none; align-items: center; margin-bottom: 10px } .vtex-store-link-0-x-link--new-product-shelf-blue .vtex-store-link-0-x-label { padding: 6px 15px; font-size: 12px; font-weight: 700; border-radius: 5px; background-color: #000 } .vtex-tab-layout-0-x-container--shelf-tabs { height: 490px; max-width: 1366px; padding: 0 15px } @media (max-width: 639px) { .vtex-tab-layout-0-x-container--shelf-tabs { padding:0 } } .vtex-tab-layout-0-x-container--shelf-tabs .vtex-tab-layout-0-x-listContainer { padding-left: 15px } @media (min-width: 1025px) { .vtex-tab-layout-0-x-container--shelf-tabs .vtex-tab-layout-0-x-listContainer { justify-content:flex-start } } @media (max-width: 1024px) { .vtex-tab-layout-0-x-container--shelf-tabs .vtex-tab-layout-0-x-listContainer { justify-content:flex-start } } @media (max-width: 639px) { .vtex-tab-layout-0-x-container--shelf-tabs .vtex-tab-layout-0-x-listContainer { display:flex; padding-left: 5px; flex-wrap: nowrap; overflow: auto } } .vtex-tab-layout-0-x-container--shelf-tabs .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItem { margin: 0 40px 0 0 } @media (max-width: 639px) { .vtex-tab-layout-0-x-container--shelf-tabs .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItem { margin-right:5px !important; white-space: nowrap } } .vtex-tab-layout-0-x-container--shelf-tabs .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItem .vtex-button { color: #fff; font-size: 14px; font-weight: 700; border-radius: 0 !important } .vtex-tab-layout-0-x-container--shelf-tabs .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItem .vtex-button:hover { background-color: transparent } .vtex-tab-layout-0-x-container--shelf-tabs .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItem .vtex-button .vtex-button__label { padding: 0 !important; margin-top: 15px } .vtex-tab-layout-0-x-container--shelf-tabs .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItemActive .vtex-button { color: #0e77da; border: none; border-bottom: 2px solid #0e77da; background-color: transparent } .vtex-tab-layout-0-x-container--shelf-tabs .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItemActive .vtex-button:hover { color: #0e77da; border-bottom: 2px solid #0e77da; background-color: transparent } .vtex-tab-layout-0-x-container--pdp-formas-pagamento { max-width: 730px } @media (max-width: 1024px) { .vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-product-price-1-x-spotPrice--pdp-formas-pagamento,.vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-rich-text-0-x-heading--pdp-formas-pagamento-ame,.vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-rich-text-0-x-paragraph--pdp-formas-pagamento-ame,.vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-rich-text-0-x-paragraph--pdp-formas-pagamento-modal,.vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-rich-text-0-x-wrapper--pdp-formas-pagamento-ame,.vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-tab-layout-0-x-contentItem { color:#fff !important } } .vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-tab-layout-0-x-listContainer { margin-bottom: 20px } @media (min-width: 1025px) { .vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-tab-layout-0-x-listContainer { background:#f5f5f5; padding: 6px } } @media (max-width: 1024px) { .vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-tab-layout-0-x-listContainer { background-color:#011b34 } } @media (min-width: 1025px) { .vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItem { margin:0; padding: 0 } } .vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItem .vtex-button { height: 48px } @media (min-width: 1025px) { .vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItem .vtex-button { min-width:142px } } @media (max-width: 1024px) { .vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItem .vtex-button .vtex-button__label { font-weight:500; font-size: 14px; color: #fff; padding: 5px !important } } @media (min-width: 1025px) { .vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItem .vtex-button .vtex-button__label { color:#001428; font-size: 14px; padding: 16px } } @media (max-width: 1024px) { .vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItem .vtex-button { background-color:#011b34 } } @media (min-width: 1025px) { .vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItemActive .vtex-button { background-color:#001428; border-color: #001428 } .vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItemActive .vtex-button .vtex-button__label { color: #fff } } @media (max-width: 1024px) { .vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItemActive .vtex-button { background-color:#fff; border-color: #fff } .vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItemActive .vtex-button .vtex-button__label { color: #001428 } } @media (min-width: 1025px) { .vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-tab-layout-0-x-contentContainer { padding:20px 40px } } .vtex-tab-layout-0-x-container--pdp-formas-pagamento .vtex-tab-layout-0-x-contentContainer .vtex-tab-layout-0-x-contentItem { display: flex; flex-direction: column; align-items: flex-start } .vtex-tab-layout-0-x-container--gray-style { display: flex; flex-direction: column; align-items: center; justify-content: center } .vtex-tab-layout-0-x-container--gray-style .vtex-tab-layout-0-x-listContainer { background-color: #fff; border-radius: 4px; box-shadow: 0 0 10px 0 #dbdbdb; overflow: hidden; margin: 0 auto; max-width: none } @media (min-width: 1024px) { .vtex-tab-layout-0-x-container--gray-style .vtex-tab-layout-0-x-listContainer { max-width:fit-content } } .vtex-tab-layout-0-x-container--gray-style .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItem { margin: 0; padding: 0 } .vtex-tab-layout-0-x-container--gray-style .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItem .vtex-button { border-radius: 0; border-bottom: 3px solid transparent; color: #011b34; width: 100% } .vtex-tab-layout-0-x-container--gray-style .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItem .vtex-button .vtex-button__label { font-size: 14px } .vtex-tab-layout-0-x-container--gray-style .vtex-tab-layout-0-x-listContainer .vtex-tab-layout-0-x-listItemActive .vtex-button { background-color: #fff; border-radius: 0; border: none; border-bottom: 3px solid #001428 } @media (max-width: 1023px) { .vtex-tab-layout-0-x-container--gray-style .vtex-tab-layout-0-x-contentContainer { padding:0 15px } } .vtex-tab-layout-0-x-container--blackfriday-shelves { height: auto } .vtex-tab-layout-0-x-container--blackfriday-shelves .vtex-tab-layout-0-x-listContainer { padding: 0; margin-bottom: 30px } @font-face { font-family: Montserrat; src: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-components/2.0.310/fonts/Montserrat-Thin___43dd5b7a3d277362d5e801e5353e3a01.ttf); font-weight: 100 } @font-face { font-family: Montserrat; src: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-components/2.0.310/fonts/Montserrat-ExtraLight___570a244cacd3d78b8c75ac5dd622f537.ttf); font-weight: 200 } @font-face { font-family: Montserrat; src: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-components/2.0.310/fonts/Montserrat-Light___409c7f79a42e56c785f50ed37535f0be.ttf); font-weight: 300 } @font-face { font-family: Montserrat; src: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-components/2.0.310/fonts/Montserrat-Regular___ee6539921d713482b8ccd4d0d23961bb.ttf); font-weight: 400 } @font-face { font-family: Montserrat; src: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-components/2.0.310/fonts/Montserrat-Medium___c8b6e083af3f94009801989c3739425e.ttf); font-weight: 500 } @font-face { font-family: Montserrat; src: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-components/2.0.310/fonts/Montserrat-SemiBold___c641dbee1d75892e4d88bdc31560c91b.ttf); font-weight: 600 } @font-face { font-family: Montserrat; src: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-components/2.0.310/fonts/Montserrat-Bold___ade91f473255991f410f61857696434b.ttf); font-weight: 700 } @font-face { font-family: Montserrat; src: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-components/2.0.310/fonts/Montserrat-ExtraBold___19ba7aa52a78c3896558ac1c0a5fb4c7.ttf); font-weight: 800 } @font-face { font-family: Montserrat; src: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-components/2.0.310/fonts/Montserrat-Black___27e3649bab7c62fa21b8837c4842e40e.ttf); font-weight: 900 } @font-face { font-family: MotoSans; src: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-components/2.0.310/fonts/MotoSans-Regular___0310badc572d4472b1e55847417d0d46.woff); font-weight: 400 } @font-face { font-family: MotoSans-italic; font-style: italic; src: url(https://mxmoto.vtexassets.com/assets/vtex/assets-builder/mxmoto.motorola-components/2.0.310/fonts/MotoSans-Italic___6ba8249f7c5a96c3b7fe46e932757a8d.woff); font-weight: 400 }