Last active
March 27, 2021 19:24
-
-
Save dltacube/4f0a2745d22c50717ada7e918d501144 to your computer and use it in GitHub Desktop.
from nest.com
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
.ak-youtubemodal { | |
display: none; | |
height: 100%; | |
left: 0; | |
opacity: 0; | |
position: fixed; | |
top: 0; | |
transform: scale(1.15); | |
transition: all .3s cubic-bezier(0.4, 0, 0.2, 1); | |
visibility: hidden; | |
width: 100%; | |
z-index: 2000 | |
} | |
.ak-youtubemodal--enabled { | |
display: block | |
} | |
.ak-youtubemodal--visible { | |
opacity: 1; | |
transform: scale(1); | |
visibility: visible | |
} | |
.ak-youtubemodal-x { | |
background: #131313; | |
color: #fff; | |
cursor: pointer; | |
font-size: 50px; | |
height: 50px; | |
line-height: 50px; | |
opacity: .8; | |
overflow: hidden; | |
position: absolute; | |
right: 0; | |
text-align: center; | |
top: 0; | |
transition: all .3s; | |
width: 50px; | |
z-index: 2004 | |
} | |
.ak-youtubemodal-x:before { | |
content: "×"; | |
display: block; | |
font-family: "arial",sans-serif; | |
height: 50px; | |
line-height: 50px; | |
text-align: center; | |
vertical-align: middle; | |
width: 50px | |
} | |
.ak-youtubemodal-x:hover { | |
color: #131313; | |
background: #fff | |
} | |
.ak-youtubemodal-mask { | |
background: #fff; | |
height: 100%; | |
left: 0; | |
position: absolute; | |
top: 0; | |
width: 100%; | |
z-index: 2001 | |
} | |
.ak-youtubemodal-player { | |
height: 100%; | |
position: relative; | |
width: 100%; | |
z-index: 2002 | |
} | |
.ak-youtubemodal-attribution { | |
bottom: 0; | |
color: #7e7e7e; | |
font-size: 12px; | |
left: 0; | |
line-height: 12px; | |
max-width: 100%; | |
padding: 0 30px 75px 30px; | |
pointer-events: none; | |
position: absolute; | |
right: 0; | |
text-align: center; | |
z-index: 2004 | |
} | |
@media screen and (min-width: 768px) { | |
.ak-youtubemodal-attribution { | |
padding:50px; | |
text-align: right | |
} | |
} | |
.ak-youtubemodal { | |
z-index: 99999 | |
} | |
.ak-youtubemodal-x { | |
overflow: visible !important; | |
background-color: transparent !important; | |
border-radius: 100%; | |
border: 2px solid rgba(126, 126, 126, 0.6); | |
width: 34px !important; | |
height: 34px !important; | |
top: 35px !important; | |
right: 50px !important; | |
opacity: 1 !important; | |
background-color: #fff !important | |
} | |
@media(max-width: 767px) { | |
.ak-youtubemodal-x { | |
top:15px !important; | |
right: 18px !important | |
} | |
} | |
@media(min-width: 460px) { | |
.ak-youtubemodal-x { | |
width:46px !important; | |
height: 46px !important | |
} | |
} | |
@media(min-width: 1024px) { | |
.ak-youtubemodal-x { | |
width:60px !important; | |
height: 60px !important | |
} | |
} | |
.ak-youtubemodal-x:before,.ak-youtubemodal-x:after { | |
content: ""; | |
display: block; | |
position: absolute; | |
transition: all 250ms cubic-bezier(0.1, 0.1, 0, 1); | |
transform: scale(0.5) | |
} | |
@media(min-width: 460px) { | |
.ak-youtubemodal-x:before,.ak-youtubemodal-x:after { | |
transform:scale(0.75) | |
} | |
} | |
@media(min-width: 1024px) { | |
.ak-youtubemodal-x:before,.ak-youtubemodal-x:after { | |
transform:scale(1) | |
} | |
} | |
.ak-youtubemodal-x:before { | |
top: 50%; | |
left: 50%; | |
width: 16px !important; | |
height: 16px !important; | |
margin-top: -8px; | |
margin-left: -8px; | |
background-repeat: no-repeat; | |
background-position: center; | |
background-size: 16px; | |
background-image: url("https://mannequin.storage.googleapis.com/2018/modal/exit.svg"); | |
z-index: 1 | |
} | |
.ak-youtubemodal-x:after { | |
width: calc(100% + 4px); | |
height: calc(100% + 4px); | |
top: -2px; | |
right: -2px; | |
opacity: 0; | |
border-radius: 100%; | |
background-color: #423f3f; | |
transform-origin: center center; | |
transform: scale3d(0.8, 0.8, 0.8); | |
z-index: 0 | |
} | |
.ak-youtubemodal-x:hover { | |
border-color: transparent | |
} | |
.ak-youtubemodal-x:hover:before { | |
background-repeat: no-repeat; | |
background-position: center; | |
background-size: 16px; | |
background-image: url("https://mannequin.storage.googleapis.com/2018/modal/exit-white.svg") | |
} | |
.ak-youtubemodal-x:hover:after { | |
opacity: 1; | |
transform: scale3d(1, 1, 1) | |
} | |
.ak-youtubemodal-x:focus { | |
outline: 0 none; | |
box-shadow: 0px 0px 0px 3px rgba(126, 126, 126, 0.15) | |
} | |
.ak-youtubemodal-x:after { | |
background-color: #423f3f !important | |
} | |
.ak-youtubemodal-x:hover { | |
background-color: #423f3f !important | |
} | |
.ak-youtubemodal-x:hover:before { | |
background-image: url("https://mannequin.storage.googleapis.com/2018/modal/exit.svg"); | |
filter: invert(1) | |
} | |
.gsi-youtubemodal { | |
display: none; | |
height: 100%; | |
left: 0; | |
opacity: 0; | |
position: fixed; | |
top: 0; | |
transform: scale(1.15); | |
transition: all .3s cubic-bezier(0.4, 0, 0.2, 1); | |
visibility: hidden; | |
width: 100%; | |
z-index: 2000 | |
} | |
.gsi-youtubemodal--enabled { | |
display: block | |
} | |
.gsi-youtubemodal--visible { | |
opacity: 1; | |
transform: scale(1); | |
visibility: visible | |
} | |
.gsi-youtubemodal-x { | |
background: #131313; | |
color: #fff; | |
cursor: pointer; | |
font-size: 50px; | |
height: 50px; | |
line-height: 50px; | |
opacity: .8; | |
overflow: hidden; | |
position: absolute; | |
right: 0; | |
text-align: center; | |
top: 0; | |
transition: all .3s; | |
width: 50px; | |
z-index: 2004 | |
} | |
.gsi-youtubemodal-x:before { | |
content: "×"; | |
display: block; | |
font-family: "arial",sans-serif; | |
height: 50px; | |
line-height: 50px; | |
text-align: center; | |
vertical-align: middle; | |
width: 50px | |
} | |
.gsi-youtubemodal-x:hover { | |
color: #131313; | |
background: #fff | |
} | |
.gsi-youtubemodal-mask { | |
background: #fff; | |
height: 100%; | |
left: 0; | |
position: absolute; | |
top: 0; | |
width: 100%; | |
z-index: 2001 | |
} | |
.gsi-youtubemodal-player { | |
height: 100%; | |
position: relative; | |
width: 100%; | |
z-index: 2002 | |
} | |
.gsi-youtubemodal-attribution { | |
bottom: 0; | |
color: #7e7e7e; | |
font-size: 12px; | |
left: 0; | |
line-height: 12px; | |
max-width: 100%; | |
padding: 0 30px 75px 30px; | |
pointer-events: none; | |
position: absolute; | |
right: 0; | |
text-align: center; | |
z-index: 2004 | |
} | |
@media screen and (min-width: 768px) { | |
.gsi-youtubemodal-attribution { | |
padding:50px; | |
text-align: right | |
} | |
} | |
.gsi-youtubemodal { | |
z-index: 99999 | |
} | |
.gsi-youtubemodal-x { | |
overflow: visible !important; | |
background-color: transparent !important; | |
border-radius: 100%; | |
border: 2px solid rgba(126, 126, 126, 0.6); | |
width: 34px !important; | |
height: 34px !important; | |
top: 35px !important; | |
right: 50px !important; | |
opacity: 1 !important; | |
background-color: #fff !important | |
} | |
@media(max-width: 767px) { | |
.gsi-youtubemodal-x { | |
top:15px !important; | |
right: 18px !important | |
} | |
} | |
@media(min-width: 460px) { | |
.gsi-youtubemodal-x { | |
width:46px !important; | |
height: 46px !important | |
} | |
} | |
@media(min-width: 1024px) { | |
.gsi-youtubemodal-x { | |
width:60px !important; | |
height: 60px !important | |
} | |
} | |
.gsi-youtubemodal-x:before,.gsi-youtubemodal-x:after { | |
content: ""; | |
display: block; | |
position: absolute; | |
transition: all 250ms cubic-bezier(0.1, 0.1, 0, 1); | |
transform: scale(0.5) | |
} | |
@media(min-width: 460px) { | |
.gsi-youtubemodal-x:before,.gsi-youtubemodal-x:after { | |
transform:scale(0.75) | |
} | |
} | |
@media(min-width: 1024px) { | |
.gsi-youtubemodal-x:before,.gsi-youtubemodal-x:after { | |
transform:scale(1) | |
} | |
} | |
.gsi-youtubemodal-x:before { | |
top: 50%; | |
left: 50%; | |
width: 16px !important; | |
height: 16px !important; | |
margin-top: -8px; | |
margin-left: -8px; | |
background-repeat: no-repeat; | |
background-position: center; | |
background-size: 16px; | |
background-image: url("https://mannequin.storage.googleapis.com/2018/modal/exit.svg"); | |
z-index: 1 | |
} | |
.gsi-youtubemodal-x:after { | |
width: calc(100% + 4px); | |
height: calc(100% + 4px); | |
top: -2px; | |
right: -2px; | |
opacity: 0; | |
border-radius: 100%; | |
background-color: #423f3f; | |
transform-origin: center center; | |
transform: scale3d(0.8, 0.8, 0.8); | |
z-index: 0 | |
} | |
.gsi-youtubemodal-x:hover { | |
border-color: transparent | |
} | |
.gsi-youtubemodal-x:hover:before { | |
background-repeat: no-repeat; | |
background-position: center; | |
background-size: 16px; | |
background-image: url("https://mannequin.storage.googleapis.com/2018/modal/exit-white.svg") | |
} | |
.gsi-youtubemodal-x:hover:after { | |
opacity: 1; | |
transform: scale3d(1, 1, 1) | |
} | |
.gsi-youtubemodal-x:focus { | |
outline: 0 none; | |
box-shadow: 0px 0px 0px 3px rgba(126, 126, 126, 0.15) | |
} | |
.gsi-youtubemodal-x:after { | |
background-color: #423f3f !important | |
} | |
.gsi-youtubemodal-x:hover { | |
background-color: #423f3f !important | |
} | |
.gsi-youtubemodal-x:hover:before { | |
background-image: url("https://mannequin.storage.googleapis.com/2018/modal/exit.svg"); | |
filter: invert(1) | |
} | |
[data-gsi-modal] { | |
display: none | |
} | |
.gsi-modal { | |
display: none; | |
height: 100%; | |
left: 0; | |
opacity: 0; | |
position: fixed; | |
top: 0; | |
transform: scale(1.15); | |
transition: all .3s cubic-bezier(0.4, 0, 0.2, 1); | |
visibility: hidden; | |
width: 100%; | |
z-index: 2000 | |
} | |
.gsi-modal--enabled { | |
display: block | |
} | |
.gsi-modal--visible { | |
opacity: 1; | |
transform: scale(1); | |
visibility: visible | |
} | |
.gsi-modal-x { | |
background: #131313; | |
color: #fff; | |
cursor: pointer; | |
font-size: 50px; | |
height: 50px; | |
line-height: 50px; | |
opacity: .8; | |
overflow: hidden; | |
position: absolute; | |
right: 0; | |
text-align: center; | |
top: 0; | |
transition: all .3s; | |
width: 50px; | |
z-index: 2004 | |
} | |
.gsi-modal-x:before { | |
content: "×"; | |
display: block; | |
font-family: "arial",sans-serif; | |
height: 50px; | |
line-height: 50px; | |
text-align: center; | |
vertical-align: middle; | |
width: 50px | |
} | |
.gsi-modal-x:hover { | |
color: #131313; | |
background: #fff | |
} | |
.gsi-modal-mask { | |
background: #fff; | |
height: 100%; | |
left: 0; | |
position: absolute; | |
top: 0; | |
width: 100%; | |
z-index: 2001 | |
} | |
.gsi-modal-content { | |
height: 100%; | |
left: 0; | |
position: absolute; | |
top: 0; | |
width: 100%; | |
z-index: 2001; | |
overflow: auto; | |
-webkit-overflow-scrolling: touch | |
} | |
.gsi-modal-x { | |
overflow: visible !important; | |
background-color: transparent !important; | |
border-radius: 100%; | |
border: 2px solid rgba(126, 126, 126, 0.6); | |
width: 34px !important; | |
height: 34px !important; | |
top: 35px !important; | |
right: 50px !important; | |
position: fixed; | |
z-index: 10000; | |
transition: opacity .8s ease | |
} | |
@media(max-width: 767px) { | |
.gsi-modal-x { | |
top:15px !important; | |
right: 18px !important | |
} | |
} | |
@media(min-width: 460px) { | |
.gsi-modal-x { | |
width:46px !important; | |
height: 46px !important | |
} | |
} | |
@media(min-width: 1024px) { | |
.gsi-modal-x { | |
width:60px !important; | |
height: 60px !important | |
} | |
} | |
.gsi-modal-x:before,.gsi-modal-x:after { | |
content: ""; | |
display: block; | |
position: absolute; | |
transition: all 250ms cubic-bezier(0.1, 0.1, 0, 1); | |
transform: scale(0.5) | |
} | |
@media(min-width: 460px) { | |
.gsi-modal-x:before,.gsi-modal-x:after { | |
transform:scale(0.75) | |
} | |
} | |
@media(min-width: 1024px) { | |
.gsi-modal-x:before,.gsi-modal-x:after { | |
transform:scale(1) | |
} | |
} | |
.gsi-modal-x:before { | |
top: 50%; | |
left: 50%; | |
width: 16px !important; | |
height: 16px !important; | |
margin-top: -8px; | |
margin-left: -8px; | |
background-repeat: no-repeat; | |
background-position: center; | |
background-size: 16px; | |
background-image: url("https://mannequin.storage.googleapis.com/2018/modal/exit.svg"); | |
z-index: 1 | |
} | |
.gsi-modal-x:after { | |
width: calc(100% + 4px); | |
height: calc(100% + 4px); | |
top: -2px; | |
right: -2px; | |
opacity: 0; | |
border-radius: 100%; | |
background-color: #423f3f; | |
transform-origin: center center; | |
transform: scale3d(0.8, 0.8, 0.8); | |
z-index: 0 | |
} | |
.gsi-modal-x:hover { | |
border-color: transparent | |
} | |
.gsi-modal-x:hover:before { | |
background-repeat: no-repeat; | |
background-position: center; | |
background-size: 16px; | |
background-image: url("https://mannequin.storage.googleapis.com/2018/modal/exit-white.svg") | |
} | |
.gsi-modal-x:hover:after { | |
opacity: 1; | |
transform: scale3d(1, 1, 1) | |
} | |
.gsi-modal-x:focus { | |
outline: 0 none; | |
box-shadow: 0px 0px 0px 3px rgba(126, 126, 126, 0.15) | |
} | |
.gsi-modal--exit { | |
overflow-x: hidden !important | |
} | |
.gsi-modal-x { | |
top: 10px; | |
right: 10px | |
} | |
@media(min-width: 768px) { | |
.gsi-modal-x { | |
top:20px; | |
right: 30px | |
} | |
} | |
.gsi-modal-x:before { | |
content: " " !important | |
} | |
@media(max-width: 767px) { | |
.gsi-modal-x:before { | |
height:20px !important; | |
margin-left: -10px; | |
margin-top: -10px; | |
width: 20px !important | |
} | |
} | |
.gsi-modal-content *,.gsi-modal-content *:before,.gsi-modal-content *:after { | |
box-sizing: border-box | |
} | |
.type-font-weight--regular { | |
font-weight: 400 | |
} | |
.type-font-weight--medium { | |
font-weight: 500 | |
} | |
.type-font-weight--bold { | |
font-weight: 700 | |
} | |
.type-font-weight--regular { | |
font-weight: 400 | |
} | |
.type-font-weight--medium { | |
font-weight: 500 | |
} | |
.type-font-weight--bold { | |
font-weight: 700 | |
} | |
.grid-column-container { | |
display: flex; | |
box-sizing: border-box; | |
flex-flow: row wrap | |
} | |
@media screen and (min-width: 320px) { | |
.grid-column-container { | |
margin:0 16px; | |
max-width: none | |
} | |
} | |
@media screen and (min-width: 600px) { | |
.grid-column-container { | |
margin:0 auto; | |
max-width: 552px | |
} | |
} | |
@media screen and (min-width: 1024px) { | |
.grid-column-container { | |
margin:0 20px; | |
max-width: none | |
} | |
} | |
@media screen and (min-width: 1440px) { | |
.grid-column-container { | |
margin:0 auto; | |
max-width: 1392px | |
} | |
} | |
.grid-offset--none { | |
margin-left: 0; | |
margin-top: 0 | |
} | |
.grid-offset--none+div { | |
margin-top: 0 | |
} | |
@media all and (min-width: 320px)and (max-width: 599px) { | |
.grid-offset--small--none { | |
margin-left:0; | |
margin-top: 0 | |
} | |
.grid-offset--small--none+div { | |
margin-top: 0 | |
} | |
} | |
@media all and (min-width: 600px)and (max-width: 1023px) { | |
.grid-offset--medium--none { | |
margin-left:0; | |
margin-top: 0 | |
} | |
.grid-offset--medium--none+div { | |
margin-top: 0 | |
} | |
} | |
@media all and (min-width: 1024px)and (max-width: 1439px) { | |
.grid-offset--large--none { | |
margin-left:0; | |
margin-top: 0 | |
} | |
.grid-offset--large--none+div { | |
margin-top: 0 | |
} | |
} | |
@media all and (min-width: 1440px) { | |
.grid-offset--xlarge--none { | |
margin-left:0; | |
margin-top: 0 | |
} | |
.grid-offset--xlarge--none+div { | |
margin-top: 0 | |
} | |
} | |
@media all and (min-width: 600px) { | |
.grid-offset--above-small--none { | |
margin-left:0; | |
margin-top: 0 | |
} | |
.grid-offset--above-small--none+div { | |
margin-top: 0 | |
} | |
} | |
@media all and (min-width: 1024px) { | |
.grid-offset--above-medium--none { | |
margin-left:0; | |
margin-top: 0 | |
} | |
.grid-offset--above-medium--none+div { | |
margin-top: 0 | |
} | |
} | |
@media all and (min-width: 320px)and (max-width: 1023px) { | |
.grid-offset--small-medium--none { | |
margin-left:0; | |
margin-top: 0 | |
} | |
.grid-offset--small-medium--none+div { | |
margin-top: 0 | |
} | |
} | |
@media all and (min-width: 320px)and (max-width: 599px) { | |
.grid-offset--small-large--none { | |
margin-left:0; | |
margin-top: 0 | |
} | |
.grid-offset--small-large--none+div { | |
margin-top: 0 | |
} | |
} | |
@media all and (min-width: 1024px)and (max-width: 1439px) { | |
.grid-offset--small-large--none { | |
margin-left:0; | |
margin-top: 0 | |
} | |
.grid-offset--small-large--none+div { | |
margin-top: 0 | |
} | |
} | |
@media all and (min-width: 320px)and (max-width: 599px) { | |
.grid-offset--small-xlarge--none { | |
margin-left:0; | |
margin-top: 0 | |
} | |
.grid-offset--small-xlarge--none+div { | |
margin-top: 0 | |
} | |
} | |
@media all and (min-width: 1440px) { | |
.grid-offset--small-xlarge--none { | |
margin-left:0; | |
margin-top: 0 | |
} | |
.grid-offset--small-xlarge--none+div { | |
margin-top: 0 | |
} | |
} | |
@media all and (min-width: 600px)and (max-width: 1439px) { | |
.grid-offset--medium-large--none { | |
margin-left:0; | |
margin-top: 0 | |
} | |
.grid-offset--medium-large--none+div { | |
margin-top: 0 | |
} | |
} | |
@media all and (min-width: 600px)and (max-width: 1023px) { | |
.grid-offset--medium-xlarge--none { | |
margin-left:0; | |
margin-top: 0 | |
} | |
.grid-offset--medium-xlarge--none+div { | |
margin-top: 0 | |
} | |
} | |
@media all and (min-width: 1440px) { | |
.grid-offset--medium-xlarge--none { | |
margin-left:0; | |
margin-top: 0 | |
} | |
.grid-offset--medium-xlarge--none+div { | |
margin-top: 0 | |
} | |
} | |
:root { | |
--type-font-color--grey: #423f3f; | |
--type-font-color--white: #fff | |
} | |
body { | |
color: var(--type-font-color--grey) | |
} | |
body [data-dark-theme=true] [class^=type-] { | |
color: var(--type-font-color--white) | |
} | |
[wombat-template] .background-blue-50 { | |
background-color: #e8f0fe | |
} | |
[wombat-template] .background-blue-100 { | |
background-color: #d2e3fc | |
} | |
[wombat-template] .background-blue-200 { | |
background-color: #aecbfa | |
} | |
[wombat-template] .background-blue-300 { | |
background-color: #8ab4f8 | |
} | |
[wombat-template] .background-blue-400 { | |
background-color: #669df6 | |
} | |
[wombat-template] .background-blue-500 { | |
background-color: #4285f4 | |
} | |
[wombat-template] .background-blue-600 { | |
background-color: #1a73e8 | |
} | |
[wombat-template] .background-blue-700 { | |
background-color: #1967d2 | |
} | |
[wombat-template] .background-blue-800 { | |
background-color: #185abc | |
} | |
[wombat-template] .background-blue-900 { | |
background-color: #174ea6 | |
} | |
[wombat-template] .background-blue { | |
background-color: #1a73e8 | |
} | |
[wombat-template] .background-red-50 { | |
background-color: #fce8e6 | |
} | |
[wombat-template] .background-red-100 { | |
background-color: #fad2cf | |
} | |
[wombat-template] .background-red-200 { | |
background-color: #f6aea9 | |
} | |
[wombat-template] .background-red-300 { | |
background-color: #f28b82 | |
} | |
[wombat-template] .background-red-400 { | |
background-color: #ee675c | |
} | |
[wombat-template] .background-red-500 { | |
background-color: #ea4335 | |
} | |
[wombat-template] .background-red-600 { | |
background-color: #d93025 | |
} | |
[wombat-template] .background-red-700 { | |
background-color: #c5221f | |
} | |
[wombat-template] .background-red-800 { | |
background-color: #b31412 | |
} | |
[wombat-template] .background-red-900 { | |
background-color: #a50e0e | |
} | |
[wombat-template] .background-red { | |
background-color: #d93025 | |
} | |
[wombat-template] .background-green-50 { | |
background-color: #e6f4ea | |
} | |
[wombat-template] .background-green-100 { | |
background-color: #ceead6 | |
} | |
[wombat-template] .background-green-200 { | |
background-color: #a8dab5 | |
} | |
[wombat-template] .background-green-300 { | |
background-color: #81c995 | |
} | |
[wombat-template] .background-green-400 { | |
background-color: #5bb974 | |
} | |
[wombat-template] .background-green-500 { | |
background-color: #34a853 | |
} | |
[wombat-template] .background-green-600 { | |
background-color: #1e8e3e | |
} | |
[wombat-template] .background-green-700 { | |
background-color: #188038 | |
} | |
[wombat-template] .background-green-800 { | |
background-color: #137333 | |
} | |
[wombat-template] .background-green-900 { | |
background-color: #0d652d | |
} | |
[wombat-template] .background-green { | |
background-color: #1e8e3e | |
} | |
[wombat-template] .background-yellow-50 { | |
background-color: #fef7e0 | |
} | |
[wombat-template] .background-yellow-100 { | |
background-color: #feefc3 | |
} | |
[wombat-template] .background-yellow-200 { | |
background-color: #fde293 | |
} | |
[wombat-template] .background-yellow-300 { | |
background-color: #fdd663 | |
} | |
[wombat-template] .background-yellow-400 { | |
background-color: #fcc934 | |
} | |
[wombat-template] .background-yellow-500 { | |
background-color: #fbbc04 | |
} | |
[wombat-template] .background-yellow-600 { | |
background-color: #f9ab00 | |
} | |
[wombat-template] .background-yellow-700 { | |
background-color: #f29900 | |
} | |
[wombat-template] .background-yellow-800 { | |
background-color: #ea8600 | |
} | |
[wombat-template] .background-yellow-900 { | |
background-color: #e37400 | |
} | |
[wombat-template] .background-yellow { | |
background-color: #f9ab00 | |
} | |
[wombat-template] .background-grey-25 { | |
background-color: #f8f8f8 | |
} | |
[wombat-template] .background-grey-50 { | |
background-color: #f2f2f2 | |
} | |
[wombat-template] .background-grey-100 { | |
background-color: #dcdbdb | |
} | |
[wombat-template] .background-grey-200 { | |
background-color: #a09e9e | |
} | |
[wombat-template] .background-grey-300 { | |
background-color: #787575 | |
} | |
[wombat-template] .background-grey-400 { | |
background-color: #636060 | |
} | |
[wombat-template] .background-grey-500 { | |
background-color: #423f3f | |
} | |
[wombat-template] .background-grey-800 { | |
background-color: #191818 | |
} | |
[wombat-template] .background-grey-900 { | |
background-color: #050505 | |
} | |
[wombat-template] .background-grey { | |
background-color: #423f3f | |
} | |
[wombat-template] .background-white { | |
background-color: #fff | |
} | |
[wombat-template] .background-black { | |
background-color: #050505 | |
} | |
[wombat-template] .background-white { | |
background-color: #fff | |
} | |
[wombat-template] .background-off-white { | |
background-color: #f8f8f8 | |
} | |
[wombat-template] .background-off-grey { | |
background-color: #f2f2f2 | |
} | |
[wombat-template] .background-grey { | |
background-color: #191818 | |
} | |
[wombat-template] .background-off-black { | |
background-color: #050505 | |
} | |
[wombat-template] .background-blue { | |
background-color: #1a73e8 | |
} | |
[wombat-template] .background-off-blue { | |
background-color: #8ab4f8 | |
} | |
[wombat-template] .background-red { | |
background-color: #d93025 | |
} | |
[wombat-template] .background-off-red { | |
background-color: #f28b82 | |
} | |
[wombat-template] .background-yellow { | |
background-color: #f9ab00 | |
} | |
[wombat-template] .background-green { | |
background-color: #1e8e3e | |
} | |
[wombat-template] .text-blue-50 { | |
color: #e8f0fe | |
} | |
[wombat-template] .text-blue-100 { | |
color: #d2e3fc | |
} | |
[wombat-template] .text-blue-200 { | |
color: #aecbfa | |
} | |
[wombat-template] .text-blue-300 { | |
color: #8ab4f8 | |
} | |
[wombat-template] .text-blue-400 { | |
color: #669df6 | |
} | |
[wombat-template] .text-blue-500 { | |
color: #4285f4 | |
} | |
[wombat-template] .text-blue-600 { | |
color: #1a73e8 | |
} | |
[wombat-template] .text-blue-700 { | |
color: #1967d2 | |
} | |
[wombat-template] .text-blue-800 { | |
color: #185abc | |
} | |
[wombat-template] .text-blue-900 { | |
color: #174ea6 | |
} | |
[wombat-template] .text-blue { | |
color: #1a73e8 | |
} | |
[wombat-template] .text-red-50 { | |
color: #fce8e6 | |
} | |
[wombat-template] .text-red-100 { | |
color: #fad2cf | |
} | |
[wombat-template] .text-red-200 { | |
color: #f6aea9 | |
} | |
[wombat-template] .text-red-300 { | |
color: #f28b82 | |
} | |
[wombat-template] .text-red-400 { | |
color: #ee675c | |
} | |
[wombat-template] .text-red-500 { | |
color: #ea4335 | |
} | |
[wombat-template] .text-red-600 { | |
color: #d93025 | |
} | |
[wombat-template] .text-red-700 { | |
color: #c5221f | |
} | |
[wombat-template] .text-red-800 { | |
color: #b31412 | |
} | |
[wombat-template] .text-red-900 { | |
color: #a50e0e | |
} | |
[wombat-template] .text-red { | |
color: #d93025 | |
} | |
[wombat-template] .text-green-50 { | |
color: #e6f4ea | |
} | |
[wombat-template] .text-green-100 { | |
color: #ceead6 | |
} | |
[wombat-template] .text-green-200 { | |
color: #a8dab5 | |
} | |
[wombat-template] .text-green-300 { | |
color: #81c995 | |
} | |
[wombat-template] .text-green-400 { | |
color: #5bb974 | |
} | |
[wombat-template] .text-green-500 { | |
color: #34a853 | |
} | |
[wombat-template] .text-green-600 { | |
color: #1e8e3e | |
} | |
[wombat-template] .text-green-700 { | |
color: #188038 | |
} | |
[wombat-template] .text-green-800 { | |
color: #137333 | |
} | |
[wombat-template] .text-green-900 { | |
color: #0d652d | |
} | |
[wombat-template] .text-green { | |
color: #1e8e3e | |
} | |
[wombat-template] .text-yellow-50 { | |
color: #fef7e0 | |
} | |
[wombat-template] .text-yellow-100 { | |
color: #feefc3 | |
} | |
[wombat-template] .text-yellow-200 { | |
color: #fde293 | |
} | |
[wombat-template] .text-yellow-300 { | |
color: #fdd663 | |
} | |
[wombat-template] .text-yellow-400 { | |
color: #fcc934 | |
} | |
[wombat-template] .text-yellow-500 { | |
color: #fbbc04 | |
} | |
[wombat-template] .text-yellow-600 { | |
color: #f9ab00 | |
} | |
[wombat-template] .text-yellow-700 { | |
color: #f29900 | |
} | |
[wombat-template] .text-yellow-800 { | |
color: #ea8600 | |
} | |
[wombat-template] .text-yellow-900 { | |
color: #e37400 | |
} | |
[wombat-template] .text-yellow { | |
color: #f9ab00 | |
} | |
[wombat-template] .text-grey-25 { | |
color: #f8f8f8 | |
} | |
[wombat-template] .text-grey-50 { | |
color: #f2f2f2 | |
} | |
[wombat-template] .text-grey-100 { | |
color: #dcdbdb | |
} | |
[wombat-template] .text-grey-200 { | |
color: #a09e9e | |
} | |
[wombat-template] .text-grey-300 { | |
color: #787575 | |
} | |
[wombat-template] .text-grey-400 { | |
color: #636060 | |
} | |
[wombat-template] .text-grey-500 { | |
color: #423f3f | |
} | |
[wombat-template] .text-grey-800 { | |
color: #191818 | |
} | |
[wombat-template] .text-grey-900 { | |
color: #050505 | |
} | |
[wombat-template] .text-grey { | |
color: #423f3f | |
} | |
[wombat-template] .text-white { | |
color: #fff | |
} | |
[wombat-template] .text-black { | |
color: #050505 | |
} | |
[wombat-template] .text-grey { | |
color: #423f3f | |
} | |
[wombat-template] .text-white { | |
color: #fff | |
} | |
[wombat-template] .text-blue { | |
color: #1a73e8 | |
} | |
[wombat-template] .text-off-blue { | |
color: #8ab4f8 | |
} | |
[wombat-template] .text-green { | |
color: #188038 | |
} | |
[wombat-template] .text-off-black { | |
color: #050505 | |
} | |
[wombat-template] .text-expressive-grey { | |
color: #787575 | |
} | |
.type-expressive-display { | |
font-family: "Google Sans Display","Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 700; | |
font-size: 40px; | |
font-size: 2.5rem; | |
line-height: 40px; | |
line-height: 2.5rem; | |
letter-spacing: -2px; | |
letter-spacing: -0.125rem | |
} | |
@media all and (min-width: 1024px) { | |
.type-expressive-display { | |
font-size:80px; | |
font-size: 5rem; | |
line-height: 80px; | |
line-height: 5rem; | |
letter-spacing: -4px; | |
letter-spacing: -0.25rem | |
} | |
} | |
.type-expressive-heading--1 { | |
font-family: "Google Sans Display","Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 700; | |
font-size: 32px; | |
font-size: 2rem; | |
line-height: 32px; | |
line-height: 2rem; | |
letter-spacing: -1px; | |
letter-spacing: -0.0625rem | |
} | |
@media all and (min-width: 1024px) { | |
.type-expressive-heading--1 { | |
font-size:56px; | |
font-size: 3.5rem; | |
line-height: 56px; | |
line-height: 3.5rem; | |
letter-spacing: -2px; | |
letter-spacing: -0.125rem | |
} | |
} | |
.type-expressive-heading--2 { | |
font-family: "Google Sans Display","Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 700; | |
font-size: 28px; | |
font-size: 1.75rem; | |
line-height: 28px; | |
line-height: 1.75rem; | |
letter-spacing: -0.75px; | |
letter-spacing: -0.046875rem | |
} | |
@media all and (min-width: 1024px) { | |
.type-expressive-heading--2 { | |
font-size:48px; | |
font-size: 3rem; | |
line-height: 48px; | |
line-height: 3rem; | |
letter-spacing: -2px; | |
letter-spacing: -0.125rem | |
} | |
} | |
.type-expressive-heading--3 { | |
font-family: "Google Sans Display","Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 700; | |
font-size: 24px; | |
font-size: 1.5rem; | |
line-height: 24px; | |
line-height: 1.5rem; | |
letter-spacing: -0.75px; | |
letter-spacing: -0.046875rem | |
} | |
@media all and (min-width: 1024px) { | |
.type-expressive-heading--3 { | |
font-size:40px; | |
font-size: 2.5rem; | |
line-height: 40px; | |
line-height: 2.5rem; | |
letter-spacing: -2px; | |
letter-spacing: -0.125rem | |
} | |
} | |
.type-expressive-heading--4 { | |
font-family: "Google Sans Display","Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 700; | |
font-size: 22px; | |
font-size: 1.375rem; | |
line-height: 22px; | |
line-height: 1.375rem; | |
letter-spacing: -0.5px; | |
letter-spacing: -0.03125rem | |
} | |
@media all and (min-width: 1024px) { | |
.type-expressive-heading--4 { | |
font-size:32px; | |
font-size: 2rem; | |
line-height: 32px; | |
line-height: 2rem; | |
letter-spacing: -1px; | |
letter-spacing: -0.0625rem | |
} | |
} | |
.type-expressive-heading--5 { | |
font-family: "Google Sans Display","Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 700; | |
font-size: 20px; | |
font-size: 1.25rem; | |
line-height: 20px; | |
line-height: 1.25rem; | |
letter-spacing: -0.5px; | |
letter-spacing: -0.03125rem | |
} | |
@media all and (min-width: 1024px) { | |
.type-expressive-heading--5 { | |
font-size:24px; | |
font-size: 1.5rem; | |
line-height: 24px; | |
line-height: 1.5rem; | |
letter-spacing: -0.75px; | |
letter-spacing: -0.046875rem | |
} | |
} | |
.type-expressive-heading--6 { | |
font-family: "Google Sans Display","Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 700; | |
font-size: 18px; | |
font-size: 1.125rem; | |
line-height: 18px; | |
line-height: 1.125rem; | |
letter-spacing: -0.25px; | |
letter-spacing: -0.015625rem | |
} | |
@media all and (min-width: 1024px) { | |
.type-expressive-heading--6 { | |
font-size:20px; | |
font-size: 1.25rem; | |
line-height: 20px; | |
line-height: 1.25rem; | |
letter-spacing: -0.75px; | |
letter-spacing: -0.046875rem | |
} | |
} | |
.type-expressive-sub-heading--2 { | |
font-family: "Google Sans Display","Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 500; | |
font-size: 18px; | |
font-size: 1.125rem; | |
line-height: 18px; | |
line-height: 1.125rem; | |
letter-spacing: -0.25px; | |
letter-spacing: -0.015625rem | |
} | |
@media all and (min-width: 1024px) { | |
.type-expressive-sub-heading--2 { | |
font-size:20px; | |
font-size: 1.25rem; | |
line-height: 20px; | |
line-height: 1.25rem; | |
letter-spacing: -0.75px; | |
letter-spacing: -0.046875rem | |
} | |
} | |
.type-expressive-eyebrow { | |
font-family: "Google Sans Display","Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 500; | |
font-size: 18px; | |
font-size: 1.125rem; | |
line-height: 18px; | |
line-height: 1.125rem; | |
letter-spacing: -0.25px; | |
letter-spacing: -0.015625rem | |
} | |
@media all and (min-width: 1024px) { | |
.type-expressive-eyebrow { | |
font-size:20px; | |
font-size: 1.25rem; | |
line-height: 20px; | |
line-height: 1.25rem; | |
letter-spacing: -0.75px; | |
letter-spacing: -0.046875rem | |
} | |
} | |
.type-heading--1 { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 700; | |
font-size: 32px; | |
font-size: 2rem; | |
line-height: 44px; | |
line-height: 2.75rem; | |
letter-spacing: -0.1px; | |
letter-spacing: -0.00625rem | |
} | |
@media all and (min-width: 1024px) { | |
.type-heading--1 { | |
font-family:"Google Sans Display","Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 700; | |
font-size: 56px; | |
font-size: 3.5rem; | |
line-height: 72px; | |
line-height: 4.5rem; | |
letter-spacing: -0.1px; | |
letter-spacing: -0.00625rem | |
} | |
} | |
.type-heading--2 { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 700; | |
font-size: 28px; | |
font-size: 1.75rem; | |
line-height: 36px; | |
line-height: 2.25rem; | |
letter-spacing: -0.1px; | |
letter-spacing: -0.00625rem | |
} | |
@media all and (min-width: 1024px) { | |
.type-heading--2 { | |
font-family:"Google Sans Display","Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 700; | |
font-size: 48px; | |
font-size: 3rem; | |
line-height: 60px; | |
line-height: 3.75rem; | |
letter-spacing: -0.1px; | |
letter-spacing: -0.00625rem | |
} | |
} | |
.type-heading--3 { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 700; | |
font-size: 24px; | |
font-size: 1.5rem; | |
line-height: 32px; | |
line-height: 2rem; | |
letter-spacing: 0px; | |
letter-spacing: 0rem | |
} | |
@media all and (min-width: 1024px) { | |
.type-heading--3 { | |
font-family:"Google Sans Display","Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 700; | |
font-size: 40px; | |
font-size: 2.5rem; | |
line-height: 52px; | |
line-height: 3.25rem; | |
letter-spacing: -0.1px; | |
letter-spacing: -0.00625rem | |
} | |
} | |
.type-heading--4 { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 700; | |
font-size: 22px; | |
font-size: 1.375rem; | |
line-height: 28px; | |
line-height: 1.75rem; | |
letter-spacing: 0px; | |
letter-spacing: 0rem | |
} | |
@media all and (min-width: 1024px) { | |
.type-heading--4 { | |
font-size:32px; | |
font-size: 2rem; | |
line-height: 44px; | |
line-height: 2.75rem; | |
letter-spacing: -0.1px; | |
letter-spacing: -0.00625rem | |
} | |
} | |
.type-heading--5 { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 700; | |
font-size: 20px; | |
font-size: 1.25rem; | |
line-height: 28px; | |
line-height: 1.75rem; | |
letter-spacing: 0px; | |
letter-spacing: 0rem | |
} | |
@media all and (min-width: 1024px) { | |
.type-heading--5 { | |
font-size:24px; | |
font-size: 1.5rem; | |
line-height: 32px; | |
line-height: 2rem; | |
letter-spacing: 0px; | |
letter-spacing: 0rem | |
} | |
} | |
.type-heading--6 { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 700; | |
font-size: 18px; | |
font-size: 1.125rem; | |
line-height: 24px; | |
line-height: 1.5rem; | |
letter-spacing: 0px; | |
letter-spacing: 0rem | |
} | |
@media all and (min-width: 1024px) { | |
.type-heading--6 { | |
font-size:20px; | |
font-size: 1.25rem; | |
line-height: 28px; | |
line-height: 1.75rem; | |
letter-spacing: 0px; | |
letter-spacing: 0rem | |
} | |
} | |
.type-sub-heading--1 { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 500; | |
font-size: 16px; | |
font-size: 1rem; | |
line-height: 24px; | |
line-height: 1.5rem; | |
letter-spacing: 0.1px; | |
letter-spacing: 0.00625rem | |
} | |
.type-sub-heading--2 { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 500; | |
font-size: 14px; | |
font-size: 0.875rem; | |
line-height: 20px; | |
line-height: 1.25rem; | |
letter-spacing: 0.25px; | |
letter-spacing: 0.015625rem | |
} | |
.type-eyebrow { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 500; | |
font-size: 14px; | |
font-size: 0.875rem; | |
line-height: 20px; | |
line-height: 1.25rem; | |
letter-spacing: 0.25px; | |
letter-spacing: 0.015625rem | |
} | |
.type-cta-copy--standard { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 500; | |
font-size: 16px; | |
font-size: 1rem; | |
line-height: 24px; | |
line-height: 1.5rem; | |
letter-spacing: 0.1px; | |
letter-spacing: 0.00625rem | |
} | |
.type-cta-copy--small { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 500; | |
font-size: 14px; | |
font-size: 0.875rem; | |
line-height: 20px; | |
line-height: 1.25rem; | |
letter-spacing: 0.25px; | |
letter-spacing: 0.015625rem | |
} | |
.type-body-copy--standard { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 400; | |
font-size: 16px; | |
font-size: 1rem; | |
line-height: 24px; | |
line-height: 1.5rem; | |
letter-spacing: 0px; | |
letter-spacing: 0rem | |
} | |
.type-body-copy--small { | |
font-family: "Roboto","Arial",sans-serif; | |
font-weight: 400; | |
font-size: 14px; | |
font-size: 0.875rem; | |
line-height: 20px; | |
line-height: 1.25rem; | |
letter-spacing: 0.2px; | |
letter-spacing: 0.0125rem | |
} | |
.type-footnote { | |
font-family: "Roboto","Arial",sans-serif; | |
font-weight: 400; | |
font-size: 12px; | |
font-size: 0.75rem; | |
line-height: 20px; | |
line-height: 1.25rem; | |
letter-spacing: 0.3px; | |
letter-spacing: 0.01875rem | |
} | |
.spacer-internal--margin-top--8 { | |
margin-top: 8px | |
} | |
.spacer-internal--margin-top--12 { | |
margin-top: 12px | |
} | |
.spacer-internal--margin-top--16 { | |
margin-top: 16px | |
} | |
.spacer-internal--margin-top--20 { | |
margin-top: 20px | |
} | |
.spacer-internal--margin-top--24 { | |
margin-top: 24px | |
} | |
.spacer-internal--margin-top--32 { | |
margin-top: 32px | |
} | |
.spacer-internal--margin-top--40 { | |
margin-top: 40px | |
} | |
.spacer-internal--margin-top--60 { | |
margin-top: 60px | |
} | |
.spacer-internal--margin-bottom--8 { | |
margin-bottom: 8px | |
} | |
.spacer-internal--margin-bottom--12 { | |
margin-bottom: 12px | |
} | |
.spacer-internal--margin-bottom--16 { | |
margin-bottom: 16px | |
} | |
.spacer-internal--margin-bottom--20 { | |
margin-bottom: 20px | |
} | |
.spacer-internal--margin-bottom--24 { | |
margin-bottom: 24px | |
} | |
.spacer-internal--margin-bottom--32 { | |
margin-bottom: 32px | |
} | |
.spacer-internal--margin-bottom--40 { | |
margin-bottom: 40px | |
} | |
.spacer-internal--margin-bottom--60 { | |
margin-bottom: 60px | |
} | |
.spacer-internal--margin-left--8 { | |
margin-left: 8px | |
} | |
.spacer-internal--margin-left--12 { | |
margin-left: 12px | |
} | |
.spacer-internal--margin-left--16 { | |
margin-left: 16px | |
} | |
.spacer-internal--margin-left--20 { | |
margin-left: 20px | |
} | |
.spacer-internal--margin-left--24 { | |
margin-left: 24px | |
} | |
.spacer-internal--margin-left--32 { | |
margin-left: 32px | |
} | |
.spacer-internal--margin-left--40 { | |
margin-left: 40px | |
} | |
.spacer-internal--margin-left--60 { | |
margin-left: 60px | |
} | |
.spacer-internal--margin-right--8 { | |
margin-right: 8px | |
} | |
.spacer-internal--margin-right--12 { | |
margin-right: 12px | |
} | |
.spacer-internal--margin-right--16 { | |
margin-right: 16px | |
} | |
.spacer-internal--margin-right--20 { | |
margin-right: 20px | |
} | |
.spacer-internal--margin-right--24 { | |
margin-right: 24px | |
} | |
.spacer-internal--margin-right--32 { | |
margin-right: 32px | |
} | |
.spacer-internal--margin-right--40 { | |
margin-right: 40px | |
} | |
.spacer-internal--margin-right--60 { | |
margin-right: 60px | |
} | |
.spacer-internal--padding-top--8 { | |
padding-top: 8px | |
} | |
.spacer-internal--padding-top--12 { | |
padding-top: 12px | |
} | |
.spacer-internal--padding-top--16 { | |
padding-top: 16px | |
} | |
.spacer-internal--padding-top--20 { | |
padding-top: 20px | |
} | |
.spacer-internal--padding-top--24 { | |
padding-top: 24px | |
} | |
.spacer-internal--padding-top--32 { | |
padding-top: 32px | |
} | |
.spacer-internal--padding-top--40 { | |
padding-top: 40px | |
} | |
.spacer-internal--padding-top--60 { | |
padding-top: 60px | |
} | |
.spacer-internal--padding-bottom--8 { | |
padding-bottom: 8px | |
} | |
.spacer-internal--padding-bottom--12 { | |
padding-bottom: 12px | |
} | |
.spacer-internal--padding-bottom--16 { | |
padding-bottom: 16px | |
} | |
.spacer-internal--padding-bottom--20 { | |
padding-bottom: 20px | |
} | |
.spacer-internal--padding-bottom--24 { | |
padding-bottom: 24px | |
} | |
.spacer-internal--padding-bottom--32 { | |
padding-bottom: 32px | |
} | |
.spacer-internal--padding-bottom--40 { | |
padding-bottom: 40px | |
} | |
.spacer-internal--padding-bottom--60 { | |
padding-bottom: 60px | |
} | |
.spacer-internal--padding-left--8 { | |
padding-left: 8px | |
} | |
.spacer-internal--padding-left--12 { | |
padding-left: 12px | |
} | |
.spacer-internal--padding-left--16 { | |
padding-left: 16px | |
} | |
.spacer-internal--padding-left--20 { | |
padding-left: 20px | |
} | |
.spacer-internal--padding-left--24 { | |
padding-left: 24px | |
} | |
.spacer-internal--padding-left--32 { | |
padding-left: 32px | |
} | |
.spacer-internal--padding-left--40 { | |
padding-left: 40px | |
} | |
.spacer-internal--padding-left--60 { | |
padding-left: 60px | |
} | |
.spacer-internal--padding-right--8 { | |
padding-right: 8px | |
} | |
.spacer-internal--padding-right--12 { | |
padding-right: 12px | |
} | |
.spacer-internal--padding-right--16 { | |
padding-right: 16px | |
} | |
.spacer-internal--padding-right--20 { | |
padding-right: 20px | |
} | |
.spacer-internal--padding-right--24 { | |
padding-right: 24px | |
} | |
.spacer-internal--padding-right--32 { | |
padding-right: 32px | |
} | |
.spacer-internal--padding-right--40 { | |
padding-right: 40px | |
} | |
.spacer-internal--padding-right--60 { | |
padding-right: 60px | |
} | |
@media all and (min-width: 320px)and (max-width: 1023px) { | |
.spacer-external--xsmall { | |
height:24px | |
} | |
.spacer-external--small { | |
height: 40px | |
} | |
.spacer-external--medium { | |
height: 60px | |
} | |
.spacer-external--large { | |
height: 80px | |
} | |
.spacer-external--xlarge { | |
height: 100px | |
} | |
} | |
@media all and (min-width: 320px)and (max-width: 599px) { | |
.spacer-external--xsmall--override { | |
height:80px | |
} | |
} | |
@media all and (min-width: 600px) { | |
.spacer-external--xsmall--override { | |
height:24px | |
} | |
} | |
@media all and (min-width: 1024px) { | |
.spacer-external--xsmall { | |
height:24px | |
} | |
.spacer-external--small { | |
height: 80px | |
} | |
.spacer-external--medium { | |
height: 120px | |
} | |
.spacer-external--large { | |
height: 160px | |
} | |
.spacer-external--xlarge { | |
height: 200px | |
} | |
} | |
@media all and (min-width: 1024px) { | |
.spacer-external--xsmall--override { | |
height:24px | |
} | |
} | |
@media all and (min-width: 320px)and (max-width: 599px) { | |
.grid-column--small--1 { | |
margin-left:24px; | |
word-wrap: break-word; | |
width: calc(25% + -18px) | |
} | |
.grid-column--small--1:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--small--2 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(50% + -12px) | |
} | |
.grid-column--small--2:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--small--3 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(75% + -6px) | |
} | |
.grid-column--small--3:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--small--4 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(100% + 0px) | |
} | |
.grid-column--small--4:first-of-type { | |
margin-left: 0 | |
} | |
.grid-offset--small--1 { | |
margin-left: calc(25% + 30px) | |
} | |
.grid-offset--small--1:first-of-type { | |
margin-left: calc(25% + 6px) | |
} | |
.grid-offset--small--2 { | |
margin-left: calc(50% + 36px) | |
} | |
.grid-offset--small--2:first-of-type { | |
margin-left: calc(50% + 12px) | |
} | |
.grid-offset--small--3 { | |
margin-left: calc(75% + 42px) | |
} | |
.grid-offset--small--3:first-of-type { | |
margin-left: calc(75% + 18px) | |
} | |
.grid-offset--small--4 { | |
margin-left: calc(100% + 48px) | |
} | |
.grid-offset--small--4:first-of-type { | |
margin-left: calc(100% + 24px) | |
} | |
} | |
@media all and (min-width: 600px) { | |
.grid-column--medium--1 { | |
margin-left:24px; | |
word-wrap: break-word; | |
width: calc(8.3333333333% + -22px) | |
} | |
.grid-column--medium--1:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--medium--2 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(16.6666666667% + -20px) | |
} | |
.grid-column--medium--2:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--medium--3 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(25% + -18px) | |
} | |
.grid-column--medium--3:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--medium--4 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(33.3333333333% + -16px) | |
} | |
.grid-column--medium--4:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--medium--5 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(41.6666666667% + -14px) | |
} | |
.grid-column--medium--5:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--medium--6 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(50% + -12px) | |
} | |
.grid-column--medium--6:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--medium--7 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(58.3333333333% + -10px) | |
} | |
.grid-column--medium--7:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--medium--8 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(66.6666666667% + -8px) | |
} | |
.grid-column--medium--8:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--medium--9 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(75% + -6px) | |
} | |
.grid-column--medium--9:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--medium--10 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(83.3333333333% + -4px) | |
} | |
.grid-column--medium--10:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--medium--11 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(91.6666666667% + -2px) | |
} | |
.grid-column--medium--11:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--medium--12 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(100% + 0px) | |
} | |
.grid-column--medium--12:first-of-type { | |
margin-left: 0 | |
} | |
.grid-offset--medium--1 { | |
margin-left: calc(8.3333333333% + 26px) | |
} | |
.grid-offset--medium--1:first-of-type { | |
margin-left: calc(8.3333333333% + 2px) | |
} | |
.grid-offset--medium--2 { | |
margin-left: calc(16.6666666667% + 28px) | |
} | |
.grid-offset--medium--2:first-of-type { | |
margin-left: calc(16.6666666667% + 4px) | |
} | |
.grid-offset--medium--3 { | |
margin-left: calc(25% + 30px) | |
} | |
.grid-offset--medium--3:first-of-type { | |
margin-left: calc(25% + 6px) | |
} | |
.grid-offset--medium--4 { | |
margin-left: calc(33.3333333333% + 32px) | |
} | |
.grid-offset--medium--4:first-of-type { | |
margin-left: calc(33.3333333333% + 8px) | |
} | |
.grid-offset--medium--5 { | |
margin-left: calc(41.6666666667% + 34px) | |
} | |
.grid-offset--medium--5:first-of-type { | |
margin-left: calc(41.6666666667% + 10px) | |
} | |
.grid-offset--medium--6 { | |
margin-left: calc(50% + 36px) | |
} | |
.grid-offset--medium--6:first-of-type { | |
margin-left: calc(50% + 12px) | |
} | |
.grid-offset--medium--7 { | |
margin-left: calc(58.3333333333% + 38px) | |
} | |
.grid-offset--medium--7:first-of-type { | |
margin-left: calc(58.3333333333% + 14px) | |
} | |
.grid-offset--medium--8 { | |
margin-left: calc(66.6666666667% + 40px) | |
} | |
.grid-offset--medium--8:first-of-type { | |
margin-left: calc(66.6666666667% + 16px) | |
} | |
.grid-offset--medium--9 { | |
margin-left: calc(75% + 42px) | |
} | |
.grid-offset--medium--9:first-of-type { | |
margin-left: calc(75% + 18px) | |
} | |
.grid-offset--medium--10 { | |
margin-left: calc(83.3333333333% + 44px) | |
} | |
.grid-offset--medium--10:first-of-type { | |
margin-left: calc(83.3333333333% + 20px) | |
} | |
.grid-offset--medium--11 { | |
margin-left: calc(91.6666666667% + 46px) | |
} | |
.grid-offset--medium--11:first-of-type { | |
margin-left: calc(91.6666666667% + 22px) | |
} | |
.grid-offset--medium--12 { | |
margin-left: calc(100% + 48px) | |
} | |
.grid-offset--medium--12:first-of-type { | |
margin-left: calc(100% + 24px) | |
} | |
} | |
@media all and (min-width: 1024px) { | |
.grid-column--large--1 { | |
margin-left:24px; | |
word-wrap: break-word; | |
width: calc(8.3333333333% + -22px) | |
} | |
.grid-column--large--1:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--large--2 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(16.6666666667% + -20px) | |
} | |
.grid-column--large--2:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--large--3 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(25% + -18px) | |
} | |
.grid-column--large--3:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--large--4 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(33.3333333333% + -16px) | |
} | |
.grid-column--large--4:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--large--5 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(41.6666666667% + -14px) | |
} | |
.grid-column--large--5:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--large--6 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(50% + -12px) | |
} | |
.grid-column--large--6:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--large--7 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(58.3333333333% + -10px) | |
} | |
.grid-column--large--7:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--large--8 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(66.6666666667% + -8px) | |
} | |
.grid-column--large--8:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--large--9 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(75% + -6px) | |
} | |
.grid-column--large--9:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--large--10 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(83.3333333333% + -4px) | |
} | |
.grid-column--large--10:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--large--11 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(91.6666666667% + -2px) | |
} | |
.grid-column--large--11:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--large--12 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(100% + 0px) | |
} | |
.grid-column--large--12:first-of-type { | |
margin-left: 0 | |
} | |
.grid-offset--large--1 { | |
margin-left: calc(8.3333333333% + 26px) | |
} | |
.grid-offset--large--1:first-of-type { | |
margin-left: calc(8.3333333333% + 2px) | |
} | |
.grid-offset--large--2 { | |
margin-left: calc(16.6666666667% + 28px) | |
} | |
.grid-offset--large--2:first-of-type { | |
margin-left: calc(16.6666666667% + 4px) | |
} | |
.grid-offset--large--3 { | |
margin-left: calc(25% + 30px) | |
} | |
.grid-offset--large--3:first-of-type { | |
margin-left: calc(25% + 6px) | |
} | |
.grid-offset--large--4 { | |
margin-left: calc(33.3333333333% + 32px) | |
} | |
.grid-offset--large--4:first-of-type { | |
margin-left: calc(33.3333333333% + 8px) | |
} | |
.grid-offset--large--5 { | |
margin-left: calc(41.6666666667% + 34px) | |
} | |
.grid-offset--large--5:first-of-type { | |
margin-left: calc(41.6666666667% + 10px) | |
} | |
.grid-offset--large--6 { | |
margin-left: calc(50% + 36px) | |
} | |
.grid-offset--large--6:first-of-type { | |
margin-left: calc(50% + 12px) | |
} | |
.grid-offset--large--7 { | |
margin-left: calc(58.3333333333% + 38px) | |
} | |
.grid-offset--large--7:first-of-type { | |
margin-left: calc(58.3333333333% + 14px) | |
} | |
.grid-offset--large--8 { | |
margin-left: calc(66.6666666667% + 40px) | |
} | |
.grid-offset--large--8:first-of-type { | |
margin-left: calc(66.6666666667% + 16px) | |
} | |
.grid-offset--large--9 { | |
margin-left: calc(75% + 42px) | |
} | |
.grid-offset--large--9:first-of-type { | |
margin-left: calc(75% + 18px) | |
} | |
.grid-offset--large--10 { | |
margin-left: calc(83.3333333333% + 44px) | |
} | |
.grid-offset--large--10:first-of-type { | |
margin-left: calc(83.3333333333% + 20px) | |
} | |
.grid-offset--large--11 { | |
margin-left: calc(91.6666666667% + 46px) | |
} | |
.grid-offset--large--11:first-of-type { | |
margin-left: calc(91.6666666667% + 22px) | |
} | |
.grid-offset--large--12 { | |
margin-left: calc(100% + 48px) | |
} | |
.grid-offset--large--12:first-of-type { | |
margin-left: calc(100% + 24px) | |
} | |
} | |
@media all and (min-width: 1440px) { | |
.grid-column--xlarge--1 { | |
margin-left:24px; | |
word-wrap: break-word; | |
width: calc(8.3333333333% + -22px) | |
} | |
.grid-column--xlarge--1:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--xlarge--2 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(16.6666666667% + -20px) | |
} | |
.grid-column--xlarge--2:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--xlarge--3 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(25% + -18px) | |
} | |
.grid-column--xlarge--3:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--xlarge--4 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(33.3333333333% + -16px) | |
} | |
.grid-column--xlarge--4:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--xlarge--5 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(41.6666666667% + -14px) | |
} | |
.grid-column--xlarge--5:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--xlarge--6 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(50% + -12px) | |
} | |
.grid-column--xlarge--6:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--xlarge--7 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(58.3333333333% + -10px) | |
} | |
.grid-column--xlarge--7:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--xlarge--8 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(66.6666666667% + -8px) | |
} | |
.grid-column--xlarge--8:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--xlarge--9 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(75% + -6px) | |
} | |
.grid-column--xlarge--9:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--xlarge--10 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(83.3333333333% + -4px) | |
} | |
.grid-column--xlarge--10:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--xlarge--11 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(91.6666666667% + -2px) | |
} | |
.grid-column--xlarge--11:first-of-type { | |
margin-left: 0 | |
} | |
.grid-column--xlarge--12 { | |
margin-left: 24px; | |
word-wrap: break-word; | |
width: calc(100% + 0px) | |
} | |
.grid-column--xlarge--12:first-of-type { | |
margin-left: 0 | |
} | |
.grid-offset--xlarge--1 { | |
margin-left: calc(8.3333333333% + 26px) | |
} | |
.grid-offset--xlarge--1:first-of-type { | |
margin-left: calc(8.3333333333% + 2px) | |
} | |
.grid-offset--xlarge--2 { | |
margin-left: calc(16.6666666667% + 28px) | |
} | |
.grid-offset--xlarge--2:first-of-type { | |
margin-left: calc(16.6666666667% + 4px) | |
} | |
.grid-offset--xlarge--3 { | |
margin-left: calc(25% + 30px) | |
} | |
.grid-offset--xlarge--3:first-of-type { | |
margin-left: calc(25% + 6px) | |
} | |
.grid-offset--xlarge--4 { | |
margin-left: calc(33.3333333333% + 32px) | |
} | |
.grid-offset--xlarge--4:first-of-type { | |
margin-left: calc(33.3333333333% + 8px) | |
} | |
.grid-offset--xlarge--5 { | |
margin-left: calc(41.6666666667% + 34px) | |
} | |
.grid-offset--xlarge--5:first-of-type { | |
margin-left: calc(41.6666666667% + 10px) | |
} | |
.grid-offset--xlarge--6 { | |
margin-left: calc(50% + 36px) | |
} | |
.grid-offset--xlarge--6:first-of-type { | |
margin-left: calc(50% + 12px) | |
} | |
.grid-offset--xlarge--7 { | |
margin-left: calc(58.3333333333% + 38px) | |
} | |
.grid-offset--xlarge--7:first-of-type { | |
margin-left: calc(58.3333333333% + 14px) | |
} | |
.grid-offset--xlarge--8 { | |
margin-left: calc(66.6666666667% + 40px) | |
} | |
.grid-offset--xlarge--8:first-of-type { | |
margin-left: calc(66.6666666667% + 16px) | |
} | |
.grid-offset--xlarge--9 { | |
margin-left: calc(75% + 42px) | |
} | |
.grid-offset--xlarge--9:first-of-type { | |
margin-left: calc(75% + 18px) | |
} | |
.grid-offset--xlarge--10 { | |
margin-left: calc(83.3333333333% + 44px) | |
} | |
.grid-offset--xlarge--10:first-of-type { | |
margin-left: calc(83.3333333333% + 20px) | |
} | |
.grid-offset--xlarge--11 { | |
margin-left: calc(91.6666666667% + 46px) | |
} | |
.grid-offset--xlarge--11:first-of-type { | |
margin-left: calc(91.6666666667% + 22px) | |
} | |
.grid-offset--xlarge--12 { | |
margin-left: calc(100% + 48px) | |
} | |
.grid-offset--xlarge--12:first-of-type { | |
margin-left: calc(100% + 24px) | |
} | |
} | |
.grid-offset--none { | |
margin-left: 0; | |
margin-top: 0 | |
} | |
.grid-offset--none+div { | |
margin-top: 0 | |
} | |
@media all and (min-width: 320px)and (max-width: 599px) { | |
.grid-offset--small--none { | |
margin-left:0; | |
margin-top: 0 | |
} | |
.grid-offset--small--none+div { | |
margin-top: 0 | |
} | |
} | |
@media all and (min-width: 600px)and (max-width: 1023px) { | |
.grid-offset--medium--none { | |
margin-left:0; | |
margin-top: 0 | |
} | |
.grid-offset--medium--none+div { | |
margin-top: 0 | |
} | |
} | |
@media all and (min-width: 1024px)and (max-width: 1439px) { | |
.grid-offset--large--none { | |
margin-left:0; | |
margin-top: 0 | |
} | |
.grid-offset--large--none+div { | |
margin-top: 0 | |
} | |
} | |
@media all and (min-width: 1440px) { | |
.grid-offset--xlarge--none { | |
margin-left:0; | |
margin-top: 0 | |
} | |
.grid-offset--xlarge--none+div { | |
margin-top: 0 | |
} | |
} | |
@media all and (min-width: 600px) { | |
.grid-offset--above-small--none { | |
margin-left:0; | |
margin-top: 0 | |
} | |
.grid-offset--above-small--none+div { | |
margin-top: 0 | |
} | |
} | |
@media all and (min-width: 1024px) { | |
.grid-offset--above-medium--none { | |
margin-left:0; | |
margin-top: 0 | |
} | |
.grid-offset--above-medium--none+div { | |
margin-top: 0 | |
} | |
} | |
@media all and (min-width: 320px)and (max-width: 1023px) { | |
.grid-offset--small-medium--none { | |
margin-left:0; | |
margin-top: 0 | |
} | |
.grid-offset--small-medium--none+div { | |
margin-top: 0 | |
} | |
} | |
@media all and (min-width: 320px)and (max-width: 599px) { | |
.grid-offset--small-large--none { | |
margin-left:0; | |
margin-top: 0 | |
} | |
.grid-offset--small-large--none+div { | |
margin-top: 0 | |
} | |
} | |
@media all and (min-width: 1024px)and (max-width: 1439px) { | |
.grid-offset--small-large--none { | |
margin-left:0; | |
margin-top: 0 | |
} | |
.grid-offset--small-large--none+div { | |
margin-top: 0 | |
} | |
} | |
@media all and (min-width: 320px)and (max-width: 599px) { | |
.grid-offset--small-xlarge--none { | |
margin-left:0; | |
margin-top: 0 | |
} | |
.grid-offset--small-xlarge--none+div { | |
margin-top: 0 | |
} | |
} | |
@media all and (min-width: 1440px) { | |
.grid-offset--small-xlarge--none { | |
margin-left:0; | |
margin-top: 0 | |
} | |
.grid-offset--small-xlarge--none+div { | |
margin-top: 0 | |
} | |
} | |
@media all and (min-width: 600px)and (max-width: 1439px) { | |
.grid-offset--medium-large--none { | |
margin-left:0; | |
margin-top: 0 | |
} | |
.grid-offset--medium-large--none+div { | |
margin-top: 0 | |
} | |
} | |
@media all and (min-width: 600px)and (max-width: 1023px) { | |
.grid-offset--medium-xlarge--none { | |
margin-left:0; | |
margin-top: 0 | |
} | |
.grid-offset--medium-xlarge--none+div { | |
margin-top: 0 | |
} | |
} | |
@media all and (min-width: 1440px) { | |
.grid-offset--medium-xlarge--none { | |
margin-left:0; | |
margin-top: 0 | |
} | |
.grid-offset--medium-xlarge--none+div { | |
margin-top: 0 | |
} | |
} | |
body button.cta-high-emphasis,body a.cta-high-emphasis,body .cta-high-emphasis { | |
display: inline-block; | |
box-sizing: border-box; | |
position: relative; | |
cursor: pointer; | |
z-index: 1; | |
width: auto; | |
text-align: center; | |
white-space: nowrap; | |
transition: opacity .2s cubic-bezier(0.1, 0.1, 0, 1),background .2s cubic-bezier(0.1, 0.1, 0, 1),transform .2s cubic-bezier(0.1, 0.1, 0, 1); | |
border: 2px solid transparent; | |
border-radius: 4px; | |
text-decoration: none; | |
margin-right: 16px; | |
margin-bottom: 16px; | |
padding: 6px 20px; | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 500; | |
font-size: 16px; | |
font-size: 1rem; | |
line-height: 24px; | |
line-height: 1.5rem; | |
letter-spacing: 0.1px; | |
letter-spacing: 0.00625rem | |
} | |
body button.cta-high-emphasis::first-letter,body a.cta-high-emphasis::first-letter,body .cta-high-emphasis::first-letter { | |
text-transform: capitalize | |
} | |
body button.cta-high-emphasis:last-of-type,body a.cta-high-emphasis:last-of-type,body .cta-high-emphasis:last-of-type { | |
margin-right: 0; | |
margin-bottom: 0 | |
} | |
body button.cta-high-emphasis::before,body a.cta-high-emphasis::before,body .cta-high-emphasis::before { | |
content: ""; | |
position: absolute; | |
z-index: -1; | |
top: -1px; | |
right: -1px; | |
width: calc(100% + 2px); | |
height: calc(100% + 2px); | |
border-radius: 4px; | |
opacity: 0; | |
background: transparent; | |
transform-origin: center center; | |
transform: scale3d(0.85, 0.65, 0.85); | |
transition: opacity .2s cubic-bezier(0.1, 0.1, 0, 1),background .2s cubic-bezier(0.1, 0.1, 0, 1),transform .2s cubic-bezier(0.1, 0.1, 0, 1) | |
} | |
body button.cta-high-emphasis:hover::before,body a.cta-high-emphasis:hover::before,body .cta-high-emphasis:hover::before { | |
opacity: 1; | |
transform: scale3d(1, 1, 1) | |
} | |
body button.cta-high-emphasis::after,body a.cta-high-emphasis::after,body .cta-high-emphasis::after { | |
content: ""; | |
display: block; | |
width: 100%; | |
height: 100%; | |
position: absolute; | |
top: 50%; | |
left: 50%; | |
transform: translate(-50%, -50%); | |
-webkit-box-sizing: content-box; | |
-moz-box-sizing: content-box; | |
box-sizing: content-box | |
} | |
body button.cta-high-emphasis:focus,body a.cta-high-emphasis:focus,body .cta-high-emphasis:focus { | |
outline: none; | |
box-shadow: none | |
} | |
body button.cta-high-emphasis.disabled,body button.cta-high-emphasis[disabled],body a.cta-high-emphasis.disabled,body a.cta-high-emphasis[disabled],body .cta-high-emphasis.disabled,body .cta-high-emphasis[disabled] { | |
pointer-events: none | |
} | |
body button.cta-high-emphasis span::after,body a.cta-high-emphasis span::after,body .cta-high-emphasis span::after { | |
content: ""; | |
display: block; | |
width: 100%; | |
height: 100%; | |
min-width: 48px; | |
min-height: 48px; | |
position: absolute; | |
top: 50%; | |
left: 50%; | |
transform: translate(-50%, -50%) | |
} | |
body button.cta-high-emphasis.cta-dense,body a.cta-high-emphasis.cta-dense,body .cta-high-emphasis.cta-dense { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 500; | |
font-size: 14px; | |
font-size: 0.875rem; | |
line-height: 20px; | |
line-height: 1.25rem; | |
letter-spacing: 0.25px; | |
letter-spacing: 0.015625rem | |
} | |
body button.cta-high-emphasis:focus::after,body a.cta-high-emphasis:focus::after,body .cta-high-emphasis:focus::after { | |
outline: none; | |
border-radius: 4px; | |
padding: 5px; | |
box-shadow: 0 0 0 3px #1967d2 | |
} | |
body button.cta-high-emphasis.dark-theme:focus::after,body a.cta-high-emphasis.dark-theme:focus::after,body .cta-high-emphasis.dark-theme:focus::after { | |
outline: none; | |
border-radius: 4px; | |
padding: 5px; | |
box-shadow: 0 0 0 3px #8ab4f8 | |
} | |
body button.cta-high-emphasis,body a.cta-high-emphasis,body .cta-high-emphasis { | |
color: #fff; | |
background: #1967d2; | |
border-color: #1967d2 | |
} | |
body button.cta-high-emphasis:hover,body a.cta-high-emphasis:hover,body .cta-high-emphasis:hover { | |
color: #fff; | |
border-color: #1967d2; | |
box-shadow: 0px 1px 3px 1px rgba(66,63,63,.15) | |
} | |
body button.cta-high-emphasis:hover::before,body a.cta-high-emphasis:hover::before,body .cta-high-emphasis:hover::before { | |
background: linear-gradient(0deg, rgba(25, 24, 24, 0.16), rgba(25, 24, 24, 0.16)),#1967d2 | |
} | |
body button.cta-high-emphasis:focus,body a.cta-high-emphasis:focus,body .cta-high-emphasis:focus { | |
color: #fff; | |
background: linear-gradient(0deg, rgba(25, 24, 24, 0.24), rgba(25, 24, 24, 0.24)),#1967d2; | |
border-color: #1967d2; | |
outline-color: #1967d2 | |
} | |
body button.cta-high-emphasis:focus:hover,body a.cta-high-emphasis:focus:hover,body .cta-high-emphasis:focus:hover { | |
color: #fff; | |
border-color: #1967d2 | |
} | |
body button.cta-high-emphasis:focus:hover::before,body a.cta-high-emphasis:focus:hover::before,body .cta-high-emphasis:focus:hover::before { | |
background: linear-gradient(0deg, rgba(25, 24, 24, 0.4), rgba(25, 24, 24, 0.4)),#1967d2 | |
} | |
body button.cta-high-emphasis:active,body a.cta-high-emphasis:active,body .cta-high-emphasis:active { | |
color: #fff; | |
background: linear-gradient(0deg, rgba(25, 24, 24, 0.2), rgba(25, 24, 24, 0.2)),#1967d2; | |
border-color: #1967d2; | |
box-shadow: 0px 2px 6px 2px rgba(66,63,63,.15) | |
} | |
body button.cta-high-emphasis.disabled,body button.cta-high-emphasis[disabled],body a.cta-high-emphasis.disabled,body a.cta-high-emphasis[disabled],body .cta-high-emphasis.disabled,body .cta-high-emphasis[disabled] { | |
color: #a09e9e; | |
background: #dcdbdb; | |
border-color: #dcdbdb | |
} | |
body button.cta-high-emphasis.dark-theme,body a.cta-high-emphasis.dark-theme,body .cta-high-emphasis.dark-theme { | |
color: #191818; | |
background: #8ab4f8; | |
border-color: #8ab4f8 | |
} | |
body button.cta-high-emphasis.dark-theme:hover,body a.cta-high-emphasis.dark-theme:hover,body .cta-high-emphasis.dark-theme:hover { | |
color: #191818; | |
border-color: #8ab4f8 | |
} | |
body button.cta-high-emphasis.dark-theme:hover::before,body a.cta-high-emphasis.dark-theme:hover::before,body .cta-high-emphasis.dark-theme:hover::before { | |
background: linear-gradient(0deg, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.08)),#8ab4f8 | |
} | |
body button.cta-high-emphasis.dark-theme:focus,body a.cta-high-emphasis.dark-theme:focus,body .cta-high-emphasis.dark-theme:focus { | |
color: #191818; | |
background: #8ab4f8; | |
border-color: #8ab4f8; | |
outline-color: #8ab4f8 | |
} | |
body button.cta-high-emphasis.dark-theme:focus:hover,body a.cta-high-emphasis.dark-theme:focus:hover,body .cta-high-emphasis.dark-theme:focus:hover { | |
color: #191818; | |
border-color: #8ab4f8 | |
} | |
body button.cta-high-emphasis.dark-theme:focus:hover::before,body a.cta-high-emphasis.dark-theme:focus:hover::before,body .cta-high-emphasis.dark-theme:focus:hover::before { | |
background: linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)),#8ab4f8 | |
} | |
body button.cta-high-emphasis.dark-theme:active,body a.cta-high-emphasis.dark-theme:active,body .cta-high-emphasis.dark-theme:active { | |
color: #191818; | |
background: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)),#8ab4f8; | |
border-color: #8ab4f8 | |
} | |
body button.cta-high-emphasis.dark-theme.disabled,body button.cta-high-emphasis.dark-theme[disabled],body a.cta-high-emphasis.dark-theme.disabled,body a.cta-high-emphasis.dark-theme[disabled],body .cta-high-emphasis.dark-theme.disabled,body .cta-high-emphasis.dark-theme[disabled] { | |
color: #a09e9e; | |
background: #423f3f; | |
border-color: #423f3f | |
} | |
body button.cta-medium-emphasis,body a.cta-medium-emphasis,body .cta-medium-emphasis { | |
display: inline-block; | |
box-sizing: border-box; | |
position: relative; | |
cursor: pointer; | |
z-index: 1; | |
width: auto; | |
text-align: center; | |
white-space: nowrap; | |
transition: opacity .2s cubic-bezier(0.1, 0.1, 0, 1),background .2s cubic-bezier(0.1, 0.1, 0, 1),transform .2s cubic-bezier(0.1, 0.1, 0, 1); | |
border: 2px solid transparent; | |
border-radius: 4px; | |
text-decoration: none; | |
margin-right: 16px; | |
margin-bottom: 16px; | |
padding: 6px 20px; | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 500; | |
font-size: 16px; | |
font-size: 1rem; | |
line-height: 24px; | |
line-height: 1.5rem; | |
letter-spacing: 0.1px; | |
letter-spacing: 0.00625rem | |
} | |
body button.cta-medium-emphasis::first-letter,body a.cta-medium-emphasis::first-letter,body .cta-medium-emphasis::first-letter { | |
text-transform: capitalize | |
} | |
body button.cta-medium-emphasis:last-of-type,body a.cta-medium-emphasis:last-of-type,body .cta-medium-emphasis:last-of-type { | |
margin-right: 0; | |
margin-bottom: 0 | |
} | |
body button.cta-medium-emphasis::before,body a.cta-medium-emphasis::before,body .cta-medium-emphasis::before { | |
content: ""; | |
position: absolute; | |
z-index: -1; | |
top: -1px; | |
right: -1px; | |
width: calc(100% + 2px); | |
height: calc(100% + 2px); | |
border-radius: 4px; | |
opacity: 0; | |
background: transparent; | |
transform-origin: center center; | |
transform: scale3d(0.85, 0.65, 0.85); | |
transition: opacity .2s cubic-bezier(0.1, 0.1, 0, 1),background .2s cubic-bezier(0.1, 0.1, 0, 1),transform .2s cubic-bezier(0.1, 0.1, 0, 1) | |
} | |
body button.cta-medium-emphasis:hover::before,body a.cta-medium-emphasis:hover::before,body .cta-medium-emphasis:hover::before { | |
opacity: 1; | |
transform: scale3d(1, 1, 1) | |
} | |
body button.cta-medium-emphasis::after,body a.cta-medium-emphasis::after,body .cta-medium-emphasis::after { | |
content: ""; | |
display: block; | |
width: 100%; | |
height: 100%; | |
position: absolute; | |
top: 50%; | |
left: 50%; | |
transform: translate(-50%, -50%); | |
-webkit-box-sizing: content-box; | |
-moz-box-sizing: content-box; | |
box-sizing: content-box | |
} | |
body button.cta-medium-emphasis:focus,body a.cta-medium-emphasis:focus,body .cta-medium-emphasis:focus { | |
outline: none; | |
box-shadow: none | |
} | |
body button.cta-medium-emphasis.disabled,body button.cta-medium-emphasis[disabled],body a.cta-medium-emphasis.disabled,body a.cta-medium-emphasis[disabled],body .cta-medium-emphasis.disabled,body .cta-medium-emphasis[disabled] { | |
pointer-events: none | |
} | |
body button.cta-medium-emphasis span::after,body a.cta-medium-emphasis span::after,body .cta-medium-emphasis span::after { | |
content: ""; | |
display: block; | |
width: 100%; | |
height: 100%; | |
min-width: 48px; | |
min-height: 48px; | |
position: absolute; | |
top: 50%; | |
left: 50%; | |
transform: translate(-50%, -50%) | |
} | |
body button.cta-medium-emphasis.cta-dense,body a.cta-medium-emphasis.cta-dense,body .cta-medium-emphasis.cta-dense { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 500; | |
font-size: 14px; | |
font-size: 0.875rem; | |
line-height: 20px; | |
line-height: 1.25rem; | |
letter-spacing: 0.25px; | |
letter-spacing: 0.015625rem | |
} | |
body button.cta-medium-emphasis:focus::after,body a.cta-medium-emphasis:focus::after,body .cta-medium-emphasis:focus::after { | |
outline: none; | |
border-radius: 4px; | |
padding: 5px; | |
box-shadow: 0 0 0 3px #1967d2 | |
} | |
body button.cta-medium-emphasis.dark-theme:focus::after,body a.cta-medium-emphasis.dark-theme:focus::after,body .cta-medium-emphasis.dark-theme:focus::after { | |
outline: none; | |
border-radius: 4px; | |
padding: 5px; | |
box-shadow: 0 0 0 3px #8ab4f8 | |
} | |
body button.cta-medium-emphasis,body a.cta-medium-emphasis,body .cta-medium-emphasis { | |
color: #1967d2; | |
background: transparent; | |
border-color: #1967d2 | |
} | |
body button.cta-medium-emphasis:hover,body a.cta-medium-emphasis:hover,body .cta-medium-emphasis:hover { | |
color: #fff; | |
border-color: #1967d2 | |
} | |
body button.cta-medium-emphasis:hover::before,body a.cta-medium-emphasis:hover::before,body .cta-medium-emphasis:hover::before { | |
background: #1967d2 | |
} | |
body button.cta-medium-emphasis:focus,body a.cta-medium-emphasis:focus,body .cta-medium-emphasis:focus { | |
color: #1967d2; | |
background: transparent; | |
border-color: #1967d2; | |
outline-color: #1967d2 | |
} | |
body button.cta-medium-emphasis:focus:hover,body a.cta-medium-emphasis:focus:hover,body .cta-medium-emphasis:focus:hover { | |
color: #fff; | |
border-color: #1967d2 | |
} | |
body button.cta-medium-emphasis:focus:hover::before,body a.cta-medium-emphasis:focus:hover::before,body .cta-medium-emphasis:focus:hover::before { | |
background: #1967d2 | |
} | |
body button.cta-medium-emphasis:active,body a.cta-medium-emphasis:active,body .cta-medium-emphasis:active { | |
color: #fff; | |
background: linear-gradient(0deg, rgba(25, 24, 24, 0.1), rgba(25, 24, 24, 0.1)),#1967d2; | |
border-color: #1967d2 | |
} | |
body button.cta-medium-emphasis.disabled,body button.cta-medium-emphasis[disabled],body a.cta-medium-emphasis.disabled,body a.cta-medium-emphasis[disabled],body .cta-medium-emphasis.disabled,body .cta-medium-emphasis[disabled] { | |
color: #a09e9e; | |
background: transparent; | |
border-color: #dcdbdb | |
} | |
body button.cta-medium-emphasis.dark-theme,body a.cta-medium-emphasis.dark-theme,body .cta-medium-emphasis.dark-theme { | |
color: #8ab4f8; | |
background: transparent; | |
border-color: #8ab4f8 | |
} | |
body button.cta-medium-emphasis.dark-theme:hover,body a.cta-medium-emphasis.dark-theme:hover,body .cta-medium-emphasis.dark-theme:hover { | |
color: #191818; | |
border-color: #8ab4f8 | |
} | |
body button.cta-medium-emphasis.dark-theme:hover::before,body a.cta-medium-emphasis.dark-theme:hover::before,body .cta-medium-emphasis.dark-theme:hover::before { | |
background: #8ab4f8 | |
} | |
body button.cta-medium-emphasis.dark-theme:focus,body a.cta-medium-emphasis.dark-theme:focus,body .cta-medium-emphasis.dark-theme:focus { | |
color: #8ab4f8; | |
background: transparent; | |
border-color: #8ab4f8; | |
outline-color: #8ab4f8 | |
} | |
body button.cta-medium-emphasis.dark-theme:focus:hover,body a.cta-medium-emphasis.dark-theme:focus:hover,body .cta-medium-emphasis.dark-theme:focus:hover { | |
color: #191818; | |
border-color: #8ab4f8 | |
} | |
body button.cta-medium-emphasis.dark-theme:focus:hover::before,body a.cta-medium-emphasis.dark-theme:focus:hover::before,body .cta-medium-emphasis.dark-theme:focus:hover::before { | |
background: #8ab4f8 | |
} | |
body button.cta-medium-emphasis.dark-theme:active,body a.cta-medium-emphasis.dark-theme:active,body .cta-medium-emphasis.dark-theme:active { | |
color: #191818; | |
background: linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)),#8ab4f8; | |
border-color: #8ab4f8 | |
} | |
body button.cta-medium-emphasis.dark-theme.disabled,body button.cta-medium-emphasis.dark-theme[disabled],body a.cta-medium-emphasis.dark-theme.disabled,body a.cta-medium-emphasis.dark-theme[disabled],body .cta-medium-emphasis.dark-theme.disabled,body .cta-medium-emphasis.dark-theme[disabled] { | |
color: #423f3f; | |
background: transparent; | |
border-color: #423f3f | |
} | |
body button.cta-medium-emphasis--grey,body a.cta-medium-emphasis--grey,body .cta-medium-emphasis--grey { | |
display: inline-block; | |
box-sizing: border-box; | |
position: relative; | |
cursor: pointer; | |
z-index: 1; | |
width: auto; | |
text-align: center; | |
white-space: nowrap; | |
transition: opacity .2s cubic-bezier(0.1, 0.1, 0, 1),background .2s cubic-bezier(0.1, 0.1, 0, 1),transform .2s cubic-bezier(0.1, 0.1, 0, 1); | |
border: 2px solid transparent; | |
border-radius: 4px; | |
text-decoration: none; | |
margin-right: 16px; | |
margin-bottom: 16px; | |
padding: 6px 20px; | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 500; | |
font-size: 16px; | |
font-size: 1rem; | |
line-height: 24px; | |
line-height: 1.5rem; | |
letter-spacing: 0.1px; | |
letter-spacing: 0.00625rem | |
} | |
body button.cta-medium-emphasis--grey::first-letter,body a.cta-medium-emphasis--grey::first-letter,body .cta-medium-emphasis--grey::first-letter { | |
text-transform: capitalize | |
} | |
body button.cta-medium-emphasis--grey:last-of-type,body a.cta-medium-emphasis--grey:last-of-type,body .cta-medium-emphasis--grey:last-of-type { | |
margin-right: 0; | |
margin-bottom: 0 | |
} | |
body button.cta-medium-emphasis--grey::before,body a.cta-medium-emphasis--grey::before,body .cta-medium-emphasis--grey::before { | |
content: ""; | |
position: absolute; | |
z-index: -1; | |
top: -1px; | |
right: -1px; | |
width: calc(100% + 2px); | |
height: calc(100% + 2px); | |
border-radius: 4px; | |
opacity: 0; | |
background: transparent; | |
transform-origin: center center; | |
transform: scale3d(0.85, 0.65, 0.85); | |
transition: opacity .2s cubic-bezier(0.1, 0.1, 0, 1),background .2s cubic-bezier(0.1, 0.1, 0, 1),transform .2s cubic-bezier(0.1, 0.1, 0, 1) | |
} | |
body button.cta-medium-emphasis--grey:hover::before,body a.cta-medium-emphasis--grey:hover::before,body .cta-medium-emphasis--grey:hover::before { | |
opacity: 1; | |
transform: scale3d(1, 1, 1) | |
} | |
body button.cta-medium-emphasis--grey::after,body a.cta-medium-emphasis--grey::after,body .cta-medium-emphasis--grey::after { | |
content: ""; | |
display: block; | |
width: 100%; | |
height: 100%; | |
position: absolute; | |
top: 50%; | |
left: 50%; | |
transform: translate(-50%, -50%); | |
-webkit-box-sizing: content-box; | |
-moz-box-sizing: content-box; | |
box-sizing: content-box | |
} | |
body button.cta-medium-emphasis--grey:focus,body a.cta-medium-emphasis--grey:focus,body .cta-medium-emphasis--grey:focus { | |
outline: none; | |
box-shadow: none | |
} | |
body button.cta-medium-emphasis--grey.disabled,body button.cta-medium-emphasis--grey[disabled],body a.cta-medium-emphasis--grey.disabled,body a.cta-medium-emphasis--grey[disabled],body .cta-medium-emphasis--grey.disabled,body .cta-medium-emphasis--grey[disabled] { | |
pointer-events: none | |
} | |
body button.cta-medium-emphasis--grey span::after,body a.cta-medium-emphasis--grey span::after,body .cta-medium-emphasis--grey span::after { | |
content: ""; | |
display: block; | |
width: 100%; | |
height: 100%; | |
min-width: 48px; | |
min-height: 48px; | |
position: absolute; | |
top: 50%; | |
left: 50%; | |
transform: translate(-50%, -50%) | |
} | |
body button.cta-medium-emphasis--grey.cta-dense,body a.cta-medium-emphasis--grey.cta-dense,body .cta-medium-emphasis--grey.cta-dense { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 500; | |
font-size: 14px; | |
font-size: 0.875rem; | |
line-height: 20px; | |
line-height: 1.25rem; | |
letter-spacing: 0.25px; | |
letter-spacing: 0.015625rem | |
} | |
body button.cta-medium-emphasis--grey:focus::after,body a.cta-medium-emphasis--grey:focus::after,body .cta-medium-emphasis--grey:focus::after { | |
outline: none; | |
border-radius: 4px; | |
padding: 5px; | |
box-shadow: 0 0 0 3px #1967d2 | |
} | |
body button.cta-medium-emphasis--grey.dark-theme:focus::after,body a.cta-medium-emphasis--grey.dark-theme:focus::after,body .cta-medium-emphasis--grey.dark-theme:focus::after { | |
outline: none; | |
border-radius: 4px; | |
padding: 5px; | |
box-shadow: 0 0 0 3px #8ab4f8 | |
} | |
body button.cta-medium-emphasis--grey,body a.cta-medium-emphasis--grey,body .cta-medium-emphasis--grey { | |
color: #191818; | |
background: transparent; | |
border-color: #636060 | |
} | |
body button.cta-medium-emphasis--grey:hover,body a.cta-medium-emphasis--grey:hover,body .cta-medium-emphasis--grey:hover { | |
color: #fff; | |
border-color: #636060 | |
} | |
body button.cta-medium-emphasis--grey:hover::before,body a.cta-medium-emphasis--grey:hover::before,body .cta-medium-emphasis--grey:hover::before { | |
background: #636060 | |
} | |
body button.cta-medium-emphasis--grey:focus,body a.cta-medium-emphasis--grey:focus,body .cta-medium-emphasis--grey:focus { | |
color: #191818; | |
background: transparent; | |
border-color: #636060; | |
outline-color: #1967d2 | |
} | |
body button.cta-medium-emphasis--grey:focus:hover,body a.cta-medium-emphasis--grey:focus:hover,body .cta-medium-emphasis--grey:focus:hover { | |
color: #fff; | |
border-color: #636060 | |
} | |
body button.cta-medium-emphasis--grey:focus:hover::before,body a.cta-medium-emphasis--grey:focus:hover::before,body .cta-medium-emphasis--grey:focus:hover::before { | |
background: #636060 | |
} | |
body button.cta-medium-emphasis--grey:active,body a.cta-medium-emphasis--grey:active,body .cta-medium-emphasis--grey:active { | |
color: #fff; | |
background: linear-gradient(0deg, rgba(25, 24, 24, 0.1), rgba(25, 24, 24, 0.1)),#636060; | |
border-color: #636060 | |
} | |
body button.cta-medium-emphasis--grey.disabled,body button.cta-medium-emphasis--grey[disabled],body a.cta-medium-emphasis--grey.disabled,body a.cta-medium-emphasis--grey[disabled],body .cta-medium-emphasis--grey.disabled,body .cta-medium-emphasis--grey[disabled] { | |
color: #a09e9e; | |
background: transparent; | |
border-color: #dcdbdb | |
} | |
body button.cta-medium-emphasis--grey.dark-theme,body a.cta-medium-emphasis--grey.dark-theme,body .cta-medium-emphasis--grey.dark-theme { | |
color: #fff; | |
background: transparent; | |
border-color: #dcdbdb | |
} | |
body button.cta-medium-emphasis--grey.dark-theme:hover,body a.cta-medium-emphasis--grey.dark-theme:hover,body .cta-medium-emphasis--grey.dark-theme:hover { | |
color: #191818; | |
border-color: #dcdbdb | |
} | |
body button.cta-medium-emphasis--grey.dark-theme:hover::before,body a.cta-medium-emphasis--grey.dark-theme:hover::before,body .cta-medium-emphasis--grey.dark-theme:hover::before { | |
background: #dcdbdb | |
} | |
body button.cta-medium-emphasis--grey.dark-theme:focus,body a.cta-medium-emphasis--grey.dark-theme:focus,body .cta-medium-emphasis--grey.dark-theme:focus { | |
color: #fff; | |
background: transparent; | |
border-color: #dcdbdb; | |
outline-color: #8ab4f8 | |
} | |
body button.cta-medium-emphasis--grey.dark-theme:focus:hover,body a.cta-medium-emphasis--grey.dark-theme:focus:hover,body .cta-medium-emphasis--grey.dark-theme:focus:hover { | |
color: #191818; | |
border-color: #dcdbdb | |
} | |
body button.cta-medium-emphasis--grey.dark-theme:focus:hover::before,body a.cta-medium-emphasis--grey.dark-theme:focus:hover::before,body .cta-medium-emphasis--grey.dark-theme:focus:hover::before { | |
background: #dcdbdb | |
} | |
body button.cta-medium-emphasis--grey.dark-theme:active,body a.cta-medium-emphasis--grey.dark-theme:active,body .cta-medium-emphasis--grey.dark-theme:active { | |
color: #191818; | |
background: linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)),#dcdbdb; | |
border-color: #dcdbdb | |
} | |
body button.cta-medium-emphasis--grey.dark-theme.disabled,body button.cta-medium-emphasis--grey.dark-theme[disabled],body a.cta-medium-emphasis--grey.dark-theme.disabled,body a.cta-medium-emphasis--grey.dark-theme[disabled],body .cta-medium-emphasis--grey.dark-theme.disabled,body .cta-medium-emphasis--grey.dark-theme[disabled] { | |
color: #423f3f; | |
background: transparent; | |
border-color: #423f3f | |
} | |
body button.cta-low-emphasis,body a.cta-low-emphasis,body .cta-low-emphasis { | |
display: inline-block; | |
box-sizing: border-box; | |
position: relative; | |
cursor: pointer; | |
z-index: 1; | |
width: auto; | |
text-align: center; | |
white-space: nowrap; | |
transition: opacity .2s cubic-bezier(0.1, 0.1, 0, 1),background .2s cubic-bezier(0.1, 0.1, 0, 1),transform .2s cubic-bezier(0.1, 0.1, 0, 1); | |
border: 2px solid transparent; | |
border-radius: 4px; | |
text-decoration: none; | |
margin-right: 16px; | |
margin-bottom: 16px; | |
padding: 6px 8px; | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 500; | |
font-size: 16px; | |
font-size: 1rem; | |
line-height: 24px; | |
line-height: 1.5rem; | |
letter-spacing: 0.1px; | |
letter-spacing: 0.00625rem | |
} | |
body button.cta-low-emphasis::first-letter,body a.cta-low-emphasis::first-letter,body .cta-low-emphasis::first-letter { | |
text-transform: capitalize | |
} | |
body button.cta-low-emphasis:last-of-type,body a.cta-low-emphasis:last-of-type,body .cta-low-emphasis:last-of-type { | |
margin-right: 0; | |
margin-bottom: 0 | |
} | |
body button.cta-low-emphasis::before,body a.cta-low-emphasis::before,body .cta-low-emphasis::before { | |
content: ""; | |
position: absolute; | |
z-index: -1; | |
top: -1px; | |
right: -1px; | |
width: calc(100% + 2px); | |
height: calc(100% + 2px); | |
border-radius: 4px; | |
opacity: 0; | |
background: transparent; | |
transform-origin: center center; | |
transform: scale3d(0.85, 0.65, 0.85); | |
transition: opacity .2s cubic-bezier(0.1, 0.1, 0, 1),background .2s cubic-bezier(0.1, 0.1, 0, 1),transform .2s cubic-bezier(0.1, 0.1, 0, 1) | |
} | |
body button.cta-low-emphasis:hover::before,body a.cta-low-emphasis:hover::before,body .cta-low-emphasis:hover::before { | |
opacity: 1; | |
transform: scale3d(1, 1, 1) | |
} | |
body button.cta-low-emphasis::after,body a.cta-low-emphasis::after,body .cta-low-emphasis::after { | |
content: ""; | |
display: block; | |
width: 100%; | |
height: 100%; | |
position: absolute; | |
top: 50%; | |
left: 50%; | |
transform: translate(-50%, -50%); | |
-webkit-box-sizing: content-box; | |
-moz-box-sizing: content-box; | |
box-sizing: content-box | |
} | |
body button.cta-low-emphasis:focus,body a.cta-low-emphasis:focus,body .cta-low-emphasis:focus { | |
outline: none; | |
box-shadow: none | |
} | |
body button.cta-low-emphasis.disabled,body button.cta-low-emphasis[disabled],body a.cta-low-emphasis.disabled,body a.cta-low-emphasis[disabled],body .cta-low-emphasis.disabled,body .cta-low-emphasis[disabled] { | |
pointer-events: none | |
} | |
body button.cta-low-emphasis span::after,body a.cta-low-emphasis span::after,body .cta-low-emphasis span::after { | |
content: ""; | |
display: block; | |
width: 100%; | |
height: 100%; | |
min-width: 48px; | |
min-height: 48px; | |
position: absolute; | |
top: 50%; | |
left: 50%; | |
transform: translate(-50%, -50%) | |
} | |
body button.cta-low-emphasis span.cta-chevron--right,body a.cta-low-emphasis span.cta-chevron--right,body .cta-low-emphasis span.cta-chevron--right { | |
padding-right: 16px | |
} | |
body button.cta-low-emphasis span.cta-chevron--right::after,body a.cta-low-emphasis span.cta-chevron--right::after,body .cta-low-emphasis span.cta-chevron--right::after { | |
background-position: right center | |
} | |
body button.cta-low-emphasis span.cta-chevron--left,body a.cta-low-emphasis span.cta-chevron--left,body .cta-low-emphasis span.cta-chevron--left { | |
padding-left: 16px | |
} | |
body button.cta-low-emphasis span.cta-chevron--left::after,body a.cta-low-emphasis span.cta-chevron--left::after,body .cta-low-emphasis span.cta-chevron--left::after { | |
background-position: left center | |
} | |
body button.cta-low-emphasis.cta-dense,body a.cta-low-emphasis.cta-dense,body .cta-low-emphasis.cta-dense { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 500; | |
font-size: 14px; | |
font-size: 0.875rem; | |
line-height: 20px; | |
line-height: 1.25rem; | |
letter-spacing: 0.25px; | |
letter-spacing: 0.015625rem | |
} | |
body button.cta-low-emphasis:focus::after,body a.cta-low-emphasis:focus::after,body .cta-low-emphasis:focus::after { | |
outline: none; | |
border-radius: 4px; | |
padding: 5px; | |
box-shadow: 0 0 0 3px #1967d2 | |
} | |
body button.cta-low-emphasis.dark-theme:focus::after,body a.cta-low-emphasis.dark-theme:focus::after,body .cta-low-emphasis.dark-theme:focus::after { | |
outline: none; | |
border-radius: 4px; | |
padding: 5px; | |
box-shadow: 0 0 0 3px #8ab4f8 | |
} | |
body button.cta-low-emphasis,body a.cta-low-emphasis,body .cta-low-emphasis { | |
color: #1967d2; | |
background: transparent | |
} | |
body button.cta-low-emphasis .cta-chevron--right::after,body a.cta-low-emphasis .cta-chevron--right::after,body .cta-low-emphasis .cta-chevron--right::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231967d2' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 6-1.41 1.41 4.58 4.59-4.58 4.59 1.41 1.41 6-6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis .cta-chevron--left::after,body a.cta-low-emphasis .cta-chevron--left::after,body .cta-low-emphasis .cta-chevron--left::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231967d2' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m15.41 7.41-1.41-1.41-6 6 6 6 1.41-1.41-4.58-4.59z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis .cta-icon-text--plus::after,body a.cta-low-emphasis .cta-icon-text--plus::after,body .cta-low-emphasis .cta-icon-text--plus::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' fill='%231967d2' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm1-13h-2v4h-4v2h4v4h2v-4h4v-2h-4z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis .cta-icon-text--play::after,body a.cta-low-emphasis .cta-icon-text--play::after,body .cta-low-emphasis .cta-icon-text--play::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%231967d2'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M10 16.5l6-4.5-6-4.5zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis .cta-icon-text--external::after,body a.cta-low-emphasis .cta-icon-text--external::after,body .cta-low-emphasis .cta-icon-text--external::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%231967d2'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis .cta-icon-text--3d::after,body a.cta-low-emphasis .cta-icon-text--3d::after,body .cta-low-emphasis .cta-icon-text--3d::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 38 38' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.5002 1.5835H31.6668C34.2952 1.5835 36.4168 3.70516 36.4168 6.3335V9.50016H33.2502V6.3335C33.2502 5.46266 32.5377 4.75016 31.6668 4.75016H28.5002V1.5835ZM31.6668 33.2502C32.5377 33.2502 33.2502 32.5377 33.2502 31.6668V28.5002H36.4168V31.6668C36.4168 34.2952 34.2952 36.4168 31.6668 36.4168H28.5002V33.2502H31.6668ZM4.75016 31.6668V28.5002H1.5835V31.6668C1.5835 34.2952 3.70516 36.4168 6.3335 36.4168H9.50016V33.2502H6.3335C5.46266 33.2502 4.75016 32.5377 4.75016 31.6668ZM6.3335 4.75016C5.46266 4.75016 4.75016 5.46266 4.75016 6.3335V9.50016H1.5835V6.3335C1.5835 3.70516 3.70516 1.5835 6.3335 1.5835H9.50016V4.75016H6.3335ZM26.9168 23.576L20.5835 27.2335V19.9343L26.9168 16.261V23.576ZM12.6668 13.506L19.0002 17.1793L25.3335 13.506L19.0002 9.8485L12.6668 13.506ZM17.4168 27.2335L11.0835 23.576V16.261L17.4168 19.9343V27.2335ZM30.0835 13.981V24.0193C30.0835 24.8743 29.6243 25.6502 28.896 26.0935L20.1877 31.1285C19.4593 31.556 18.541 31.556 17.8127 31.1285L9.10433 26.0935C8.376 25.666 7.91683 24.8902 7.91683 24.0352V13.981C7.91683 13.1102 8.376 12.3343 9.10433 11.9227L17.8127 6.88766C18.541 6.46016 19.4593 6.46016 20.1877 6.88766L28.896 11.9227C29.6243 12.3502 30.0835 13.126 30.0835 13.981Z' fill='%231967d2'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis .cta-icon-text--compare::after,body a.cta-low-emphasis .cta-icon-text--compare::after,body .cta-low-emphasis .cta-icon-text--compare::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231967d2' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 3h-5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h5v2h2v-22h-2zm0 15h-5l5-6zm9-15h-5v2h5v13l-5-6v9h5c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis .cta-icon-text--compare-alt::after,body a.cta-low-emphasis .cta-icon-text--compare-alt::after,body .cta-low-emphasis .cta-icon-text--compare-alt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg fill='none' height='24' viewBox='0 0 33 33' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M22.41 17.59L21 19l-5-5 5-5 1.41 1.41L19.83 13H27v2h-7.17zm-10.82-2.18L13 14l5 5-5 5-1.41-1.41L14.17 20H7v-2h7.17z' fill='%231967d2' fill-rule='evenodd'/%3E%3Ccircle cx='16.5' cy='16.5' r='15.5' stroke='%231967d2' stroke-width='2'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis .cta-icon-text--receipt::after,body a.cta-low-emphasis .cta-icon-text--receipt::after,body .cta-low-emphasis .cta-icon-text--receipt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%231967d2'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19.5 3.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5zM19 19.09H5V4.91h14v14.18zM6 15h12v2H6zm0-4h12v2H6zm0-4h12v2H6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis .cta-icon-text--anchor::after,body a.cta-low-emphasis .cta-icon-text--anchor::after,body .cta-low-emphasis .cta-icon-text--anchor::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' viewBox='0 0 30 35' width='20'%3E%3Cpath d='m15 28.2758-10.90125-10.9013-3.34875 3.3725 14.25 14.25 14.25-14.25-3.3487-3.3487z' fill='%238ab4f8'/%3E%3Cpath d='m29.25 3.956-3.3487-3.348754-10.9013 10.877454-10.90125-10.901204-3.34875 3.372504 14.25 14.25z' fill='%231967d2'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:hover .cta-chevron--right::after,body a.cta-low-emphasis:hover .cta-chevron--right::after,body .cta-low-emphasis:hover .cta-chevron--right::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23174ea6' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 6-1.41 1.41 4.58 4.59-4.58 4.59 1.41 1.41 6-6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:hover .cta-chevron--left::after,body a.cta-low-emphasis:hover .cta-chevron--left::after,body .cta-low-emphasis:hover .cta-chevron--left::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23174ea6' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m15.41 7.41-1.41-1.41-6 6 6 6 1.41-1.41-4.58-4.59z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:hover .cta-icon-text--plus::after,body a.cta-low-emphasis:hover .cta-icon-text--plus::after,body .cta-low-emphasis:hover .cta-icon-text--plus::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' fill='%23174ea6' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm1-13h-2v4h-4v2h4v4h2v-4h4v-2h-4z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:hover .cta-icon-text--play::after,body a.cta-low-emphasis:hover .cta-icon-text--play::after,body .cta-low-emphasis:hover .cta-icon-text--play::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23174ea6'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M10 16.5l6-4.5-6-4.5zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:hover .cta-icon-text--external::after,body a.cta-low-emphasis:hover .cta-icon-text--external::after,body .cta-low-emphasis:hover .cta-icon-text--external::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23174ea6'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:hover .cta-icon-text--3d::after,body a.cta-low-emphasis:hover .cta-icon-text--3d::after,body .cta-low-emphasis:hover .cta-icon-text--3d::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 38 38' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.5002 1.5835H31.6668C34.2952 1.5835 36.4168 3.70516 36.4168 6.3335V9.50016H33.2502V6.3335C33.2502 5.46266 32.5377 4.75016 31.6668 4.75016H28.5002V1.5835ZM31.6668 33.2502C32.5377 33.2502 33.2502 32.5377 33.2502 31.6668V28.5002H36.4168V31.6668C36.4168 34.2952 34.2952 36.4168 31.6668 36.4168H28.5002V33.2502H31.6668ZM4.75016 31.6668V28.5002H1.5835V31.6668C1.5835 34.2952 3.70516 36.4168 6.3335 36.4168H9.50016V33.2502H6.3335C5.46266 33.2502 4.75016 32.5377 4.75016 31.6668ZM6.3335 4.75016C5.46266 4.75016 4.75016 5.46266 4.75016 6.3335V9.50016H1.5835V6.3335C1.5835 3.70516 3.70516 1.5835 6.3335 1.5835H9.50016V4.75016H6.3335ZM26.9168 23.576L20.5835 27.2335V19.9343L26.9168 16.261V23.576ZM12.6668 13.506L19.0002 17.1793L25.3335 13.506L19.0002 9.8485L12.6668 13.506ZM17.4168 27.2335L11.0835 23.576V16.261L17.4168 19.9343V27.2335ZM30.0835 13.981V24.0193C30.0835 24.8743 29.6243 25.6502 28.896 26.0935L20.1877 31.1285C19.4593 31.556 18.541 31.556 17.8127 31.1285L9.10433 26.0935C8.376 25.666 7.91683 24.8902 7.91683 24.0352V13.981C7.91683 13.1102 8.376 12.3343 9.10433 11.9227L17.8127 6.88766C18.541 6.46016 19.4593 6.46016 20.1877 6.88766L28.896 11.9227C29.6243 12.3502 30.0835 13.126 30.0835 13.981Z' fill='%23174ea6'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:hover .cta-icon-text--compare::after,body a.cta-low-emphasis:hover .cta-icon-text--compare::after,body .cta-low-emphasis:hover .cta-icon-text--compare::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23174ea6' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 3h-5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h5v2h2v-22h-2zm0 15h-5l5-6zm9-15h-5v2h5v13l-5-6v9h5c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:hover .cta-icon-text--compare-alt::after,body a.cta-low-emphasis:hover .cta-icon-text--compare-alt::after,body .cta-low-emphasis:hover .cta-icon-text--compare-alt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg fill='none' height='24' viewBox='0 0 33 33' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M22.41 17.59L21 19l-5-5 5-5 1.41 1.41L19.83 13H27v2h-7.17zm-10.82-2.18L13 14l5 5-5 5-1.41-1.41L14.17 20H7v-2h7.17z' fill='%23174ea6' fill-rule='evenodd'/%3E%3Ccircle cx='16.5' cy='16.5' r='15.5' stroke='%23174ea6' stroke-width='2'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:hover .cta-icon-text--receipt::after,body a.cta-low-emphasis:hover .cta-icon-text--receipt::after,body .cta-low-emphasis:hover .cta-icon-text--receipt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23174ea6'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19.5 3.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5zM19 19.09H5V4.91h14v14.18zM6 15h12v2H6zm0-4h12v2H6zm0-4h12v2H6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:hover .cta-icon-text--anchor::after,body a.cta-low-emphasis:hover .cta-icon-text--anchor::after,body .cta-low-emphasis:hover .cta-icon-text--anchor::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' viewBox='0 0 30 35' width='20'%3E%3Cpath d='m15 28.2758-10.90125-10.9013-3.34875 3.3725 14.25 14.25 14.25-14.25-3.3487-3.3487z' fill='%238ab4f8'/%3E%3Cpath d='m29.25 3.956-3.3487-3.348754-10.9013 10.877454-10.90125-10.901204-3.34875 3.372504 14.25 14.25z' fill='%231967d2'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:focus .cta-chevron--right::after,body a.cta-low-emphasis:focus .cta-chevron--right::after,body .cta-low-emphasis:focus .cta-chevron--right::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231967d2' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 6-1.41 1.41 4.58 4.59-4.58 4.59 1.41 1.41 6-6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:focus .cta-chevron--left::after,body a.cta-low-emphasis:focus .cta-chevron--left::after,body .cta-low-emphasis:focus .cta-chevron--left::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231967d2' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m15.41 7.41-1.41-1.41-6 6 6 6 1.41-1.41-4.58-4.59z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:focus .cta-icon-text--plus::after,body a.cta-low-emphasis:focus .cta-icon-text--plus::after,body .cta-low-emphasis:focus .cta-icon-text--plus::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' fill='%231967d2' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm1-13h-2v4h-4v2h4v4h2v-4h4v-2h-4z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:focus .cta-icon-text--play::after,body a.cta-low-emphasis:focus .cta-icon-text--play::after,body .cta-low-emphasis:focus .cta-icon-text--play::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%231967d2'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M10 16.5l6-4.5-6-4.5zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:focus .cta-icon-text--external::after,body a.cta-low-emphasis:focus .cta-icon-text--external::after,body .cta-low-emphasis:focus .cta-icon-text--external::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%231967d2'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:focus .cta-icon-text--3d::after,body a.cta-low-emphasis:focus .cta-icon-text--3d::after,body .cta-low-emphasis:focus .cta-icon-text--3d::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 38 38' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.5002 1.5835H31.6668C34.2952 1.5835 36.4168 3.70516 36.4168 6.3335V9.50016H33.2502V6.3335C33.2502 5.46266 32.5377 4.75016 31.6668 4.75016H28.5002V1.5835ZM31.6668 33.2502C32.5377 33.2502 33.2502 32.5377 33.2502 31.6668V28.5002H36.4168V31.6668C36.4168 34.2952 34.2952 36.4168 31.6668 36.4168H28.5002V33.2502H31.6668ZM4.75016 31.6668V28.5002H1.5835V31.6668C1.5835 34.2952 3.70516 36.4168 6.3335 36.4168H9.50016V33.2502H6.3335C5.46266 33.2502 4.75016 32.5377 4.75016 31.6668ZM6.3335 4.75016C5.46266 4.75016 4.75016 5.46266 4.75016 6.3335V9.50016H1.5835V6.3335C1.5835 3.70516 3.70516 1.5835 6.3335 1.5835H9.50016V4.75016H6.3335ZM26.9168 23.576L20.5835 27.2335V19.9343L26.9168 16.261V23.576ZM12.6668 13.506L19.0002 17.1793L25.3335 13.506L19.0002 9.8485L12.6668 13.506ZM17.4168 27.2335L11.0835 23.576V16.261L17.4168 19.9343V27.2335ZM30.0835 13.981V24.0193C30.0835 24.8743 29.6243 25.6502 28.896 26.0935L20.1877 31.1285C19.4593 31.556 18.541 31.556 17.8127 31.1285L9.10433 26.0935C8.376 25.666 7.91683 24.8902 7.91683 24.0352V13.981C7.91683 13.1102 8.376 12.3343 9.10433 11.9227L17.8127 6.88766C18.541 6.46016 19.4593 6.46016 20.1877 6.88766L28.896 11.9227C29.6243 12.3502 30.0835 13.126 30.0835 13.981Z' fill='%231967d2'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:focus .cta-icon-text--compare::after,body a.cta-low-emphasis:focus .cta-icon-text--compare::after,body .cta-low-emphasis:focus .cta-icon-text--compare::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231967d2' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 3h-5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h5v2h2v-22h-2zm0 15h-5l5-6zm9-15h-5v2h5v13l-5-6v9h5c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:focus .cta-icon-text--compare-alt::after,body a.cta-low-emphasis:focus .cta-icon-text--compare-alt::after,body .cta-low-emphasis:focus .cta-icon-text--compare-alt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg fill='none' height='24' viewBox='0 0 33 33' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M22.41 17.59L21 19l-5-5 5-5 1.41 1.41L19.83 13H27v2h-7.17zm-10.82-2.18L13 14l5 5-5 5-1.41-1.41L14.17 20H7v-2h7.17z' fill='%231967d2' fill-rule='evenodd'/%3E%3Ccircle cx='16.5' cy='16.5' r='15.5' stroke='%231967d2' stroke-width='2'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:focus .cta-icon-text--receipt::after,body a.cta-low-emphasis:focus .cta-icon-text--receipt::after,body .cta-low-emphasis:focus .cta-icon-text--receipt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%231967d2'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19.5 3.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5zM19 19.09H5V4.91h14v14.18zM6 15h12v2H6zm0-4h12v2H6zm0-4h12v2H6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:focus .cta-icon-text--anchor::after,body a.cta-low-emphasis:focus .cta-icon-text--anchor::after,body .cta-low-emphasis:focus .cta-icon-text--anchor::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' viewBox='0 0 30 35' width='20'%3E%3Cpath d='m15 28.2758-10.90125-10.9013-3.34875 3.3725 14.25 14.25 14.25-14.25-3.3487-3.3487z' fill='%238ab4f8'/%3E%3Cpath d='m29.25 3.956-3.3487-3.348754-10.9013 10.877454-10.90125-10.901204-3.34875 3.372504 14.25 14.25z' fill='%231967d2'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:focus:hover .cta-chevron--right::after,body a.cta-low-emphasis:focus:hover .cta-chevron--right::after,body .cta-low-emphasis:focus:hover .cta-chevron--right::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23174ea6' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 6-1.41 1.41 4.58 4.59-4.58 4.59 1.41 1.41 6-6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:focus:hover .cta-chevron--left::after,body a.cta-low-emphasis:focus:hover .cta-chevron--left::after,body .cta-low-emphasis:focus:hover .cta-chevron--left::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23174ea6' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m15.41 7.41-1.41-1.41-6 6 6 6 1.41-1.41-4.58-4.59z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:focus:hover .cta-icon-text--plus::after,body a.cta-low-emphasis:focus:hover .cta-icon-text--plus::after,body .cta-low-emphasis:focus:hover .cta-icon-text--plus::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' fill='%23174ea6' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm1-13h-2v4h-4v2h4v4h2v-4h4v-2h-4z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:focus:hover .cta-icon-text--play::after,body a.cta-low-emphasis:focus:hover .cta-icon-text--play::after,body .cta-low-emphasis:focus:hover .cta-icon-text--play::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23174ea6'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M10 16.5l6-4.5-6-4.5zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:focus:hover .cta-icon-text--external::after,body a.cta-low-emphasis:focus:hover .cta-icon-text--external::after,body .cta-low-emphasis:focus:hover .cta-icon-text--external::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23174ea6'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:focus:hover .cta-icon-text--3d::after,body a.cta-low-emphasis:focus:hover .cta-icon-text--3d::after,body .cta-low-emphasis:focus:hover .cta-icon-text--3d::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 38 38' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.5002 1.5835H31.6668C34.2952 1.5835 36.4168 3.70516 36.4168 6.3335V9.50016H33.2502V6.3335C33.2502 5.46266 32.5377 4.75016 31.6668 4.75016H28.5002V1.5835ZM31.6668 33.2502C32.5377 33.2502 33.2502 32.5377 33.2502 31.6668V28.5002H36.4168V31.6668C36.4168 34.2952 34.2952 36.4168 31.6668 36.4168H28.5002V33.2502H31.6668ZM4.75016 31.6668V28.5002H1.5835V31.6668C1.5835 34.2952 3.70516 36.4168 6.3335 36.4168H9.50016V33.2502H6.3335C5.46266 33.2502 4.75016 32.5377 4.75016 31.6668ZM6.3335 4.75016C5.46266 4.75016 4.75016 5.46266 4.75016 6.3335V9.50016H1.5835V6.3335C1.5835 3.70516 3.70516 1.5835 6.3335 1.5835H9.50016V4.75016H6.3335ZM26.9168 23.576L20.5835 27.2335V19.9343L26.9168 16.261V23.576ZM12.6668 13.506L19.0002 17.1793L25.3335 13.506L19.0002 9.8485L12.6668 13.506ZM17.4168 27.2335L11.0835 23.576V16.261L17.4168 19.9343V27.2335ZM30.0835 13.981V24.0193C30.0835 24.8743 29.6243 25.6502 28.896 26.0935L20.1877 31.1285C19.4593 31.556 18.541 31.556 17.8127 31.1285L9.10433 26.0935C8.376 25.666 7.91683 24.8902 7.91683 24.0352V13.981C7.91683 13.1102 8.376 12.3343 9.10433 11.9227L17.8127 6.88766C18.541 6.46016 19.4593 6.46016 20.1877 6.88766L28.896 11.9227C29.6243 12.3502 30.0835 13.126 30.0835 13.981Z' fill='%23174ea6'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:focus:hover .cta-icon-text--compare::after,body a.cta-low-emphasis:focus:hover .cta-icon-text--compare::after,body .cta-low-emphasis:focus:hover .cta-icon-text--compare::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23174ea6' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 3h-5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h5v2h2v-22h-2zm0 15h-5l5-6zm9-15h-5v2h5v13l-5-6v9h5c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:focus:hover .cta-icon-text--compare-alt::after,body a.cta-low-emphasis:focus:hover .cta-icon-text--compare-alt::after,body .cta-low-emphasis:focus:hover .cta-icon-text--compare-alt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg fill='none' height='24' viewBox='0 0 33 33' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M22.41 17.59L21 19l-5-5 5-5 1.41 1.41L19.83 13H27v2h-7.17zm-10.82-2.18L13 14l5 5-5 5-1.41-1.41L14.17 20H7v-2h7.17z' fill='%23174ea6' fill-rule='evenodd'/%3E%3Ccircle cx='16.5' cy='16.5' r='15.5' stroke='%23174ea6' stroke-width='2'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:focus:hover .cta-icon-text--receipt::after,body a.cta-low-emphasis:focus:hover .cta-icon-text--receipt::after,body .cta-low-emphasis:focus:hover .cta-icon-text--receipt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23174ea6'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19.5 3.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5zM19 19.09H5V4.91h14v14.18zM6 15h12v2H6zm0-4h12v2H6zm0-4h12v2H6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:focus:hover .cta-icon-text--anchor::after,body a.cta-low-emphasis:focus:hover .cta-icon-text--anchor::after,body .cta-low-emphasis:focus:hover .cta-icon-text--anchor::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' viewBox='0 0 30 35' width='20'%3E%3Cpath d='m15 28.2758-10.90125-10.9013-3.34875 3.3725 14.25 14.25 14.25-14.25-3.3487-3.3487z' fill='%238ab4f8'/%3E%3Cpath d='m29.25 3.956-3.3487-3.348754-10.9013 10.877454-10.90125-10.901204-3.34875 3.372504 14.25 14.25z' fill='%231967d2'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:active .cta-chevron--right::after,body a.cta-low-emphasis:active .cta-chevron--right::after,body .cta-low-emphasis:active .cta-chevron--right::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23174ea6' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 6-1.41 1.41 4.58 4.59-4.58 4.59 1.41 1.41 6-6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:active .cta-chevron--left::after,body a.cta-low-emphasis:active .cta-chevron--left::after,body .cta-low-emphasis:active .cta-chevron--left::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23174ea6' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m15.41 7.41-1.41-1.41-6 6 6 6 1.41-1.41-4.58-4.59z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:active .cta-icon-text--plus::after,body a.cta-low-emphasis:active .cta-icon-text--plus::after,body .cta-low-emphasis:active .cta-icon-text--plus::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' fill='%23174ea6' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm1-13h-2v4h-4v2h4v4h2v-4h4v-2h-4z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:active .cta-icon-text--play::after,body a.cta-low-emphasis:active .cta-icon-text--play::after,body .cta-low-emphasis:active .cta-icon-text--play::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23174ea6'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M10 16.5l6-4.5-6-4.5zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:active .cta-icon-text--external::after,body a.cta-low-emphasis:active .cta-icon-text--external::after,body .cta-low-emphasis:active .cta-icon-text--external::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23174ea6'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:active .cta-icon-text--3d::after,body a.cta-low-emphasis:active .cta-icon-text--3d::after,body .cta-low-emphasis:active .cta-icon-text--3d::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 38 38' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.5002 1.5835H31.6668C34.2952 1.5835 36.4168 3.70516 36.4168 6.3335V9.50016H33.2502V6.3335C33.2502 5.46266 32.5377 4.75016 31.6668 4.75016H28.5002V1.5835ZM31.6668 33.2502C32.5377 33.2502 33.2502 32.5377 33.2502 31.6668V28.5002H36.4168V31.6668C36.4168 34.2952 34.2952 36.4168 31.6668 36.4168H28.5002V33.2502H31.6668ZM4.75016 31.6668V28.5002H1.5835V31.6668C1.5835 34.2952 3.70516 36.4168 6.3335 36.4168H9.50016V33.2502H6.3335C5.46266 33.2502 4.75016 32.5377 4.75016 31.6668ZM6.3335 4.75016C5.46266 4.75016 4.75016 5.46266 4.75016 6.3335V9.50016H1.5835V6.3335C1.5835 3.70516 3.70516 1.5835 6.3335 1.5835H9.50016V4.75016H6.3335ZM26.9168 23.576L20.5835 27.2335V19.9343L26.9168 16.261V23.576ZM12.6668 13.506L19.0002 17.1793L25.3335 13.506L19.0002 9.8485L12.6668 13.506ZM17.4168 27.2335L11.0835 23.576V16.261L17.4168 19.9343V27.2335ZM30.0835 13.981V24.0193C30.0835 24.8743 29.6243 25.6502 28.896 26.0935L20.1877 31.1285C19.4593 31.556 18.541 31.556 17.8127 31.1285L9.10433 26.0935C8.376 25.666 7.91683 24.8902 7.91683 24.0352V13.981C7.91683 13.1102 8.376 12.3343 9.10433 11.9227L17.8127 6.88766C18.541 6.46016 19.4593 6.46016 20.1877 6.88766L28.896 11.9227C29.6243 12.3502 30.0835 13.126 30.0835 13.981Z' fill='%23174ea6'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:active .cta-icon-text--compare::after,body a.cta-low-emphasis:active .cta-icon-text--compare::after,body .cta-low-emphasis:active .cta-icon-text--compare::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23174ea6' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 3h-5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h5v2h2v-22h-2zm0 15h-5l5-6zm9-15h-5v2h5v13l-5-6v9h5c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:active .cta-icon-text--compare-alt::after,body a.cta-low-emphasis:active .cta-icon-text--compare-alt::after,body .cta-low-emphasis:active .cta-icon-text--compare-alt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg fill='none' height='24' viewBox='0 0 33 33' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M22.41 17.59L21 19l-5-5 5-5 1.41 1.41L19.83 13H27v2h-7.17zm-10.82-2.18L13 14l5 5-5 5-1.41-1.41L14.17 20H7v-2h7.17z' fill='%23174ea6' fill-rule='evenodd'/%3E%3Ccircle cx='16.5' cy='16.5' r='15.5' stroke='%23174ea6' stroke-width='2'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:active .cta-icon-text--receipt::after,body a.cta-low-emphasis:active .cta-icon-text--receipt::after,body .cta-low-emphasis:active .cta-icon-text--receipt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23174ea6'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19.5 3.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5zM19 19.09H5V4.91h14v14.18zM6 15h12v2H6zm0-4h12v2H6zm0-4h12v2H6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:active .cta-icon-text--anchor::after,body a.cta-low-emphasis:active .cta-icon-text--anchor::after,body .cta-low-emphasis:active .cta-icon-text--anchor::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' viewBox='0 0 30 35' width='20'%3E%3Cpath d='m15 28.2758-10.90125-10.9013-3.34875 3.3725 14.25 14.25 14.25-14.25-3.3487-3.3487z' fill='%238ab4f8'/%3E%3Cpath d='m29.25 3.956-3.3487-3.348754-10.9013 10.877454-10.90125-10.901204-3.34875 3.372504 14.25 14.25z' fill='%231967d2'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.disabled .cta-chevron--right::after,body button.cta-low-emphasis[disabled] .cta-chevron--right::after,body a.cta-low-emphasis.disabled .cta-chevron--right::after,body a.cta-low-emphasis[disabled] .cta-chevron--right::after,body .cta-low-emphasis.disabled .cta-chevron--right::after,body .cta-low-emphasis[disabled] .cta-chevron--right::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23a09e9e' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 6-1.41 1.41 4.58 4.59-4.58 4.59 1.41 1.41 6-6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.disabled .cta-chevron--left::after,body button.cta-low-emphasis[disabled] .cta-chevron--left::after,body a.cta-low-emphasis.disabled .cta-chevron--left::after,body a.cta-low-emphasis[disabled] .cta-chevron--left::after,body .cta-low-emphasis.disabled .cta-chevron--left::after,body .cta-low-emphasis[disabled] .cta-chevron--left::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23a09e9e' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m15.41 7.41-1.41-1.41-6 6 6 6 1.41-1.41-4.58-4.59z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.disabled .cta-icon-text--plus::after,body button.cta-low-emphasis[disabled] .cta-icon-text--plus::after,body a.cta-low-emphasis.disabled .cta-icon-text--plus::after,body a.cta-low-emphasis[disabled] .cta-icon-text--plus::after,body .cta-low-emphasis.disabled .cta-icon-text--plus::after,body .cta-low-emphasis[disabled] .cta-icon-text--plus::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' fill='%23a09e9e' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm1-13h-2v4h-4v2h4v4h2v-4h4v-2h-4z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.disabled .cta-icon-text--play::after,body button.cta-low-emphasis[disabled] .cta-icon-text--play::after,body a.cta-low-emphasis.disabled .cta-icon-text--play::after,body a.cta-low-emphasis[disabled] .cta-icon-text--play::after,body .cta-low-emphasis.disabled .cta-icon-text--play::after,body .cta-low-emphasis[disabled] .cta-icon-text--play::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23a09e9e'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M10 16.5l6-4.5-6-4.5zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.disabled .cta-icon-text--external::after,body button.cta-low-emphasis[disabled] .cta-icon-text--external::after,body a.cta-low-emphasis.disabled .cta-icon-text--external::after,body a.cta-low-emphasis[disabled] .cta-icon-text--external::after,body .cta-low-emphasis.disabled .cta-icon-text--external::after,body .cta-low-emphasis[disabled] .cta-icon-text--external::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23a09e9e'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.disabled .cta-icon-text--3d::after,body button.cta-low-emphasis[disabled] .cta-icon-text--3d::after,body a.cta-low-emphasis.disabled .cta-icon-text--3d::after,body a.cta-low-emphasis[disabled] .cta-icon-text--3d::after,body .cta-low-emphasis.disabled .cta-icon-text--3d::after,body .cta-low-emphasis[disabled] .cta-icon-text--3d::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 38 38' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.5002 1.5835H31.6668C34.2952 1.5835 36.4168 3.70516 36.4168 6.3335V9.50016H33.2502V6.3335C33.2502 5.46266 32.5377 4.75016 31.6668 4.75016H28.5002V1.5835ZM31.6668 33.2502C32.5377 33.2502 33.2502 32.5377 33.2502 31.6668V28.5002H36.4168V31.6668C36.4168 34.2952 34.2952 36.4168 31.6668 36.4168H28.5002V33.2502H31.6668ZM4.75016 31.6668V28.5002H1.5835V31.6668C1.5835 34.2952 3.70516 36.4168 6.3335 36.4168H9.50016V33.2502H6.3335C5.46266 33.2502 4.75016 32.5377 4.75016 31.6668ZM6.3335 4.75016C5.46266 4.75016 4.75016 5.46266 4.75016 6.3335V9.50016H1.5835V6.3335C1.5835 3.70516 3.70516 1.5835 6.3335 1.5835H9.50016V4.75016H6.3335ZM26.9168 23.576L20.5835 27.2335V19.9343L26.9168 16.261V23.576ZM12.6668 13.506L19.0002 17.1793L25.3335 13.506L19.0002 9.8485L12.6668 13.506ZM17.4168 27.2335L11.0835 23.576V16.261L17.4168 19.9343V27.2335ZM30.0835 13.981V24.0193C30.0835 24.8743 29.6243 25.6502 28.896 26.0935L20.1877 31.1285C19.4593 31.556 18.541 31.556 17.8127 31.1285L9.10433 26.0935C8.376 25.666 7.91683 24.8902 7.91683 24.0352V13.981C7.91683 13.1102 8.376 12.3343 9.10433 11.9227L17.8127 6.88766C18.541 6.46016 19.4593 6.46016 20.1877 6.88766L28.896 11.9227C29.6243 12.3502 30.0835 13.126 30.0835 13.981Z' fill='%23a09e9e'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.disabled .cta-icon-text--compare::after,body button.cta-low-emphasis[disabled] .cta-icon-text--compare::after,body a.cta-low-emphasis.disabled .cta-icon-text--compare::after,body a.cta-low-emphasis[disabled] .cta-icon-text--compare::after,body .cta-low-emphasis.disabled .cta-icon-text--compare::after,body .cta-low-emphasis[disabled] .cta-icon-text--compare::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23a09e9e' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 3h-5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h5v2h2v-22h-2zm0 15h-5l5-6zm9-15h-5v2h5v13l-5-6v9h5c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.disabled .cta-icon-text--compare-alt::after,body button.cta-low-emphasis[disabled] .cta-icon-text--compare-alt::after,body a.cta-low-emphasis.disabled .cta-icon-text--compare-alt::after,body a.cta-low-emphasis[disabled] .cta-icon-text--compare-alt::after,body .cta-low-emphasis.disabled .cta-icon-text--compare-alt::after,body .cta-low-emphasis[disabled] .cta-icon-text--compare-alt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg fill='none' height='24' viewBox='0 0 33 33' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M22.41 17.59L21 19l-5-5 5-5 1.41 1.41L19.83 13H27v2h-7.17zm-10.82-2.18L13 14l5 5-5 5-1.41-1.41L14.17 20H7v-2h7.17z' fill='%23a09e9e' fill-rule='evenodd'/%3E%3Ccircle cx='16.5' cy='16.5' r='15.5' stroke='%23a09e9e' stroke-width='2'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.disabled .cta-icon-text--receipt::after,body button.cta-low-emphasis[disabled] .cta-icon-text--receipt::after,body a.cta-low-emphasis.disabled .cta-icon-text--receipt::after,body a.cta-low-emphasis[disabled] .cta-icon-text--receipt::after,body .cta-low-emphasis.disabled .cta-icon-text--receipt::after,body .cta-low-emphasis[disabled] .cta-icon-text--receipt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23a09e9e'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19.5 3.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5zM19 19.09H5V4.91h14v14.18zM6 15h12v2H6zm0-4h12v2H6zm0-4h12v2H6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.disabled .cta-icon-text--anchor::after,body button.cta-low-emphasis[disabled] .cta-icon-text--anchor::after,body a.cta-low-emphasis.disabled .cta-icon-text--anchor::after,body a.cta-low-emphasis[disabled] .cta-icon-text--anchor::after,body .cta-low-emphasis.disabled .cta-icon-text--anchor::after,body .cta-low-emphasis[disabled] .cta-icon-text--anchor::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' viewBox='0 0 30 35' width='20'%3E%3Cpath d='m15 28.2758-10.90125-10.9013-3.34875 3.3725 14.25 14.25 14.25-14.25-3.3487-3.3487z' fill='%238ab4f8'/%3E%3Cpath d='m29.25 3.956-3.3487-3.348754-10.9013 10.877454-10.90125-10.901204-3.34875 3.372504 14.25 14.25z' fill='%231967d2'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis:hover,body a.cta-low-emphasis:hover,body .cta-low-emphasis:hover { | |
color: #174ea6 | |
} | |
body button.cta-low-emphasis:hover::before,body a.cta-low-emphasis:hover::before,body .cta-low-emphasis:hover::before { | |
background: linear-gradient(0deg, rgba(26, 115, 232, 0.04), rgba(26, 115, 232, 0.04)),#fff | |
} | |
body button.cta-low-emphasis:focus,body a.cta-low-emphasis:focus,body .cta-low-emphasis:focus { | |
color: #1967d2; | |
background: transparent; | |
outline-color: #1967d2 | |
} | |
body button.cta-low-emphasis:focus:hover,body a.cta-low-emphasis:focus:hover,body .cta-low-emphasis:focus:hover { | |
color: #174ea6 | |
} | |
body button.cta-low-emphasis:focus:hover::before,body a.cta-low-emphasis:focus:hover::before,body .cta-low-emphasis:focus:hover::before { | |
background: linear-gradient(0deg, rgba(26, 115, 232, 0.12), rgba(26, 115, 232, 0.12)),#fff | |
} | |
body button.cta-low-emphasis:active,body a.cta-low-emphasis:active,body .cta-low-emphasis:active { | |
color: #174ea6; | |
background: linear-gradient(0deg, rgba(26, 115, 232, 0.1), rgba(26, 115, 232, 0.1)),#fff | |
} | |
body button.cta-low-emphasis.disabled,body button.cta-low-emphasis[disabled],body a.cta-low-emphasis.disabled,body a.cta-low-emphasis[disabled],body .cta-low-emphasis.disabled,body .cta-low-emphasis[disabled] { | |
color: #a09e9e; | |
background: transparent | |
} | |
body button.cta-low-emphasis.dark-theme,body a.cta-low-emphasis.dark-theme,body .cta-low-emphasis.dark-theme { | |
color: #8ab4f8; | |
background: transparent | |
} | |
body button.cta-low-emphasis.dark-theme .cta-chevron--right::after,body a.cta-low-emphasis.dark-theme .cta-chevron--right::after,body .cta-low-emphasis.dark-theme .cta-chevron--right::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238ab4f8' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 6-1.41 1.41 4.58 4.59-4.58 4.59 1.41 1.41 6-6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme .cta-chevron--left::after,body a.cta-low-emphasis.dark-theme .cta-chevron--left::after,body .cta-low-emphasis.dark-theme .cta-chevron--left::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238ab4f8' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m15.41 7.41-1.41-1.41-6 6 6 6 1.41-1.41-4.58-4.59z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme .cta-icon-text--plus::after,body a.cta-low-emphasis.dark-theme .cta-icon-text--plus::after,body .cta-low-emphasis.dark-theme .cta-icon-text--plus::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' fill='%238ab4f8' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm1-13h-2v4h-4v2h4v4h2v-4h4v-2h-4z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme .cta-icon-text--play::after,body a.cta-low-emphasis.dark-theme .cta-icon-text--play::after,body .cta-low-emphasis.dark-theme .cta-icon-text--play::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%238ab4f8'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M10 16.5l6-4.5-6-4.5zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme .cta-icon-text--external::after,body a.cta-low-emphasis.dark-theme .cta-icon-text--external::after,body .cta-low-emphasis.dark-theme .cta-icon-text--external::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%238ab4f8'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme .cta-icon-text--3d::after,body a.cta-low-emphasis.dark-theme .cta-icon-text--3d::after,body .cta-low-emphasis.dark-theme .cta-icon-text--3d::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 38 38' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.5002 1.5835H31.6668C34.2952 1.5835 36.4168 3.70516 36.4168 6.3335V9.50016H33.2502V6.3335C33.2502 5.46266 32.5377 4.75016 31.6668 4.75016H28.5002V1.5835ZM31.6668 33.2502C32.5377 33.2502 33.2502 32.5377 33.2502 31.6668V28.5002H36.4168V31.6668C36.4168 34.2952 34.2952 36.4168 31.6668 36.4168H28.5002V33.2502H31.6668ZM4.75016 31.6668V28.5002H1.5835V31.6668C1.5835 34.2952 3.70516 36.4168 6.3335 36.4168H9.50016V33.2502H6.3335C5.46266 33.2502 4.75016 32.5377 4.75016 31.6668ZM6.3335 4.75016C5.46266 4.75016 4.75016 5.46266 4.75016 6.3335V9.50016H1.5835V6.3335C1.5835 3.70516 3.70516 1.5835 6.3335 1.5835H9.50016V4.75016H6.3335ZM26.9168 23.576L20.5835 27.2335V19.9343L26.9168 16.261V23.576ZM12.6668 13.506L19.0002 17.1793L25.3335 13.506L19.0002 9.8485L12.6668 13.506ZM17.4168 27.2335L11.0835 23.576V16.261L17.4168 19.9343V27.2335ZM30.0835 13.981V24.0193C30.0835 24.8743 29.6243 25.6502 28.896 26.0935L20.1877 31.1285C19.4593 31.556 18.541 31.556 17.8127 31.1285L9.10433 26.0935C8.376 25.666 7.91683 24.8902 7.91683 24.0352V13.981C7.91683 13.1102 8.376 12.3343 9.10433 11.9227L17.8127 6.88766C18.541 6.46016 19.4593 6.46016 20.1877 6.88766L28.896 11.9227C29.6243 12.3502 30.0835 13.126 30.0835 13.981Z' fill='%238ab4f8'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme .cta-icon-text--compare::after,body a.cta-low-emphasis.dark-theme .cta-icon-text--compare::after,body .cta-low-emphasis.dark-theme .cta-icon-text--compare::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238ab4f8' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 3h-5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h5v2h2v-22h-2zm0 15h-5l5-6zm9-15h-5v2h5v13l-5-6v9h5c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme .cta-icon-text--compare-alt::after,body a.cta-low-emphasis.dark-theme .cta-icon-text--compare-alt::after,body .cta-low-emphasis.dark-theme .cta-icon-text--compare-alt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg fill='none' height='24' viewBox='0 0 33 33' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M22.41 17.59L21 19l-5-5 5-5 1.41 1.41L19.83 13H27v2h-7.17zm-10.82-2.18L13 14l5 5-5 5-1.41-1.41L14.17 20H7v-2h7.17z' fill='%238ab4f8' fill-rule='evenodd'/%3E%3Ccircle cx='16.5' cy='16.5' r='15.5' stroke='%238ab4f8' stroke-width='2'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme .cta-icon-text--receipt::after,body a.cta-low-emphasis.dark-theme .cta-icon-text--receipt::after,body .cta-low-emphasis.dark-theme .cta-icon-text--receipt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%238ab4f8'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19.5 3.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5zM19 19.09H5V4.91h14v14.18zM6 15h12v2H6zm0-4h12v2H6zm0-4h12v2H6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme .cta-icon-text--anchor::after,body a.cta-low-emphasis.dark-theme .cta-icon-text--anchor::after,body .cta-low-emphasis.dark-theme .cta-icon-text--anchor::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' viewBox='0 0 30 35' width='20'%3E%3Cpath d='m15 28.2758-10.90125-10.9013-3.34875 3.3725 14.25 14.25 14.25-14.25-3.3487-3.3487z' fill='%238ab4f8'/%3E%3Cpath d='m29.25 3.956-3.3487-3.348754-10.9013 10.877454-10.90125-10.901204-3.34875 3.372504 14.25 14.25z' fill='%231967d2'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:hover .cta-chevron--right::after,body a.cta-low-emphasis.dark-theme:hover .cta-chevron--right::after,body .cta-low-emphasis.dark-theme:hover .cta-chevron--right::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d2e3fc' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 6-1.41 1.41 4.58 4.59-4.58 4.59 1.41 1.41 6-6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:hover .cta-chevron--left::after,body a.cta-low-emphasis.dark-theme:hover .cta-chevron--left::after,body .cta-low-emphasis.dark-theme:hover .cta-chevron--left::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d2e3fc' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m15.41 7.41-1.41-1.41-6 6 6 6 1.41-1.41-4.58-4.59z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:hover .cta-icon-text--plus::after,body a.cta-low-emphasis.dark-theme:hover .cta-icon-text--plus::after,body .cta-low-emphasis.dark-theme:hover .cta-icon-text--plus::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' fill='%23d2e3fc' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm1-13h-2v4h-4v2h4v4h2v-4h4v-2h-4z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:hover .cta-icon-text--play::after,body a.cta-low-emphasis.dark-theme:hover .cta-icon-text--play::after,body .cta-low-emphasis.dark-theme:hover .cta-icon-text--play::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23d2e3fc'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M10 16.5l6-4.5-6-4.5zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:hover .cta-icon-text--external::after,body a.cta-low-emphasis.dark-theme:hover .cta-icon-text--external::after,body .cta-low-emphasis.dark-theme:hover .cta-icon-text--external::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23d2e3fc'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:hover .cta-icon-text--3d::after,body a.cta-low-emphasis.dark-theme:hover .cta-icon-text--3d::after,body .cta-low-emphasis.dark-theme:hover .cta-icon-text--3d::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 38 38' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.5002 1.5835H31.6668C34.2952 1.5835 36.4168 3.70516 36.4168 6.3335V9.50016H33.2502V6.3335C33.2502 5.46266 32.5377 4.75016 31.6668 4.75016H28.5002V1.5835ZM31.6668 33.2502C32.5377 33.2502 33.2502 32.5377 33.2502 31.6668V28.5002H36.4168V31.6668C36.4168 34.2952 34.2952 36.4168 31.6668 36.4168H28.5002V33.2502H31.6668ZM4.75016 31.6668V28.5002H1.5835V31.6668C1.5835 34.2952 3.70516 36.4168 6.3335 36.4168H9.50016V33.2502H6.3335C5.46266 33.2502 4.75016 32.5377 4.75016 31.6668ZM6.3335 4.75016C5.46266 4.75016 4.75016 5.46266 4.75016 6.3335V9.50016H1.5835V6.3335C1.5835 3.70516 3.70516 1.5835 6.3335 1.5835H9.50016V4.75016H6.3335ZM26.9168 23.576L20.5835 27.2335V19.9343L26.9168 16.261V23.576ZM12.6668 13.506L19.0002 17.1793L25.3335 13.506L19.0002 9.8485L12.6668 13.506ZM17.4168 27.2335L11.0835 23.576V16.261L17.4168 19.9343V27.2335ZM30.0835 13.981V24.0193C30.0835 24.8743 29.6243 25.6502 28.896 26.0935L20.1877 31.1285C19.4593 31.556 18.541 31.556 17.8127 31.1285L9.10433 26.0935C8.376 25.666 7.91683 24.8902 7.91683 24.0352V13.981C7.91683 13.1102 8.376 12.3343 9.10433 11.9227L17.8127 6.88766C18.541 6.46016 19.4593 6.46016 20.1877 6.88766L28.896 11.9227C29.6243 12.3502 30.0835 13.126 30.0835 13.981Z' fill='%23d2e3fc'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:hover .cta-icon-text--compare::after,body a.cta-low-emphasis.dark-theme:hover .cta-icon-text--compare::after,body .cta-low-emphasis.dark-theme:hover .cta-icon-text--compare::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d2e3fc' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 3h-5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h5v2h2v-22h-2zm0 15h-5l5-6zm9-15h-5v2h5v13l-5-6v9h5c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:hover .cta-icon-text--compare-alt::after,body a.cta-low-emphasis.dark-theme:hover .cta-icon-text--compare-alt::after,body .cta-low-emphasis.dark-theme:hover .cta-icon-text--compare-alt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg fill='none' height='24' viewBox='0 0 33 33' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M22.41 17.59L21 19l-5-5 5-5 1.41 1.41L19.83 13H27v2h-7.17zm-10.82-2.18L13 14l5 5-5 5-1.41-1.41L14.17 20H7v-2h7.17z' fill='%23d2e3fc' fill-rule='evenodd'/%3E%3Ccircle cx='16.5' cy='16.5' r='15.5' stroke='%23d2e3fc' stroke-width='2'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:hover .cta-icon-text--receipt::after,body a.cta-low-emphasis.dark-theme:hover .cta-icon-text--receipt::after,body .cta-low-emphasis.dark-theme:hover .cta-icon-text--receipt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23d2e3fc'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19.5 3.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5zM19 19.09H5V4.91h14v14.18zM6 15h12v2H6zm0-4h12v2H6zm0-4h12v2H6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:hover .cta-icon-text--anchor::after,body a.cta-low-emphasis.dark-theme:hover .cta-icon-text--anchor::after,body .cta-low-emphasis.dark-theme:hover .cta-icon-text--anchor::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' viewBox='0 0 30 35' width='20'%3E%3Cpath d='m15 28.2758-10.90125-10.9013-3.34875 3.3725 14.25 14.25 14.25-14.25-3.3487-3.3487z' fill='%238ab4f8'/%3E%3Cpath d='m29.25 3.956-3.3487-3.348754-10.9013 10.877454-10.90125-10.901204-3.34875 3.372504 14.25 14.25z' fill='%231967d2'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:focus .cta-chevron--right::after,body a.cta-low-emphasis.dark-theme:focus .cta-chevron--right::after,body .cta-low-emphasis.dark-theme:focus .cta-chevron--right::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238ab4f8' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 6-1.41 1.41 4.58 4.59-4.58 4.59 1.41 1.41 6-6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:focus .cta-chevron--left::after,body a.cta-low-emphasis.dark-theme:focus .cta-chevron--left::after,body .cta-low-emphasis.dark-theme:focus .cta-chevron--left::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238ab4f8' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m15.41 7.41-1.41-1.41-6 6 6 6 1.41-1.41-4.58-4.59z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:focus .cta-icon-text--plus::after,body a.cta-low-emphasis.dark-theme:focus .cta-icon-text--plus::after,body .cta-low-emphasis.dark-theme:focus .cta-icon-text--plus::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' fill='%238ab4f8' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm1-13h-2v4h-4v2h4v4h2v-4h4v-2h-4z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:focus .cta-icon-text--play::after,body a.cta-low-emphasis.dark-theme:focus .cta-icon-text--play::after,body .cta-low-emphasis.dark-theme:focus .cta-icon-text--play::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%238ab4f8'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M10 16.5l6-4.5-6-4.5zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:focus .cta-icon-text--external::after,body a.cta-low-emphasis.dark-theme:focus .cta-icon-text--external::after,body .cta-low-emphasis.dark-theme:focus .cta-icon-text--external::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%238ab4f8'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:focus .cta-icon-text--3d::after,body a.cta-low-emphasis.dark-theme:focus .cta-icon-text--3d::after,body .cta-low-emphasis.dark-theme:focus .cta-icon-text--3d::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 38 38' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.5002 1.5835H31.6668C34.2952 1.5835 36.4168 3.70516 36.4168 6.3335V9.50016H33.2502V6.3335C33.2502 5.46266 32.5377 4.75016 31.6668 4.75016H28.5002V1.5835ZM31.6668 33.2502C32.5377 33.2502 33.2502 32.5377 33.2502 31.6668V28.5002H36.4168V31.6668C36.4168 34.2952 34.2952 36.4168 31.6668 36.4168H28.5002V33.2502H31.6668ZM4.75016 31.6668V28.5002H1.5835V31.6668C1.5835 34.2952 3.70516 36.4168 6.3335 36.4168H9.50016V33.2502H6.3335C5.46266 33.2502 4.75016 32.5377 4.75016 31.6668ZM6.3335 4.75016C5.46266 4.75016 4.75016 5.46266 4.75016 6.3335V9.50016H1.5835V6.3335C1.5835 3.70516 3.70516 1.5835 6.3335 1.5835H9.50016V4.75016H6.3335ZM26.9168 23.576L20.5835 27.2335V19.9343L26.9168 16.261V23.576ZM12.6668 13.506L19.0002 17.1793L25.3335 13.506L19.0002 9.8485L12.6668 13.506ZM17.4168 27.2335L11.0835 23.576V16.261L17.4168 19.9343V27.2335ZM30.0835 13.981V24.0193C30.0835 24.8743 29.6243 25.6502 28.896 26.0935L20.1877 31.1285C19.4593 31.556 18.541 31.556 17.8127 31.1285L9.10433 26.0935C8.376 25.666 7.91683 24.8902 7.91683 24.0352V13.981C7.91683 13.1102 8.376 12.3343 9.10433 11.9227L17.8127 6.88766C18.541 6.46016 19.4593 6.46016 20.1877 6.88766L28.896 11.9227C29.6243 12.3502 30.0835 13.126 30.0835 13.981Z' fill='%238ab4f8'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:focus .cta-icon-text--compare::after,body a.cta-low-emphasis.dark-theme:focus .cta-icon-text--compare::after,body .cta-low-emphasis.dark-theme:focus .cta-icon-text--compare::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238ab4f8' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 3h-5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h5v2h2v-22h-2zm0 15h-5l5-6zm9-15h-5v2h5v13l-5-6v9h5c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:focus .cta-icon-text--compare-alt::after,body a.cta-low-emphasis.dark-theme:focus .cta-icon-text--compare-alt::after,body .cta-low-emphasis.dark-theme:focus .cta-icon-text--compare-alt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg fill='none' height='24' viewBox='0 0 33 33' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M22.41 17.59L21 19l-5-5 5-5 1.41 1.41L19.83 13H27v2h-7.17zm-10.82-2.18L13 14l5 5-5 5-1.41-1.41L14.17 20H7v-2h7.17z' fill='%238ab4f8' fill-rule='evenodd'/%3E%3Ccircle cx='16.5' cy='16.5' r='15.5' stroke='%238ab4f8' stroke-width='2'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:focus .cta-icon-text--receipt::after,body a.cta-low-emphasis.dark-theme:focus .cta-icon-text--receipt::after,body .cta-low-emphasis.dark-theme:focus .cta-icon-text--receipt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%238ab4f8'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19.5 3.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5zM19 19.09H5V4.91h14v14.18zM6 15h12v2H6zm0-4h12v2H6zm0-4h12v2H6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:focus .cta-icon-text--anchor::after,body a.cta-low-emphasis.dark-theme:focus .cta-icon-text--anchor::after,body .cta-low-emphasis.dark-theme:focus .cta-icon-text--anchor::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' viewBox='0 0 30 35' width='20'%3E%3Cpath d='m15 28.2758-10.90125-10.9013-3.34875 3.3725 14.25 14.25 14.25-14.25-3.3487-3.3487z' fill='%238ab4f8'/%3E%3Cpath d='m29.25 3.956-3.3487-3.348754-10.9013 10.877454-10.90125-10.901204-3.34875 3.372504 14.25 14.25z' fill='%231967d2'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:focus:hover .cta-chevron--right::after,body a.cta-low-emphasis.dark-theme:focus:hover .cta-chevron--right::after,body .cta-low-emphasis.dark-theme:focus:hover .cta-chevron--right::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d2e3fc' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 6-1.41 1.41 4.58 4.59-4.58 4.59 1.41 1.41 6-6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:focus:hover .cta-chevron--left::after,body a.cta-low-emphasis.dark-theme:focus:hover .cta-chevron--left::after,body .cta-low-emphasis.dark-theme:focus:hover .cta-chevron--left::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d2e3fc' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m15.41 7.41-1.41-1.41-6 6 6 6 1.41-1.41-4.58-4.59z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:focus:hover .cta-icon-text--plus::after,body a.cta-low-emphasis.dark-theme:focus:hover .cta-icon-text--plus::after,body .cta-low-emphasis.dark-theme:focus:hover .cta-icon-text--plus::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' fill='%23d2e3fc' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm1-13h-2v4h-4v2h4v4h2v-4h4v-2h-4z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:focus:hover .cta-icon-text--play::after,body a.cta-low-emphasis.dark-theme:focus:hover .cta-icon-text--play::after,body .cta-low-emphasis.dark-theme:focus:hover .cta-icon-text--play::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23d2e3fc'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M10 16.5l6-4.5-6-4.5zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:focus:hover .cta-icon-text--external::after,body a.cta-low-emphasis.dark-theme:focus:hover .cta-icon-text--external::after,body .cta-low-emphasis.dark-theme:focus:hover .cta-icon-text--external::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23d2e3fc'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:focus:hover .cta-icon-text--3d::after,body a.cta-low-emphasis.dark-theme:focus:hover .cta-icon-text--3d::after,body .cta-low-emphasis.dark-theme:focus:hover .cta-icon-text--3d::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 38 38' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.5002 1.5835H31.6668C34.2952 1.5835 36.4168 3.70516 36.4168 6.3335V9.50016H33.2502V6.3335C33.2502 5.46266 32.5377 4.75016 31.6668 4.75016H28.5002V1.5835ZM31.6668 33.2502C32.5377 33.2502 33.2502 32.5377 33.2502 31.6668V28.5002H36.4168V31.6668C36.4168 34.2952 34.2952 36.4168 31.6668 36.4168H28.5002V33.2502H31.6668ZM4.75016 31.6668V28.5002H1.5835V31.6668C1.5835 34.2952 3.70516 36.4168 6.3335 36.4168H9.50016V33.2502H6.3335C5.46266 33.2502 4.75016 32.5377 4.75016 31.6668ZM6.3335 4.75016C5.46266 4.75016 4.75016 5.46266 4.75016 6.3335V9.50016H1.5835V6.3335C1.5835 3.70516 3.70516 1.5835 6.3335 1.5835H9.50016V4.75016H6.3335ZM26.9168 23.576L20.5835 27.2335V19.9343L26.9168 16.261V23.576ZM12.6668 13.506L19.0002 17.1793L25.3335 13.506L19.0002 9.8485L12.6668 13.506ZM17.4168 27.2335L11.0835 23.576V16.261L17.4168 19.9343V27.2335ZM30.0835 13.981V24.0193C30.0835 24.8743 29.6243 25.6502 28.896 26.0935L20.1877 31.1285C19.4593 31.556 18.541 31.556 17.8127 31.1285L9.10433 26.0935C8.376 25.666 7.91683 24.8902 7.91683 24.0352V13.981C7.91683 13.1102 8.376 12.3343 9.10433 11.9227L17.8127 6.88766C18.541 6.46016 19.4593 6.46016 20.1877 6.88766L28.896 11.9227C29.6243 12.3502 30.0835 13.126 30.0835 13.981Z' fill='%23d2e3fc'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:focus:hover .cta-icon-text--compare::after,body a.cta-low-emphasis.dark-theme:focus:hover .cta-icon-text--compare::after,body .cta-low-emphasis.dark-theme:focus:hover .cta-icon-text--compare::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d2e3fc' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 3h-5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h5v2h2v-22h-2zm0 15h-5l5-6zm9-15h-5v2h5v13l-5-6v9h5c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:focus:hover .cta-icon-text--compare-alt::after,body a.cta-low-emphasis.dark-theme:focus:hover .cta-icon-text--compare-alt::after,body .cta-low-emphasis.dark-theme:focus:hover .cta-icon-text--compare-alt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg fill='none' height='24' viewBox='0 0 33 33' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M22.41 17.59L21 19l-5-5 5-5 1.41 1.41L19.83 13H27v2h-7.17zm-10.82-2.18L13 14l5 5-5 5-1.41-1.41L14.17 20H7v-2h7.17z' fill='%23d2e3fc' fill-rule='evenodd'/%3E%3Ccircle cx='16.5' cy='16.5' r='15.5' stroke='%23d2e3fc' stroke-width='2'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:focus:hover .cta-icon-text--receipt::after,body a.cta-low-emphasis.dark-theme:focus:hover .cta-icon-text--receipt::after,body .cta-low-emphasis.dark-theme:focus:hover .cta-icon-text--receipt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23d2e3fc'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19.5 3.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5zM19 19.09H5V4.91h14v14.18zM6 15h12v2H6zm0-4h12v2H6zm0-4h12v2H6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:focus:hover .cta-icon-text--anchor::after,body a.cta-low-emphasis.dark-theme:focus:hover .cta-icon-text--anchor::after,body .cta-low-emphasis.dark-theme:focus:hover .cta-icon-text--anchor::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' viewBox='0 0 30 35' width='20'%3E%3Cpath d='m15 28.2758-10.90125-10.9013-3.34875 3.3725 14.25 14.25 14.25-14.25-3.3487-3.3487z' fill='%238ab4f8'/%3E%3Cpath d='m29.25 3.956-3.3487-3.348754-10.9013 10.877454-10.90125-10.901204-3.34875 3.372504 14.25 14.25z' fill='%231967d2'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:active .cta-chevron--right::after,body a.cta-low-emphasis.dark-theme:active .cta-chevron--right::after,body .cta-low-emphasis.dark-theme:active .cta-chevron--right::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d2e3fc' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 6-1.41 1.41 4.58 4.59-4.58 4.59 1.41 1.41 6-6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:active .cta-chevron--left::after,body a.cta-low-emphasis.dark-theme:active .cta-chevron--left::after,body .cta-low-emphasis.dark-theme:active .cta-chevron--left::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d2e3fc' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m15.41 7.41-1.41-1.41-6 6 6 6 1.41-1.41-4.58-4.59z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:active .cta-icon-text--plus::after,body a.cta-low-emphasis.dark-theme:active .cta-icon-text--plus::after,body .cta-low-emphasis.dark-theme:active .cta-icon-text--plus::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' fill='%23d2e3fc' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm1-13h-2v4h-4v2h4v4h2v-4h4v-2h-4z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:active .cta-icon-text--play::after,body a.cta-low-emphasis.dark-theme:active .cta-icon-text--play::after,body .cta-low-emphasis.dark-theme:active .cta-icon-text--play::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23d2e3fc'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M10 16.5l6-4.5-6-4.5zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:active .cta-icon-text--external::after,body a.cta-low-emphasis.dark-theme:active .cta-icon-text--external::after,body .cta-low-emphasis.dark-theme:active .cta-icon-text--external::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23d2e3fc'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:active .cta-icon-text--3d::after,body a.cta-low-emphasis.dark-theme:active .cta-icon-text--3d::after,body .cta-low-emphasis.dark-theme:active .cta-icon-text--3d::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 38 38' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.5002 1.5835H31.6668C34.2952 1.5835 36.4168 3.70516 36.4168 6.3335V9.50016H33.2502V6.3335C33.2502 5.46266 32.5377 4.75016 31.6668 4.75016H28.5002V1.5835ZM31.6668 33.2502C32.5377 33.2502 33.2502 32.5377 33.2502 31.6668V28.5002H36.4168V31.6668C36.4168 34.2952 34.2952 36.4168 31.6668 36.4168H28.5002V33.2502H31.6668ZM4.75016 31.6668V28.5002H1.5835V31.6668C1.5835 34.2952 3.70516 36.4168 6.3335 36.4168H9.50016V33.2502H6.3335C5.46266 33.2502 4.75016 32.5377 4.75016 31.6668ZM6.3335 4.75016C5.46266 4.75016 4.75016 5.46266 4.75016 6.3335V9.50016H1.5835V6.3335C1.5835 3.70516 3.70516 1.5835 6.3335 1.5835H9.50016V4.75016H6.3335ZM26.9168 23.576L20.5835 27.2335V19.9343L26.9168 16.261V23.576ZM12.6668 13.506L19.0002 17.1793L25.3335 13.506L19.0002 9.8485L12.6668 13.506ZM17.4168 27.2335L11.0835 23.576V16.261L17.4168 19.9343V27.2335ZM30.0835 13.981V24.0193C30.0835 24.8743 29.6243 25.6502 28.896 26.0935L20.1877 31.1285C19.4593 31.556 18.541 31.556 17.8127 31.1285L9.10433 26.0935C8.376 25.666 7.91683 24.8902 7.91683 24.0352V13.981C7.91683 13.1102 8.376 12.3343 9.10433 11.9227L17.8127 6.88766C18.541 6.46016 19.4593 6.46016 20.1877 6.88766L28.896 11.9227C29.6243 12.3502 30.0835 13.126 30.0835 13.981Z' fill='%23d2e3fc'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:active .cta-icon-text--compare::after,body a.cta-low-emphasis.dark-theme:active .cta-icon-text--compare::after,body .cta-low-emphasis.dark-theme:active .cta-icon-text--compare::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d2e3fc' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 3h-5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h5v2h2v-22h-2zm0 15h-5l5-6zm9-15h-5v2h5v13l-5-6v9h5c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:active .cta-icon-text--compare-alt::after,body a.cta-low-emphasis.dark-theme:active .cta-icon-text--compare-alt::after,body .cta-low-emphasis.dark-theme:active .cta-icon-text--compare-alt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg fill='none' height='24' viewBox='0 0 33 33' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M22.41 17.59L21 19l-5-5 5-5 1.41 1.41L19.83 13H27v2h-7.17zm-10.82-2.18L13 14l5 5-5 5-1.41-1.41L14.17 20H7v-2h7.17z' fill='%23d2e3fc' fill-rule='evenodd'/%3E%3Ccircle cx='16.5' cy='16.5' r='15.5' stroke='%23d2e3fc' stroke-width='2'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:active .cta-icon-text--receipt::after,body a.cta-low-emphasis.dark-theme:active .cta-icon-text--receipt::after,body .cta-low-emphasis.dark-theme:active .cta-icon-text--receipt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23d2e3fc'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19.5 3.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5zM19 19.09H5V4.91h14v14.18zM6 15h12v2H6zm0-4h12v2H6zm0-4h12v2H6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:active .cta-icon-text--anchor::after,body a.cta-low-emphasis.dark-theme:active .cta-icon-text--anchor::after,body .cta-low-emphasis.dark-theme:active .cta-icon-text--anchor::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' viewBox='0 0 30 35' width='20'%3E%3Cpath d='m15 28.2758-10.90125-10.9013-3.34875 3.3725 14.25 14.25 14.25-14.25-3.3487-3.3487z' fill='%238ab4f8'/%3E%3Cpath d='m29.25 3.956-3.3487-3.348754-10.9013 10.877454-10.90125-10.901204-3.34875 3.372504 14.25 14.25z' fill='%231967d2'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme.disabled .cta-chevron--right::after,body button.cta-low-emphasis.dark-theme[disabled] .cta-chevron--right::after,body a.cta-low-emphasis.dark-theme.disabled .cta-chevron--right::after,body a.cta-low-emphasis.dark-theme[disabled] .cta-chevron--right::after,body .cta-low-emphasis.dark-theme.disabled .cta-chevron--right::after,body .cta-low-emphasis.dark-theme[disabled] .cta-chevron--right::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23423f3f' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 6-1.41 1.41 4.58 4.59-4.58 4.59 1.41 1.41 6-6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme.disabled .cta-chevron--left::after,body button.cta-low-emphasis.dark-theme[disabled] .cta-chevron--left::after,body a.cta-low-emphasis.dark-theme.disabled .cta-chevron--left::after,body a.cta-low-emphasis.dark-theme[disabled] .cta-chevron--left::after,body .cta-low-emphasis.dark-theme.disabled .cta-chevron--left::after,body .cta-low-emphasis.dark-theme[disabled] .cta-chevron--left::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23423f3f' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m15.41 7.41-1.41-1.41-6 6 6 6 1.41-1.41-4.58-4.59z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme.disabled .cta-icon-text--plus::after,body button.cta-low-emphasis.dark-theme[disabled] .cta-icon-text--plus::after,body a.cta-low-emphasis.dark-theme.disabled .cta-icon-text--plus::after,body a.cta-low-emphasis.dark-theme[disabled] .cta-icon-text--plus::after,body .cta-low-emphasis.dark-theme.disabled .cta-icon-text--plus::after,body .cta-low-emphasis.dark-theme[disabled] .cta-icon-text--plus::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' fill='%23423f3f' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm1-13h-2v4h-4v2h4v4h2v-4h4v-2h-4z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme.disabled .cta-icon-text--play::after,body button.cta-low-emphasis.dark-theme[disabled] .cta-icon-text--play::after,body a.cta-low-emphasis.dark-theme.disabled .cta-icon-text--play::after,body a.cta-low-emphasis.dark-theme[disabled] .cta-icon-text--play::after,body .cta-low-emphasis.dark-theme.disabled .cta-icon-text--play::after,body .cta-low-emphasis.dark-theme[disabled] .cta-icon-text--play::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23423f3f'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M10 16.5l6-4.5-6-4.5zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme.disabled .cta-icon-text--external::after,body button.cta-low-emphasis.dark-theme[disabled] .cta-icon-text--external::after,body a.cta-low-emphasis.dark-theme.disabled .cta-icon-text--external::after,body a.cta-low-emphasis.dark-theme[disabled] .cta-icon-text--external::after,body .cta-low-emphasis.dark-theme.disabled .cta-icon-text--external::after,body .cta-low-emphasis.dark-theme[disabled] .cta-icon-text--external::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23423f3f'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme.disabled .cta-icon-text--3d::after,body button.cta-low-emphasis.dark-theme[disabled] .cta-icon-text--3d::after,body a.cta-low-emphasis.dark-theme.disabled .cta-icon-text--3d::after,body a.cta-low-emphasis.dark-theme[disabled] .cta-icon-text--3d::after,body .cta-low-emphasis.dark-theme.disabled .cta-icon-text--3d::after,body .cta-low-emphasis.dark-theme[disabled] .cta-icon-text--3d::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 38 38' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.5002 1.5835H31.6668C34.2952 1.5835 36.4168 3.70516 36.4168 6.3335V9.50016H33.2502V6.3335C33.2502 5.46266 32.5377 4.75016 31.6668 4.75016H28.5002V1.5835ZM31.6668 33.2502C32.5377 33.2502 33.2502 32.5377 33.2502 31.6668V28.5002H36.4168V31.6668C36.4168 34.2952 34.2952 36.4168 31.6668 36.4168H28.5002V33.2502H31.6668ZM4.75016 31.6668V28.5002H1.5835V31.6668C1.5835 34.2952 3.70516 36.4168 6.3335 36.4168H9.50016V33.2502H6.3335C5.46266 33.2502 4.75016 32.5377 4.75016 31.6668ZM6.3335 4.75016C5.46266 4.75016 4.75016 5.46266 4.75016 6.3335V9.50016H1.5835V6.3335C1.5835 3.70516 3.70516 1.5835 6.3335 1.5835H9.50016V4.75016H6.3335ZM26.9168 23.576L20.5835 27.2335V19.9343L26.9168 16.261V23.576ZM12.6668 13.506L19.0002 17.1793L25.3335 13.506L19.0002 9.8485L12.6668 13.506ZM17.4168 27.2335L11.0835 23.576V16.261L17.4168 19.9343V27.2335ZM30.0835 13.981V24.0193C30.0835 24.8743 29.6243 25.6502 28.896 26.0935L20.1877 31.1285C19.4593 31.556 18.541 31.556 17.8127 31.1285L9.10433 26.0935C8.376 25.666 7.91683 24.8902 7.91683 24.0352V13.981C7.91683 13.1102 8.376 12.3343 9.10433 11.9227L17.8127 6.88766C18.541 6.46016 19.4593 6.46016 20.1877 6.88766L28.896 11.9227C29.6243 12.3502 30.0835 13.126 30.0835 13.981Z' fill='%23423f3f'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme.disabled .cta-icon-text--compare::after,body button.cta-low-emphasis.dark-theme[disabled] .cta-icon-text--compare::after,body a.cta-low-emphasis.dark-theme.disabled .cta-icon-text--compare::after,body a.cta-low-emphasis.dark-theme[disabled] .cta-icon-text--compare::after,body .cta-low-emphasis.dark-theme.disabled .cta-icon-text--compare::after,body .cta-low-emphasis.dark-theme[disabled] .cta-icon-text--compare::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23423f3f' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 3h-5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h5v2h2v-22h-2zm0 15h-5l5-6zm9-15h-5v2h5v13l-5-6v9h5c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme.disabled .cta-icon-text--compare-alt::after,body button.cta-low-emphasis.dark-theme[disabled] .cta-icon-text--compare-alt::after,body a.cta-low-emphasis.dark-theme.disabled .cta-icon-text--compare-alt::after,body a.cta-low-emphasis.dark-theme[disabled] .cta-icon-text--compare-alt::after,body .cta-low-emphasis.dark-theme.disabled .cta-icon-text--compare-alt::after,body .cta-low-emphasis.dark-theme[disabled] .cta-icon-text--compare-alt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg fill='none' height='24' viewBox='0 0 33 33' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M22.41 17.59L21 19l-5-5 5-5 1.41 1.41L19.83 13H27v2h-7.17zm-10.82-2.18L13 14l5 5-5 5-1.41-1.41L14.17 20H7v-2h7.17z' fill='%23423f3f' fill-rule='evenodd'/%3E%3Ccircle cx='16.5' cy='16.5' r='15.5' stroke='%23423f3f' stroke-width='2'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme.disabled .cta-icon-text--receipt::after,body button.cta-low-emphasis.dark-theme[disabled] .cta-icon-text--receipt::after,body a.cta-low-emphasis.dark-theme.disabled .cta-icon-text--receipt::after,body a.cta-low-emphasis.dark-theme[disabled] .cta-icon-text--receipt::after,body .cta-low-emphasis.dark-theme.disabled .cta-icon-text--receipt::after,body .cta-low-emphasis.dark-theme[disabled] .cta-icon-text--receipt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23423f3f'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19.5 3.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5zM19 19.09H5V4.91h14v14.18zM6 15h12v2H6zm0-4h12v2H6zm0-4h12v2H6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme.disabled .cta-icon-text--anchor::after,body button.cta-low-emphasis.dark-theme[disabled] .cta-icon-text--anchor::after,body a.cta-low-emphasis.dark-theme.disabled .cta-icon-text--anchor::after,body a.cta-low-emphasis.dark-theme[disabled] .cta-icon-text--anchor::after,body .cta-low-emphasis.dark-theme.disabled .cta-icon-text--anchor::after,body .cta-low-emphasis.dark-theme[disabled] .cta-icon-text--anchor::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' viewBox='0 0 30 35' width='20'%3E%3Cpath d='m15 28.2758-10.90125-10.9013-3.34875 3.3725 14.25 14.25 14.25-14.25-3.3487-3.3487z' fill='%238ab4f8'/%3E%3Cpath d='m29.25 3.956-3.3487-3.348754-10.9013 10.877454-10.90125-10.901204-3.34875 3.372504 14.25 14.25z' fill='%231967d2'/%3E%3C/svg%3E") | |
} | |
body button.cta-low-emphasis.dark-theme:hover,body a.cta-low-emphasis.dark-theme:hover,body .cta-low-emphasis.dark-theme:hover { | |
color: #d2e3fc | |
} | |
body button.cta-low-emphasis.dark-theme:hover::before,body a.cta-low-emphasis.dark-theme:hover::before,body .cta-low-emphasis.dark-theme:hover::before { | |
background: linear-gradient(0deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.04)),#423f3f | |
} | |
body button.cta-low-emphasis.dark-theme:focus,body a.cta-low-emphasis.dark-theme:focus,body .cta-low-emphasis.dark-theme:focus { | |
color: #8ab4f8; | |
background: transparent; | |
outline-color: #8ab4f8 | |
} | |
body button.cta-low-emphasis.dark-theme:focus:hover,body a.cta-low-emphasis.dark-theme:focus:hover,body .cta-low-emphasis.dark-theme:focus:hover { | |
color: #d2e3fc | |
} | |
body button.cta-low-emphasis.dark-theme:focus:hover::before,body a.cta-low-emphasis.dark-theme:focus:hover::before,body .cta-low-emphasis.dark-theme:focus:hover::before { | |
background: linear-gradient(0deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.04)),#423f3f | |
} | |
body button.cta-low-emphasis.dark-theme:active,body a.cta-low-emphasis.dark-theme:active,body .cta-low-emphasis.dark-theme:active { | |
color: #d2e3fc; | |
background: linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)),#423f3f | |
} | |
body button.cta-low-emphasis.dark-theme.disabled,body button.cta-low-emphasis.dark-theme[disabled],body a.cta-low-emphasis.dark-theme.disabled,body a.cta-low-emphasis.dark-theme[disabled],body .cta-low-emphasis.dark-theme.disabled,body .cta-low-emphasis.dark-theme[disabled] { | |
color: #423f3f; | |
background: transparent | |
} | |
body button.cta-icon-text,body a.cta-icon-text,body .cta-icon-text { | |
display: inline-block; | |
box-sizing: border-box; | |
position: relative; | |
cursor: pointer; | |
z-index: 1; | |
width: auto; | |
text-align: center; | |
white-space: nowrap; | |
transition: opacity .2s cubic-bezier(0.1, 0.1, 0, 1),background .2s cubic-bezier(0.1, 0.1, 0, 1),transform .2s cubic-bezier(0.1, 0.1, 0, 1); | |
border: 2px solid transparent; | |
border-radius: 4px; | |
text-decoration: none; | |
margin-right: 16px; | |
margin-bottom: 16px; | |
padding: 6px 8px 6px 36px; | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 500; | |
font-size: 16px; | |
font-size: 1rem; | |
line-height: 24px; | |
line-height: 1.5rem; | |
letter-spacing: 0.1px; | |
letter-spacing: 0.00625rem | |
} | |
body button.cta-icon-text::first-letter,body a.cta-icon-text::first-letter,body .cta-icon-text::first-letter { | |
text-transform: capitalize | |
} | |
body button.cta-icon-text:last-of-type,body a.cta-icon-text:last-of-type,body .cta-icon-text:last-of-type { | |
margin-right: 0; | |
margin-bottom: 0 | |
} | |
body button.cta-icon-text::before,body a.cta-icon-text::before,body .cta-icon-text::before { | |
content: ""; | |
position: absolute; | |
z-index: -1; | |
top: -1px; | |
right: -1px; | |
width: calc(100% + 2px); | |
height: calc(100% + 2px); | |
border-radius: 4px; | |
opacity: 0; | |
background: transparent; | |
transform-origin: center center; | |
transform: scale3d(0.85, 0.65, 0.85); | |
transition: opacity .2s cubic-bezier(0.1, 0.1, 0, 1),background .2s cubic-bezier(0.1, 0.1, 0, 1),transform .2s cubic-bezier(0.1, 0.1, 0, 1) | |
} | |
body button.cta-icon-text:hover::before,body a.cta-icon-text:hover::before,body .cta-icon-text:hover::before { | |
opacity: 1; | |
transform: scale3d(1, 1, 1) | |
} | |
body button.cta-icon-text::after,body a.cta-icon-text::after,body .cta-icon-text::after { | |
content: ""; | |
display: block; | |
width: 100%; | |
height: 100%; | |
position: absolute; | |
top: 50%; | |
left: 50%; | |
transform: translate(-50%, -50%); | |
-webkit-box-sizing: content-box; | |
-moz-box-sizing: content-box; | |
box-sizing: content-box | |
} | |
body button.cta-icon-text:focus,body a.cta-icon-text:focus,body .cta-icon-text:focus { | |
outline: none; | |
box-shadow: none | |
} | |
body button.cta-icon-text.disabled,body button.cta-icon-text[disabled],body a.cta-icon-text.disabled,body a.cta-icon-text[disabled],body .cta-icon-text.disabled,body .cta-icon-text[disabled] { | |
pointer-events: none | |
} | |
body button.cta-icon-text span::after,body a.cta-icon-text span::after,body .cta-icon-text span::after { | |
content: ""; | |
display: block; | |
width: 100%; | |
height: 100%; | |
min-width: 48px; | |
min-height: 48px; | |
position: absolute; | |
top: 50%; | |
left: 50%; | |
transform: translate(-50%, -50%) | |
} | |
body button.cta-icon-text span::after,body a.cta-icon-text span::after,body .cta-icon-text span::after { | |
position: absolute; | |
top: 50%; | |
transform: translateY(-50%); | |
background-position: 6px center; | |
left: 0 | |
} | |
body button.cta-icon-text.cta-icon-text--vertical,body a.cta-icon-text.cta-icon-text--vertical,body .cta-icon-text.cta-icon-text--vertical { | |
padding: 30px 8px 6px | |
} | |
body button.cta-icon-text.cta-icon-text--vertical span::after,body a.cta-icon-text.cta-icon-text--vertical span::after,body .cta-icon-text.cta-icon-text--vertical span::after { | |
background-position: center 8px; | |
position: absolute; | |
left: 50%; | |
transform: translateX(-50%); | |
top: 0 | |
} | |
body button.cta-icon-text.cta-dense,body a.cta-icon-text.cta-dense,body .cta-icon-text.cta-dense { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 500; | |
font-size: 14px; | |
font-size: 0.875rem; | |
line-height: 20px; | |
line-height: 1.25rem; | |
letter-spacing: 0.25px; | |
letter-spacing: 0.015625rem | |
} | |
body button.cta-icon-text:focus::after,body a.cta-icon-text:focus::after,body .cta-icon-text:focus::after { | |
outline: none; | |
border-radius: 4px; | |
padding: 5px; | |
box-shadow: 0 0 0 3px #1967d2 | |
} | |
body button.cta-icon-text.dark-theme:focus::after,body a.cta-icon-text.dark-theme:focus::after,body .cta-icon-text.dark-theme:focus::after { | |
outline: none; | |
border-radius: 4px; | |
padding: 5px; | |
box-shadow: 0 0 0 3px #8ab4f8 | |
} | |
body button.cta-icon-text,body a.cta-icon-text,body .cta-icon-text { | |
color: #1967d2; | |
background: transparent | |
} | |
body button.cta-icon-text .cta-chevron--right::after,body a.cta-icon-text .cta-chevron--right::after,body .cta-icon-text .cta-chevron--right::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231967d2' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 6-1.41 1.41 4.58 4.59-4.58 4.59 1.41 1.41 6-6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text .cta-chevron--left::after,body a.cta-icon-text .cta-chevron--left::after,body .cta-icon-text .cta-chevron--left::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231967d2' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m15.41 7.41-1.41-1.41-6 6 6 6 1.41-1.41-4.58-4.59z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text .cta-icon-text--plus::after,body a.cta-icon-text .cta-icon-text--plus::after,body .cta-icon-text .cta-icon-text--plus::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' fill='%231967d2' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm1-13h-2v4h-4v2h4v4h2v-4h4v-2h-4z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text .cta-icon-text--play::after,body a.cta-icon-text .cta-icon-text--play::after,body .cta-icon-text .cta-icon-text--play::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%231967d2'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M10 16.5l6-4.5-6-4.5zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text .cta-icon-text--external::after,body a.cta-icon-text .cta-icon-text--external::after,body .cta-icon-text .cta-icon-text--external::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%231967d2'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text .cta-icon-text--3d::after,body a.cta-icon-text .cta-icon-text--3d::after,body .cta-icon-text .cta-icon-text--3d::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 38 38' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.5002 1.5835H31.6668C34.2952 1.5835 36.4168 3.70516 36.4168 6.3335V9.50016H33.2502V6.3335C33.2502 5.46266 32.5377 4.75016 31.6668 4.75016H28.5002V1.5835ZM31.6668 33.2502C32.5377 33.2502 33.2502 32.5377 33.2502 31.6668V28.5002H36.4168V31.6668C36.4168 34.2952 34.2952 36.4168 31.6668 36.4168H28.5002V33.2502H31.6668ZM4.75016 31.6668V28.5002H1.5835V31.6668C1.5835 34.2952 3.70516 36.4168 6.3335 36.4168H9.50016V33.2502H6.3335C5.46266 33.2502 4.75016 32.5377 4.75016 31.6668ZM6.3335 4.75016C5.46266 4.75016 4.75016 5.46266 4.75016 6.3335V9.50016H1.5835V6.3335C1.5835 3.70516 3.70516 1.5835 6.3335 1.5835H9.50016V4.75016H6.3335ZM26.9168 23.576L20.5835 27.2335V19.9343L26.9168 16.261V23.576ZM12.6668 13.506L19.0002 17.1793L25.3335 13.506L19.0002 9.8485L12.6668 13.506ZM17.4168 27.2335L11.0835 23.576V16.261L17.4168 19.9343V27.2335ZM30.0835 13.981V24.0193C30.0835 24.8743 29.6243 25.6502 28.896 26.0935L20.1877 31.1285C19.4593 31.556 18.541 31.556 17.8127 31.1285L9.10433 26.0935C8.376 25.666 7.91683 24.8902 7.91683 24.0352V13.981C7.91683 13.1102 8.376 12.3343 9.10433 11.9227L17.8127 6.88766C18.541 6.46016 19.4593 6.46016 20.1877 6.88766L28.896 11.9227C29.6243 12.3502 30.0835 13.126 30.0835 13.981Z' fill='%231967d2'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text .cta-icon-text--compare::after,body a.cta-icon-text .cta-icon-text--compare::after,body .cta-icon-text .cta-icon-text--compare::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231967d2' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 3h-5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h5v2h2v-22h-2zm0 15h-5l5-6zm9-15h-5v2h5v13l-5-6v9h5c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text .cta-icon-text--compare-alt::after,body a.cta-icon-text .cta-icon-text--compare-alt::after,body .cta-icon-text .cta-icon-text--compare-alt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg fill='none' height='24' viewBox='0 0 33 33' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M22.41 17.59L21 19l-5-5 5-5 1.41 1.41L19.83 13H27v2h-7.17zm-10.82-2.18L13 14l5 5-5 5-1.41-1.41L14.17 20H7v-2h7.17z' fill='%231967d2' fill-rule='evenodd'/%3E%3Ccircle cx='16.5' cy='16.5' r='15.5' stroke='%231967d2' stroke-width='2'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text .cta-icon-text--receipt::after,body a.cta-icon-text .cta-icon-text--receipt::after,body .cta-icon-text .cta-icon-text--receipt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%231967d2'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19.5 3.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5zM19 19.09H5V4.91h14v14.18zM6 15h12v2H6zm0-4h12v2H6zm0-4h12v2H6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text .cta-icon-text--anchor::after,body a.cta-icon-text .cta-icon-text--anchor::after,body .cta-icon-text .cta-icon-text--anchor::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' viewBox='0 0 30 35' width='20'%3E%3Cpath d='m15 28.2758-10.90125-10.9013-3.34875 3.3725 14.25 14.25 14.25-14.25-3.3487-3.3487z' fill='%238ab4f8'/%3E%3Cpath d='m29.25 3.956-3.3487-3.348754-10.9013 10.877454-10.90125-10.901204-3.34875 3.372504 14.25 14.25z' fill='%231967d2'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:hover .cta-chevron--right::after,body a.cta-icon-text:hover .cta-chevron--right::after,body .cta-icon-text:hover .cta-chevron--right::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23174ea6' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 6-1.41 1.41 4.58 4.59-4.58 4.59 1.41 1.41 6-6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:hover .cta-chevron--left::after,body a.cta-icon-text:hover .cta-chevron--left::after,body .cta-icon-text:hover .cta-chevron--left::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23174ea6' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m15.41 7.41-1.41-1.41-6 6 6 6 1.41-1.41-4.58-4.59z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:hover .cta-icon-text--plus::after,body a.cta-icon-text:hover .cta-icon-text--plus::after,body .cta-icon-text:hover .cta-icon-text--plus::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' fill='%23174ea6' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm1-13h-2v4h-4v2h4v4h2v-4h4v-2h-4z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:hover .cta-icon-text--play::after,body a.cta-icon-text:hover .cta-icon-text--play::after,body .cta-icon-text:hover .cta-icon-text--play::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23174ea6'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M10 16.5l6-4.5-6-4.5zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:hover .cta-icon-text--external::after,body a.cta-icon-text:hover .cta-icon-text--external::after,body .cta-icon-text:hover .cta-icon-text--external::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23174ea6'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:hover .cta-icon-text--3d::after,body a.cta-icon-text:hover .cta-icon-text--3d::after,body .cta-icon-text:hover .cta-icon-text--3d::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 38 38' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.5002 1.5835H31.6668C34.2952 1.5835 36.4168 3.70516 36.4168 6.3335V9.50016H33.2502V6.3335C33.2502 5.46266 32.5377 4.75016 31.6668 4.75016H28.5002V1.5835ZM31.6668 33.2502C32.5377 33.2502 33.2502 32.5377 33.2502 31.6668V28.5002H36.4168V31.6668C36.4168 34.2952 34.2952 36.4168 31.6668 36.4168H28.5002V33.2502H31.6668ZM4.75016 31.6668V28.5002H1.5835V31.6668C1.5835 34.2952 3.70516 36.4168 6.3335 36.4168H9.50016V33.2502H6.3335C5.46266 33.2502 4.75016 32.5377 4.75016 31.6668ZM6.3335 4.75016C5.46266 4.75016 4.75016 5.46266 4.75016 6.3335V9.50016H1.5835V6.3335C1.5835 3.70516 3.70516 1.5835 6.3335 1.5835H9.50016V4.75016H6.3335ZM26.9168 23.576L20.5835 27.2335V19.9343L26.9168 16.261V23.576ZM12.6668 13.506L19.0002 17.1793L25.3335 13.506L19.0002 9.8485L12.6668 13.506ZM17.4168 27.2335L11.0835 23.576V16.261L17.4168 19.9343V27.2335ZM30.0835 13.981V24.0193C30.0835 24.8743 29.6243 25.6502 28.896 26.0935L20.1877 31.1285C19.4593 31.556 18.541 31.556 17.8127 31.1285L9.10433 26.0935C8.376 25.666 7.91683 24.8902 7.91683 24.0352V13.981C7.91683 13.1102 8.376 12.3343 9.10433 11.9227L17.8127 6.88766C18.541 6.46016 19.4593 6.46016 20.1877 6.88766L28.896 11.9227C29.6243 12.3502 30.0835 13.126 30.0835 13.981Z' fill='%23174ea6'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:hover .cta-icon-text--compare::after,body a.cta-icon-text:hover .cta-icon-text--compare::after,body .cta-icon-text:hover .cta-icon-text--compare::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23174ea6' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 3h-5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h5v2h2v-22h-2zm0 15h-5l5-6zm9-15h-5v2h5v13l-5-6v9h5c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:hover .cta-icon-text--compare-alt::after,body a.cta-icon-text:hover .cta-icon-text--compare-alt::after,body .cta-icon-text:hover .cta-icon-text--compare-alt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg fill='none' height='24' viewBox='0 0 33 33' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M22.41 17.59L21 19l-5-5 5-5 1.41 1.41L19.83 13H27v2h-7.17zm-10.82-2.18L13 14l5 5-5 5-1.41-1.41L14.17 20H7v-2h7.17z' fill='%23174ea6' fill-rule='evenodd'/%3E%3Ccircle cx='16.5' cy='16.5' r='15.5' stroke='%23174ea6' stroke-width='2'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:hover .cta-icon-text--receipt::after,body a.cta-icon-text:hover .cta-icon-text--receipt::after,body .cta-icon-text:hover .cta-icon-text--receipt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23174ea6'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19.5 3.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5zM19 19.09H5V4.91h14v14.18zM6 15h12v2H6zm0-4h12v2H6zm0-4h12v2H6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:hover .cta-icon-text--anchor::after,body a.cta-icon-text:hover .cta-icon-text--anchor::after,body .cta-icon-text:hover .cta-icon-text--anchor::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' viewBox='0 0 30 35' width='20'%3E%3Cpath d='m15 28.2758-10.90125-10.9013-3.34875 3.3725 14.25 14.25 14.25-14.25-3.3487-3.3487z' fill='%238ab4f8'/%3E%3Cpath d='m29.25 3.956-3.3487-3.348754-10.9013 10.877454-10.90125-10.901204-3.34875 3.372504 14.25 14.25z' fill='%231967d2'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:focus .cta-chevron--right::after,body a.cta-icon-text:focus .cta-chevron--right::after,body .cta-icon-text:focus .cta-chevron--right::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231967d2' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 6-1.41 1.41 4.58 4.59-4.58 4.59 1.41 1.41 6-6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:focus .cta-chevron--left::after,body a.cta-icon-text:focus .cta-chevron--left::after,body .cta-icon-text:focus .cta-chevron--left::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231967d2' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m15.41 7.41-1.41-1.41-6 6 6 6 1.41-1.41-4.58-4.59z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:focus .cta-icon-text--plus::after,body a.cta-icon-text:focus .cta-icon-text--plus::after,body .cta-icon-text:focus .cta-icon-text--plus::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' fill='%231967d2' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm1-13h-2v4h-4v2h4v4h2v-4h4v-2h-4z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:focus .cta-icon-text--play::after,body a.cta-icon-text:focus .cta-icon-text--play::after,body .cta-icon-text:focus .cta-icon-text--play::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%231967d2'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M10 16.5l6-4.5-6-4.5zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:focus .cta-icon-text--external::after,body a.cta-icon-text:focus .cta-icon-text--external::after,body .cta-icon-text:focus .cta-icon-text--external::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%231967d2'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:focus .cta-icon-text--3d::after,body a.cta-icon-text:focus .cta-icon-text--3d::after,body .cta-icon-text:focus .cta-icon-text--3d::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 38 38' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.5002 1.5835H31.6668C34.2952 1.5835 36.4168 3.70516 36.4168 6.3335V9.50016H33.2502V6.3335C33.2502 5.46266 32.5377 4.75016 31.6668 4.75016H28.5002V1.5835ZM31.6668 33.2502C32.5377 33.2502 33.2502 32.5377 33.2502 31.6668V28.5002H36.4168V31.6668C36.4168 34.2952 34.2952 36.4168 31.6668 36.4168H28.5002V33.2502H31.6668ZM4.75016 31.6668V28.5002H1.5835V31.6668C1.5835 34.2952 3.70516 36.4168 6.3335 36.4168H9.50016V33.2502H6.3335C5.46266 33.2502 4.75016 32.5377 4.75016 31.6668ZM6.3335 4.75016C5.46266 4.75016 4.75016 5.46266 4.75016 6.3335V9.50016H1.5835V6.3335C1.5835 3.70516 3.70516 1.5835 6.3335 1.5835H9.50016V4.75016H6.3335ZM26.9168 23.576L20.5835 27.2335V19.9343L26.9168 16.261V23.576ZM12.6668 13.506L19.0002 17.1793L25.3335 13.506L19.0002 9.8485L12.6668 13.506ZM17.4168 27.2335L11.0835 23.576V16.261L17.4168 19.9343V27.2335ZM30.0835 13.981V24.0193C30.0835 24.8743 29.6243 25.6502 28.896 26.0935L20.1877 31.1285C19.4593 31.556 18.541 31.556 17.8127 31.1285L9.10433 26.0935C8.376 25.666 7.91683 24.8902 7.91683 24.0352V13.981C7.91683 13.1102 8.376 12.3343 9.10433 11.9227L17.8127 6.88766C18.541 6.46016 19.4593 6.46016 20.1877 6.88766L28.896 11.9227C29.6243 12.3502 30.0835 13.126 30.0835 13.981Z' fill='%231967d2'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:focus .cta-icon-text--compare::after,body a.cta-icon-text:focus .cta-icon-text--compare::after,body .cta-icon-text:focus .cta-icon-text--compare::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%231967d2' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 3h-5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h5v2h2v-22h-2zm0 15h-5l5-6zm9-15h-5v2h5v13l-5-6v9h5c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:focus .cta-icon-text--compare-alt::after,body a.cta-icon-text:focus .cta-icon-text--compare-alt::after,body .cta-icon-text:focus .cta-icon-text--compare-alt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg fill='none' height='24' viewBox='0 0 33 33' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M22.41 17.59L21 19l-5-5 5-5 1.41 1.41L19.83 13H27v2h-7.17zm-10.82-2.18L13 14l5 5-5 5-1.41-1.41L14.17 20H7v-2h7.17z' fill='%231967d2' fill-rule='evenodd'/%3E%3Ccircle cx='16.5' cy='16.5' r='15.5' stroke='%231967d2' stroke-width='2'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:focus .cta-icon-text--receipt::after,body a.cta-icon-text:focus .cta-icon-text--receipt::after,body .cta-icon-text:focus .cta-icon-text--receipt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%231967d2'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19.5 3.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5zM19 19.09H5V4.91h14v14.18zM6 15h12v2H6zm0-4h12v2H6zm0-4h12v2H6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:focus .cta-icon-text--anchor::after,body a.cta-icon-text:focus .cta-icon-text--anchor::after,body .cta-icon-text:focus .cta-icon-text--anchor::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' viewBox='0 0 30 35' width='20'%3E%3Cpath d='m15 28.2758-10.90125-10.9013-3.34875 3.3725 14.25 14.25 14.25-14.25-3.3487-3.3487z' fill='%238ab4f8'/%3E%3Cpath d='m29.25 3.956-3.3487-3.348754-10.9013 10.877454-10.90125-10.901204-3.34875 3.372504 14.25 14.25z' fill='%231967d2'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:focus:hover .cta-chevron--right::after,body a.cta-icon-text:focus:hover .cta-chevron--right::after,body .cta-icon-text:focus:hover .cta-chevron--right::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23174ea6' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 6-1.41 1.41 4.58 4.59-4.58 4.59 1.41 1.41 6-6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:focus:hover .cta-chevron--left::after,body a.cta-icon-text:focus:hover .cta-chevron--left::after,body .cta-icon-text:focus:hover .cta-chevron--left::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23174ea6' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m15.41 7.41-1.41-1.41-6 6 6 6 1.41-1.41-4.58-4.59z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:focus:hover .cta-icon-text--plus::after,body a.cta-icon-text:focus:hover .cta-icon-text--plus::after,body .cta-icon-text:focus:hover .cta-icon-text--plus::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' fill='%23174ea6' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm1-13h-2v4h-4v2h4v4h2v-4h4v-2h-4z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:focus:hover .cta-icon-text--play::after,body a.cta-icon-text:focus:hover .cta-icon-text--play::after,body .cta-icon-text:focus:hover .cta-icon-text--play::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23174ea6'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M10 16.5l6-4.5-6-4.5zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:focus:hover .cta-icon-text--external::after,body a.cta-icon-text:focus:hover .cta-icon-text--external::after,body .cta-icon-text:focus:hover .cta-icon-text--external::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23174ea6'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:focus:hover .cta-icon-text--3d::after,body a.cta-icon-text:focus:hover .cta-icon-text--3d::after,body .cta-icon-text:focus:hover .cta-icon-text--3d::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 38 38' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.5002 1.5835H31.6668C34.2952 1.5835 36.4168 3.70516 36.4168 6.3335V9.50016H33.2502V6.3335C33.2502 5.46266 32.5377 4.75016 31.6668 4.75016H28.5002V1.5835ZM31.6668 33.2502C32.5377 33.2502 33.2502 32.5377 33.2502 31.6668V28.5002H36.4168V31.6668C36.4168 34.2952 34.2952 36.4168 31.6668 36.4168H28.5002V33.2502H31.6668ZM4.75016 31.6668V28.5002H1.5835V31.6668C1.5835 34.2952 3.70516 36.4168 6.3335 36.4168H9.50016V33.2502H6.3335C5.46266 33.2502 4.75016 32.5377 4.75016 31.6668ZM6.3335 4.75016C5.46266 4.75016 4.75016 5.46266 4.75016 6.3335V9.50016H1.5835V6.3335C1.5835 3.70516 3.70516 1.5835 6.3335 1.5835H9.50016V4.75016H6.3335ZM26.9168 23.576L20.5835 27.2335V19.9343L26.9168 16.261V23.576ZM12.6668 13.506L19.0002 17.1793L25.3335 13.506L19.0002 9.8485L12.6668 13.506ZM17.4168 27.2335L11.0835 23.576V16.261L17.4168 19.9343V27.2335ZM30.0835 13.981V24.0193C30.0835 24.8743 29.6243 25.6502 28.896 26.0935L20.1877 31.1285C19.4593 31.556 18.541 31.556 17.8127 31.1285L9.10433 26.0935C8.376 25.666 7.91683 24.8902 7.91683 24.0352V13.981C7.91683 13.1102 8.376 12.3343 9.10433 11.9227L17.8127 6.88766C18.541 6.46016 19.4593 6.46016 20.1877 6.88766L28.896 11.9227C29.6243 12.3502 30.0835 13.126 30.0835 13.981Z' fill='%23174ea6'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:focus:hover .cta-icon-text--compare::after,body a.cta-icon-text:focus:hover .cta-icon-text--compare::after,body .cta-icon-text:focus:hover .cta-icon-text--compare::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23174ea6' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 3h-5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h5v2h2v-22h-2zm0 15h-5l5-6zm9-15h-5v2h5v13l-5-6v9h5c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:focus:hover .cta-icon-text--compare-alt::after,body a.cta-icon-text:focus:hover .cta-icon-text--compare-alt::after,body .cta-icon-text:focus:hover .cta-icon-text--compare-alt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg fill='none' height='24' viewBox='0 0 33 33' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M22.41 17.59L21 19l-5-5 5-5 1.41 1.41L19.83 13H27v2h-7.17zm-10.82-2.18L13 14l5 5-5 5-1.41-1.41L14.17 20H7v-2h7.17z' fill='%23174ea6' fill-rule='evenodd'/%3E%3Ccircle cx='16.5' cy='16.5' r='15.5' stroke='%23174ea6' stroke-width='2'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:focus:hover .cta-icon-text--receipt::after,body a.cta-icon-text:focus:hover .cta-icon-text--receipt::after,body .cta-icon-text:focus:hover .cta-icon-text--receipt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23174ea6'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19.5 3.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5zM19 19.09H5V4.91h14v14.18zM6 15h12v2H6zm0-4h12v2H6zm0-4h12v2H6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:focus:hover .cta-icon-text--anchor::after,body a.cta-icon-text:focus:hover .cta-icon-text--anchor::after,body .cta-icon-text:focus:hover .cta-icon-text--anchor::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' viewBox='0 0 30 35' width='20'%3E%3Cpath d='m15 28.2758-10.90125-10.9013-3.34875 3.3725 14.25 14.25 14.25-14.25-3.3487-3.3487z' fill='%238ab4f8'/%3E%3Cpath d='m29.25 3.956-3.3487-3.348754-10.9013 10.877454-10.90125-10.901204-3.34875 3.372504 14.25 14.25z' fill='%231967d2'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:active .cta-chevron--right::after,body a.cta-icon-text:active .cta-chevron--right::after,body .cta-icon-text:active .cta-chevron--right::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23174ea6' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 6-1.41 1.41 4.58 4.59-4.58 4.59 1.41 1.41 6-6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:active .cta-chevron--left::after,body a.cta-icon-text:active .cta-chevron--left::after,body .cta-icon-text:active .cta-chevron--left::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23174ea6' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m15.41 7.41-1.41-1.41-6 6 6 6 1.41-1.41-4.58-4.59z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:active .cta-icon-text--plus::after,body a.cta-icon-text:active .cta-icon-text--plus::after,body .cta-icon-text:active .cta-icon-text--plus::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' fill='%23174ea6' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm1-13h-2v4h-4v2h4v4h2v-4h4v-2h-4z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:active .cta-icon-text--play::after,body a.cta-icon-text:active .cta-icon-text--play::after,body .cta-icon-text:active .cta-icon-text--play::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23174ea6'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M10 16.5l6-4.5-6-4.5zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:active .cta-icon-text--external::after,body a.cta-icon-text:active .cta-icon-text--external::after,body .cta-icon-text:active .cta-icon-text--external::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23174ea6'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:active .cta-icon-text--3d::after,body a.cta-icon-text:active .cta-icon-text--3d::after,body .cta-icon-text:active .cta-icon-text--3d::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 38 38' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.5002 1.5835H31.6668C34.2952 1.5835 36.4168 3.70516 36.4168 6.3335V9.50016H33.2502V6.3335C33.2502 5.46266 32.5377 4.75016 31.6668 4.75016H28.5002V1.5835ZM31.6668 33.2502C32.5377 33.2502 33.2502 32.5377 33.2502 31.6668V28.5002H36.4168V31.6668C36.4168 34.2952 34.2952 36.4168 31.6668 36.4168H28.5002V33.2502H31.6668ZM4.75016 31.6668V28.5002H1.5835V31.6668C1.5835 34.2952 3.70516 36.4168 6.3335 36.4168H9.50016V33.2502H6.3335C5.46266 33.2502 4.75016 32.5377 4.75016 31.6668ZM6.3335 4.75016C5.46266 4.75016 4.75016 5.46266 4.75016 6.3335V9.50016H1.5835V6.3335C1.5835 3.70516 3.70516 1.5835 6.3335 1.5835H9.50016V4.75016H6.3335ZM26.9168 23.576L20.5835 27.2335V19.9343L26.9168 16.261V23.576ZM12.6668 13.506L19.0002 17.1793L25.3335 13.506L19.0002 9.8485L12.6668 13.506ZM17.4168 27.2335L11.0835 23.576V16.261L17.4168 19.9343V27.2335ZM30.0835 13.981V24.0193C30.0835 24.8743 29.6243 25.6502 28.896 26.0935L20.1877 31.1285C19.4593 31.556 18.541 31.556 17.8127 31.1285L9.10433 26.0935C8.376 25.666 7.91683 24.8902 7.91683 24.0352V13.981C7.91683 13.1102 8.376 12.3343 9.10433 11.9227L17.8127 6.88766C18.541 6.46016 19.4593 6.46016 20.1877 6.88766L28.896 11.9227C29.6243 12.3502 30.0835 13.126 30.0835 13.981Z' fill='%23174ea6'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:active .cta-icon-text--compare::after,body a.cta-icon-text:active .cta-icon-text--compare::after,body .cta-icon-text:active .cta-icon-text--compare::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23174ea6' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 3h-5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h5v2h2v-22h-2zm0 15h-5l5-6zm9-15h-5v2h5v13l-5-6v9h5c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:active .cta-icon-text--compare-alt::after,body a.cta-icon-text:active .cta-icon-text--compare-alt::after,body .cta-icon-text:active .cta-icon-text--compare-alt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg fill='none' height='24' viewBox='0 0 33 33' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M22.41 17.59L21 19l-5-5 5-5 1.41 1.41L19.83 13H27v2h-7.17zm-10.82-2.18L13 14l5 5-5 5-1.41-1.41L14.17 20H7v-2h7.17z' fill='%23174ea6' fill-rule='evenodd'/%3E%3Ccircle cx='16.5' cy='16.5' r='15.5' stroke='%23174ea6' stroke-width='2'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:active .cta-icon-text--receipt::after,body a.cta-icon-text:active .cta-icon-text--receipt::after,body .cta-icon-text:active .cta-icon-text--receipt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23174ea6'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19.5 3.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5zM19 19.09H5V4.91h14v14.18zM6 15h12v2H6zm0-4h12v2H6zm0-4h12v2H6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:active .cta-icon-text--anchor::after,body a.cta-icon-text:active .cta-icon-text--anchor::after,body .cta-icon-text:active .cta-icon-text--anchor::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' viewBox='0 0 30 35' width='20'%3E%3Cpath d='m15 28.2758-10.90125-10.9013-3.34875 3.3725 14.25 14.25 14.25-14.25-3.3487-3.3487z' fill='%238ab4f8'/%3E%3Cpath d='m29.25 3.956-3.3487-3.348754-10.9013 10.877454-10.90125-10.901204-3.34875 3.372504 14.25 14.25z' fill='%231967d2'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.disabled .cta-chevron--right::after,body button.cta-icon-text[disabled] .cta-chevron--right::after,body a.cta-icon-text.disabled .cta-chevron--right::after,body a.cta-icon-text[disabled] .cta-chevron--right::after,body .cta-icon-text.disabled .cta-chevron--right::after,body .cta-icon-text[disabled] .cta-chevron--right::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='transparent' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 6-1.41 1.41 4.58 4.59-4.58 4.59 1.41 1.41 6-6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.disabled .cta-chevron--left::after,body button.cta-icon-text[disabled] .cta-chevron--left::after,body a.cta-icon-text.disabled .cta-chevron--left::after,body a.cta-icon-text[disabled] .cta-chevron--left::after,body .cta-icon-text.disabled .cta-chevron--left::after,body .cta-icon-text[disabled] .cta-chevron--left::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='transparent' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m15.41 7.41-1.41-1.41-6 6 6 6 1.41-1.41-4.58-4.59z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.disabled .cta-icon-text--plus::after,body button.cta-icon-text[disabled] .cta-icon-text--plus::after,body a.cta-icon-text.disabled .cta-icon-text--plus::after,body a.cta-icon-text[disabled] .cta-icon-text--plus::after,body .cta-icon-text.disabled .cta-icon-text--plus::after,body .cta-icon-text[disabled] .cta-icon-text--plus::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' fill='transparent' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm1-13h-2v4h-4v2h4v4h2v-4h4v-2h-4z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.disabled .cta-icon-text--play::after,body button.cta-icon-text[disabled] .cta-icon-text--play::after,body a.cta-icon-text.disabled .cta-icon-text--play::after,body a.cta-icon-text[disabled] .cta-icon-text--play::after,body .cta-icon-text.disabled .cta-icon-text--play::after,body .cta-icon-text[disabled] .cta-icon-text--play::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='transparent'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M10 16.5l6-4.5-6-4.5zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.disabled .cta-icon-text--external::after,body button.cta-icon-text[disabled] .cta-icon-text--external::after,body a.cta-icon-text.disabled .cta-icon-text--external::after,body a.cta-icon-text[disabled] .cta-icon-text--external::after,body .cta-icon-text.disabled .cta-icon-text--external::after,body .cta-icon-text[disabled] .cta-icon-text--external::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='transparent'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.disabled .cta-icon-text--3d::after,body button.cta-icon-text[disabled] .cta-icon-text--3d::after,body a.cta-icon-text.disabled .cta-icon-text--3d::after,body a.cta-icon-text[disabled] .cta-icon-text--3d::after,body .cta-icon-text.disabled .cta-icon-text--3d::after,body .cta-icon-text[disabled] .cta-icon-text--3d::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 38 38' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.5002 1.5835H31.6668C34.2952 1.5835 36.4168 3.70516 36.4168 6.3335V9.50016H33.2502V6.3335C33.2502 5.46266 32.5377 4.75016 31.6668 4.75016H28.5002V1.5835ZM31.6668 33.2502C32.5377 33.2502 33.2502 32.5377 33.2502 31.6668V28.5002H36.4168V31.6668C36.4168 34.2952 34.2952 36.4168 31.6668 36.4168H28.5002V33.2502H31.6668ZM4.75016 31.6668V28.5002H1.5835V31.6668C1.5835 34.2952 3.70516 36.4168 6.3335 36.4168H9.50016V33.2502H6.3335C5.46266 33.2502 4.75016 32.5377 4.75016 31.6668ZM6.3335 4.75016C5.46266 4.75016 4.75016 5.46266 4.75016 6.3335V9.50016H1.5835V6.3335C1.5835 3.70516 3.70516 1.5835 6.3335 1.5835H9.50016V4.75016H6.3335ZM26.9168 23.576L20.5835 27.2335V19.9343L26.9168 16.261V23.576ZM12.6668 13.506L19.0002 17.1793L25.3335 13.506L19.0002 9.8485L12.6668 13.506ZM17.4168 27.2335L11.0835 23.576V16.261L17.4168 19.9343V27.2335ZM30.0835 13.981V24.0193C30.0835 24.8743 29.6243 25.6502 28.896 26.0935L20.1877 31.1285C19.4593 31.556 18.541 31.556 17.8127 31.1285L9.10433 26.0935C8.376 25.666 7.91683 24.8902 7.91683 24.0352V13.981C7.91683 13.1102 8.376 12.3343 9.10433 11.9227L17.8127 6.88766C18.541 6.46016 19.4593 6.46016 20.1877 6.88766L28.896 11.9227C29.6243 12.3502 30.0835 13.126 30.0835 13.981Z' fill='transparent'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.disabled .cta-icon-text--compare::after,body button.cta-icon-text[disabled] .cta-icon-text--compare::after,body a.cta-icon-text.disabled .cta-icon-text--compare::after,body a.cta-icon-text[disabled] .cta-icon-text--compare::after,body .cta-icon-text.disabled .cta-icon-text--compare::after,body .cta-icon-text[disabled] .cta-icon-text--compare::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='transparent' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 3h-5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h5v2h2v-22h-2zm0 15h-5l5-6zm9-15h-5v2h5v13l-5-6v9h5c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.disabled .cta-icon-text--compare-alt::after,body button.cta-icon-text[disabled] .cta-icon-text--compare-alt::after,body a.cta-icon-text.disabled .cta-icon-text--compare-alt::after,body a.cta-icon-text[disabled] .cta-icon-text--compare-alt::after,body .cta-icon-text.disabled .cta-icon-text--compare-alt::after,body .cta-icon-text[disabled] .cta-icon-text--compare-alt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg fill='none' height='24' viewBox='0 0 33 33' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M22.41 17.59L21 19l-5-5 5-5 1.41 1.41L19.83 13H27v2h-7.17zm-10.82-2.18L13 14l5 5-5 5-1.41-1.41L14.17 20H7v-2h7.17z' fill='transparent' fill-rule='evenodd'/%3E%3Ccircle cx='16.5' cy='16.5' r='15.5' stroke='transparent' stroke-width='2'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.disabled .cta-icon-text--receipt::after,body button.cta-icon-text[disabled] .cta-icon-text--receipt::after,body a.cta-icon-text.disabled .cta-icon-text--receipt::after,body a.cta-icon-text[disabled] .cta-icon-text--receipt::after,body .cta-icon-text.disabled .cta-icon-text--receipt::after,body .cta-icon-text[disabled] .cta-icon-text--receipt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='transparent'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19.5 3.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5zM19 19.09H5V4.91h14v14.18zM6 15h12v2H6zm0-4h12v2H6zm0-4h12v2H6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.disabled .cta-icon-text--anchor::after,body button.cta-icon-text[disabled] .cta-icon-text--anchor::after,body a.cta-icon-text.disabled .cta-icon-text--anchor::after,body a.cta-icon-text[disabled] .cta-icon-text--anchor::after,body .cta-icon-text.disabled .cta-icon-text--anchor::after,body .cta-icon-text[disabled] .cta-icon-text--anchor::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' viewBox='0 0 30 35' width='20'%3E%3Cpath d='m15 28.2758-10.90125-10.9013-3.34875 3.3725 14.25 14.25 14.25-14.25-3.3487-3.3487z' fill='%238ab4f8'/%3E%3Cpath d='m29.25 3.956-3.3487-3.348754-10.9013 10.877454-10.90125-10.901204-3.34875 3.372504 14.25 14.25z' fill='%231967d2'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text:hover,body a.cta-icon-text:hover,body .cta-icon-text:hover { | |
color: #174ea6 | |
} | |
body button.cta-icon-text:hover::before,body a.cta-icon-text:hover::before,body .cta-icon-text:hover::before { | |
background: linear-gradient(0deg, rgba(26, 115, 232, 0.04), rgba(26, 115, 232, 0.04)),#fff | |
} | |
body button.cta-icon-text:focus,body a.cta-icon-text:focus,body .cta-icon-text:focus { | |
color: #1967d2; | |
background: transparent; | |
outline-color: #1967d2 | |
} | |
body button.cta-icon-text:focus:hover,body a.cta-icon-text:focus:hover,body .cta-icon-text:focus:hover { | |
color: #174ea6 | |
} | |
body button.cta-icon-text:focus:hover::before,body a.cta-icon-text:focus:hover::before,body .cta-icon-text:focus:hover::before { | |
background: linear-gradient(0deg, rgba(26, 115, 232, 0.04), rgba(26, 115, 232, 0.04)),#fff | |
} | |
body button.cta-icon-text:active,body a.cta-icon-text:active,body .cta-icon-text:active { | |
color: #174ea6; | |
background: linear-gradient(0deg, rgba(26, 115, 232, 0.1), rgba(26, 115, 232, 0.1)),#fff | |
} | |
body button.cta-icon-text.disabled,body button.cta-icon-text[disabled],body a.cta-icon-text.disabled,body a.cta-icon-text[disabled],body .cta-icon-text.disabled,body .cta-icon-text[disabled] { | |
color: transparent; | |
background: transparent | |
} | |
body button.cta-icon-text.dark-theme,body a.cta-icon-text.dark-theme,body .cta-icon-text.dark-theme { | |
color: #8ab4f8; | |
background: transparent | |
} | |
body button.cta-icon-text.dark-theme .cta-chevron--right::after,body a.cta-icon-text.dark-theme .cta-chevron--right::after,body .cta-icon-text.dark-theme .cta-chevron--right::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238ab4f8' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 6-1.41 1.41 4.58 4.59-4.58 4.59 1.41 1.41 6-6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme .cta-chevron--left::after,body a.cta-icon-text.dark-theme .cta-chevron--left::after,body .cta-icon-text.dark-theme .cta-chevron--left::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238ab4f8' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m15.41 7.41-1.41-1.41-6 6 6 6 1.41-1.41-4.58-4.59z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme .cta-icon-text--plus::after,body a.cta-icon-text.dark-theme .cta-icon-text--plus::after,body .cta-icon-text.dark-theme .cta-icon-text--plus::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' fill='%238ab4f8' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm1-13h-2v4h-4v2h4v4h2v-4h4v-2h-4z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme .cta-icon-text--play::after,body a.cta-icon-text.dark-theme .cta-icon-text--play::after,body .cta-icon-text.dark-theme .cta-icon-text--play::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%238ab4f8'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M10 16.5l6-4.5-6-4.5zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme .cta-icon-text--external::after,body a.cta-icon-text.dark-theme .cta-icon-text--external::after,body .cta-icon-text.dark-theme .cta-icon-text--external::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%238ab4f8'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme .cta-icon-text--3d::after,body a.cta-icon-text.dark-theme .cta-icon-text--3d::after,body .cta-icon-text.dark-theme .cta-icon-text--3d::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 38 38' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.5002 1.5835H31.6668C34.2952 1.5835 36.4168 3.70516 36.4168 6.3335V9.50016H33.2502V6.3335C33.2502 5.46266 32.5377 4.75016 31.6668 4.75016H28.5002V1.5835ZM31.6668 33.2502C32.5377 33.2502 33.2502 32.5377 33.2502 31.6668V28.5002H36.4168V31.6668C36.4168 34.2952 34.2952 36.4168 31.6668 36.4168H28.5002V33.2502H31.6668ZM4.75016 31.6668V28.5002H1.5835V31.6668C1.5835 34.2952 3.70516 36.4168 6.3335 36.4168H9.50016V33.2502H6.3335C5.46266 33.2502 4.75016 32.5377 4.75016 31.6668ZM6.3335 4.75016C5.46266 4.75016 4.75016 5.46266 4.75016 6.3335V9.50016H1.5835V6.3335C1.5835 3.70516 3.70516 1.5835 6.3335 1.5835H9.50016V4.75016H6.3335ZM26.9168 23.576L20.5835 27.2335V19.9343L26.9168 16.261V23.576ZM12.6668 13.506L19.0002 17.1793L25.3335 13.506L19.0002 9.8485L12.6668 13.506ZM17.4168 27.2335L11.0835 23.576V16.261L17.4168 19.9343V27.2335ZM30.0835 13.981V24.0193C30.0835 24.8743 29.6243 25.6502 28.896 26.0935L20.1877 31.1285C19.4593 31.556 18.541 31.556 17.8127 31.1285L9.10433 26.0935C8.376 25.666 7.91683 24.8902 7.91683 24.0352V13.981C7.91683 13.1102 8.376 12.3343 9.10433 11.9227L17.8127 6.88766C18.541 6.46016 19.4593 6.46016 20.1877 6.88766L28.896 11.9227C29.6243 12.3502 30.0835 13.126 30.0835 13.981Z' fill='%238ab4f8'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme .cta-icon-text--compare::after,body a.cta-icon-text.dark-theme .cta-icon-text--compare::after,body .cta-icon-text.dark-theme .cta-icon-text--compare::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238ab4f8' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 3h-5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h5v2h2v-22h-2zm0 15h-5l5-6zm9-15h-5v2h5v13l-5-6v9h5c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme .cta-icon-text--compare-alt::after,body a.cta-icon-text.dark-theme .cta-icon-text--compare-alt::after,body .cta-icon-text.dark-theme .cta-icon-text--compare-alt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg fill='none' height='24' viewBox='0 0 33 33' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M22.41 17.59L21 19l-5-5 5-5 1.41 1.41L19.83 13H27v2h-7.17zm-10.82-2.18L13 14l5 5-5 5-1.41-1.41L14.17 20H7v-2h7.17z' fill='%238ab4f8' fill-rule='evenodd'/%3E%3Ccircle cx='16.5' cy='16.5' r='15.5' stroke='%238ab4f8' stroke-width='2'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme .cta-icon-text--receipt::after,body a.cta-icon-text.dark-theme .cta-icon-text--receipt::after,body .cta-icon-text.dark-theme .cta-icon-text--receipt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%238ab4f8'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19.5 3.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5zM19 19.09H5V4.91h14v14.18zM6 15h12v2H6zm0-4h12v2H6zm0-4h12v2H6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme .cta-icon-text--anchor::after,body a.cta-icon-text.dark-theme .cta-icon-text--anchor::after,body .cta-icon-text.dark-theme .cta-icon-text--anchor::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' viewBox='0 0 30 35' width='20'%3E%3Cpath d='m15 28.2758-10.90125-10.9013-3.34875 3.3725 14.25 14.25 14.25-14.25-3.3487-3.3487z' fill='%238ab4f8'/%3E%3Cpath d='m29.25 3.956-3.3487-3.348754-10.9013 10.877454-10.90125-10.901204-3.34875 3.372504 14.25 14.25z' fill='%231967d2'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:hover .cta-chevron--right::after,body a.cta-icon-text.dark-theme:hover .cta-chevron--right::after,body .cta-icon-text.dark-theme:hover .cta-chevron--right::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d2e3fc' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 6-1.41 1.41 4.58 4.59-4.58 4.59 1.41 1.41 6-6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:hover .cta-chevron--left::after,body a.cta-icon-text.dark-theme:hover .cta-chevron--left::after,body .cta-icon-text.dark-theme:hover .cta-chevron--left::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d2e3fc' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m15.41 7.41-1.41-1.41-6 6 6 6 1.41-1.41-4.58-4.59z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:hover .cta-icon-text--plus::after,body a.cta-icon-text.dark-theme:hover .cta-icon-text--plus::after,body .cta-icon-text.dark-theme:hover .cta-icon-text--plus::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' fill='%23d2e3fc' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm1-13h-2v4h-4v2h4v4h2v-4h4v-2h-4z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:hover .cta-icon-text--play::after,body a.cta-icon-text.dark-theme:hover .cta-icon-text--play::after,body .cta-icon-text.dark-theme:hover .cta-icon-text--play::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23d2e3fc'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M10 16.5l6-4.5-6-4.5zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:hover .cta-icon-text--external::after,body a.cta-icon-text.dark-theme:hover .cta-icon-text--external::after,body .cta-icon-text.dark-theme:hover .cta-icon-text--external::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23d2e3fc'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:hover .cta-icon-text--3d::after,body a.cta-icon-text.dark-theme:hover .cta-icon-text--3d::after,body .cta-icon-text.dark-theme:hover .cta-icon-text--3d::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 38 38' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.5002 1.5835H31.6668C34.2952 1.5835 36.4168 3.70516 36.4168 6.3335V9.50016H33.2502V6.3335C33.2502 5.46266 32.5377 4.75016 31.6668 4.75016H28.5002V1.5835ZM31.6668 33.2502C32.5377 33.2502 33.2502 32.5377 33.2502 31.6668V28.5002H36.4168V31.6668C36.4168 34.2952 34.2952 36.4168 31.6668 36.4168H28.5002V33.2502H31.6668ZM4.75016 31.6668V28.5002H1.5835V31.6668C1.5835 34.2952 3.70516 36.4168 6.3335 36.4168H9.50016V33.2502H6.3335C5.46266 33.2502 4.75016 32.5377 4.75016 31.6668ZM6.3335 4.75016C5.46266 4.75016 4.75016 5.46266 4.75016 6.3335V9.50016H1.5835V6.3335C1.5835 3.70516 3.70516 1.5835 6.3335 1.5835H9.50016V4.75016H6.3335ZM26.9168 23.576L20.5835 27.2335V19.9343L26.9168 16.261V23.576ZM12.6668 13.506L19.0002 17.1793L25.3335 13.506L19.0002 9.8485L12.6668 13.506ZM17.4168 27.2335L11.0835 23.576V16.261L17.4168 19.9343V27.2335ZM30.0835 13.981V24.0193C30.0835 24.8743 29.6243 25.6502 28.896 26.0935L20.1877 31.1285C19.4593 31.556 18.541 31.556 17.8127 31.1285L9.10433 26.0935C8.376 25.666 7.91683 24.8902 7.91683 24.0352V13.981C7.91683 13.1102 8.376 12.3343 9.10433 11.9227L17.8127 6.88766C18.541 6.46016 19.4593 6.46016 20.1877 6.88766L28.896 11.9227C29.6243 12.3502 30.0835 13.126 30.0835 13.981Z' fill='%23d2e3fc'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:hover .cta-icon-text--compare::after,body a.cta-icon-text.dark-theme:hover .cta-icon-text--compare::after,body .cta-icon-text.dark-theme:hover .cta-icon-text--compare::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d2e3fc' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 3h-5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h5v2h2v-22h-2zm0 15h-5l5-6zm9-15h-5v2h5v13l-5-6v9h5c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:hover .cta-icon-text--compare-alt::after,body a.cta-icon-text.dark-theme:hover .cta-icon-text--compare-alt::after,body .cta-icon-text.dark-theme:hover .cta-icon-text--compare-alt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg fill='none' height='24' viewBox='0 0 33 33' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M22.41 17.59L21 19l-5-5 5-5 1.41 1.41L19.83 13H27v2h-7.17zm-10.82-2.18L13 14l5 5-5 5-1.41-1.41L14.17 20H7v-2h7.17z' fill='%23d2e3fc' fill-rule='evenodd'/%3E%3Ccircle cx='16.5' cy='16.5' r='15.5' stroke='%23d2e3fc' stroke-width='2'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:hover .cta-icon-text--receipt::after,body a.cta-icon-text.dark-theme:hover .cta-icon-text--receipt::after,body .cta-icon-text.dark-theme:hover .cta-icon-text--receipt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23d2e3fc'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19.5 3.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5zM19 19.09H5V4.91h14v14.18zM6 15h12v2H6zm0-4h12v2H6zm0-4h12v2H6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:hover .cta-icon-text--anchor::after,body a.cta-icon-text.dark-theme:hover .cta-icon-text--anchor::after,body .cta-icon-text.dark-theme:hover .cta-icon-text--anchor::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' viewBox='0 0 30 35' width='20'%3E%3Cpath d='m15 28.2758-10.90125-10.9013-3.34875 3.3725 14.25 14.25 14.25-14.25-3.3487-3.3487z' fill='%238ab4f8'/%3E%3Cpath d='m29.25 3.956-3.3487-3.348754-10.9013 10.877454-10.90125-10.901204-3.34875 3.372504 14.25 14.25z' fill='%231967d2'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:focus .cta-chevron--right::after,body a.cta-icon-text.dark-theme:focus .cta-chevron--right::after,body .cta-icon-text.dark-theme:focus .cta-chevron--right::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238ab4f8' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 6-1.41 1.41 4.58 4.59-4.58 4.59 1.41 1.41 6-6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:focus .cta-chevron--left::after,body a.cta-icon-text.dark-theme:focus .cta-chevron--left::after,body .cta-icon-text.dark-theme:focus .cta-chevron--left::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238ab4f8' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m15.41 7.41-1.41-1.41-6 6 6 6 1.41-1.41-4.58-4.59z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:focus .cta-icon-text--plus::after,body a.cta-icon-text.dark-theme:focus .cta-icon-text--plus::after,body .cta-icon-text.dark-theme:focus .cta-icon-text--plus::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' fill='%238ab4f8' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm1-13h-2v4h-4v2h4v4h2v-4h4v-2h-4z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:focus .cta-icon-text--play::after,body a.cta-icon-text.dark-theme:focus .cta-icon-text--play::after,body .cta-icon-text.dark-theme:focus .cta-icon-text--play::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%238ab4f8'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M10 16.5l6-4.5-6-4.5zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:focus .cta-icon-text--external::after,body a.cta-icon-text.dark-theme:focus .cta-icon-text--external::after,body .cta-icon-text.dark-theme:focus .cta-icon-text--external::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%238ab4f8'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:focus .cta-icon-text--3d::after,body a.cta-icon-text.dark-theme:focus .cta-icon-text--3d::after,body .cta-icon-text.dark-theme:focus .cta-icon-text--3d::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 38 38' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.5002 1.5835H31.6668C34.2952 1.5835 36.4168 3.70516 36.4168 6.3335V9.50016H33.2502V6.3335C33.2502 5.46266 32.5377 4.75016 31.6668 4.75016H28.5002V1.5835ZM31.6668 33.2502C32.5377 33.2502 33.2502 32.5377 33.2502 31.6668V28.5002H36.4168V31.6668C36.4168 34.2952 34.2952 36.4168 31.6668 36.4168H28.5002V33.2502H31.6668ZM4.75016 31.6668V28.5002H1.5835V31.6668C1.5835 34.2952 3.70516 36.4168 6.3335 36.4168H9.50016V33.2502H6.3335C5.46266 33.2502 4.75016 32.5377 4.75016 31.6668ZM6.3335 4.75016C5.46266 4.75016 4.75016 5.46266 4.75016 6.3335V9.50016H1.5835V6.3335C1.5835 3.70516 3.70516 1.5835 6.3335 1.5835H9.50016V4.75016H6.3335ZM26.9168 23.576L20.5835 27.2335V19.9343L26.9168 16.261V23.576ZM12.6668 13.506L19.0002 17.1793L25.3335 13.506L19.0002 9.8485L12.6668 13.506ZM17.4168 27.2335L11.0835 23.576V16.261L17.4168 19.9343V27.2335ZM30.0835 13.981V24.0193C30.0835 24.8743 29.6243 25.6502 28.896 26.0935L20.1877 31.1285C19.4593 31.556 18.541 31.556 17.8127 31.1285L9.10433 26.0935C8.376 25.666 7.91683 24.8902 7.91683 24.0352V13.981C7.91683 13.1102 8.376 12.3343 9.10433 11.9227L17.8127 6.88766C18.541 6.46016 19.4593 6.46016 20.1877 6.88766L28.896 11.9227C29.6243 12.3502 30.0835 13.126 30.0835 13.981Z' fill='%238ab4f8'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:focus .cta-icon-text--compare::after,body a.cta-icon-text.dark-theme:focus .cta-icon-text--compare::after,body .cta-icon-text.dark-theme:focus .cta-icon-text--compare::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%238ab4f8' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 3h-5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h5v2h2v-22h-2zm0 15h-5l5-6zm9-15h-5v2h5v13l-5-6v9h5c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:focus .cta-icon-text--compare-alt::after,body a.cta-icon-text.dark-theme:focus .cta-icon-text--compare-alt::after,body .cta-icon-text.dark-theme:focus .cta-icon-text--compare-alt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg fill='none' height='24' viewBox='0 0 33 33' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M22.41 17.59L21 19l-5-5 5-5 1.41 1.41L19.83 13H27v2h-7.17zm-10.82-2.18L13 14l5 5-5 5-1.41-1.41L14.17 20H7v-2h7.17z' fill='%238ab4f8' fill-rule='evenodd'/%3E%3Ccircle cx='16.5' cy='16.5' r='15.5' stroke='%238ab4f8' stroke-width='2'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:focus .cta-icon-text--receipt::after,body a.cta-icon-text.dark-theme:focus .cta-icon-text--receipt::after,body .cta-icon-text.dark-theme:focus .cta-icon-text--receipt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%238ab4f8'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19.5 3.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5zM19 19.09H5V4.91h14v14.18zM6 15h12v2H6zm0-4h12v2H6zm0-4h12v2H6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:focus .cta-icon-text--anchor::after,body a.cta-icon-text.dark-theme:focus .cta-icon-text--anchor::after,body .cta-icon-text.dark-theme:focus .cta-icon-text--anchor::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' viewBox='0 0 30 35' width='20'%3E%3Cpath d='m15 28.2758-10.90125-10.9013-3.34875 3.3725 14.25 14.25 14.25-14.25-3.3487-3.3487z' fill='%238ab4f8'/%3E%3Cpath d='m29.25 3.956-3.3487-3.348754-10.9013 10.877454-10.90125-10.901204-3.34875 3.372504 14.25 14.25z' fill='%231967d2'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:focus:hover .cta-chevron--right::after,body a.cta-icon-text.dark-theme:focus:hover .cta-chevron--right::after,body .cta-icon-text.dark-theme:focus:hover .cta-chevron--right::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d2e3fc' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 6-1.41 1.41 4.58 4.59-4.58 4.59 1.41 1.41 6-6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:focus:hover .cta-chevron--left::after,body a.cta-icon-text.dark-theme:focus:hover .cta-chevron--left::after,body .cta-icon-text.dark-theme:focus:hover .cta-chevron--left::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d2e3fc' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m15.41 7.41-1.41-1.41-6 6 6 6 1.41-1.41-4.58-4.59z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:focus:hover .cta-icon-text--plus::after,body a.cta-icon-text.dark-theme:focus:hover .cta-icon-text--plus::after,body .cta-icon-text.dark-theme:focus:hover .cta-icon-text--plus::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' fill='%23d2e3fc' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm1-13h-2v4h-4v2h4v4h2v-4h4v-2h-4z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:focus:hover .cta-icon-text--play::after,body a.cta-icon-text.dark-theme:focus:hover .cta-icon-text--play::after,body .cta-icon-text.dark-theme:focus:hover .cta-icon-text--play::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23d2e3fc'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M10 16.5l6-4.5-6-4.5zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:focus:hover .cta-icon-text--external::after,body a.cta-icon-text.dark-theme:focus:hover .cta-icon-text--external::after,body .cta-icon-text.dark-theme:focus:hover .cta-icon-text--external::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23d2e3fc'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:focus:hover .cta-icon-text--3d::after,body a.cta-icon-text.dark-theme:focus:hover .cta-icon-text--3d::after,body .cta-icon-text.dark-theme:focus:hover .cta-icon-text--3d::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 38 38' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.5002 1.5835H31.6668C34.2952 1.5835 36.4168 3.70516 36.4168 6.3335V9.50016H33.2502V6.3335C33.2502 5.46266 32.5377 4.75016 31.6668 4.75016H28.5002V1.5835ZM31.6668 33.2502C32.5377 33.2502 33.2502 32.5377 33.2502 31.6668V28.5002H36.4168V31.6668C36.4168 34.2952 34.2952 36.4168 31.6668 36.4168H28.5002V33.2502H31.6668ZM4.75016 31.6668V28.5002H1.5835V31.6668C1.5835 34.2952 3.70516 36.4168 6.3335 36.4168H9.50016V33.2502H6.3335C5.46266 33.2502 4.75016 32.5377 4.75016 31.6668ZM6.3335 4.75016C5.46266 4.75016 4.75016 5.46266 4.75016 6.3335V9.50016H1.5835V6.3335C1.5835 3.70516 3.70516 1.5835 6.3335 1.5835H9.50016V4.75016H6.3335ZM26.9168 23.576L20.5835 27.2335V19.9343L26.9168 16.261V23.576ZM12.6668 13.506L19.0002 17.1793L25.3335 13.506L19.0002 9.8485L12.6668 13.506ZM17.4168 27.2335L11.0835 23.576V16.261L17.4168 19.9343V27.2335ZM30.0835 13.981V24.0193C30.0835 24.8743 29.6243 25.6502 28.896 26.0935L20.1877 31.1285C19.4593 31.556 18.541 31.556 17.8127 31.1285L9.10433 26.0935C8.376 25.666 7.91683 24.8902 7.91683 24.0352V13.981C7.91683 13.1102 8.376 12.3343 9.10433 11.9227L17.8127 6.88766C18.541 6.46016 19.4593 6.46016 20.1877 6.88766L28.896 11.9227C29.6243 12.3502 30.0835 13.126 30.0835 13.981Z' fill='%23d2e3fc'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:focus:hover .cta-icon-text--compare::after,body a.cta-icon-text.dark-theme:focus:hover .cta-icon-text--compare::after,body .cta-icon-text.dark-theme:focus:hover .cta-icon-text--compare::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d2e3fc' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 3h-5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h5v2h2v-22h-2zm0 15h-5l5-6zm9-15h-5v2h5v13l-5-6v9h5c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:focus:hover .cta-icon-text--compare-alt::after,body a.cta-icon-text.dark-theme:focus:hover .cta-icon-text--compare-alt::after,body .cta-icon-text.dark-theme:focus:hover .cta-icon-text--compare-alt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg fill='none' height='24' viewBox='0 0 33 33' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M22.41 17.59L21 19l-5-5 5-5 1.41 1.41L19.83 13H27v2h-7.17zm-10.82-2.18L13 14l5 5-5 5-1.41-1.41L14.17 20H7v-2h7.17z' fill='%23d2e3fc' fill-rule='evenodd'/%3E%3Ccircle cx='16.5' cy='16.5' r='15.5' stroke='%23d2e3fc' stroke-width='2'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:focus:hover .cta-icon-text--receipt::after,body a.cta-icon-text.dark-theme:focus:hover .cta-icon-text--receipt::after,body .cta-icon-text.dark-theme:focus:hover .cta-icon-text--receipt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23d2e3fc'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19.5 3.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5zM19 19.09H5V4.91h14v14.18zM6 15h12v2H6zm0-4h12v2H6zm0-4h12v2H6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:focus:hover .cta-icon-text--anchor::after,body a.cta-icon-text.dark-theme:focus:hover .cta-icon-text--anchor::after,body .cta-icon-text.dark-theme:focus:hover .cta-icon-text--anchor::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' viewBox='0 0 30 35' width='20'%3E%3Cpath d='m15 28.2758-10.90125-10.9013-3.34875 3.3725 14.25 14.25 14.25-14.25-3.3487-3.3487z' fill='%238ab4f8'/%3E%3Cpath d='m29.25 3.956-3.3487-3.348754-10.9013 10.877454-10.90125-10.901204-3.34875 3.372504 14.25 14.25z' fill='%231967d2'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:active .cta-chevron--right::after,body a.cta-icon-text.dark-theme:active .cta-chevron--right::after,body .cta-icon-text.dark-theme:active .cta-chevron--right::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d2e3fc' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 6-1.41 1.41 4.58 4.59-4.58 4.59 1.41 1.41 6-6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:active .cta-chevron--left::after,body a.cta-icon-text.dark-theme:active .cta-chevron--left::after,body .cta-icon-text.dark-theme:active .cta-chevron--left::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d2e3fc' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m15.41 7.41-1.41-1.41-6 6 6 6 1.41-1.41-4.58-4.59z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:active .cta-icon-text--plus::after,body a.cta-icon-text.dark-theme:active .cta-icon-text--plus::after,body .cta-icon-text.dark-theme:active .cta-icon-text--plus::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' fill='%23d2e3fc' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm1-13h-2v4h-4v2h4v4h2v-4h4v-2h-4z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:active .cta-icon-text--play::after,body a.cta-icon-text.dark-theme:active .cta-icon-text--play::after,body .cta-icon-text.dark-theme:active .cta-icon-text--play::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23d2e3fc'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M10 16.5l6-4.5-6-4.5zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:active .cta-icon-text--external::after,body a.cta-icon-text.dark-theme:active .cta-icon-text--external::after,body .cta-icon-text.dark-theme:active .cta-icon-text--external::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23d2e3fc'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:active .cta-icon-text--3d::after,body a.cta-icon-text.dark-theme:active .cta-icon-text--3d::after,body .cta-icon-text.dark-theme:active .cta-icon-text--3d::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 38 38' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.5002 1.5835H31.6668C34.2952 1.5835 36.4168 3.70516 36.4168 6.3335V9.50016H33.2502V6.3335C33.2502 5.46266 32.5377 4.75016 31.6668 4.75016H28.5002V1.5835ZM31.6668 33.2502C32.5377 33.2502 33.2502 32.5377 33.2502 31.6668V28.5002H36.4168V31.6668C36.4168 34.2952 34.2952 36.4168 31.6668 36.4168H28.5002V33.2502H31.6668ZM4.75016 31.6668V28.5002H1.5835V31.6668C1.5835 34.2952 3.70516 36.4168 6.3335 36.4168H9.50016V33.2502H6.3335C5.46266 33.2502 4.75016 32.5377 4.75016 31.6668ZM6.3335 4.75016C5.46266 4.75016 4.75016 5.46266 4.75016 6.3335V9.50016H1.5835V6.3335C1.5835 3.70516 3.70516 1.5835 6.3335 1.5835H9.50016V4.75016H6.3335ZM26.9168 23.576L20.5835 27.2335V19.9343L26.9168 16.261V23.576ZM12.6668 13.506L19.0002 17.1793L25.3335 13.506L19.0002 9.8485L12.6668 13.506ZM17.4168 27.2335L11.0835 23.576V16.261L17.4168 19.9343V27.2335ZM30.0835 13.981V24.0193C30.0835 24.8743 29.6243 25.6502 28.896 26.0935L20.1877 31.1285C19.4593 31.556 18.541 31.556 17.8127 31.1285L9.10433 26.0935C8.376 25.666 7.91683 24.8902 7.91683 24.0352V13.981C7.91683 13.1102 8.376 12.3343 9.10433 11.9227L17.8127 6.88766C18.541 6.46016 19.4593 6.46016 20.1877 6.88766L28.896 11.9227C29.6243 12.3502 30.0835 13.126 30.0835 13.981Z' fill='%23d2e3fc'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:active .cta-icon-text--compare::after,body a.cta-icon-text.dark-theme:active .cta-icon-text--compare::after,body .cta-icon-text.dark-theme:active .cta-icon-text--compare::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23d2e3fc' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 3h-5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h5v2h2v-22h-2zm0 15h-5l5-6zm9-15h-5v2h5v13l-5-6v9h5c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:active .cta-icon-text--compare-alt::after,body a.cta-icon-text.dark-theme:active .cta-icon-text--compare-alt::after,body .cta-icon-text.dark-theme:active .cta-icon-text--compare-alt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg fill='none' height='24' viewBox='0 0 33 33' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M22.41 17.59L21 19l-5-5 5-5 1.41 1.41L19.83 13H27v2h-7.17zm-10.82-2.18L13 14l5 5-5 5-1.41-1.41L14.17 20H7v-2h7.17z' fill='%23d2e3fc' fill-rule='evenodd'/%3E%3Ccircle cx='16.5' cy='16.5' r='15.5' stroke='%23d2e3fc' stroke-width='2'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:active .cta-icon-text--receipt::after,body a.cta-icon-text.dark-theme:active .cta-icon-text--receipt::after,body .cta-icon-text.dark-theme:active .cta-icon-text--receipt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='%23d2e3fc'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19.5 3.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5zM19 19.09H5V4.91h14v14.18zM6 15h12v2H6zm0-4h12v2H6zm0-4h12v2H6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:active .cta-icon-text--anchor::after,body a.cta-icon-text.dark-theme:active .cta-icon-text--anchor::after,body .cta-icon-text.dark-theme:active .cta-icon-text--anchor::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' viewBox='0 0 30 35' width='20'%3E%3Cpath d='m15 28.2758-10.90125-10.9013-3.34875 3.3725 14.25 14.25 14.25-14.25-3.3487-3.3487z' fill='%238ab4f8'/%3E%3Cpath d='m29.25 3.956-3.3487-3.348754-10.9013 10.877454-10.90125-10.901204-3.34875 3.372504 14.25 14.25z' fill='%231967d2'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme.disabled .cta-chevron--right::after,body button.cta-icon-text.dark-theme[disabled] .cta-chevron--right::after,body a.cta-icon-text.dark-theme.disabled .cta-chevron--right::after,body a.cta-icon-text.dark-theme[disabled] .cta-chevron--right::after,body .cta-icon-text.dark-theme.disabled .cta-chevron--right::after,body .cta-icon-text.dark-theme[disabled] .cta-chevron--right::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='transparent' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 6-1.41 1.41 4.58 4.59-4.58 4.59 1.41 1.41 6-6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme.disabled .cta-chevron--left::after,body button.cta-icon-text.dark-theme[disabled] .cta-chevron--left::after,body a.cta-icon-text.dark-theme.disabled .cta-chevron--left::after,body a.cta-icon-text.dark-theme[disabled] .cta-chevron--left::after,body .cta-icon-text.dark-theme.disabled .cta-chevron--left::after,body .cta-icon-text.dark-theme[disabled] .cta-chevron--left::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='transparent' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m15.41 7.41-1.41-1.41-6 6 6 6 1.41-1.41-4.58-4.59z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme.disabled .cta-icon-text--plus::after,body button.cta-icon-text.dark-theme[disabled] .cta-icon-text--plus::after,body a.cta-icon-text.dark-theme.disabled .cta-icon-text--plus::after,body a.cta-icon-text.dark-theme[disabled] .cta-icon-text--plus::after,body .cta-icon-text.dark-theme.disabled .cta-icon-text--plus::after,body .cta-icon-text.dark-theme[disabled] .cta-icon-text--plus::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' enable-background='new 0 0 24 24' fill='transparent' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m12 2c-5.52 0-10 4.48-10 10s4.48 10 10 10 10-4.48 10-10-4.48-10-10-10zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm1-13h-2v4h-4v2h4v4h2v-4h4v-2h-4z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme.disabled .cta-icon-text--play::after,body button.cta-icon-text.dark-theme[disabled] .cta-icon-text--play::after,body a.cta-icon-text.dark-theme.disabled .cta-icon-text--play::after,body a.cta-icon-text.dark-theme[disabled] .cta-icon-text--play::after,body .cta-icon-text.dark-theme.disabled .cta-icon-text--play::after,body .cta-icon-text.dark-theme[disabled] .cta-icon-text--play::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='transparent'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M10 16.5l6-4.5-6-4.5zM12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme.disabled .cta-icon-text--external::after,body button.cta-icon-text.dark-theme[disabled] .cta-icon-text--external::after,body a.cta-icon-text.dark-theme.disabled .cta-icon-text--external::after,body a.cta-icon-text.dark-theme[disabled] .cta-icon-text--external::after,body .cta-icon-text.dark-theme.disabled .cta-icon-text--external::after,body .cta-icon-text.dark-theme[disabled] .cta-icon-text--external::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='transparent'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19 19H5V5h7V3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2v-7h-2v7zM14 3v2h3.59l-9.83 9.83 1.41 1.41L19 6.41V10h2V3h-7z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme.disabled .cta-icon-text--3d::after,body button.cta-icon-text.dark-theme[disabled] .cta-icon-text--3d::after,body a.cta-icon-text.dark-theme.disabled .cta-icon-text--3d::after,body a.cta-icon-text.dark-theme[disabled] .cta-icon-text--3d::after,body .cta-icon-text.dark-theme.disabled .cta-icon-text--3d::after,body .cta-icon-text.dark-theme[disabled] .cta-icon-text--3d::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 38 38' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M28.5002 1.5835H31.6668C34.2952 1.5835 36.4168 3.70516 36.4168 6.3335V9.50016H33.2502V6.3335C33.2502 5.46266 32.5377 4.75016 31.6668 4.75016H28.5002V1.5835ZM31.6668 33.2502C32.5377 33.2502 33.2502 32.5377 33.2502 31.6668V28.5002H36.4168V31.6668C36.4168 34.2952 34.2952 36.4168 31.6668 36.4168H28.5002V33.2502H31.6668ZM4.75016 31.6668V28.5002H1.5835V31.6668C1.5835 34.2952 3.70516 36.4168 6.3335 36.4168H9.50016V33.2502H6.3335C5.46266 33.2502 4.75016 32.5377 4.75016 31.6668ZM6.3335 4.75016C5.46266 4.75016 4.75016 5.46266 4.75016 6.3335V9.50016H1.5835V6.3335C1.5835 3.70516 3.70516 1.5835 6.3335 1.5835H9.50016V4.75016H6.3335ZM26.9168 23.576L20.5835 27.2335V19.9343L26.9168 16.261V23.576ZM12.6668 13.506L19.0002 17.1793L25.3335 13.506L19.0002 9.8485L12.6668 13.506ZM17.4168 27.2335L11.0835 23.576V16.261L17.4168 19.9343V27.2335ZM30.0835 13.981V24.0193C30.0835 24.8743 29.6243 25.6502 28.896 26.0935L20.1877 31.1285C19.4593 31.556 18.541 31.556 17.8127 31.1285L9.10433 26.0935C8.376 25.666 7.91683 24.8902 7.91683 24.0352V13.981C7.91683 13.1102 8.376 12.3343 9.10433 11.9227L17.8127 6.88766C18.541 6.46016 19.4593 6.46016 20.1877 6.88766L28.896 11.9227C29.6243 12.3502 30.0835 13.126 30.0835 13.981Z' fill='transparent'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme.disabled .cta-icon-text--compare::after,body button.cta-icon-text.dark-theme[disabled] .cta-icon-text--compare::after,body a.cta-icon-text.dark-theme.disabled .cta-icon-text--compare::after,body a.cta-icon-text.dark-theme[disabled] .cta-icon-text--compare::after,body .cta-icon-text.dark-theme.disabled .cta-icon-text--compare::after,body .cta-icon-text.dark-theme[disabled] .cta-icon-text--compare::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='transparent' height='24' viewBox='0 0 24 24' width='24'%3E%3Cpath d='m0 0h24v24h-24z' fill='none'/%3E%3Cpath d='m10 3h-5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h5v2h2v-22h-2zm0 15h-5l5-6zm9-15h-5v2h5v13l-5-6v9h5c1.1 0 2-.9 2-2v-14c0-1.1-.9-2-2-2z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme.disabled .cta-icon-text--compare-alt::after,body button.cta-icon-text.dark-theme[disabled] .cta-icon-text--compare-alt::after,body a.cta-icon-text.dark-theme.disabled .cta-icon-text--compare-alt::after,body a.cta-icon-text.dark-theme[disabled] .cta-icon-text--compare-alt::after,body .cta-icon-text.dark-theme.disabled .cta-icon-text--compare-alt::after,body .cta-icon-text.dark-theme[disabled] .cta-icon-text--compare-alt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg fill='none' height='24' viewBox='0 0 33 33' width='24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath clip-rule='evenodd' d='M22.41 17.59L21 19l-5-5 5-5 1.41 1.41L19.83 13H27v2h-7.17zm-10.82-2.18L13 14l5 5-5 5-1.41-1.41L14.17 20H7v-2h7.17z' fill='transparent' fill-rule='evenodd'/%3E%3Ccircle cx='16.5' cy='16.5' r='15.5' stroke='transparent' stroke-width='2'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme.disabled .cta-icon-text--receipt::after,body button.cta-icon-text.dark-theme[disabled] .cta-icon-text--receipt::after,body a.cta-icon-text.dark-theme.disabled .cta-icon-text--receipt::after,body a.cta-icon-text.dark-theme[disabled] .cta-icon-text--receipt::after,body .cta-icon-text.dark-theme.disabled .cta-icon-text--receipt::after,body .cta-icon-text.dark-theme[disabled] .cta-icon-text--receipt::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='24' viewBox='0 0 24 24' width='24' fill='transparent'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M19.5 3.5L18 2l-1.5 1.5L15 2l-1.5 1.5L12 2l-1.5 1.5L9 2 7.5 3.5 6 2 4.5 3.5 3 2v20l1.5-1.5L6 22l1.5-1.5L9 22l1.5-1.5L12 22l1.5-1.5L15 22l1.5-1.5L18 22l1.5-1.5L21 22V2l-1.5 1.5zM19 19.09H5V4.91h14v14.18zM6 15h12v2H6zm0-4h12v2H6zm0-4h12v2H6z'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme.disabled .cta-icon-text--anchor::after,body button.cta-icon-text.dark-theme[disabled] .cta-icon-text--anchor::after,body a.cta-icon-text.dark-theme.disabled .cta-icon-text--anchor::after,body a.cta-icon-text.dark-theme[disabled] .cta-icon-text--anchor::after,body .cta-icon-text.dark-theme.disabled .cta-icon-text--anchor::after,body .cta-icon-text.dark-theme[disabled] .cta-icon-text--anchor::after { | |
content: ""; | |
position: absolute; | |
display: inline-block; | |
background-repeat: no-repeat; | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' height='20' viewBox='0 0 30 35' width='20'%3E%3Cpath d='m15 28.2758-10.90125-10.9013-3.34875 3.3725 14.25 14.25 14.25-14.25-3.3487-3.3487z' fill='%238ab4f8'/%3E%3Cpath d='m29.25 3.956-3.3487-3.348754-10.9013 10.877454-10.90125-10.901204-3.34875 3.372504 14.25 14.25z' fill='%231967d2'/%3E%3C/svg%3E") | |
} | |
body button.cta-icon-text.dark-theme:hover,body a.cta-icon-text.dark-theme:hover,body .cta-icon-text.dark-theme:hover { | |
color: #d2e3fc | |
} | |
body button.cta-icon-text.dark-theme:hover::before,body a.cta-icon-text.dark-theme:hover::before,body .cta-icon-text.dark-theme:hover::before { | |
background: linear-gradient(0deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.04)),#423f3f | |
} | |
body button.cta-icon-text.dark-theme:focus,body a.cta-icon-text.dark-theme:focus,body .cta-icon-text.dark-theme:focus { | |
color: #8ab4f8; | |
background: transparent; | |
outline-color: #8ab4f8 | |
} | |
body button.cta-icon-text.dark-theme:focus:hover,body a.cta-icon-text.dark-theme:focus:hover,body .cta-icon-text.dark-theme:focus:hover { | |
color: #d2e3fc | |
} | |
body button.cta-icon-text.dark-theme:focus:hover::before,body a.cta-icon-text.dark-theme:focus:hover::before,body .cta-icon-text.dark-theme:focus:hover::before { | |
background: linear-gradient(0deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.04)),#423f3f | |
} | |
body button.cta-icon-text.dark-theme:active,body a.cta-icon-text.dark-theme:active,body .cta-icon-text.dark-theme:active { | |
color: #d2e3fc; | |
background: linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)),#423f3f | |
} | |
body button.cta-icon-text.dark-theme.disabled,body button.cta-icon-text.dark-theme[disabled],body a.cta-icon-text.dark-theme.disabled,body a.cta-icon-text.dark-theme[disabled],body .cta-icon-text.dark-theme.disabled,body .cta-icon-text.dark-theme[disabled] { | |
color: transparent; | |
background: transparent | |
} | |
body button.cta-inline,body a.cta-inline,body .cta-inline { | |
display: inline-block; | |
box-sizing: border-box; | |
position: relative; | |
cursor: pointer; | |
z-index: 1; | |
width: auto; | |
text-align: center; | |
white-space: nowrap; | |
transition: opacity .2s cubic-bezier(0.1, 0.1, 0, 1),background .2s cubic-bezier(0.1, 0.1, 0, 1),transform .2s cubic-bezier(0.1, 0.1, 0, 1); | |
border: 2px solid transparent; | |
border-radius: 4px; | |
text-decoration: none; | |
margin-right: 16px; | |
margin-bottom: 16px; | |
border: none; | |
margin-right: 0; | |
margin-bottom: 0; | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 500; | |
font-size: 16px; | |
font-size: 1rem; | |
line-height: 24px; | |
line-height: 1.5rem; | |
letter-spacing: 0.1px; | |
letter-spacing: 0.00625rem | |
} | |
body button.cta-inline::first-letter,body a.cta-inline::first-letter,body .cta-inline::first-letter { | |
text-transform: capitalize | |
} | |
body button.cta-inline:last-of-type,body a.cta-inline:last-of-type,body .cta-inline:last-of-type { | |
margin-right: 0; | |
margin-bottom: 0 | |
} | |
body button.cta-inline::before,body a.cta-inline::before,body .cta-inline::before { | |
content: ""; | |
position: absolute; | |
z-index: -1; | |
top: -1px; | |
right: -1px; | |
width: calc(100% + 2px); | |
height: calc(100% + 2px); | |
border-radius: 4px; | |
opacity: 0; | |
background: transparent; | |
transform-origin: center center; | |
transform: scale3d(0.85, 0.65, 0.85); | |
transition: opacity .2s cubic-bezier(0.1, 0.1, 0, 1),background .2s cubic-bezier(0.1, 0.1, 0, 1),transform .2s cubic-bezier(0.1, 0.1, 0, 1) | |
} | |
body button.cta-inline:hover::before,body a.cta-inline:hover::before,body .cta-inline:hover::before { | |
opacity: 1; | |
transform: scale3d(1, 1, 1) | |
} | |
body button.cta-inline::after,body a.cta-inline::after,body .cta-inline::after { | |
content: ""; | |
display: block; | |
width: 100%; | |
height: 100%; | |
position: absolute; | |
top: 50%; | |
left: 50%; | |
transform: translate(-50%, -50%); | |
-webkit-box-sizing: content-box; | |
-moz-box-sizing: content-box; | |
box-sizing: content-box | |
} | |
body button.cta-inline:focus,body a.cta-inline:focus,body .cta-inline:focus { | |
outline: none; | |
box-shadow: none | |
} | |
body button.cta-inline.disabled,body button.cta-inline[disabled],body a.cta-inline.disabled,body a.cta-inline[disabled],body .cta-inline.disabled,body .cta-inline[disabled] { | |
pointer-events: none | |
} | |
body button.cta-inline span::after,body a.cta-inline span::after,body .cta-inline span::after { | |
content: ""; | |
display: block; | |
width: 100%; | |
height: 100%; | |
min-width: 48px; | |
min-height: 48px; | |
position: absolute; | |
top: 50%; | |
left: 50%; | |
transform: translate(-50%, -50%) | |
} | |
body button.cta-inline span,body a.cta-inline span,body .cta-inline span { | |
padding: 3px 2px; | |
box-shadow: 0 4px 0 -3px; | |
overflow: hidden; | |
vertical-align: top | |
} | |
body button.cta-inline.cta-dense,body a.cta-inline.cta-dense,body .cta-inline.cta-dense { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 500; | |
font-size: 14px; | |
font-size: 0.875rem; | |
line-height: 20px; | |
line-height: 1.25rem; | |
letter-spacing: 0.25px; | |
letter-spacing: 0.015625rem | |
} | |
body button.cta-inline:focus::after,body a.cta-inline:focus::after,body .cta-inline:focus::after { | |
outline: none; | |
border-radius: 4px; | |
padding: 5px; | |
box-shadow: 0 0 0 3px #1967d2 | |
} | |
body button.cta-inline.dark-theme:focus::after,body a.cta-inline.dark-theme:focus::after,body .cta-inline.dark-theme:focus::after { | |
outline: none; | |
border-radius: 4px; | |
padding: 5px; | |
box-shadow: 0 0 0 3px #8ab4f8 | |
} | |
body button.cta-inline,body a.cta-inline,body .cta-inline { | |
color: #1967d2; | |
background: transparent | |
} | |
body button.cta-inline:hover,body a.cta-inline:hover,body .cta-inline:hover { | |
color: #1967d2 | |
} | |
body button.cta-inline:hover::before,body a.cta-inline:hover::before,body .cta-inline:hover::before { | |
background: linear-gradient(0deg, rgba(26, 115, 232, 0.04), rgba(26, 115, 232, 0.04)),#fff | |
} | |
body button.cta-inline:focus,body a.cta-inline:focus,body .cta-inline:focus { | |
color: #1967d2; | |
background: transparent; | |
outline-color: #1967d2 | |
} | |
body button.cta-inline:focus:hover,body a.cta-inline:focus:hover,body .cta-inline:focus:hover { | |
color: #1967d2 | |
} | |
body button.cta-inline:focus:hover::before,body a.cta-inline:focus:hover::before,body .cta-inline:focus:hover::before { | |
background: linear-gradient(0deg, rgba(25, 103, 210, 0.12), rgba(25, 103, 210, 0.12)),#fff | |
} | |
body button.cta-inline:active,body a.cta-inline:active,body .cta-inline:active { | |
color: #1967d2; | |
background: linear-gradient(0deg, rgba(25, 103, 210, 0.1), rgba(25, 103, 210, 0.1)),#fff | |
} | |
body button.cta-inline.disabled,body button.cta-inline[disabled],body a.cta-inline.disabled,body a.cta-inline[disabled],body .cta-inline.disabled,body .cta-inline[disabled] { | |
color: transparent; | |
background: transparent | |
} | |
body button.cta-inline.dark-theme,body a.cta-inline.dark-theme,body .cta-inline.dark-theme { | |
color: #8ab4f8; | |
background: transparent | |
} | |
body button.cta-inline.dark-theme:hover,body a.cta-inline.dark-theme:hover,body .cta-inline.dark-theme:hover { | |
color: #8ab4f8 | |
} | |
body button.cta-inline.dark-theme:hover::before,body a.cta-inline.dark-theme:hover::before,body .cta-inline.dark-theme:hover::before { | |
background: linear-gradient(0deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.04)),#423f3f | |
} | |
body button.cta-inline.dark-theme:focus,body a.cta-inline.dark-theme:focus,body .cta-inline.dark-theme:focus { | |
color: #8ab4f8; | |
background: transparent; | |
outline-color: #8ab4f8 | |
} | |
body button.cta-inline.dark-theme:focus:hover,body a.cta-inline.dark-theme:focus:hover,body .cta-inline.dark-theme:focus:hover { | |
color: #8ab4f8 | |
} | |
body button.cta-inline.dark-theme:focus:hover::before,body a.cta-inline.dark-theme:focus:hover::before,body .cta-inline.dark-theme:focus:hover::before { | |
background: linear-gradient(0deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.04)),#423f3f | |
} | |
body button.cta-inline.dark-theme:active,body a.cta-inline.dark-theme:active,body .cta-inline.dark-theme:active { | |
color: #8ab4f8; | |
background: linear-gradient(0deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.1)),#423f3f | |
} | |
body button.cta-inline.dark-theme.disabled,body button.cta-inline.dark-theme[disabled],body a.cta-inline.dark-theme.disabled,body a.cta-inline.dark-theme[disabled],body .cta-inline.dark-theme.disabled,body .cta-inline.dark-theme[disabled] { | |
color: transparent; | |
background: transparent | |
} | |
[wombat-template],[wombat-template] * { | |
-webkit-tap-highlight-color: rgba(0,0,0,0); | |
outline: none; | |
box-sizing: border-box | |
} | |
[wombat-template] *:before,[wombat-template] *:after { | |
box-sizing: border-box | |
} | |
@media screen and (max-width: 767px) { | |
[wombat-template] br.desktop-only { | |
display:none | |
} | |
} | |
@media(min-width: 768px) { | |
[wombat-template] br.mobile-only { | |
display:none | |
} | |
} | |
[wombat-template] abbr[title] { | |
border-bottom: none; | |
text-decoration: none | |
} | |
[wombat-template] .btn { | |
border: 2px solid rgba(66,63,63,.3); | |
transition: all 250ms cubic-bezier(0.1, 0.1, 0, 1); | |
background-color: transparent; | |
border-radius: 3px; | |
color: #423f3f; | |
padding: 6px 20px; | |
text-align: center; | |
font-size: 14px; | |
position: relative; | |
z-index: 1; | |
display: inline-block | |
} | |
[wombat-template] .btn::before { | |
content: ""; | |
opacity: 0; | |
transform-origin: center center; | |
transform: scale3d(0.9, 0.65, 0.8); | |
transition: all 250ms cubic-bezier(0.1, 0.1, 0, 1); | |
position: absolute; | |
top: -2px; | |
right: -2px; | |
width: calc(100% + 4px); | |
height: calc(100% + 4px); | |
border-radius: 3px; | |
background-color: #423f3f; | |
z-index: -1 | |
} | |
[wombat-template] .btn:hover::before { | |
opacity: 1; | |
transform: scale3d(1, 1, 1) | |
} | |
[wombat-template] .btn:focus { | |
box-shadow: 0 0 0 3px rgba(66,63,63,.15); | |
outline: none | |
} | |
[wombat-template] .btn:hover { | |
border-color: transparent; | |
color: #fff | |
} | |
[wombat-template] .btn.cta-buy { | |
background-color: #1967d2; | |
border-color: #1967d2; | |
color: #fff | |
} | |
[wombat-template] .btn.cta-buy:focus { | |
box-shadow: 0 0 0 3px rgba(25,103,210,.15) | |
} | |
[wombat-template] .btn.cta-buy:hover { | |
background-color: #423f3f; | |
border-color: #423f3f; | |
color: #fff | |
} | |
[wombat-template] .btn.cta-shop { | |
background-color: transparent; | |
border-color: #1967d2; | |
color: #1967d2 | |
} | |
[wombat-template] .btn.cta-shop::before { | |
background-color: #1967d2 | |
} | |
[wombat-template] .btn.cta-shop:focus { | |
box-shadow: 0 0 0 3px rgba(25,103,210,.15) | |
} | |
[wombat-template] .btn.cta-shop:hover { | |
border-color: transparent; | |
color: #fff | |
} | |
[wombat-template] .btn.cta-shop-dark { | |
background-color: rgba(66,63,63,.3); | |
border-color: rgba(255,255,255,.3); | |
color: #fff | |
} | |
[wombat-template] .btn.cta-shop-dark::before { | |
background-color: #423f3f | |
} | |
[wombat-template] .btn.cta-shop-dark:focus { | |
box-shadow: 0 0 0 3px rgba(66,63,63,.15) | |
} | |
[wombat-template] .btn.cta-shop-dark:hover { | |
background-color: #423f3f; | |
border-color: #423f3f | |
} | |
[wombat-template] .btn.disabled,[wombat-template] .btn[disabled] { | |
opacity: .7; | |
pointer-events: none | |
} | |
[wombat-template] .async-cta { | |
opacity: 0; | |
visibility: hidden; | |
transition: opacity 500ms cubic-bezier(0.1, 0.1, 0, 1),visibility 500ms step-end | |
} | |
[wombat-template] .async-cta[data-cta-behavior="1"],[wombat-template] .async-cta[data-cta-behavior="2"],[wombat-template] .async-cta[data-cta-behavior="3"],[wombat-template] .async-cta[data-cta-behavior="4"],[wombat-template] .async-cta[data-cta-behavior="5"] { | |
opacity: 1; | |
visibility: visible; | |
transition: opacity 500ms cubic-bezier(0.1, 0.1, 0, 1),visibility 500ms step-start | |
} | |
[wombat-template] button:focus { | |
box-shadow: 0 0 0 3px rgba(25,103,210,.15) | |
} | |
@media screen and (min-width: 768px) { | |
[wombat-template] .btn { | |
font-size:16px; | |
padding-top: 8px; | |
padding-bottom: 8px | |
} | |
} | |
[wombat-template] .container { | |
box-sizing: border-box; | |
overflow: hidden; | |
width: 100%; | |
padding-left: 12px; | |
padding-right: 12px | |
} | |
@media screen and (min-width: 768px) { | |
[wombat-template] .container { | |
padding-left:24px; | |
padding-right: 24px | |
} | |
[wombat-template] .columns { | |
float: left; | |
margin: 0 | |
} | |
} | |
[wombat-template] [lazy-load],[wombat-template][lazy-load] { | |
--lazy-load-source: ""; | |
transition: background-image 600ms cubic-bezier(0.4, 0, 0.2, 1); | |
background-image: var(--lazy-load-source, url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8zwQAAgYBAyKDV6YAAAAASUVORK5CYII=")); | |
min-height: 1px | |
} | |
[wombat-template] img[lazy-load],[wombat-template] video[lazy-load] { | |
opacity: 0; | |
transition: opacity 600ms cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template] img[lazy-load].lazy-image-loaded,[wombat-template] video[lazy-load].lazy-image-loaded { | |
opacity: 1 | |
} | |
[wombat-template] .wombat_side_scroll_scope { | |
position: relative | |
} | |
[wombat-template] .wombat_side_scroll_scope .side-scroll-scroller { | |
position: relative; | |
overflow-x: auto; | |
overflow-y: hidden; | |
max-width: 100% | |
} | |
[wombat-template] .wombat_side_scroll_scope .side-scroll-element-holder { | |
margin: auto; | |
overflow: hidden; | |
box-sizing: content-box; | |
width: 9999px | |
} | |
[wombat-template] .wombat_side_scroll_scope .side-scroll-element-holder>* { | |
float: left; | |
display: block | |
} | |
[wombat-template] .wombat_side_scroll_scope .button-circular path { | |
fill: #423f3f | |
} | |
[wombat-template] .wombat_side_scroll_scope .button-circular.left { | |
left: 10px | |
} | |
[wombat-template] .wombat_side_scroll_scope .button-circular.right { | |
right: 10px | |
} | |
[wombat-template] .wombat_side_scroll_scope .button-circular { | |
border: 2px solid #dcdbdb; | |
background-color: #f8f8f8; | |
box-shadow: none !important; | |
position: absolute; | |
top: 50%; | |
transform: translateY(-50%); | |
z-index: 2 | |
} | |
[wombat-template] .wombat_side_scroll_scope .button-circular svg { | |
position: absolute; | |
top: 50%; | |
left: 50%; | |
transform: translate(-50%, -50%) | |
} | |
[wombat-template] .pb1 { | |
padding-bottom: 10px | |
} | |
[wombat-template] .pb2 { | |
padding-bottom: 20px | |
} | |
[wombat-template] .pb3 { | |
padding-bottom: 30px | |
} | |
[wombat-template] .pr1 { | |
padding-right: 10px | |
} | |
[wombat-template] .pr2 { | |
padding-right: 20px | |
} | |
[wombat-template] .pr3 { | |
padding-right: 30px | |
} | |
[wombat-template] .pl1 { | |
padding-left: 10px | |
} | |
[wombat-template] .pl2 { | |
padding-left: 20px | |
} | |
[wombat-template] .pl3 { | |
padding-left: 30px | |
} | |
[wombat-template] .pt1 { | |
padding-top: 10px | |
} | |
[wombat-template] .pt2 { | |
padding-top: 20px | |
} | |
[wombat-template] .pt3 { | |
padding-top: 30px | |
} | |
[wombat-template] .mb1 { | |
margin-bottom: 10px | |
} | |
[wombat-template] .mb2 { | |
margin-bottom: 20px | |
} | |
[wombat-template] .mb3 { | |
margin-bottom: 30px | |
} | |
[wombat-template] .mr1 { | |
margin-right: 10px | |
} | |
[wombat-template] .mr2 { | |
margin-right: 20px | |
} | |
[wombat-template] .mr3 { | |
margin-right: 30px | |
} | |
[wombat-template] .ml1 { | |
margin-left: 10px | |
} | |
[wombat-template] .ml2 { | |
margin-left: 20px | |
} | |
[wombat-template] .ml3 { | |
margin-left: 30px | |
} | |
[wombat-template] .mt1 { | |
margin-top: 10px | |
} | |
[wombat-template] .mt2 { | |
margin-top: 20px | |
} | |
[wombat-template] .mt3 { | |
margin-top: 30px | |
} | |
@font-face { | |
font-family: "Material Icons"; | |
font-style: normal; | |
font-weight: 400; | |
src: url(https://fonts.gstatic.com/s/materialicons/v42/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format("woff2") | |
} | |
.material-icons { | |
font-family: "Material Icons"; | |
font-weight: normal; | |
font-style: normal; | |
font-size: 24px; | |
line-height: 1; | |
letter-spacing: normal; | |
text-transform: none; | |
display: inline-block; | |
white-space: nowrap; | |
word-wrap: normal; | |
direction: ltr; | |
-webkit-font-feature-settings: "liga"; | |
-webkit-font-smoothing: antialiased | |
} | |
[wombat-template] .text-link { | |
color: #1967d2; | |
position: relative; | |
display: inline-block; | |
border: none; | |
padding: unset; | |
margin-bottom: 2px | |
} | |
[wombat-template] .text-link::before { | |
content: ""; | |
opacity: 0; | |
transform-origin: center center; | |
transform: scale(0) translateY(5px); | |
transition: all 350ms cubic-bezier(0.1, 0.1, 0, 1); | |
position: absolute; | |
bottom: -2px; | |
width: 100%; | |
height: 2px; | |
background-color: #1967d2; | |
margin-left: auto; | |
margin-right: auto; | |
left: 0; | |
right: 0 | |
} | |
[wombat-template] .text-link.secondary-blue { | |
color: #1967d2 | |
} | |
[wombat-template] .text-link.secondary-blue::before { | |
background-color: #1967d2 | |
} | |
[wombat-template] .text-link.secondary-blue:focus { | |
box-shadow: 0 0 0 3px rgba(25,103,210,.15) | |
} | |
[wombat-template] .text-link.grey { | |
color: #423f3f | |
} | |
[wombat-template] .text-link.grey::before { | |
background-color: #423f3f | |
} | |
[wombat-template] .text-link.grey:focus { | |
box-shadow: 0 0 0 3px rgba(66,63,63,.15) | |
} | |
[wombat-template] .text-link.white { | |
color: #fff | |
} | |
[wombat-template] .text-link.white::before { | |
background-color: #fff | |
} | |
[wombat-template] .text-link.white:focus { | |
box-shadow: 0 0 0 3px rgba(255,255,255,.15) | |
} | |
[wombat-template] .text-link:hover::before { | |
opacity: 1; | |
transform: scale(1) translateY(0px) | |
} | |
[wombat-template] .text-link.cta-modal { | |
border-radius: 2px; | |
height: auto; | |
line-height: auto; | |
padding: 10px 5px 10px 31px; | |
border: none; | |
position: relative | |
} | |
[wombat-template] .text-link.cta-modal::before { | |
left: 31px; | |
right: 5px; | |
width: auto; | |
bottom: 8px | |
} | |
[wombat-template] .text-link.cta-modal::after { | |
font-family: "Material Icons"; | |
font-weight: normal; | |
font-style: normal; | |
font-size: 24px; | |
line-height: 1; | |
letter-spacing: normal; | |
text-transform: none; | |
display: inline-block; | |
white-space: nowrap; | |
word-wrap: normal; | |
direction: ltr; | |
-webkit-font-feature-settings: "liga"; | |
-webkit-font-smoothing: antialiased; | |
content: "control_point"; | |
position: absolute; | |
left: 0; | |
top: 50%; | |
transform: translateY(-50%) | |
} | |
[wombat-template] .text-link.cta-modal:focus { | |
outline: 3px solid rgba(25,103,210,.15) | |
} | |
[wombat-template] .text-link:focus { | |
box-shadow: 0 0 0 3px rgba(25,103,210,.15) | |
} | |
[wombat-template] a:focus { | |
box-shadow: 0 0 0 3px rgba(25,103,210,.15) | |
} | |
[wombat-template] { | |
font-family: "Google Sans","Roboto","Arial",sans-serif | |
} | |
[wombat-template] .bold { | |
font-weight: 600 | |
} | |
[wombat-template] .medium { | |
font-weight: 500 | |
} | |
[wombat-template] .regular { | |
font-weight: 400 | |
} | |
[wombat-template] .h1:not([class*=type-]),[wombat-template] h1:not([class*=type-]),[wombat-template] .h2:not([class*=type-]),[wombat-template] h2:not([class*=type-]),[wombat-template] .h3:not([class*=type-]),[wombat-template] h3:not([class*=type-]),[wombat-template] .h4:not([class*=type-]),[wombat-template] h4:not([class*=type-]),[wombat-template] .h5:not([class*=type-]),[wombat-template] h5:not([class*=type-]),[wombat-template] .h6:not([class*=type-]),[wombat-template] h6:not([class*=type-]),[wombat-template] .h7:not([class*=type-]),[wombat-template] h7:not([class*=type-]) { | |
font-weight: 600; | |
color: #423f3f | |
} | |
[wombat-template] .h1.medium,[wombat-template] h1.medium,[wombat-template] .h2.medium,[wombat-template] h2.medium,[wombat-template] .h3.medium,[wombat-template] h3.medium,[wombat-template] .h4.medium,[wombat-template] h4.medium,[wombat-template] .h5.medium,[wombat-template] h5.medium,[wombat-template] .h6.medium,[wombat-template] h6.medium,[wombat-template] .h7.medium,[wombat-template] h7.medium { | |
font-weight: 500 | |
} | |
[wombat-template] .h1.regular,[wombat-template] h1.regular,[wombat-template] .h2.regular,[wombat-template] h2.regular,[wombat-template] .h3.regular,[wombat-template] h3.regular,[wombat-template] .h4.regular,[wombat-template] h4.regular,[wombat-template] .h5.regular,[wombat-template] h5.regular,[wombat-template] .h6.regular,[wombat-template] h6.regular,[wombat-template] .h7.regular,[wombat-template] h7.regular { | |
font-weight: 400 | |
} | |
[wombat-template] .h1:not([class*=type-]),[wombat-template] h1:not([class*=type-]) { | |
font-size: 26px; | |
line-height: 34px | |
} | |
[wombat-template] .h2:not([class*=type-]),[wombat-template] h2:not([class*=type-]) { | |
font-size: 24px; | |
line-height: 32px | |
} | |
[wombat-template] .h3:not([class*=type-]),[wombat-template] h3:not([class*=type-]) { | |
font-size: 22px; | |
line-height: 28px | |
} | |
[wombat-template] .h4:not([class*=type-]),[wombat-template] h4:not([class*=type-]) { | |
font-size: 20px; | |
line-height: 26px | |
} | |
[wombat-template] .h5:not([class*=type-]),[wombat-template] h5:not([class*=type-]) { | |
font-size: 18px; | |
line-height: 24px | |
} | |
[wombat-template] .h6:not([class*=type-]),[wombat-template] h6:not([class*=type-]) { | |
font-size: 13px; | |
line-height: 18px | |
} | |
[wombat-template] .h7:not([class*=type-]),[wombat-template] h7:not([class*=type-]) { | |
font-size: 11px; | |
line-height: 15px | |
} | |
[wombat-template] p:not([class*=type-]),[wombat-template] .body-copy:not([class*=type-]) { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 400; | |
color: #423f3f; | |
font-size: 15px; | |
line-height: 23px | |
} | |
[wombat-template] p.large,[wombat-template] .body-copy.large { | |
font-size: 15px; | |
line-height: 25px | |
} | |
[wombat-template] p.small,[wombat-template] .body-copy.small { | |
font-size: 14px; | |
line-height: 22px | |
} | |
[wombat-template] p.bold,[wombat-template] .body-copy.bold { | |
font-weight: 600 | |
} | |
[wombat-template] button,[wombat-template] a,[wombat-template] .cta { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 500; | |
color: #423f3f; | |
font-size: 14px; | |
line-height: 20px | |
} | |
@media screen and (max-width: 767px) { | |
[wombat-template] p.small,[wombat-template] .body-copy.small { | |
font-weight:500 | |
} | |
} | |
@media screen and (min-width: 768px) { | |
[wombat-template] .h1:not([class*=type-]),[wombat-template] h1:not([class*=type-]) { | |
font-size:36px; | |
line-height: 44px | |
} | |
[wombat-template] .h2:not([class*=type-]),[wombat-template] h2:not([class*=type-]) { | |
font-size: 34px; | |
line-height: 42px | |
} | |
[wombat-template] .h3:not([class*=type-]),[wombat-template] h3:not([class*=type-]) { | |
font-size: 30px; | |
line-height: 40px | |
} | |
[wombat-template] .h4:not([class*=type-]),[wombat-template] h4:not([class*=type-]) { | |
font-size: 22px; | |
line-height: 30px | |
} | |
[wombat-template] .h5:not([class*=type-]),[wombat-template] h5:not([class*=type-]) { | |
font-size: 20px; | |
line-height: 26px | |
} | |
[wombat-template] .h6:not([class*=type-]),[wombat-template] h6:not([class*=type-]) { | |
font-size: 15px; | |
line-height: 22px | |
} | |
[wombat-template] .h7:not([class*=type-]),[wombat-template] h7:not([class*=type-]) { | |
font-size: 12px; | |
line-height: 18px | |
} | |
[wombat-template] p:not([class*=type-]),[wombat-template] .body-copy:not([class*=type-]) { | |
font-size: 18px; | |
line-height: 28px | |
} | |
[wombat-template] p.large,[wombat-template] .body-copy.large { | |
font-size: 18px; | |
line-height: 32px | |
} | |
[wombat-template] p.small,[wombat-template] .body-copy.small { | |
font-size: 16px; | |
line-height: 24px | |
} | |
[wombat-template] button,[wombat-template] a,[wombat-template] .cta { | |
font-size: 16px; | |
line-height: 22px | |
} | |
} | |
@media screen and (min-width: 960px) { | |
[wombat-template] .h1:not([class*=type-]),[wombat-template] h1:not([class*=type-]) { | |
font-size:40px; | |
line-height: 54px | |
} | |
[wombat-template] .h2:not([class*=type-]),[wombat-template] h2:not([class*=type-]) { | |
font-size: 38px; | |
line-height: 50px | |
} | |
[wombat-template] .h3:not([class*=type-]),[wombat-template] h3:not([class*=type-]) { | |
font-size: 34px; | |
line-height: 44px | |
} | |
[wombat-template] .h4:not([class*=type-]),[wombat-template] h4:not([class*=type-]) { | |
font-size: 24px; | |
line-height: 32px | |
} | |
[wombat-template] .h5:not([class*=type-]),[wombat-template] h5:not([class*=type-]) { | |
font-size: 22px; | |
line-height: 28px | |
} | |
[wombat-template] .h6:not([class*=type-]),[wombat-template] h6:not([class*=type-]) { | |
font-size: 15px; | |
line-height: 22px | |
} | |
[wombat-template] .h7:not([class*=type-]),[wombat-template] h7:not([class*=type-]) { | |
font-size: 12px; | |
line-height: 18px | |
} | |
[wombat-template] p:not([class*=type-]),[wombat-template] .body-copy:not([class*=type-]) { | |
font-size: 18px; | |
line-height: 28px | |
} | |
[wombat-template] p.large,[wombat-template] .body-copy.large { | |
font-size: 18px; | |
line-height: 32px | |
} | |
[wombat-template] p.small,[wombat-template] .body-copy.small { | |
font-size: 16px; | |
line-height: 24px | |
} | |
[wombat-template] button,[wombat-template] a,[wombat-template] .cta { | |
font-size: 16px; | |
line-height: 22px | |
} | |
} | |
[wombat-template] { | |
overflow: hidden; | |
display: block; | |
box-sizing: content-box; | |
border-bottom: 12px solid #fff | |
} | |
[wombat-template].flush-bottom { | |
border-bottom: none | |
} | |
[wombat-template] .text-center { | |
text-align: center | |
} | |
[wombat-template] .text-left { | |
text-align: left | |
} | |
[wombat-template] .container { | |
padding-left: 30px; | |
padding-right: 30px; | |
overflow: hidden; | |
width: 100%; | |
display: block | |
} | |
[wombat-template] a.overlay { | |
position: absolute; | |
left: 0; | |
top: 0; | |
width: 100%; | |
height: 100%; | |
z-index: 1 | |
} | |
@media(min-width: 1015px) { | |
[wombat-template] { | |
border-bottom:24px solid #fff | |
} | |
[wombat-template].flush-bottom { | |
border-bottom: none | |
} | |
} | |
.gs-modal { | |
display: none; | |
place-content: center; | |
position: fixed; | |
top: 0; | |
right: 0; | |
bottom: 0; | |
left: 0; | |
z-index: 92; | |
background-color: rgba(255,255,255,.5) | |
} | |
.gs-modal:target { | |
display: grid | |
} | |
.gs-modal:target:not(:focus-within) { | |
background-color: rgba(255,255,255,.51); | |
transition: background-color 10ms | |
} | |
.gs-modal-content { | |
border-radius: 5px; | |
position: relative; | |
background-color: #fff; | |
z-index: 2; | |
height: 100vh; | |
width: 100vw; | |
max-width: var(--width, auto); | |
max-height: var(--height, auto); | |
overflow-y: auto | |
} | |
.gs-modal .close-x { | |
position: absolute; | |
z-index: 2; | |
top: 8px; | |
right: 8px; | |
width: 48px; | |
height: 48px; | |
display: grid; | |
place-content: center | |
} | |
.gs-modal .close-x svg { | |
width: 24px; | |
height: 24px | |
} | |
.gs-modal .close-x path { | |
fill: #423f3f | |
} | |
.gs-modal-iframe { | |
height: 100% | |
} | |
.gs-modal .overlay { | |
position: absolute; | |
top: 0; | |
right: 0; | |
bottom: 0; | |
left: 0; | |
z-index: 1 | |
} | |
.gs-modal iframe { | |
width: 100%; | |
height: 100% | |
} | |
@keyframes wombat-pagination-dot-loading-circle { | |
to { | |
stroke-dashoffset: 0 | |
} | |
} | |
@keyframes arrow-x-animation { | |
0% { | |
transform: rotate(45deg) | |
} | |
100% { | |
transform: rotate(225deg) | |
} | |
} | |
@keyframes arrow-y-animation { | |
0% { | |
transform: rotate(-45deg) | |
} | |
100% { | |
transform: rotate(-225deg) | |
} | |
} | |
@keyframes line1DownAnim { | |
0% { | |
transform: rotate(-45deg) | |
} | |
55% { | |
transform: rotate(0deg) | |
} | |
70% { | |
transform: rotate(35deg) | |
} | |
100% { | |
transform: rotate(45deg) | |
} | |
} | |
@keyframes line1UpAnim { | |
0% { | |
transform: rotate(45deg) | |
} | |
55% { | |
transform: rotate(0deg) | |
} | |
70% { | |
transform: rotate(-35deg) | |
} | |
100% { | |
transform: rotate(-45deg) | |
} | |
} | |
@keyframes line2DownAnim { | |
0% { | |
transform: rotate(45deg) | |
} | |
55% { | |
transform: rotate(0deg) | |
} | |
70% { | |
transform: rotate(-35deg) | |
} | |
100% { | |
transform: rotate(-45deg) | |
} | |
} | |
@keyframes line2UpAnim { | |
0% { | |
transform: rotate(-45deg) | |
} | |
55% { | |
transform: rotate(0deg) | |
} | |
70% { | |
transform: rotate(35deg) | |
} | |
100% { | |
transform: rotate(45deg) | |
} | |
} | |
@-webkit-keyframes textAnimationsFadeInUp { | |
0% { | |
opacity: .2; | |
-webkit-transform: translateY(30px) | |
} | |
100% { | |
opacity: 1; | |
-webkit-transform: translateY(0px) | |
} | |
} | |
@keyframes textAnimationsFadeInUp { | |
0% { | |
opacity: .2; | |
transform: translateY(30px) | |
} | |
100% { | |
opacity: 1; | |
transform: translateY(0px) | |
} | |
} | |
[wombat-template][text-animations].hero-template h1:not(.skip-text-animation),[wombat-template][text-animations].hero-template h2:not(.skip-text-animation),[wombat-template][text-animations].hero-template h3:not(.skip-text-animation),[wombat-template][text-animations].hero-template h4:not(.skip-text-animation),[wombat-template][text-animations].hero-template h5:not(.skip-text-animation),[wombat-template][text-animations].hero-template h6:not(.skip-text-animation),[wombat-template][text-animations].hero-template h7:not(.skip-text-animation),[wombat-template][text-animations].hero-template p:not(.skip-text-animation),[wombat-template][text-animations].hero-template a:not(.skip-text-animation),[wombat-template][text-animations].hero-template .include-text-animation:not(.skip-text-animation),[wombat-template].text-animations.hero-template h1:not(.skip-text-animation),[wombat-template].text-animations.hero-template h2:not(.skip-text-animation),[wombat-template].text-animations.hero-template h3:not(.skip-text-animation),[wombat-template].text-animations.hero-template h4:not(.skip-text-animation),[wombat-template].text-animations.hero-template h5:not(.skip-text-animation),[wombat-template].text-animations.hero-template h6:not(.skip-text-animation),[wombat-template].text-animations.hero-template h7:not(.skip-text-animation),[wombat-template].text-animations.hero-template p:not(.skip-text-animation),[wombat-template].text-animations.hero-template a:not(.skip-text-animation),[wombat-template].text-animations.hero-template .include-text-animation:not(.skip-text-animation) { | |
opacity: .2; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px) | |
} | |
[wombat-template][text-animations] .text-animation-1,[wombat-template].text-animations .text-animation-1 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-2,[wombat-template].text-animations .text-animation-2 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-3,[wombat-template].text-animations .text-animation-3 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-4,[wombat-template].text-animations .text-animation-4 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-5,[wombat-template].text-animations .text-animation-5 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-6,[wombat-template].text-animations .text-animation-6 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-7,[wombat-template].text-animations .text-animation-7 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-8,[wombat-template].text-animations .text-animation-8 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-9,[wombat-template].text-animations .text-animation-9 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-10,[wombat-template].text-animations .text-animation-10 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-11,[wombat-template].text-animations .text-animation-11 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-12,[wombat-template].text-animations .text-animation-12 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-13,[wombat-template].text-animations .text-animation-13 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-14,[wombat-template].text-animations .text-animation-14 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-15,[wombat-template].text-animations .text-animation-15 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-16,[wombat-template].text-animations .text-animation-16 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-17,[wombat-template].text-animations .text-animation-17 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-18,[wombat-template].text-animations .text-animation-18 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-19,[wombat-template].text-animations .text-animation-19 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-20,[wombat-template].text-animations .text-animation-20 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-21,[wombat-template].text-animations .text-animation-21 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-22,[wombat-template].text-animations .text-animation-22 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-23,[wombat-template].text-animations .text-animation-23 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-24,[wombat-template].text-animations .text-animation-24 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-25,[wombat-template].text-animations .text-animation-25 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-26,[wombat-template].text-animations .text-animation-26 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-27,[wombat-template].text-animations .text-animation-27 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-28,[wombat-template].text-animations .text-animation-28 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-29,[wombat-template].text-animations .text-animation-29 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-30,[wombat-template].text-animations .text-animation-30 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-31,[wombat-template].text-animations .text-animation-31 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-32,[wombat-template].text-animations .text-animation-32 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-33,[wombat-template].text-animations .text-animation-33 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-34,[wombat-template].text-animations .text-animation-34 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-35,[wombat-template].text-animations .text-animation-35 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-36,[wombat-template].text-animations .text-animation-36 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-37,[wombat-template].text-animations .text-animation-37 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-38,[wombat-template].text-animations .text-animation-38 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-39,[wombat-template].text-animations .text-animation-39 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-40,[wombat-template].text-animations .text-animation-40 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-41,[wombat-template].text-animations .text-animation-41 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-42,[wombat-template].text-animations .text-animation-42 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-43,[wombat-template].text-animations .text-animation-43 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-44,[wombat-template].text-animations .text-animation-44 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-45,[wombat-template].text-animations .text-animation-45 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-46,[wombat-template].text-animations .text-animation-46 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-47,[wombat-template].text-animations .text-animation-47 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-48,[wombat-template].text-animations .text-animation-48 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-49,[wombat-template].text-animations .text-animation-49 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations] .text-animation-50,[wombat-template].text-animations .text-animation-50 { | |
animation-fill-mode: none; | |
transform: translateY(30px); | |
-webkit-transform: translateY(30px); | |
opacity: .2 | |
} | |
[wombat-template][text-animations].in-view .text-animation-1,[wombat-template].text-animations.in-view .text-animation-1 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 100ms; | |
animation-delay: 100ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-2,[wombat-template].text-animations.in-view .text-animation-2 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 200ms; | |
animation-delay: 200ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-3,[wombat-template].text-animations.in-view .text-animation-3 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 300ms; | |
animation-delay: 300ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-4,[wombat-template].text-animations.in-view .text-animation-4 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 400ms; | |
animation-delay: 400ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-5,[wombat-template].text-animations.in-view .text-animation-5 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 500ms; | |
animation-delay: 500ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-6,[wombat-template].text-animations.in-view .text-animation-6 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 600ms; | |
animation-delay: 600ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-7,[wombat-template].text-animations.in-view .text-animation-7 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 700ms; | |
animation-delay: 700ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-8,[wombat-template].text-animations.in-view .text-animation-8 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 800ms; | |
animation-delay: 800ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-9,[wombat-template].text-animations.in-view .text-animation-9 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 900ms; | |
animation-delay: 900ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-10,[wombat-template].text-animations.in-view .text-animation-10 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 1000ms; | |
animation-delay: 1000ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-11,[wombat-template].text-animations.in-view .text-animation-11 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 1100ms; | |
animation-delay: 1100ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-12,[wombat-template].text-animations.in-view .text-animation-12 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 1200ms; | |
animation-delay: 1200ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-13,[wombat-template].text-animations.in-view .text-animation-13 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 1300ms; | |
animation-delay: 1300ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-14,[wombat-template].text-animations.in-view .text-animation-14 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 1400ms; | |
animation-delay: 1400ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-15,[wombat-template].text-animations.in-view .text-animation-15 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 1500ms; | |
animation-delay: 1500ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-16,[wombat-template].text-animations.in-view .text-animation-16 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 1600ms; | |
animation-delay: 1600ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-17,[wombat-template].text-animations.in-view .text-animation-17 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 1700ms; | |
animation-delay: 1700ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-18,[wombat-template].text-animations.in-view .text-animation-18 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 1800ms; | |
animation-delay: 1800ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-19,[wombat-template].text-animations.in-view .text-animation-19 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 1900ms; | |
animation-delay: 1900ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-20,[wombat-template].text-animations.in-view .text-animation-20 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 2000ms; | |
animation-delay: 2000ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-21,[wombat-template].text-animations.in-view .text-animation-21 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 2100ms; | |
animation-delay: 2100ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-22,[wombat-template].text-animations.in-view .text-animation-22 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 2200ms; | |
animation-delay: 2200ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-23,[wombat-template].text-animations.in-view .text-animation-23 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 2300ms; | |
animation-delay: 2300ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-24,[wombat-template].text-animations.in-view .text-animation-24 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 2400ms; | |
animation-delay: 2400ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-25,[wombat-template].text-animations.in-view .text-animation-25 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 2500ms; | |
animation-delay: 2500ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-26,[wombat-template].text-animations.in-view .text-animation-26 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 2600ms; | |
animation-delay: 2600ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-27,[wombat-template].text-animations.in-view .text-animation-27 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 2700ms; | |
animation-delay: 2700ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-28,[wombat-template].text-animations.in-view .text-animation-28 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 2800ms; | |
animation-delay: 2800ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-29,[wombat-template].text-animations.in-view .text-animation-29 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 2900ms; | |
animation-delay: 2900ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-30,[wombat-template].text-animations.in-view .text-animation-30 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 3000ms; | |
animation-delay: 3000ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-31,[wombat-template].text-animations.in-view .text-animation-31 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 3100ms; | |
animation-delay: 3100ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-32,[wombat-template].text-animations.in-view .text-animation-32 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 3200ms; | |
animation-delay: 3200ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-33,[wombat-template].text-animations.in-view .text-animation-33 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 3300ms; | |
animation-delay: 3300ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-34,[wombat-template].text-animations.in-view .text-animation-34 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 3400ms; | |
animation-delay: 3400ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-35,[wombat-template].text-animations.in-view .text-animation-35 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 3500ms; | |
animation-delay: 3500ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-36,[wombat-template].text-animations.in-view .text-animation-36 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 3600ms; | |
animation-delay: 3600ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-37,[wombat-template].text-animations.in-view .text-animation-37 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 3700ms; | |
animation-delay: 3700ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-38,[wombat-template].text-animations.in-view .text-animation-38 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 3800ms; | |
animation-delay: 3800ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-39,[wombat-template].text-animations.in-view .text-animation-39 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 3900ms; | |
animation-delay: 3900ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-40,[wombat-template].text-animations.in-view .text-animation-40 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 4000ms; | |
animation-delay: 4000ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-41,[wombat-template].text-animations.in-view .text-animation-41 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 4100ms; | |
animation-delay: 4100ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-42,[wombat-template].text-animations.in-view .text-animation-42 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 4200ms; | |
animation-delay: 4200ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-43,[wombat-template].text-animations.in-view .text-animation-43 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 4300ms; | |
animation-delay: 4300ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-44,[wombat-template].text-animations.in-view .text-animation-44 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 4400ms; | |
animation-delay: 4400ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-45,[wombat-template].text-animations.in-view .text-animation-45 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 4500ms; | |
animation-delay: 4500ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-46,[wombat-template].text-animations.in-view .text-animation-46 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 4600ms; | |
animation-delay: 4600ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-47,[wombat-template].text-animations.in-view .text-animation-47 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 4700ms; | |
animation-delay: 4700ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-48,[wombat-template].text-animations.in-view .text-animation-48 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 4800ms; | |
animation-delay: 4800ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-49,[wombat-template].text-animations.in-view .text-animation-49 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 4900ms; | |
animation-delay: 4900ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template][text-animations].in-view .text-animation-50,[wombat-template].text-animations.in-view .text-animation-50 { | |
-webkit-animation-name: textAnimationsFadeInUp; | |
animation-name: textAnimationsFadeInUp; | |
-webkit-animation-duration: 600ms; | |
animation-duration: 600ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 5000ms; | |
animation-delay: 5000ms; | |
-webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); | |
animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template].accordion-module .accordion-trigger { | |
display: flex; | |
cursor: pointer; | |
width: 100%; | |
border: none; | |
text-align: left; | |
position: relative; | |
z-index: 2; | |
padding-left: 0; | |
padding-top: 0; | |
padding-bottom: 0 | |
} | |
[wombat-template].accordion-module .focusable:focus { | |
box-shadow: 0 0 0 3px rgba(25,103,210,.15) | |
} | |
[wombat-template].accordion-module .chevron-container { | |
position: relative; | |
width: 14px; | |
height: 24px; | |
margin-left: 50px; | |
top: 0 | |
} | |
@media(min-width: 768px) { | |
[wombat-template].accordion-module .chevron-container { | |
width:18px; | |
height: 28px; | |
top: -2px | |
} | |
} | |
[wombat-template].accordion-module .chevron-line1,[wombat-template].accordion-module .chevron-line2 { | |
stroke: #423f3f; | |
stroke-width: 14px; | |
transform-origin: 50px 50px | |
} | |
[wombat-template].accordion-module .chevron-line1 { | |
transform: rotate(45deg) | |
} | |
[wombat-template].accordion-module .chevron-line2 { | |
transform: rotate(-45deg) | |
} | |
[wombat-template].accordion-module .accordion-wrapper { | |
padding: 2px 0; | |
overflow: hidden | |
} | |
[wombat-template].accordion-module .accordion-trigger[aria-expanded=true] { | |
padding-top: 32px; | |
transition: padding-top .25s cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template].accordion-module .accordion-trigger[aria-expanded=true] .chevron-line1 { | |
-webkit-animation-name: line1UpAnim; | |
animation-name: line1UpAnim; | |
-webkit-animation-duration: .25s; | |
animation-duration: .25s; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: forwards; | |
animation-delay: forwards; | |
-webkit-animation-timing-function: linear; | |
animation-timing-function: linear | |
} | |
[wombat-template].accordion-module .accordion-trigger[aria-expanded=true] .chevron-line2 { | |
-webkit-animation-name: line2UpAnim; | |
animation-name: line2UpAnim; | |
-webkit-animation-duration: .25s; | |
animation-duration: .25s; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: forwards; | |
animation-delay: forwards; | |
-webkit-animation-timing-function: linear; | |
animation-timing-function: linear | |
} | |
[wombat-template].accordion-module .accordion-trigger[aria-expanded=false] { | |
padding-top: 0; | |
transition: padding-top .25s cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template].accordion-module .accordion-trigger[aria-expanded=false] .chevron-line1 { | |
-webkit-animation-name: line1DownAnim; | |
animation-name: line1DownAnim; | |
-webkit-animation-duration: .25s; | |
animation-duration: .25s; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: forwards; | |
animation-delay: forwards; | |
-webkit-animation-timing-function: linear; | |
animation-timing-function: linear | |
} | |
[wombat-template].accordion-module .accordion-trigger[aria-expanded=false] .chevron-line2 { | |
-webkit-animation-name: line2DownAnim; | |
animation-name: line2DownAnim; | |
-webkit-animation-duration: .25s; | |
animation-duration: .25s; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: forwards; | |
animation-delay: forwards; | |
-webkit-animation-timing-function: linear; | |
animation-timing-function: linear | |
} | |
[wombat-template].accordion-module .accordion-content { | |
overflow-y: hidden; | |
position: relative; | |
z-index: 1; | |
padding-top: 16px; | |
height: auto; | |
max-height: 40000px; | |
transition: max-height .45s cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template].accordion-module .accordion-content[hidden] { | |
display: block; | |
max-height: 0; | |
padding-top: 0; | |
transition: max-height .25s cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template].accordion-module[data-module-name=wombat_faq_accordion] .accordion-container:not(.panel-visible) a,[wombat-template].accordion-module[data-module-name=wombat_tech_spec_accordion_module] .accordion-container:not(.panel-visible) a { | |
font-weight: 400; | |
color: #423f3f; | |
pointer-events: none | |
} | |
@media(min-width: 768px) { | |
[wombat-template].accordion-module[data-grey-links=false] a { | |
font-weight:400 | |
} | |
} | |
[wombat-template].accordion-module[data-grey-links=true] a { | |
font-weight: 500; | |
color: #423f3f | |
} | |
[wombat-template].accordion-module[data-grey-links=true] a::before { | |
background-color: #423f3f | |
} | |
.wombat-arrows .arrow-wrapper { | |
width: 24px; | |
height: 24px; | |
margin: auto; | |
position: absolute; | |
left: 0; | |
right: 0; | |
top: 0; | |
bottom: 0 | |
} | |
.wombat-arrows .next .arrow-wrapper { | |
transform: rotate(-180deg); | |
transform-origin: center center | |
} | |
.wombat-arrows .arrow-half { | |
background-color: #423f3f; | |
display: block; | |
position: absolute; | |
width: 13px; | |
height: 2px; | |
transition: transform 500ms ease | |
} | |
.wombat-arrows .arrow-half.arrow-x { | |
transform: rotate(45deg); | |
transform-origin: center center; | |
top: calc(50% + 3px); | |
left: calc(50% - 9px) | |
} | |
.wombat-arrows .arrow-half.arrow-y { | |
transform: rotate(-45deg); | |
transform-origin: center center; | |
left: calc(50% - 9px); | |
top: calc(50% - 6px) | |
} | |
.wombat-arrows .arrow-half.arrow-x.rotating { | |
transform-origin: center center; | |
-webkit-animation-name: arrow-x-animation; | |
animation-name: arrow-x-animation; | |
-webkit-animation-duration: 500ms; | |
animation-duration: 500ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 0; | |
animation-delay: 0; | |
-webkit-animation-timing-function: ease; | |
animation-timing-function: ease | |
} | |
.wombat-arrows .arrow-half.arrow-y.rotating { | |
transform-origin: center center; | |
-webkit-animation-name: arrow-y-animation; | |
animation-name: arrow-y-animation; | |
-webkit-animation-duration: 500ms; | |
animation-duration: 500ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 0; | |
animation-delay: 0; | |
-webkit-animation-timing-function: ease; | |
animation-timing-function: ease | |
} | |
.wombat-arrows .arrow-container-left,.wombat-arrows .arrow-container-right { | |
-webkit-transform: translateY(-50%); | |
transform: translateY(-50%); | |
position: absolute; | |
top: 50%; | |
width: 64px; | |
z-index: 11; | |
height: 100%; | |
margin: auto; | |
display: none | |
} | |
.wombat-arrows .arrow-container-left button,.wombat-arrows .arrow-container-right button { | |
border: 0; | |
position: absolute; | |
top: 50% | |
} | |
.wombat-arrows .arrow-container-left { | |
left: 0 | |
} | |
.wombat-arrows .arrow-container-right { | |
right: 0 | |
} | |
.wombat-arrows .button-circular { | |
border: 2px solid rgba(66,63,63,.6); | |
background-color: transparent; | |
z-index: 12 | |
} | |
@media(hover: hover) { | |
.wombat-arrows .button-circular:hover { | |
background-color:#423f3f; | |
border: 2px solid #423f3f | |
} | |
.wombat-arrows .button-circular:hover .arrow-half { | |
background-color: #fff | |
} | |
} | |
.wombat-arrows .button-circular:active { | |
background-color: #423f3f; | |
border: 2px solid #423f3f | |
} | |
.wombat-arrows .button-circular:active .arrow-half { | |
background-color: #fff | |
} | |
.wombat-arrows .button-circular:focus { | |
border: 3px solid rgba(66,63,63,.15) | |
} | |
.wombat-arrows .arrow-container-left .back { | |
left: 10px; | |
display: none | |
} | |
.wombat-arrows .arrow-container-right .next { | |
right: 10px | |
} | |
@media screen and (min-width: 768px) { | |
.wombat-arrows .arrow-container-left,.wombat-arrows .arrow-container-right { | |
display:block | |
} | |
.wombat-arrows .arrow-container-left .back,.wombat-arrows .arrow-container-right .back { | |
left: 50px | |
} | |
.wombat-arrows .arrow-container-left .next,.wombat-arrows .arrow-container-right .next { | |
right: 50px | |
} | |
} | |
@media screen and (min-width: 1144px) { | |
.wombat-arrows .button-circular { | |
width:60px; | |
height: 60px | |
} | |
.wombat-arrows .button-circular .arrow-wrapper { | |
width: 32px; | |
height: 32px | |
} | |
.wombat-arrows .button-circular .arrow-half { | |
width: 15px | |
} | |
.wombat-arrows .button-circular .arrow-half.arrow-y { | |
top: calc(50% - 7px) | |
} | |
} | |
[wombat-template].wombat_comparison_cards_long { | |
box-sizing: border-box | |
} | |
[wombat-template].wombat_comparison_cards_long .comparison-container { | |
margin: 0 auto | |
} | |
[wombat-template].wombat_comparison_cards_long [class*=grid-] { | |
width: 100%; | |
padding: 0 6px; | |
display: grid | |
} | |
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) { | |
[wombat-template].wombat_comparison_cards_long [class*=grid-] { | |
display: -ms-grid | |
} | |
} | |
[wombat-template].wombat_comparison_cards_long .grid-4-col { | |
-ms-grid-columns: 1fr 1fr 1fr 1fr; | |
grid-template-columns: repeat(4, 1fr); | |
max-width: 1440px | |
} | |
[wombat-template].wombat_comparison_cards_long .grid-3-col { | |
-ms-grid-columns: 1fr 1fr 1fr; | |
grid-template-columns: repeat(3, 1fr); | |
max-width: 1200px | |
} | |
[wombat-template].wombat_comparison_cards_long .grid-2-col { | |
-ms-grid-columns: 1fr 1fr; | |
grid-template-columns: repeat(2, 1fr); | |
max-width: 800px | |
} | |
[wombat-template].wombat_comparison_cards_long .grid-2-col .header-cell .product-menu-container { | |
display: none | |
} | |
[wombat-template].wombat_comparison_cards_long .cell { | |
padding: 0 12px; | |
margin: 0 6px; | |
height: 300px | |
} | |
[wombat-template].wombat_comparison_cards_long .cell .content-wrapper { | |
border-top: 1px solid #dcdbdb | |
} | |
[wombat-template].wombat_comparison_cards_long .cell h2,[wombat-template].wombat_comparison_cards_long .cell h3 { | |
margin-bottom: 20px | |
} | |
[wombat-template].wombat_comparison_cards_long .cell .cell-details { | |
list-style: none; | |
margin: 25px 0; | |
padding: 0 | |
} | |
[wombat-template].wombat_comparison_cards_long .cell .cell-details li { | |
margin-bottom: 10px | |
} | |
[wombat-template].wombat_comparison_cards_long .header-cell { | |
margin-top: 120px; | |
height: 500px | |
} | |
[wombat-template].wombat_comparison_cards_long .header-cell .content-wrapper { | |
border-top: 0 | |
} | |
[wombat-template].wombat_comparison_cards_long .header-cell h2 { | |
margin-bottom: 15px | |
} | |
[wombat-template].wombat_comparison_cards_long .header-cell .product-image { | |
position: relative; | |
width: auto; | |
margin-left: auto; | |
margin-right: auto; | |
margin-top: -120px | |
} | |
[wombat-template].wombat_comparison_cards_long .header-cell .product-image .image { | |
height: 142px; | |
background-repeat: no-repeat; | |
background-position: center bottom; | |
background-size: contain; | |
margin-bottom: 30px | |
} | |
[wombat-template].wombat_comparison_cards_long .header-cell .product-menu { | |
margin-bottom: 40px; | |
padding: 10px 0; | |
width: 100%; | |
text-align: center; | |
background: transparent; | |
border: 0; | |
outline: none; | |
-webkit-appearance: none; | |
appearance: none; | |
border-radius: 0; | |
border-bottom: 1px solid #a09e9e | |
} | |
[wombat-template].wombat_comparison_cards_long .header-cell .product-menu:focus { | |
box-shadow: 0 0 0 3px rgba(26,115,232,.15) | |
} | |
[wombat-template].wombat_comparison_cards_long .header-cell .icon.material-icons { | |
position: absolute; | |
pointer-events: none; | |
margin-top: 10px; | |
right: 5px; | |
font-size: 20px | |
} | |
[wombat-template].wombat_comparison_cards_long .header-cell .is-was-price-text { | |
box-sizing: border-box; | |
padding-bottom: 10px; | |
min-height: 30px | |
} | |
[wombat-template].wombat_comparison_cards_long .header-cell .cta-block { | |
position: relative | |
} | |
[wombat-template].wombat_comparison_cards_long .header-cell .cta-block a.btn.cta-buy { | |
word-break: break-word; | |
-webkit-hyphens: auto; | |
-moz-hyphens: auto; | |
-ms-hyphens: auto; | |
hyphens: auto | |
} | |
[wombat-template].wombat_comparison_cards_long .header-cell .cta-block a.text-link { | |
margin-top: 20px | |
} | |
[wombat-template].wombat_comparison_cards_long .feature-cell .feature-icon-image { | |
margin: 0 auto; | |
background-size: 100% 100%; | |
width: 20px; | |
height: 20px | |
} | |
[wombat-template].wombat_comparison_cards_long .color-pallette-cell .color-swatch { | |
display: inline-block; | |
height: 14px; | |
width: 14px; | |
margin: 5px; | |
border-radius: 100%; | |
border: 2px solid transparent | |
} | |
[wombat-template].wombat_comparison_cards_long .color-pallette-cell .color-swatch.color-swatch-border { | |
border: 2px solid #dcdbdb | |
} | |
[wombat-template].wombat_comparison_cards_long .content-wrapper { | |
position: relative; | |
text-align: center | |
} | |
[wombat-template].wombat_comparison_cards_long .box-content { | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 100%; | |
padding: 40px 10px 20px; | |
display: none | |
} | |
[wombat-template].wombat_comparison_cards_long .box-content.active { | |
display: block | |
} | |
@media(max-width: 359px) { | |
[wombat-template].wombat_comparison_cards_long .box-content { | |
padding:40px 5px 20px | |
} | |
[wombat-template].wombat_comparison_cards_long .header-cell .icon.material-icons { | |
right: 0 | |
} | |
} | |
@media(max-width: 899px) { | |
[wombat-template].wombat_comparison_cards_long [class*=grid-] { | |
-ms-grid-columns:1fr 1fr; | |
grid-template-columns: repeat(2, 1fr) | |
} | |
[wombat-template].wombat_comparison_cards_long .cell:not(.mobile) { | |
display: none | |
} | |
} | |
@media(min-width: 900px) { | |
[wombat-template].wombat_comparison_cards_long .header-cell .product-menu,[wombat-template].wombat_comparison_cards_long .header-cell .icon.material-icons { | |
display:none | |
} | |
[wombat-template].wombat_comparison_cards_long .color-pallette-cell .color-swatch { | |
height: 21px; | |
width: 21px; | |
margin: 10px | |
} | |
} | |
@media(min-width: 960px) { | |
[wombat-template].wombat_comparison_cards_long [class*=grid-] { | |
padding:0 12px | |
} | |
[wombat-template].wombat_comparison_cards_long .cell { | |
padding: 0 24px; | |
margin: 0 12px | |
} | |
[wombat-template].wombat_comparison_cards_long .cell h2,[wombat-template].wombat_comparison_cards_long .cell h3 { | |
margin-bottom: 30px | |
} | |
[wombat-template].wombat_comparison_cards_long .header-cell { | |
margin-top: 170px | |
} | |
[wombat-template].wombat_comparison_cards_long .header-cell h2 { | |
box-sizing: border-box; | |
margin-bottom: 40px | |
} | |
[wombat-template].wombat_comparison_cards_long .header-cell .product-image { | |
margin-top: -170px | |
} | |
[wombat-template].wombat_comparison_cards_long .header-cell .product-image .image { | |
height: 230px; | |
margin-bottom: 45px | |
} | |
[wombat-template].wombat_comparison_cards_long .header-cell .is-was-price-text { | |
padding-bottom: 40px; | |
min-height: 60px | |
} | |
} | |
@media(min-width: 1200px) { | |
[wombat-template].wombat_comparison_cards_long .header-cell { | |
margin-top:220px | |
} | |
[wombat-template].wombat_comparison_cards_long .header-cell .product-image { | |
margin-top: -220px | |
} | |
[wombat-template].wombat_comparison_cards_long .header-cell .product-image .image { | |
height: 330px | |
} | |
} | |
.wombat-image-gallery .overlay-wrapper { | |
position: relative | |
} | |
.wombat-image-gallery .overlay { | |
position: absolute; | |
left: 0; | |
top: 0; | |
width: 100%; | |
height: 100%; | |
z-index: 11 | |
} | |
.wombat-image-gallery .focusable:focus { | |
box-shadow: 0 0 0 3px rgba(25,103,210,.15) | |
} | |
.wombat-image-gallery wombat-gallery { | |
position: relative; | |
display: block; | |
height: calc(100% - 4px); | |
width: calc(100% - 4px); | |
margin: 2px 0 0 2px | |
} | |
.wombat-image-gallery wombat-gallery .slide { | |
height: 100%; | |
position: absolute; | |
width: 100%; | |
opacity: 0; | |
transition: opacity 350ms ease | |
} | |
.wombat-image-gallery wombat-gallery .slide.active { | |
opacity: 1; | |
z-index: 1 | |
} | |
.wombat-image-gallery wombat-gallery.sliding { | |
overflow: hidden | |
} | |
.wombat-image-gallery wombat-gallery.sliding .slide { | |
transition: none | |
} | |
.wombat-image-gallery wombat-gallery.sliding .slide.active { | |
transform: translate3d(0, 0, 0); | |
opacity: 1 | |
} | |
.wombat-image-gallery wombat-gallery.sliding .slide.next { | |
left: -100%; | |
opacity: 1 | |
} | |
.wombat-image-gallery wombat-gallery.sliding .slide.prev { | |
left: 100%; | |
opacity: 1 | |
} | |
.wombat-image-gallery wombat-gallery.sliding .slide.left { | |
opacity: 1; | |
transition: transform 350ms ease-in-out; | |
transform: translate3d(-100%, 0, 0) | |
} | |
.wombat-image-gallery wombat-gallery.sliding .slide.right { | |
opacity: 1; | |
transition: transform 350ms ease-in-out; | |
transform: translate3d(100%, 0, 0) | |
} | |
.wombat-image-gallery wombat-gallery.dark-bg .button-circular { | |
border: 2px solid #fff; | |
background-color: rgba(255,255,255,.2) | |
} | |
.wombat-image-gallery wombat-gallery.dark-bg .arrow-half { | |
background-color: #fff | |
} | |
.wombat-image-gallery wombat-gallery.dark-bg .button-circular:hover { | |
background-color: #fff | |
} | |
.wombat-image-gallery wombat-gallery.dark-bg .button-circular:hover .arrow-half { | |
background-color: #423f3f | |
} | |
.wombat-image-gallery wombat-gallery.dark-bg .pagination-item .pagination-dot { | |
background-color: #fff | |
} | |
.wombat-image-gallery wombat-gallery.dark-bg .pagination-item.active .pagination-dot { | |
background-color: transparent; | |
border-color: rgba(255,255,255,.6) | |
} | |
.wombat-image-gallery wombat-gallery.dark-bg .pagination-item.active .pagination-dot circle { | |
stroke: rgba(255,255,255,.6) | |
} | |
.wombat-image-gallery wombat-gallery.dark-bg .focusable:focus { | |
box-shadow: 0 0 0 3px rgba(255,255,255,.15) | |
} | |
.wombat-image-gallery ul { | |
list-style: none; | |
margin: 0; | |
padding: 0 | |
} | |
.wombat-image-gallery .arrow-wrapper { | |
width: 24px; | |
height: 24px; | |
margin: auto; | |
position: absolute; | |
left: 0; | |
right: 0; | |
top: 0; | |
bottom: 0 | |
} | |
.wombat-image-gallery .next .arrow-wrapper { | |
transform: rotate(-180deg); | |
transform-origin: center center | |
} | |
.wombat-image-gallery .arrow-half { | |
background-color: #423f3f; | |
display: block; | |
position: absolute; | |
width: 13px; | |
height: 2px; | |
transition: transform 500ms ease | |
} | |
.wombat-image-gallery .arrow-half.arrow-x { | |
transform: rotate(45deg); | |
transform-origin: center center; | |
top: calc(50% + 2px); | |
left: calc(50% - 9px) | |
} | |
.wombat-image-gallery .arrow-half.arrow-y { | |
transform: rotate(-45deg); | |
transform-origin: center center; | |
left: calc(50% - 9px); | |
top: calc(50% - 6px) | |
} | |
.wombat-image-gallery .arrow-half.arrow-x.rotating { | |
transform-origin: center center; | |
-webkit-animation-name: arrow-x-animation; | |
animation-name: arrow-x-animation; | |
-webkit-animation-duration: 500ms; | |
animation-duration: 500ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 0; | |
animation-delay: 0; | |
-webkit-animation-timing-function: ease; | |
animation-timing-function: ease | |
} | |
.wombat-image-gallery .arrow-half.arrow-y.rotating { | |
transform-origin: center center; | |
-webkit-animation-name: arrow-y-animation; | |
animation-name: arrow-y-animation; | |
-webkit-animation-duration: 500ms; | |
animation-duration: 500ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: 0; | |
animation-delay: 0; | |
-webkit-animation-timing-function: ease; | |
animation-timing-function: ease | |
} | |
.wombat-image-gallery .arrow-container { | |
-webkit-transform: translateY(-50%); | |
transform: translateY(-50%); | |
position: absolute; | |
top: 50%; | |
left: 0; | |
right: 0; | |
width: 100%; | |
z-index: 11; | |
height: 64px; | |
margin: auto; | |
display: none | |
} | |
.wombat-image-gallery .arrow-container button { | |
border: 0 | |
} | |
.wombat-image-gallery .button-circular { | |
border: 2px solid rgba(66,63,63,.6); | |
background-color: transparent; | |
z-index: 12 | |
} | |
.wombat-image-gallery .button-circular:hover { | |
background-color: #423f3f; | |
border: 2px solid #423f3f | |
} | |
.wombat-image-gallery .button-circular:hover .arrow-half { | |
background-color: #fff | |
} | |
.wombat-image-gallery .arrow-container .back { | |
position: absolute; | |
left: 10px | |
} | |
.wombat-image-gallery .arrow-container .next { | |
position: absolute; | |
right: 10px | |
} | |
.wombat-image-gallery .pagination-wrapper { | |
z-index: 1 | |
} | |
.wombat-image-gallery .pagination-item .pagination-dot { | |
width: 6px; | |
height: 6px; | |
padding: 0; | |
background-color: #423f3f; | |
border-color: transparent; | |
border-radius: 50%; | |
border-width: 0; | |
transition-property: background-color; | |
transition-timing-function: ease-out; | |
transition-duration: 350ms; | |
position: relative; | |
margin: 0 10px; | |
z-index: 11 | |
} | |
.wombat-image-gallery .pagination-item .pagination-dot svg { | |
fill: none; | |
border-radius: 50%; | |
position: absolute; | |
left: -2px; | |
top: -2px; | |
width: calc(100% + 4px); | |
height: calc(100% + 4px); | |
z-index: 10 | |
} | |
.wombat-image-gallery .pagination-item .pagination-dot circle { | |
stroke-dasharray: 400; | |
stroke-dashoffset: 400; | |
transform: rotate(-90deg); | |
transform-origin: center center; | |
z-index: 10; | |
stroke-width: 20 | |
} | |
.wombat-image-gallery .pagination-item.active .pagination-dot { | |
background-color: transparent; | |
border-color: rgba(66,63,63,.6) | |
} | |
.wombat-image-gallery .pagination-item.active .pagination-dot circle { | |
-webkit-animation-name: wombat-pagination-dot-loading-circle; | |
animation-name: wombat-pagination-dot-loading-circle; | |
-webkit-animation-duration: 2000ms; | |
animation-duration: 2000ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: forwards; | |
animation-delay: forwards; | |
-webkit-animation-timing-function: linear; | |
animation-timing-function: linear | |
} | |
.wombat-image-gallery .pagination-dot+.pagination-dot { | |
margin-left: 30px | |
} | |
.wombat-image-gallery .slide-animations { | |
display: inline-block; | |
opacity: .2; | |
transform: translateY(30px) | |
} | |
.wombat-image-gallery .slide-animations.fade-in-text { | |
opacity: 1; | |
transform: translateY(0); | |
transition: opacity 350ms,transform 350ms ease-in-out | |
} | |
@media(min-width: 768px) { | |
.wombat-image-gallery .arrow-container { | |
display:block | |
} | |
.wombat-image-gallery .arrow-container .back { | |
left: 50px | |
} | |
.wombat-image-gallery .arrow-container .next { | |
right: 50px | |
} | |
} | |
@media(min-width: 1144px) { | |
.wombat-image-gallery .overlay { | |
display:none | |
} | |
.wombat-image-gallery .button-circular { | |
width: 60px; | |
height: 60px | |
} | |
.wombat-image-gallery .button-circular .arrow-wrapper { | |
width: 32px; | |
height: 32px | |
} | |
.wombat-image-gallery .button-circular .arrow-half { | |
width: 15px | |
} | |
.wombat-image-gallery .button-circular .arrow-half.arrow-y { | |
top: calc(50% - 7px) | |
} | |
} | |
@media(min-width: 1440px) { | |
.wombat-image-gallery { | |
max-height:840px | |
} | |
.wombat-image-gallery wombat-gallery { | |
max-width: 1440px; | |
margin: 0 auto | |
} | |
} | |
[wombat-template].wombat_multi_column_features { | |
text-align: center | |
} | |
[wombat-template].wombat_multi_column_features .feature-items { | |
list-style: none; | |
padding: 0 | |
} | |
[wombat-template].wombat_multi_column_features .h2 { | |
margin-bottom: 10px | |
} | |
[wombat-template].wombat_multi_column_features .item { | |
max-width: 400px; | |
margin: 0 auto 40px | |
} | |
[wombat-template].wombat_multi_column_features .item.last-child { | |
margin-bottom: 0 | |
} | |
[wombat-template].wombat_multi_column_features .item p,[wombat-template].wombat_multi_column_features .item .h4 { | |
margin-bottom: 0 | |
} | |
[wombat-template].wombat_multi_column_features .item p { | |
margin-top: 10px | |
} | |
[wombat-template].wombat_multi_column_features .item .text-link { | |
margin-top: 20px | |
} | |
[wombat-template].wombat_multi_column_features .item-icon { | |
height: 24px; | |
width: 24px; | |
display: inline-block; | |
background-size: 100% 100%; | |
background-repeat: no-repeat; | |
margin-bottom: 10px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_multi_column_features .header { | |
margin-bottom:70px; | |
max-width: 1100px | |
} | |
[wombat-template].wombat_multi_column_features .header,[wombat-template].wombat_multi_column_features .feature-items { | |
margin-left: auto; | |
margin-right: auto | |
} | |
[wombat-template].wombat_multi_column_features .feature-items { | |
display: flex; | |
flex-wrap: wrap; | |
justify-content: center; | |
max-width: 1200px | |
} | |
[wombat-template].wombat_multi_column_features .item { | |
width: 33%; | |
padding: 0 40px; | |
max-width: none; | |
margin: 0 0 40px | |
} | |
[wombat-template].wombat_multi_column_features .desktop-2col .item,[wombat-template].wombat_multi_column_features .desktop-4col-2col .item { | |
width: 48% | |
} | |
[wombat-template].wombat_multi_column_features item-icon { | |
margin-bottom: 30px | |
} | |
} | |
@media(min-width: 960px) { | |
[wombat-template].wombat_multi_column_features .desktop-4col-3col .item,[wombat-template].wombat_multi_column_features .desktop-4col-2col .item { | |
width:24% | |
} | |
} | |
[wombat-template].template_50_50_simple { | |
background-color: #fff | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_50_50_simple { | |
display:flex; | |
flex-direction: row | |
} | |
[wombat-template].template_50_50_simple.image-position-right { | |
flex-direction: row-reverse | |
} | |
[wombat-template].template_50_50_simple.image-position-right .image { | |
border-right: 24px solid #fff; | |
border-left: 0 | |
} | |
} | |
[wombat-template].template_50_50_simple .desktop-only { | |
display: none | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_50_50_simple .desktop-only { | |
display:block | |
} | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_50_50_simple .mobile-only { | |
display:none | |
} | |
} | |
[wombat-template].template_50_50_simple .image { | |
min-height: 100vw; | |
width: 100%; | |
border: 12px solid #fff; | |
border-bottom: 0; | |
border-top: 0; | |
background-size: cover; | |
background-repeat: no-repeat | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_50_50_simple .image { | |
min-height:50vw | |
} | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_50_50_simple .image { | |
border-left:24px solid #fff; | |
border-right: 0; | |
width: 50% | |
} | |
} | |
[wombat-template].template_50_50_simple .heading { | |
text-align: center; | |
padding: 32px 0 16px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_50_50_simple .heading { | |
padding:0; | |
text-align: left; | |
margin-bottom: 48px | |
} | |
} | |
[wombat-template].template_50_50_simple .container { | |
margin: 36px 0 | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_50_50_simple .container { | |
width:50% | |
} | |
} | |
[wombat-template].template_50_50_simple .copy-block { | |
text-align: center; | |
max-width: 264px; | |
margin: 0 auto | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_50_50_simple .copy-block { | |
text-align:left; | |
top: 50%; | |
transform: translateY(-50%); | |
position: relative; | |
max-width: 440px | |
} | |
} | |
[wombat-template].template_50_50_simple .copy-section { | |
margin-bottom: 24px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_50_50_simple .copy-section { | |
max-width:324px; | |
margin-bottom: 36px | |
} | |
} | |
[wombat-template].template_50_50_simple .h4 { | |
margin-bottom: 10px | |
} | |
[wombat-template].wombat_banner_with_query_params { | |
background-color: #fff; | |
text-align: center; | |
z-index: 1; | |
padding: 0 0 8px; | |
border-bottom: 0 | |
} | |
[wombat-template].wombat_banner_with_query_params p { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 400; | |
font-size: 16px; | |
font-size: 1rem; | |
line-height: 24px; | |
line-height: 1.5rem; | |
letter-spacing: 0px; | |
letter-spacing: 0rem; | |
margin: 6px 0 | |
} | |
[wombat-template].wombat_banner_with_query_params p a { | |
display: inline-block; | |
box-sizing: border-box; | |
position: relative; | |
cursor: pointer; | |
z-index: 1; | |
width: auto; | |
text-align: center; | |
white-space: nowrap; | |
transition: opacity .2s cubic-bezier(0.1, 0.1, 0, 1),background .2s cubic-bezier(0.1, 0.1, 0, 1),transform .2s cubic-bezier(0.1, 0.1, 0, 1); | |
border: 2px solid transparent; | |
border-radius: 4px; | |
text-decoration: none; | |
margin-right: 16px; | |
margin-bottom: 16px; | |
border: none; | |
margin-right: 0; | |
margin-bottom: 0; | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 500; | |
font-size: 16px; | |
font-size: 1rem; | |
line-height: 24px; | |
line-height: 1.5rem; | |
letter-spacing: 0.1px; | |
letter-spacing: 0.00625rem; | |
color: #1967d2; | |
background: transparent | |
} | |
[wombat-template].wombat_banner_with_query_params p a::first-letter { | |
text-transform: capitalize | |
} | |
[wombat-template].wombat_banner_with_query_params p a:last-of-type { | |
margin-right: 0; | |
margin-bottom: 0 | |
} | |
[wombat-template].wombat_banner_with_query_params p a::before { | |
content: ""; | |
position: absolute; | |
z-index: -1; | |
top: -1px; | |
right: -1px; | |
width: calc(100% + 2px); | |
height: calc(100% + 2px); | |
border-radius: 4px; | |
opacity: 0; | |
background: transparent; | |
transform-origin: center center; | |
transform: scale3d(0.85, 0.65, 0.85); | |
transition: opacity .2s cubic-bezier(0.1, 0.1, 0, 1),background .2s cubic-bezier(0.1, 0.1, 0, 1),transform .2s cubic-bezier(0.1, 0.1, 0, 1) | |
} | |
[wombat-template].wombat_banner_with_query_params p a:hover::before { | |
opacity: 1; | |
transform: scale3d(1, 1, 1) | |
} | |
[wombat-template].wombat_banner_with_query_params p a::after { | |
content: ""; | |
display: block; | |
width: 100%; | |
height: 100%; | |
position: absolute; | |
top: 50%; | |
left: 50%; | |
transform: translate(-50%, -50%); | |
-webkit-box-sizing: content-box; | |
-moz-box-sizing: content-box; | |
box-sizing: content-box | |
} | |
[wombat-template].wombat_banner_with_query_params p a:focus { | |
outline: none; | |
box-shadow: none | |
} | |
[wombat-template].wombat_banner_with_query_params p a.disabled,[wombat-template].wombat_banner_with_query_params p a[disabled] { | |
pointer-events: none | |
} | |
[wombat-template].wombat_banner_with_query_params p a span::after { | |
content: ""; | |
display: block; | |
width: 100%; | |
height: 100%; | |
min-width: 48px; | |
min-height: 48px; | |
position: absolute; | |
top: 50%; | |
left: 50%; | |
transform: translate(-50%, -50%) | |
} | |
[wombat-template].wombat_banner_with_query_params p a span { | |
padding: 3px 2px; | |
box-shadow: 0 4px 0 -3px; | |
overflow: hidden; | |
vertical-align: top | |
} | |
[wombat-template].wombat_banner_with_query_params p a:focus::after { | |
outline: none; | |
border-radius: 4px; | |
padding: 5px; | |
box-shadow: 0 0 0 3px #1967d2 | |
} | |
[wombat-template].wombat_banner_with_query_params p a:hover { | |
color: #1967d2 | |
} | |
[wombat-template].wombat_banner_with_query_params p a:hover::before { | |
background: linear-gradient(0deg, rgba(26, 115, 232, 0.04), rgba(26, 115, 232, 0.04)),#fff | |
} | |
[wombat-template].wombat_banner_with_query_params p a:focus { | |
color: #1967d2; | |
background: transparent; | |
outline-color: #1967d2 | |
} | |
[wombat-template].wombat_banner_with_query_params p a:focus:hover { | |
color: #1967d2 | |
} | |
[wombat-template].wombat_banner_with_query_params p a:focus:hover::before { | |
background: linear-gradient(0deg, rgba(25, 103, 210, 0.12), rgba(25, 103, 210, 0.12)),#fff | |
} | |
[wombat-template].wombat_banner_with_query_params p a:active { | |
color: #1967d2; | |
background: linear-gradient(0deg, rgba(25, 103, 210, 0.1), rgba(25, 103, 210, 0.1)),#fff | |
} | |
[wombat-template].wombat_banner_with_query_params p a.disabled,[wombat-template].wombat_banner_with_query_params p a[disabled] { | |
color: transparent; | |
background: transparent | |
} | |
[wombat-template].wombat_banner_with_query_params.desktop-visible { | |
display: none | |
} | |
[wombat-template].wombat_banner_with_query_params.tablet-visible { | |
display: none | |
} | |
[wombat-template].wombat_banner_with_query_params.mobile-visible { | |
display: block | |
} | |
@media screen and (min-width: 768px) { | |
[wombat-template].wombat_banner_with_query_params.mobile-visible { | |
display:none | |
} | |
[wombat-template].wombat_banner_with_query_params.tablet-visible { | |
display: block | |
} | |
} | |
@media screen and (min-width: 960px) { | |
[wombat-template].wombat_banner_with_query_params.mobile-visible { | |
display:none | |
} | |
[wombat-template].wombat_banner_with_query_params.tablet-visible { | |
display: none | |
} | |
[wombat-template].wombat_banner_with_query_params.desktop-visible { | |
display: block | |
} | |
} | |
@media(min-width: 1015px) { | |
[wombat-template].wombat_banner_with_query_params { | |
border-bottom:0 | |
} | |
} | |
[wombat-template].template_cards_legacy { | |
background-color: #f2f2f2; | |
padding: 64px 0 | |
} | |
[wombat-template].template_cards_legacy .copy-block { | |
text-align: center | |
} | |
@media(min-width: 960px) { | |
[wombat-template].template_cards_legacy .copy-block { | |
margin-bottom:20px | |
} | |
} | |
[wombat-template].template_cards_legacy .h4 { | |
margin-bottom: 10px | |
} | |
[wombat-template].template_cards_legacy .cards-panel { | |
max-width: 1055px; | |
margin: 0 auto; | |
display: flex; | |
flex-direction: column; | |
justify-content: center | |
} | |
@media(min-width: 960px) { | |
[wombat-template].template_cards_legacy .cards-panel { | |
flex-flow:row wrap; | |
margin: 36px auto | |
} | |
} | |
[wombat-template].template_cards_legacy .card { | |
position: relative; | |
background: #fff; | |
border-radius: 8px; | |
max-width: 327px; | |
margin: 24px auto; | |
text-align: center; | |
padding: 40px | |
} | |
@media(min-width: 960px) { | |
[wombat-template].template_cards_legacy .card { | |
margin:12px; | |
max-width: 30% | |
} | |
} | |
[wombat-template].template_cards_legacy .card:hover { | |
box-shadow: 0 1px 1px 0 rgba(5,5,5,.3),0 1px 3px 0 rgba(5,5,5,.15) | |
} | |
[wombat-template].template_cards_legacy .card-cta { | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 100%; | |
height: 100% | |
} | |
[wombat-template].template_cards_legacy .link-image-container { | |
position: absolute; | |
right: 16px; | |
top: 16px; | |
width: 18px; | |
height: 18px | |
} | |
[wombat-template].template_cards_legacy .link-image { | |
background-size: contain; | |
width: 100%; | |
height: 100%; | |
cursor: pointer | |
} | |
[wombat-template].template_cards_legacy .card-header { | |
padding-top: 24px; | |
margin: 0 24px | |
} | |
[wombat-template].template_cards_legacy .card-header-image { | |
width: 36px; | |
height: 36px; | |
margin: 0 auto; | |
background-size: cover | |
} | |
[wombat-template].template_cards_legacy .card-title { | |
margin-top: 24px; | |
margin-bottom: 10px | |
} | |
[wombat-template].template_cards_legacy .lower-panel { | |
padding: 32px 24px 0; | |
width: 100%; | |
max-width: 375px; | |
margin: 0 auto | |
} | |
@media(min-width: 960px) { | |
[wombat-template].template_cards_legacy .lower-panel { | |
max-width:100%; | |
padding: 0 | |
} | |
} | |
[wombat-template].template_cards_legacy .body-copy.small { | |
font-weight: 400 | |
} | |
[wombat-template].template_cards_legacy .support-link-icon { | |
width: 24px; | |
height: 100%; | |
margin-right: 16px; | |
float: left; | |
display: block | |
} | |
[wombat-template].template_cards_legacy .support-link-copy { | |
display: inline; | |
color: #1a73e8 | |
} | |
[wombat-template].template_cards_legacy .cta-container { | |
flex-direction: column; | |
margin-top: 24px; | |
display: flex | |
} | |
@media(min-width: 960px) { | |
[wombat-template].template_cards_legacy .cta-container { | |
flex-flow:wrap; | |
flex-direction: row; | |
width: 836px; | |
margin: 0 auto; | |
padding: 0 24px | |
} | |
} | |
[wombat-template].template_cards_legacy .cta-link { | |
margin-bottom: 16px | |
} | |
@media(min-width: 960px) { | |
[wombat-template].template_cards_legacy .cta-link { | |
flex:50%; | |
padding-right: 16px | |
} | |
} | |
[wombat-template].template_crm { | |
background-color: #fff; | |
padding: 56px 24px | |
} | |
[wombat-template].template_crm.dismissed,.is-subscribed [wombat-template].template_crm.hide-if-subscribed { | |
display: none | |
} | |
[wombat-template].template_crm.off-white { | |
background-color: #f8f8f8 | |
} | |
[wombat-template].template_crm.dark-theme { | |
background-color: #050505 | |
} | |
[wombat-template].template_crm.dark-theme h2,[wombat-template].template_crm.dark-theme p,[wombat-template].template_crm.dark-theme a,[wombat-template].template_crm.dark-theme input,[wombat-template].template_crm.dark-theme input::placeholder { | |
color: #fff | |
} | |
[wombat-template].template_crm .container { | |
margin: 0 auto; | |
display: grid; | |
text-align: center; | |
grid-column-gap: 24px; | |
grid-template-areas: "image" "copy" "disclaimers"; | |
grid-template-columns: 1fr | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_crm .container { | |
text-align:left; | |
grid-template-areas: "copy image" "copy disclaimers"; | |
grid-template-columns: .75fr 1.25fr | |
} | |
} | |
[wombat-template].template_crm.right .container,[wombat-template].template_crm.left .container { | |
min-height: 30vw; | |
padding: 0 7vw; | |
place-content: space-around | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_crm.right .container,[wombat-template].template_crm.left .container { | |
grid-auto-flow:column | |
} | |
[wombat-template].template_crm.right .container .product,[wombat-template].template_crm.left .container .product { | |
grid-row: 1/-1 | |
} | |
} | |
[wombat-template].template_crm.right .container { | |
grid-template-areas: "image copy" "disclaimers copy"; | |
grid-template-columns: 1.25fr .75fr | |
} | |
[wombat-template].template_crm.center .container { | |
text-align: center; | |
max-width: 640px; | |
grid-template-areas: "image" "copy" "disclaimers"; | |
grid-template-columns: 1fr | |
} | |
[wombat-template].template_crm.center .container .email-field { | |
margin: 0 auto 16px | |
} | |
[wombat-template].template_crm.center .container [type=email] { | |
text-align: center | |
} | |
[wombat-template].template_crm.compact.center { | |
padding: 24px 24px | |
} | |
[wombat-template].template_crm.compact.center h2 { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 700; | |
font-size: 20px; | |
font-size: 1.25rem; | |
line-height: 28px; | |
line-height: 1.75rem; | |
letter-spacing: 0px; | |
letter-spacing: 0rem | |
} | |
@media all and (min-width: 1024px) { | |
[wombat-template].template_crm.compact.center h2 { | |
font-size:24px; | |
font-size: 1.5rem; | |
line-height: 32px; | |
line-height: 2rem; | |
letter-spacing: 0px; | |
letter-spacing: 0rem | |
} | |
} | |
[wombat-template].template_crm.compact.center .container { | |
max-width: 100%; | |
padding: 0 7vw | |
} | |
[wombat-template].template_crm .dismiss { | |
width: 48px; | |
height: 48px; | |
display: grid; | |
place-content: center; | |
border: none; | |
position: absolute; | |
top: 8px; | |
right: 8px | |
} | |
[wombat-template].template_crm .dismiss svg { | |
width: 14px; | |
height: 14px | |
} | |
[wombat-template].template_crm .copy-container { | |
grid-area: copy; | |
align-self: center | |
} | |
[wombat-template].template_crm .logo { | |
margin: 24px auto 16px; | |
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAMAAABg3Am1AAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAALxUExURQAAAOxCOOlBNOpDNelDNOpBNehDM+hBM+hBNepBNepDNehDM+pDNOpCNuhDNORDNetCNehDNOpDM+lDNOhCN+w/NupCNepDM+lBNelCM/8zM+pDNepBNepDM+pCNP8/P+dFNOpDNOhCM+pCNuhDNOtBNupCNOhDNepDNepDNehCNedFLulCM+xCNuhBNepBNepCNOlDNelCNOpBM+pBM/9VKupBNehDM+lCNP8AAOlFM+pDM+hDNepDNepCNOpEN+lBMupDNOtEMelDNepCNelBNfaXFOlMMOpCNP9/AP65APm8BehCNvq8BOpCNPu6A+hDNf+7COlENPy7BelKMfu8BfWcD/u8Bfm7BUKF9Pq7A/m6Bf+qAEKF8vm8Bfu8A0GF8vm6Bfu8BUCD9EKD8vu6A0CF9Pm8Bf/MAECF8vq7BEKF8vu7Bby2H0KE8/y7BTSoUwB/fz9//0OH9EGE8/64CDSoUkGF9EGF8/u8AzKoUyS2SH9//0KD9D2E9Pq9BDOoU0GG9ECD9P62APa5BjSmUzOmUUaD9kCF9EGE9K60IjSmUzSoUj9/70KE8kCF8j+H9zKjUTSoUTKmUTOmUwD/AEKE9DSnUzOoUTGnUD+/PzSoVDqZl0KD8jOZZjKnUjSoUTKnUzWmUSqqVTKnUDOnUjSoU0KF8jSpVDOmUzSoUzSoUzSoUzSoUzKoU0KF9DyF8jOnU0CE9DKnUkKE9EGE9DWmUTSmUTajbTOlUjKoUTKoUTSnUjSoUjKoUjGkUjSoUjKmUTOnUjKoUi2lWjSoUTSnUjSoUzSnUjKmUzOpUzOnUzKmUzOoUzSmUTKmUzSmUTKoUTOoUzSnUjKqVepDNfmzCe9lJ/u8BfJ+HepENfaYE+tLMfmsC+1bLPq5BvBzIkKF9PO8CH2wN9+5EFisRTSoU722HUCpTvm8BpKxLjWoU+m6DGiuP0mqS0KF8jefekGI5TalZD+NzzSoVjyUrjmcikGG7TaibUCL3P///16GV+cAAADVdFJOUwAbXZO+3fL8/fTgwZdjIhNzzNR5FxyV9/maBXz19noELNHLVe5Cb/66bsALVCrwu5aFgrfsBtL7pQE7n/p9uCUjuRpte7+W+UkCFvhQdofR2B5SX++Vh8Axqt/3A8v01+L+xvD22PH5BeQ1z5SCsV7cAgQxiR1TeFbP2QcC2xl0imHRFfv+VB3tfav4TRDQ/SAZ9PxxAa16vCkEaun+Bc/9rEgGI3jgoSfBnIeWtOPrFU9LaXuQUfORKM7xV3m2H5H2xkcRcMnpmDdZj7va8PvhxZ9vMxX11W4AAAABYktHRPrVbQZKAAAACXBIWXMAAAsTAAALEwEAmpwYAAACW0lEQVRIx5WSZUAUQRhAP8XuQgwMVDy7UVEMbOzu7lbELhDFwuDOLjwT7EDF7u5aHdszxu7+593GMDs3uwzv38y8tzM7uwAsyZJ7pEiZKnWatOnSZ8iYCRIhc5asko5s2XOY6J45vSQ3cuX2NNDz5PWWuOTLX4DnF/SRDCnEeZfC3pIJRXxZv6hFMqUY4xc316USJfV+KUvS/NLM+cuULVe+gkfFSka+X2XarlLVV71F/2rVA3g+1KD9mrXopdqBHL8OdaCAusyif736rA8NGhLfq5H7BwpiJxo3uXdf9S1NQYBmCKEHD+WguYgPLZwBevTY6bf0E/FbIZknTyWptdAGbZQAPXveNkgoaIc02gv50IEEHXXzDi6dADprfpeuAkE3gO5a0AMEgp4AvbSgt0jQJ6lBX+pI/USC/tRLDxgoEAyir3WwQDAEYCgJhgkEwwFGqPqLlyOD6WAURQgJRgOMUfxXrzEea/Q3jCPBeOdogst/8xZjPHES3588hQRTncNQhN69/4BdhPGDacQPdw2nz/j4CStEzOT5s2aTYI48Mfcz1oic5+7PX0D8hVHyjNVGArxo8RLGjwpPuNSl6twyTLF8Ba2vXLX6C/HXhKiz0Wvpwr5u/QZ1YeOmzRh//aYFMeQ5sTasw7Zla9i27Tt2KqPvPxR/1+6EnffYsQk/f8kH2kufNQ6b8vuPw7FPfxlxpnvgv//2s9d9IN60OOj+gQ4dNtaPHOX9AtHHbAb+8RMGv7H15CmOfvoMGHP23Hm9feHiJUgE6+UrV69dv2GPv3nr9p27wezyf01c3FXIrJoFAAAAAElFTkSuQmCC) no-repeat 0/32px; | |
height: 32px; | |
width: 32px | |
} | |
[wombat-template].template_crm .product { | |
grid-area: image; | |
width: auto; | |
max-width: 100%; | |
background-repeat: no-repeat; | |
background-position: center; | |
background-size: contain; | |
min-height: 200px | |
} | |
[wombat-template].template_crm .disclaimers { | |
grid-area: disclaimers; | |
align-self: self-end | |
} | |
[wombat-template].template_crm .hidden { | |
display: none | |
} | |
[wombat-template].template_crm form { | |
grid-area: form | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_crm form { | |
margin-top:16px | |
} | |
} | |
[wombat-template].template_crm .email-field { | |
max-width: 270px; | |
width: 100%; | |
position: relative; | |
margin: 0 auto 16px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_crm .email-field { | |
margin:0 0 16px | |
} | |
} | |
[wombat-template].template_crm .email-field::before,[wombat-template].template_crm .email-field::after { | |
content: ""; | |
opacity: 1; | |
transform-origin: center center; | |
position: absolute; | |
bottom: -2px; | |
width: 100%; | |
height: 2px; | |
background-color: #a09e9e; | |
margin-left: auto; | |
margin-right: auto; | |
left: 0; | |
right: 0 | |
} | |
[wombat-template].template_crm .email-field::after { | |
transform: scale(1) translateY(0px); | |
transition: all 350ms cubic-bezier(0.1, 0.1, 0, 1) | |
} | |
[wombat-template].template_crm .email-field::before { | |
opacity: 0; | |
transform: scale(0) translateY(5px); | |
background-color: #1a73e8; | |
z-index: 1 | |
} | |
[wombat-template].template_crm .email-field:focus-within::before { | |
opacity: 1; | |
transform: scale(1) translateY(0px) | |
} | |
[wombat-template].template_crm [type=email] { | |
display: block; | |
vertical-align: bottom; | |
background-color: transparent; | |
max-width: 270px; | |
padding: 8px 0 8px 8px; | |
width: 100%; | |
position: relative; | |
border: none; | |
margin-bottom: 2px; | |
text-align: center | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_crm [type=email] { | |
text-align:left | |
} | |
} | |
[wombat-template].template_crm [type=checkbox] { | |
margin-right: 8px; | |
padding: 0; | |
vertical-align: top; | |
-webkit-appearance: none; | |
-moz-appearance: none; | |
appearance: none; | |
border-radius: 2px; | |
border: 1px solid rgba(25,24,24,.3); | |
height: 15px; | |
position: relative; | |
top: 3px; | |
width: 15px; | |
background-color: #fff | |
} | |
[wombat-template].template_crm [type=checkbox]::before { | |
content: ""; | |
display: block; | |
width: 15px; | |
height: 15px; | |
pointer-events: none; | |
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ4IC02OTEpIj4KPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDkgMzA5KSI+CjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMzgzKSI+CjxyZWN0IHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgcng9IjIiIGZpbGw9IiM0Mjg1RjQiIHN0cm9rZT0iIzQyODVGNCIvPgo8cG9seWxpbmUgcG9pbnRzPSIyIDYuNTcxNCA1Ljc1IDEwIDEyIDQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L2c+CjwvZz4KPC9nPgo8L2c+Cjwvc3ZnPgo=); | |
background-size: 15px; | |
background-position: center; | |
background-repeat: no-repeat; | |
opacity: 0; | |
transition: all 200ms ease-in; | |
position: absolute; | |
left: -1px; | |
top: -1px; | |
transform: scale(0) | |
} | |
[wombat-template].template_crm [type=checkbox]:focus { | |
border-color: #1a73e8 | |
} | |
[wombat-template].template_crm [type=checkbox]:checked { | |
border-color: #1a73e8 | |
} | |
[wombat-template].template_crm [type=checkbox]:checked:checked::before { | |
opacity: 1; | |
transform: scale(1) | |
} | |
[wombat-template].template_hero_with_centered_image { | |
text-align: center; | |
padding: 50px 0; | |
width: 100%; | |
background-color: #fff | |
} | |
[wombat-template].template_hero_with_centered_image .container { | |
overflow: visible | |
} | |
[wombat-template].template_hero_with_centered_image .hero-image { | |
margin: 24px auto; | |
background-size: cover; | |
height: var(--mobile-image-height); | |
width: var(--mobile-image-width) | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_hero_with_centered_image .hero-image { | |
margin:32px auto; | |
height: var(--desktop-image-height); | |
width: var(--desktop-image-width) | |
} | |
} | |
[wombat-template].template_hero_with_centered_image .hero-title,[wombat-template].template_hero_with_centered_image .hero-copy { | |
max-width: 544px; | |
margin-right: auto; | |
margin-left: auto | |
} | |
[wombat-template].template_hero_with_centered_image .hero-copy { | |
margin-bottom: 20px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_hero_with_centered_image .hero-copy { | |
margin-bottom:30px | |
} | |
} | |
[wombat-template].template_hero_with_centered_image .hero-copy a { | |
color: #1a73e8 | |
} | |
[wombat-template].template_product_wall { | |
--sticky-position: unset; | |
--sticky-height: unset | |
} | |
[wombat-template].template_product_wall #dropdown { | |
display: grid; | |
grid-template: "category-button sort-button" auto "list list" auto/50% 50% | |
} | |
[wombat-template].template_product_wall #dropdown>button:first-child { | |
grid-area: category-button | |
} | |
[wombat-template].template_product_wall #dropdown>button:last-child { | |
grid-area: sort-button | |
} | |
[wombat-template].template_product_wall #dropdown #sort-mobile,[wombat-template].template_product_wall #dropdown #categories-menu { | |
grid-area: list; | |
width: 100% | |
} | |
[wombat-template].template_product_wall #cards-topper { | |
display: grid; | |
grid-template-columns: 1fr; | |
grid-gap: 16px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall #cards-topper { | |
grid-template-columns:1fr 1fr | |
} | |
} | |
[wombat-template].template_product_wall #categories-grid { | |
grid-column-gap: 24px | |
} | |
[wombat-template].template_product_wall #categories-grid .filters { | |
order: 1; | |
flex-basis: 100% | |
} | |
[wombat-template].template_product_wall #cards { | |
--desktop-span: 1; | |
--mobile-span: 1; | |
display: grid; | |
grid-template-columns: repeat(2, 1fr); | |
grid-gap: 12px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall #cards { | |
grid-template-columns:repeat(3, 1fr); | |
grid-gap: 24px | |
} | |
} | |
[wombat-template].template_product_wall #cards .category-heading { | |
grid-column: 1/-1 | |
} | |
[wombat-template].template_product_wall .card { | |
grid-column: span var(--mobile-span) | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall .card { | |
grid-column:span var(--desktop-span) | |
} | |
} | |
[wombat-template].template_product_wall #cards-topper { | |
margin-top: 24px; | |
margin-bottom: 8px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall #cards-topper { | |
margin-bottom:16px; | |
margin-top: 48px | |
} | |
} | |
[wombat-template].template_product_wall #cards-topper .heading { | |
margin: 0 | |
} | |
[wombat-template].template_product_wall #cards { | |
max-width: 1014px; | |
margin: 0 auto | |
} | |
[wombat-template].template_product_wall #cards .category-heading { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 700; | |
font-size: 20px; | |
font-size: 1.25rem; | |
line-height: 28px; | |
line-height: 1.75rem; | |
letter-spacing: 0px; | |
letter-spacing: 0rem; | |
margin: 0; | |
font-weight: lighter | |
} | |
@media all and (min-width: 1024px) { | |
[wombat-template].template_product_wall #cards .category-heading { | |
font-size:24px; | |
font-size: 1.5rem; | |
line-height: 32px; | |
line-height: 2rem; | |
letter-spacing: 0px; | |
letter-spacing: 0rem | |
} | |
} | |
[wombat-template].template_product_wall .card { | |
display: grid; | |
position: relative; | |
margin-bottom: 48px; | |
grid-auto-rows: min-content | |
} | |
[wombat-template].template_product_wall .card [role=img] { | |
background-repeat: no-repeat; | |
background-position: center; | |
background-size: auto 100%; | |
background-color: #f8f8f8; | |
transition: background-size 250ms ease-in-out; | |
height: 52vw; | |
max-height: 390px; | |
margin-bottom: 12px; | |
position: relative | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall .card [role=img] { | |
height:36vw | |
} | |
} | |
[wombat-template].template_product_wall .card .overlay:focus [role=img],[wombat-template].template_product_wall .card:hover [role=img] { | |
background-size: auto 105% | |
} | |
[wombat-template].template_product_wall .card.featured [role=img] { | |
--mobile-image: ""; | |
--desktop-image: ""; | |
background-image: var(--mobile-image),linear-gradient(to bottom, #dcdbdb, #dcdbdb 50%, #f8f8f8 50%, #f8f8f8) | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall .card.featured [role=img] { | |
background-image:var(--desktop-image),linear-gradient(to bottom, #dcdbdb, #dcdbdb 50%, #f8f8f8 50%, #f8f8f8) | |
} | |
} | |
[wombat-template].template_product_wall .card.featured .overlay:focus [role=img],[wombat-template].template_product_wall .card.featured:hover [role=img] { | |
background-size: auto 105%,auto 100% | |
} | |
[wombat-template].template_product_wall .card .label { | |
position: absolute; | |
font-size: 12px; | |
line-height: 16px; | |
top: 16px; | |
left: 16px; | |
font-weight: bold | |
} | |
[wombat-template].template_product_wall .card .icon { | |
background-color: #f2f2f2; | |
background-position: center; | |
background-repeat: no-repeat; | |
background-size: calc(var(--icon-width) / var(--icon-height) * 16px) auto; | |
min-width: calc(var(--icon-width) / var(--icon-height) * 16px + 24px); | |
position: absolute; | |
border-radius: 36px; | |
height: 30px; | |
width: auto; | |
padding: 10px; | |
bottom: 10px; | |
left: 10px | |
} | |
[wombat-template].template_product_wall .card .icon span { | |
display: none | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall .card .icon { | |
height:36px; | |
width: auto | |
} | |
[wombat-template].template_product_wall .card .icon:not(:empty) { | |
background-position: center left 8px; | |
padding: 10px 10px 10px 36px; | |
line-height: 16px | |
} | |
[wombat-template].template_product_wall .card .icon span { | |
display: inline | |
} | |
} | |
[wombat-template].template_product_wall .card .details { | |
display: grid | |
} | |
[wombat-template].template_product_wall .card .title { | |
font-weight: bold; | |
color: #423f3f; | |
margin-bottom: 16px | |
} | |
[wombat-template].template_product_wall .card .price-wrapper .discount-amount { | |
color: #188038; | |
margin-right: 8px | |
} | |
[wombat-template].template_product_wall .card .terms-wrapper { | |
z-index: 2 | |
} | |
[wombat-template].template_product_wall .card .terms-link { | |
text-decoration: none | |
} | |
[wombat-template].template_product_wall .card .terms-modal { | |
display: none; | |
visibility: hidden | |
} | |
[wombat-template].template_product_wall .card .terms-modal:focus,[wombat-template].template_product_wall .card .terms-modal:active { | |
display: block; | |
visibility: visible | |
} | |
[wombat-template].template_product_wall #sort-mobile { | |
background-color: #fff; | |
position: absolute; | |
padding-top: 0; | |
margin-top: 0 | |
} | |
[wombat-template].template_product_wall #sort-mobile li.hidden { | |
display: none | |
} | |
[wombat-template].template_product_wall #sort-mobile li:focus-within button { | |
background-color: #fff | |
} | |
[wombat-template].template_product_wall #sort-mobile button { | |
-webkit-appearance: none; | |
cursor: pointer; | |
appearance: none; | |
width: 100%; | |
height: 60px; | |
text-align: left; | |
display: block; | |
background-color: #f8f8f8; | |
background-size: 100px 49px; | |
background-repeat: no-repeat; | |
background-position: right 12px center; | |
font-size: 14px; | |
font-weight: bold; | |
color: #423f3f; | |
padding-left: 24px; | |
margin-top: 2px; | |
border: none | |
} | |
[wombat-template].template_product_wall #sort-mobile button[aria-selected=true] { | |
color: #1a73e8 | |
} | |
[wombat-template].template_product_wall #sort-desktop { | |
text-align: right; | |
position: relative; | |
display: none | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall #sort-desktop { | |
display:block | |
} | |
} | |
[wombat-template].template_product_wall #sort-desktop button { | |
-webkit-appearance: none; | |
appearance: none; | |
border: 0; | |
font-size: 14px; | |
line-height: 16px | |
} | |
[wombat-template].template_product_wall #sort-desktop button span { | |
color: #050505 | |
} | |
[wombat-template].template_product_wall #sort-desktop #sort-dropdown { | |
position: absolute; | |
background: #fff; | |
max-width: 200px; | |
top: 32px; | |
right: 0; | |
margin: 0; | |
padding: 6px 20px; | |
z-index: 2; | |
border: 1px solid rgba(25,24,24,.1); | |
box-shadow: 0 5px 7px 1px rgba(25,24,24,.14); | |
border-radius: 3px | |
} | |
[wombat-template].template_product_wall #sort-desktop #sort-dropdown button { | |
font-size: 14px; | |
text-align: left; | |
width: 100%; | |
padding: 10px 0; | |
color: #423f3f; | |
cursor: pointer; | |
transition: color 250ms ease-in-out | |
} | |
[wombat-template].template_product_wall #sort-desktop #sort-dropdown button:focus,[wombat-template].template_product_wall #sort-desktop #sort-dropdown button:hover { | |
color: #050505 | |
} | |
[wombat-template].template_product_wall #categories-menu { | |
background-color: #fff; | |
position: absolute; | |
padding-top: 0; | |
margin-top: 0; | |
width: 100% | |
} | |
[wombat-template].template_product_wall #categories-menu button { | |
-webkit-appearance: none; | |
cursor: pointer; | |
appearance: none; | |
width: 100%; | |
height: 60px; | |
text-align: left; | |
display: block; | |
background-color: #f8f8f8; | |
background-size: 100px 49px; | |
background-repeat: no-repeat; | |
background-position: right 12px center; | |
font-size: 14px; | |
font-weight: bold; | |
color: #423f3f; | |
padding-left: 24px; | |
margin-top: 2px; | |
border: none | |
} | |
[wombat-template].template_product_wall #categories-grid { | |
display: none | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall #categories-grid { | |
display:flex; | |
flex-wrap: wrap; | |
row-gap: 20px; | |
align-items: center; | |
justify-content: center; | |
justify-items: center | |
} | |
[wombat-template].template_product_wall #categories-grid.hidden { | |
display: none; | |
visibility: hidden | |
} | |
[wombat-template].template_product_wall #categories-grid button { | |
-webkit-appearance: none; | |
appearance: none; | |
width: 180px; | |
height: 100%; | |
background-color: #f8f8f8; | |
background-position: center 30px; | |
background-repeat: no-repeat; | |
background-size: 170px auto; | |
border: 2px solid #fff; | |
cursor: pointer; | |
color: #423f3f; | |
font-size: 12px; | |
box-sizing: border-box; | |
padding-top: 128px; | |
padding-bottom: 18px | |
} | |
[wombat-template].template_product_wall #categories-grid button:last-child { | |
margin-right: 0 | |
} | |
[wombat-template].template_product_wall #categories-grid button.selected,[wombat-template].template_product_wall #categories-grid button:active { | |
border-color: #1a73e8 | |
} | |
} | |
[wombat-template].template_product_wall .filters { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 500; | |
font-size: 16px; | |
font-size: 1rem; | |
line-height: 24px; | |
line-height: 1.5rem; | |
letter-spacing: 0.1px; | |
letter-spacing: 0.00625rem; | |
text-align: center; | |
width: 100%; | |
display: none | |
} | |
[wombat-template].template_product_wall .filters>span { | |
display: none | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall .filters { | |
margin-top:50px; | |
width: max-content | |
} | |
[wombat-template].template_product_wall .filters>span { | |
display: inline | |
} | |
[wombat-template].template_product_wall .filters.visible { | |
display: block | |
} | |
} | |
[wombat-template].template_product_wall .filter-list { | |
user-select: none; | |
margin: 0 24px; | |
position: relative; | |
top: 4px; | |
display: block | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall .filter-list { | |
margin:0 0 0 24px | |
} | |
[wombat-template].template_product_wall .filter-list,[wombat-template].template_product_wall .filter-list.expandable.expanded { | |
display: inline | |
} | |
} | |
[wombat-template].template_product_wall .filter-list li { | |
height: 48px; | |
text-align: left; | |
border-bottom: 1px solid rgba(25,24,24,.1); | |
display: flex; | |
align-items: center | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall .filter-list li { | |
display:inline-flex; | |
border: none | |
} | |
} | |
[wombat-template].template_product_wall .filter-list label { | |
display: block; | |
line-height: 48px; | |
width: 100%; | |
height: 100%; | |
padding: 0 16px 0 8px; | |
transition: color 200ms ease-in-out | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall .filter-list label { | |
width:auto | |
} | |
} | |
[wombat-template].template_product_wall .filter-list input[id="View all"] { | |
margin-left: 30px | |
} | |
[wombat-template].template_product_wall .filter-list input { | |
margin: 0; | |
padding: 0; | |
vertical-align: top; | |
-webkit-appearance: none; | |
-moz-appearance: none; | |
appearance: none; | |
border-radius: 2px; | |
border: 1px solid rgba(25,24,24,.3); | |
height: 15px; | |
position: relative; | |
width: 15px; | |
background-color: #fff | |
} | |
[wombat-template].template_product_wall .filter-list input::before { | |
content: ""; | |
display: block; | |
width: 15px; | |
height: 15px; | |
pointer-events: none; | |
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ4IC02OTEpIj4KPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDkgMzA5KSI+CjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMzgzKSI+CjxyZWN0IHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgcng9IjIiIGZpbGw9IiM0Mjg1RjQiIHN0cm9rZT0iIzQyODVGNCIvPgo8cG9seWxpbmUgcG9pbnRzPSIyIDYuNTcxNCA1Ljc1IDEwIDEyIDQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L2c+CjwvZz4KPC9nPgo8L2c+Cjwvc3ZnPgo=); | |
background-size: 15px; | |
background-position: center; | |
background-repeat: no-repeat; | |
opacity: 0; | |
transition: all 200ms ease-in; | |
position: absolute; | |
left: -1px; | |
top: -1px; | |
transform: scale(0) | |
} | |
[wombat-template].template_product_wall .filter-list input:focus { | |
border-color: #1a73e8; | |
box-shadow: 0 0 0 3px rgba(25,103,210,.15) | |
} | |
[wombat-template].template_product_wall .filter-list input:focus+label { | |
color: #1a73e8 | |
} | |
[wombat-template].template_product_wall .filter-list input:checked { | |
border-color: #1a73e8 | |
} | |
[wombat-template].template_product_wall .filter-list input:checked:checked::before { | |
opacity: 1; | |
transform: scale(1) | |
} | |
[wombat-template].template_product_wall .filter-list input:checked+label { | |
color: #1a73e8 | |
} | |
[wombat-template].template_product_wall #dropdown { | |
text-align: center; | |
position: relative; | |
margin-bottom: 16px; | |
z-index: 1 | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall #dropdown { | |
display:none | |
} | |
} | |
[wombat-template].template_product_wall #dropdown>button { | |
background-color: #f8f8f8; | |
width: 100%; | |
height: 63px; | |
font-size: 16px; | |
position: relative; | |
border: 2px solid #f8f8f8; | |
cursor: pointer | |
} | |
[wombat-template].template_product_wall #dropdown>button::after { | |
content: ""; | |
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M18.59 16.41L20 15l-8-8-8 8 1.41 1.41L12 9.83'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cg mask='url(%23b)' fill='%235f6368'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
transform: rotate(180deg); | |
transform-origin: center center; | |
display: inline-block; | |
width: 18px; | |
margin-left: 4px; | |
height: 18px; | |
background-size: contain; | |
background-repeat: no-repeat; | |
background-position: center center; | |
vertical-align: middle; | |
transition: transform 350ms ease | |
} | |
[wombat-template].template_product_wall #dropdown>button[aria-expanded=true]::after { | |
transform: rotate(0deg) | |
} | |
[wombat-template].template_product_wall #dropdown>button:focus,[wombat-template].template_product_wall #dropdown>button.focus { | |
color: #1a73e8; | |
border-bottom-color: #1a73e8 | |
} | |
[wombat-template].template_product_wall #dropdown>button:nth-child(1)::before { | |
display: block; | |
width: 1px; | |
height: 28px; | |
background-color: rgba(25,24,24,.1); | |
content: ""; | |
position: absolute; | |
right: 0; | |
top: 50%; | |
transform: translateY(-50%) | |
} | |
[wombat-template].template_product_wall #filter-actions { | |
display: none; | |
background-color: #fff; | |
padding: 12px 16px; | |
text-align: right; | |
box-shadow: 0px 0 5px 5px rgba(5,5,5,.05); | |
position: fixed; | |
bottom: 0; | |
left: 0; | |
right: 0; | |
z-index: 2 | |
} | |
[wombat-template].template_product_wall #filter-actions #clear { | |
padding: 0; | |
background: none | |
} | |
[wombat-template].template_product_wall #filter-actions #apply { | |
margin-left: 12px | |
} | |
[wombat-template].template_product_wall { | |
width: 100%; | |
overflow: visible; | |
background-color: #fff; | |
color: #423f3f; | |
transition: opacity 500ms ease-in-out; | |
opacity: 0 | |
} | |
[wombat-template].template_product_wall.loaded { | |
opacity: 1 | |
} | |
[wombat-template].template_product_wall #no-offers { | |
display: none; | |
background-color: #f2f2f2; | |
padding: 200px 0; | |
align-content: center | |
} | |
[wombat-template].template_product_wall #no-offers .offers-heading { | |
margin: 0 | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall #no-offers .offers-heading br { | |
display:none | |
} | |
} | |
[wombat-template].template_product_wall #no-offers .offers-heading::before { | |
background-image: url(https://www.gstatic.com/images/branding/product/1x/shoppingmode_64dp.png); | |
background-repeat: no-repeat; | |
background-position: center center; | |
width: 64px; | |
height: 64px; | |
display: block; | |
content: ""; | |
margin: 0 auto 24px | |
} | |
[wombat-template].template_product_wall.no-offers>* { | |
display: none | |
} | |
[wombat-template].template_product_wall.no-offers #no-offers { | |
display: grid | |
} | |
[wombat-template].template_product_wall .container { | |
width: 100%; | |
max-width: 1024px; | |
margin: 0 auto; | |
padding: 0 12px | |
} | |
[wombat-template].template_product_wall .offers-heading { | |
text-align: center; | |
margin-bottom: 16px; | |
margin-top: 36px | |
} | |
[wombat-template].template_product_wall p { | |
display: none; | |
text-align: center; | |
margin-top: 0; | |
margin-bottom: 24px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall p { | |
display:block; | |
margin-bottom: 48px | |
} | |
} | |
[wombat-template].template_product_wall ul { | |
list-style: none; | |
padding: 0; | |
width: 100%; | |
text-align: center | |
} | |
[wombat-template].template_product_wall .expandable { | |
display: none | |
} | |
[wombat-template].template_product_wall .expandable.expanded { | |
display: block | |
} | |
[wombat-template].template_product_wall #category-sort-wrapper { | |
height: 63px; | |
width: 100% | |
} | |
[wombat-template].template_product_wall .back-to-top { | |
text-align: center; | |
padding: 48px 0 | |
} | |
[wombat-template].template_product_wall .back-to-top span::after { | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M18.59 16.41L20 15l-8-8-8 8 1.41 1.41L12 9.83'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cg mask='url(%23b)' fill='%231967d2'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
background-repeat: no-repeat; | |
transform: translate(-50%, 0); | |
transition: transform 350ms ease | |
} | |
[wombat-template].template_product_wall .back-to-top a:hover span::after { | |
transform: translate(-50%, -4px) | |
} | |
[wombat-template].template_product_wall .chevron::after { | |
content: ""; | |
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M18.59 16.41L20 15l-8-8-8 8 1.41 1.41L12 9.83'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cg mask='url(%23b)' fill='%235f6368'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
transform: rotate(180deg); | |
transform-origin: center center; | |
display: inline-block; | |
width: 12px; | |
margin-left: 4px; | |
height: 12px; | |
background-size: contain; | |
background-repeat: no-repeat; | |
background-position: center center; | |
vertical-align: middle; | |
transition: transform 350ms ease | |
} | |
[wombat-template].template_product_wall [aria-expanded=true].chevron::after { | |
transform: rotate(0deg) | |
} | |
@media screen and (max-width: 766px) { | |
[wombat-template].template_product_wall.menu-expanded #filter-actions { | |
display:block | |
} | |
[wombat-template].template_product_wall.menu-expanded #cards { | |
z-index: 0; | |
position: relative | |
} | |
[wombat-template].template_product_wall.menu-expanded #cards:before { | |
content: ""; | |
position: absolute; | |
top: 0; | |
bottom: 0; | |
left: 0; | |
right: 0; | |
background-color: rgba(5,5,5,.3); | |
z-index: 2 | |
} | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall { | |
padding-top:48px | |
} | |
} | |
[wombat-template].template_product_wall p { | |
display: block; | |
margin-bottom: 24px | |
} | |
[wombat-template].template_product_wall .copy-cta { | |
margin-left: 8px | |
} | |
[wombat-template].template_product_wall .external-cta { | |
position: relative; | |
top: 4px; | |
left: 8px | |
} | |
[wombat-template].template_product_wall .category-headings { | |
grid-column: 1/-1 | |
} | |
[wombat-template].template_product_wall .product-wall--category-heading,[wombat-template].template_product_wall .product-wall--category-copy { | |
margin: 0; | |
text-align: left | |
} | |
[wombat-template].template_product_wall .hidden { | |
display: none | |
} | |
[wombat-template].template_product_wall .filters { | |
margin-bottom: 65px; | |
display: none; | |
width: 100vw; | |
margin-left: -9999rem; | |
margin-right: -9999rem; | |
left: 0; | |
right: 0 | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall .filters { | |
margin-bottom:48px; | |
display: block | |
} | |
} | |
[wombat-template].template_product_wall .filter-list { | |
background-color: #fff; | |
grid-column: span 2; | |
padding: 0 24px; | |
margin: 0 | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall .filter-list { | |
margin:0 24px; | |
padding: 0 | |
} | |
} | |
[wombat-template].template_product_wall .filters,[wombat-template].template_product_wall #dropdown { | |
background-color: #fff; | |
position: sticky; | |
top: var(--sticky-position); | |
left: 0; | |
right: 0; | |
z-index: 2; | |
transition: box-shadow 500ms ease-in | |
} | |
[wombat-template].template_product_wall .filters.stuck,[wombat-template].template_product_wall #dropdown.stuck { | |
box-shadow: 0px 3px 5px -2px rgba(0,0,0,.5); | |
z-index: 91 | |
} | |
[wombat-template].template_product_wall .container { | |
overflow: visible | |
} | |
[wombat-template].template_product_wall #dropdown { | |
margin-bottom: 32px; | |
grid-template: "category-button category-button" auto "list list" auto/50% 50% | |
} | |
[wombat-template].template_product_wall #dropdown>button:nth-child(1)::before { | |
content: unset | |
} | |
[wombat-template].template_product_wall #cards { | |
grid-template-columns: repeat(2, 1fr) | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall #cards { | |
grid-template-columns:repeat(3, 1fr) | |
} | |
} | |
@media(min-width: 960px) { | |
[wombat-template].template_product_wall #cards { | |
grid-template-columns:repeat(4, 1fr) | |
} | |
} | |
[wombat-template].template_product_wall .show-more-container { | |
grid-column: 1/-1; | |
text-align: center | |
} | |
[wombat-template].template_product_wall .show-more-container button { | |
border: none | |
} | |
[wombat-template].template_product_wall .show-more-container svg { | |
margin-top: 8px; | |
transition: transform 250ms ease-in-out | |
} | |
[wombat-template].template_product_wall .show-less-text,[wombat-template].template_product_wall .show-when-expanded-mobile { | |
display: none | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall .show-when-expanded-mobile { | |
display:block | |
} | |
[wombat-template].template_product_wall .show-when-expanded-desktop { | |
display: none | |
} | |
} | |
[wombat-template].template_product_wall.expanded .show-more-container svg { | |
transform: rotate(-45deg) | |
} | |
[wombat-template].template_product_wall.expanded .show-more-text { | |
display: none | |
} | |
[wombat-template].template_product_wall.expanded .show-less-text,[wombat-template].template_product_wall.expanded .show-when-expanded-mobile { | |
display: block | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall.expanded .show-when-expanded-desktop { | |
display:block | |
} | |
} | |
[wombat-template].template_product_wall .card.compare { | |
--compare-card-border-color: #dcdbdb; | |
--compare-card-text-color: #423f3f; | |
--compare-card-background-color: #fff; | |
background-color: var(--compare-card-background-color); | |
height: 250px; | |
outline: 1px solid var(--compare-card-border-color); | |
text-align: center; | |
align-content: center; | |
transition: outline 250ms cubic-bezier(0.1, 0.1, 0, 1),background-color 250ms cubic-bezier(0.1, 0.1, 0, 1) | |
} | |
[wombat-template].template_product_wall .card.compare:hover .circle-with-chevron { | |
--compare-card-border-color: #a09e9e; | |
--compare-card-text-color: #fff; | |
--compare-card-background-color: #191818 | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall .card.compare { | |
height:300px | |
} | |
} | |
[wombat-template].template_product_wall .card.compare .compare-label,[wombat-template].template_product_wall .card.compare .title { | |
transition: color 500ms cubic-bezier(0.1, 0.1, 0, 1); | |
color: var(--compare-card-text-color); | |
margin: 0 auto 32px; | |
max-width: 165px | |
} | |
[wombat-template].template_product_wall .card.compare .compare-label { | |
font-weight: normal | |
} | |
[wombat-template].template_product_wall .card.compare .circle-with-chevron { | |
margin: 0 auto | |
} | |
[wombat-template].template_product_wall .card.compare .circle-with-chevron path { | |
transition: all 500ms cubic-bezier(0.1, 0.1, 0, 1); | |
stroke: var(--compare-card-background-color); | |
fill: transparent | |
} | |
[wombat-template].template_product_wall .card.compare .circle-with-chevron circle { | |
transition: all 500ms cubic-bezier(0.1, 0.1, 0, 1); | |
stroke: var(--compare-card-background-color); | |
fill: var(--compare-card-text-color) | |
} | |
[wombat-template].template_product_wall .card .details { | |
display: unset; | |
padding: 0 8px | |
} | |
[wombat-template].template_product_wall .card .price-wrapper,[wombat-template].template_product_wall .card .title { | |
margin-bottom: 0 | |
} | |
[wombat-template].template_product_wall .card [role=img] { | |
height: 250px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall .card [role=img] { | |
height:300px | |
} | |
} | |
[wombat-template].template_product_wall .card a { | |
z-index: 1 | |
} | |
[wombat-template].template_product_wall .card .buy-link { | |
font-weight: bold | |
} | |
[wombat-template].template_product_wall .category-image { | |
display: none | |
} | |
[wombat-template].template_product_wall.experiment_variant .product-wall--category-copy { | |
display: none | |
} | |
[wombat-template].template_product_wall.experiment_variant .product-wall--category-heading { | |
text-align: center | |
} | |
[wombat-template].template_product_wall.experiment_variant #cards { | |
display: flex; | |
flex-flow: wrap; | |
justify-content: center | |
} | |
[wombat-template].template_product_wall.experiment_variant .category-headings { | |
flex: none; | |
display: block; | |
width: 100% | |
} | |
[wombat-template].template_product_wall.experiment_variant .card { | |
text-align: center; | |
margin-bottom: 24px; | |
flex: 0 48% | |
} | |
@media(min-width: 420px) { | |
[wombat-template].template_product_wall.experiment_variant .card { | |
width:120px; | |
flex: unset | |
} | |
} | |
[wombat-template].template_product_wall.experiment_variant .compare-link { | |
flex: none; | |
width: 100%; | |
text-align: center; | |
margin-bottom: 48px | |
} | |
[wombat-template].template_product_wall.experiment_variant [role=img] { | |
height: 120px; | |
background-size: contain | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall.experiment_variant [role=img] { | |
height:120px | |
} | |
} | |
[wombat-template].template_product_wall.experiment_variant .price-wrapper { | |
font-family: "Roboto","Arial",sans-serif; | |
font-weight: 400; | |
font-size: 14px; | |
font-size: 0.875rem; | |
line-height: 20px; | |
line-height: 1.25rem; | |
letter-spacing: 0.2px; | |
letter-spacing: 0.0125rem | |
} | |
[wombat-template].template_product_wall.experiment_variant .title { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 500; | |
font-size: 14px; | |
font-size: 0.875rem; | |
line-height: 20px; | |
line-height: 1.25rem; | |
letter-spacing: 0.25px; | |
letter-spacing: 0.015625rem; | |
font-weight: 500 | |
} | |
[wombat-template].template_product_wall.experiment_variant .price-wrapper { | |
margin-top: 12px; | |
word-break: break-word | |
} | |
[wombat-template].template_product_wall.experiment_variant .price-wrapper .was-price,[wombat-template].template_product_wall.experiment_variant .price-wrapper .is-price { | |
white-space: nowrap | |
} | |
[wombat-template].template_product_wall.experiment_variant .buy-link { | |
display: none | |
} | |
[wombat-template].template_product_wall.experiment_variant .filter-list { | |
padding: 0 | |
} | |
[wombat-template].template_product_wall.experiment_variant .filter-list li { | |
border-bottom-color: #fff | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall.experiment_variant .filter-list li { | |
width:175px; | |
height: 168px; | |
margin: 12px | |
} | |
} | |
[wombat-template].template_product_wall.experiment_variant .filter-list ul { | |
margin: 0 | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall.experiment_variant .filter-list ul { | |
display:flex; | |
flex-wrap: wrap; | |
justify-content: center | |
} | |
} | |
[wombat-template].template_product_wall.experiment_variant .filter-list input { | |
display: none | |
} | |
[wombat-template].template_product_wall.experiment_variant .filter-list label { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 500; | |
font-size: 14px; | |
font-size: 0.875rem; | |
line-height: 20px; | |
line-height: 1.25rem; | |
letter-spacing: 0.25px; | |
letter-spacing: 0.015625rem; | |
padding: 0 24px; | |
background-color: #f8f8f8; | |
height: 100%; | |
width: 100%; | |
display: flex; | |
flex-direction: row-reverse | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall.experiment_variant .filter-list label { | |
background-color:#f8f8f8; | |
display: grid; | |
grid-template-rows: auto 36px; | |
height: 100%; | |
width: 100%; | |
padding: 0 | |
} | |
} | |
[wombat-template].template_product_wall.experiment_variant .filter-list span { | |
width: 100%; | |
line-height: 48px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall.experiment_variant .filter-list span { | |
width:100%; | |
text-align: center; | |
line-height: 36px | |
} | |
} | |
[wombat-template].template_product_wall.experiment_variant .filter-list .category-image { | |
background-image: var(--category-image); | |
background-size: contain; | |
background-repeat: no-repeat; | |
background-position: center center; | |
height: 100%; | |
width: 72px; | |
display: block | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall.experiment_variant .filter-list .category-image { | |
height:100%; | |
width: auto | |
} | |
} | |
[wombat-template].template_product_wall { | |
--sticky-position: unset; | |
--sticky-height: unset | |
} | |
[wombat-template].template_product_wall #dropdown { | |
display: grid; | |
grid-template: "category-button sort-button" auto "list list" auto/50% 50% | |
} | |
[wombat-template].template_product_wall #dropdown>button:first-child { | |
grid-area: category-button | |
} | |
[wombat-template].template_product_wall #dropdown>button:last-child { | |
grid-area: sort-button | |
} | |
[wombat-template].template_product_wall #dropdown #sort-mobile,[wombat-template].template_product_wall #dropdown #categories-menu { | |
grid-area: list; | |
width: 100% | |
} | |
[wombat-template].template_product_wall #cards-topper { | |
display: grid; | |
grid-template-columns: 1fr; | |
grid-gap: 16px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall #cards-topper { | |
grid-template-columns:1fr 1fr | |
} | |
} | |
[wombat-template].template_product_wall #categories-grid { | |
grid-column-gap: 24px | |
} | |
[wombat-template].template_product_wall #categories-grid .filters { | |
order: 1; | |
flex-basis: 100% | |
} | |
[wombat-template].template_product_wall #cards { | |
--desktop-span: 1; | |
--mobile-span: 1; | |
display: grid; | |
grid-template-columns: repeat(2, 1fr); | |
grid-gap: 12px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall #cards { | |
grid-template-columns:repeat(3, 1fr); | |
grid-gap: 24px | |
} | |
} | |
[wombat-template].template_product_wall #cards .category-heading { | |
grid-column: 1/-1 | |
} | |
[wombat-template].template_product_wall .card { | |
grid-column: span var(--mobile-span) | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall .card { | |
grid-column:span var(--desktop-span) | |
} | |
} | |
[wombat-template].template_product_wall #cards-topper { | |
margin-top: 24px; | |
margin-bottom: 8px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall #cards-topper { | |
margin-bottom:16px; | |
margin-top: 48px | |
} | |
} | |
[wombat-template].template_product_wall #cards-topper .heading { | |
margin: 0 | |
} | |
[wombat-template].template_product_wall #cards { | |
max-width: 1014px; | |
margin: 0 auto | |
} | |
[wombat-template].template_product_wall #cards .category-heading { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 700; | |
font-size: 20px; | |
font-size: 1.25rem; | |
line-height: 28px; | |
line-height: 1.75rem; | |
letter-spacing: 0px; | |
letter-spacing: 0rem; | |
margin: 0; | |
font-weight: lighter | |
} | |
@media all and (min-width: 1024px) { | |
[wombat-template].template_product_wall #cards .category-heading { | |
font-size:24px; | |
font-size: 1.5rem; | |
line-height: 32px; | |
line-height: 2rem; | |
letter-spacing: 0px; | |
letter-spacing: 0rem | |
} | |
} | |
[wombat-template].template_product_wall .card { | |
display: grid; | |
position: relative; | |
margin-bottom: 48px; | |
grid-auto-rows: min-content | |
} | |
[wombat-template].template_product_wall .card [role=img] { | |
background-repeat: no-repeat; | |
background-position: center; | |
background-size: auto 100%; | |
background-color: #f8f8f8; | |
transition: background-size 250ms ease-in-out; | |
height: 52vw; | |
max-height: 390px; | |
margin-bottom: 12px; | |
position: relative | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall .card [role=img] { | |
height:36vw | |
} | |
} | |
[wombat-template].template_product_wall .card .overlay:focus [role=img],[wombat-template].template_product_wall .card:hover [role=img] { | |
background-size: auto 105% | |
} | |
[wombat-template].template_product_wall .card.featured [role=img] { | |
--mobile-image: ""; | |
--desktop-image: ""; | |
background-image: var(--mobile-image),linear-gradient(to bottom, #dcdbdb, #dcdbdb 50%, #f8f8f8 50%, #f8f8f8) | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall .card.featured [role=img] { | |
background-image:var(--desktop-image),linear-gradient(to bottom, #dcdbdb, #dcdbdb 50%, #f8f8f8 50%, #f8f8f8) | |
} | |
} | |
[wombat-template].template_product_wall .card.featured .overlay:focus [role=img],[wombat-template].template_product_wall .card.featured:hover [role=img] { | |
background-size: auto 105%,auto 100% | |
} | |
[wombat-template].template_product_wall .card .label { | |
position: absolute; | |
font-size: 12px; | |
line-height: 16px; | |
top: 16px; | |
left: 16px; | |
font-weight: bold | |
} | |
[wombat-template].template_product_wall .card .icon { | |
background-color: #f2f2f2; | |
background-position: center; | |
background-repeat: no-repeat; | |
background-size: calc(var(--icon-width) / var(--icon-height) * 16px) auto; | |
min-width: calc(var(--icon-width) / var(--icon-height) * 16px + 24px); | |
position: absolute; | |
border-radius: 36px; | |
height: 30px; | |
width: auto; | |
padding: 10px; | |
bottom: 10px; | |
left: 10px | |
} | |
[wombat-template].template_product_wall .card .icon span { | |
display: none | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall .card .icon { | |
height:36px; | |
width: auto | |
} | |
[wombat-template].template_product_wall .card .icon:not(:empty) { | |
background-position: center left 8px; | |
padding: 10px 10px 10px 36px; | |
line-height: 16px | |
} | |
[wombat-template].template_product_wall .card .icon span { | |
display: inline | |
} | |
} | |
[wombat-template].template_product_wall .card .details { | |
display: grid | |
} | |
[wombat-template].template_product_wall .card .title { | |
font-weight: bold; | |
color: #423f3f; | |
margin-bottom: 16px | |
} | |
[wombat-template].template_product_wall .card .price-wrapper .discount-amount { | |
color: #188038; | |
margin-right: 8px | |
} | |
[wombat-template].template_product_wall .card .terms-wrapper { | |
z-index: 2 | |
} | |
[wombat-template].template_product_wall .card .terms-link { | |
text-decoration: none | |
} | |
[wombat-template].template_product_wall .card .terms-modal { | |
display: none; | |
visibility: hidden | |
} | |
[wombat-template].template_product_wall .card .terms-modal:focus,[wombat-template].template_product_wall .card .terms-modal:active { | |
display: block; | |
visibility: visible | |
} | |
[wombat-template].template_product_wall #sort-mobile { | |
background-color: #fff; | |
position: absolute; | |
padding-top: 0; | |
margin-top: 0 | |
} | |
[wombat-template].template_product_wall #sort-mobile li.hidden { | |
display: none | |
} | |
[wombat-template].template_product_wall #sort-mobile li:focus-within button { | |
background-color: #fff | |
} | |
[wombat-template].template_product_wall #sort-mobile button { | |
-webkit-appearance: none; | |
cursor: pointer; | |
appearance: none; | |
width: 100%; | |
height: 60px; | |
text-align: left; | |
display: block; | |
background-color: #f8f8f8; | |
background-size: 100px 49px; | |
background-repeat: no-repeat; | |
background-position: right 12px center; | |
font-size: 14px; | |
font-weight: bold; | |
color: #423f3f; | |
padding-left: 24px; | |
margin-top: 2px; | |
border: none | |
} | |
[wombat-template].template_product_wall #sort-mobile button[aria-selected=true] { | |
color: #1a73e8 | |
} | |
[wombat-template].template_product_wall #sort-desktop { | |
text-align: right; | |
position: relative; | |
display: none | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall #sort-desktop { | |
display:block | |
} | |
} | |
[wombat-template].template_product_wall #sort-desktop button { | |
-webkit-appearance: none; | |
appearance: none; | |
border: 0; | |
font-size: 14px; | |
line-height: 16px | |
} | |
[wombat-template].template_product_wall #sort-desktop button span { | |
color: #050505 | |
} | |
[wombat-template].template_product_wall #sort-desktop #sort-dropdown { | |
position: absolute; | |
background: #fff; | |
max-width: 200px; | |
top: 32px; | |
right: 0; | |
margin: 0; | |
padding: 6px 20px; | |
z-index: 2; | |
border: 1px solid rgba(25,24,24,.1); | |
box-shadow: 0 5px 7px 1px rgba(25,24,24,.14); | |
border-radius: 3px | |
} | |
[wombat-template].template_product_wall #sort-desktop #sort-dropdown button { | |
font-size: 14px; | |
text-align: left; | |
width: 100%; | |
padding: 10px 0; | |
color: #423f3f; | |
cursor: pointer; | |
transition: color 250ms ease-in-out | |
} | |
[wombat-template].template_product_wall #sort-desktop #sort-dropdown button:focus,[wombat-template].template_product_wall #sort-desktop #sort-dropdown button:hover { | |
color: #050505 | |
} | |
[wombat-template].template_product_wall #categories-menu { | |
background-color: #fff; | |
position: absolute; | |
padding-top: 0; | |
margin-top: 0; | |
width: 100% | |
} | |
[wombat-template].template_product_wall #categories-menu button { | |
-webkit-appearance: none; | |
cursor: pointer; | |
appearance: none; | |
width: 100%; | |
height: 60px; | |
text-align: left; | |
display: block; | |
background-color: #f8f8f8; | |
background-size: 100px 49px; | |
background-repeat: no-repeat; | |
background-position: right 12px center; | |
font-size: 14px; | |
font-weight: bold; | |
color: #423f3f; | |
padding-left: 24px; | |
margin-top: 2px; | |
border: none | |
} | |
[wombat-template].template_product_wall #categories-grid { | |
display: none | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall #categories-grid { | |
display:flex; | |
flex-wrap: wrap; | |
row-gap: 20px; | |
align-items: center; | |
justify-content: center; | |
justify-items: center | |
} | |
[wombat-template].template_product_wall #categories-grid.hidden { | |
display: none; | |
visibility: hidden | |
} | |
[wombat-template].template_product_wall #categories-grid button { | |
-webkit-appearance: none; | |
appearance: none; | |
width: 180px; | |
height: 100%; | |
background-color: #f8f8f8; | |
background-position: center 30px; | |
background-repeat: no-repeat; | |
background-size: 170px auto; | |
border: 2px solid #fff; | |
cursor: pointer; | |
color: #423f3f; | |
font-size: 12px; | |
box-sizing: border-box; | |
padding-top: 128px; | |
padding-bottom: 18px | |
} | |
[wombat-template].template_product_wall #categories-grid button:last-child { | |
margin-right: 0 | |
} | |
[wombat-template].template_product_wall #categories-grid button.selected,[wombat-template].template_product_wall #categories-grid button:active { | |
border-color: #1a73e8 | |
} | |
} | |
[wombat-template].template_product_wall .filters { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 500; | |
font-size: 16px; | |
font-size: 1rem; | |
line-height: 24px; | |
line-height: 1.5rem; | |
letter-spacing: 0.1px; | |
letter-spacing: 0.00625rem; | |
text-align: center; | |
width: 100%; | |
display: none | |
} | |
[wombat-template].template_product_wall .filters>span { | |
display: none | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall .filters { | |
margin-top:50px; | |
width: max-content | |
} | |
[wombat-template].template_product_wall .filters>span { | |
display: inline | |
} | |
[wombat-template].template_product_wall .filters.visible { | |
display: block | |
} | |
} | |
[wombat-template].template_product_wall .filter-list { | |
user-select: none; | |
margin: 0 24px; | |
position: relative; | |
top: 4px; | |
display: block | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall .filter-list { | |
margin:0 0 0 24px | |
} | |
[wombat-template].template_product_wall .filter-list,[wombat-template].template_product_wall .filter-list.expandable.expanded { | |
display: inline | |
} | |
} | |
[wombat-template].template_product_wall .filter-list li { | |
height: 48px; | |
text-align: left; | |
border-bottom: 1px solid rgba(25,24,24,.1); | |
display: flex; | |
align-items: center | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall .filter-list li { | |
display:inline-flex; | |
border: none | |
} | |
} | |
[wombat-template].template_product_wall .filter-list label { | |
display: block; | |
line-height: 48px; | |
width: 100%; | |
height: 100%; | |
padding: 0 16px 0 8px; | |
transition: color 200ms ease-in-out | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall .filter-list label { | |
width:auto | |
} | |
} | |
[wombat-template].template_product_wall .filter-list input[id="View all"] { | |
margin-left: 30px | |
} | |
[wombat-template].template_product_wall .filter-list input { | |
margin: 0; | |
padding: 0; | |
vertical-align: top; | |
-webkit-appearance: none; | |
-moz-appearance: none; | |
appearance: none; | |
border-radius: 2px; | |
border: 1px solid rgba(25,24,24,.3); | |
height: 15px; | |
position: relative; | |
width: 15px; | |
background-color: #fff | |
} | |
[wombat-template].template_product_wall .filter-list input::before { | |
content: ""; | |
display: block; | |
width: 15px; | |
height: 15px; | |
pointer-events: none; | |
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ4IC02OTEpIj4KPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDkgMzA5KSI+CjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMzgzKSI+CjxyZWN0IHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgcng9IjIiIGZpbGw9IiM0Mjg1RjQiIHN0cm9rZT0iIzQyODVGNCIvPgo8cG9seWxpbmUgcG9pbnRzPSIyIDYuNTcxNCA1Ljc1IDEwIDEyIDQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L2c+CjwvZz4KPC9nPgo8L2c+Cjwvc3ZnPgo=); | |
background-size: 15px; | |
background-position: center; | |
background-repeat: no-repeat; | |
opacity: 0; | |
transition: all 200ms ease-in; | |
position: absolute; | |
left: -1px; | |
top: -1px; | |
transform: scale(0) | |
} | |
[wombat-template].template_product_wall .filter-list input:focus { | |
border-color: #1a73e8; | |
box-shadow: 0 0 0 3px rgba(25,103,210,.15) | |
} | |
[wombat-template].template_product_wall .filter-list input:focus+label { | |
color: #1a73e8 | |
} | |
[wombat-template].template_product_wall .filter-list input:checked { | |
border-color: #1a73e8 | |
} | |
[wombat-template].template_product_wall .filter-list input:checked:checked::before { | |
opacity: 1; | |
transform: scale(1) | |
} | |
[wombat-template].template_product_wall .filter-list input:checked+label { | |
color: #1a73e8 | |
} | |
[wombat-template].template_product_wall #dropdown { | |
text-align: center; | |
position: relative; | |
margin-bottom: 16px; | |
z-index: 1 | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall #dropdown { | |
display:none | |
} | |
} | |
[wombat-template].template_product_wall #dropdown>button { | |
background-color: #f8f8f8; | |
width: 100%; | |
height: 63px; | |
font-size: 16px; | |
position: relative; | |
border: 2px solid #f8f8f8; | |
cursor: pointer | |
} | |
[wombat-template].template_product_wall #dropdown>button::after { | |
content: ""; | |
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M18.59 16.41L20 15l-8-8-8 8 1.41 1.41L12 9.83'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cg mask='url(%23b)' fill='%235f6368'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
transform: rotate(180deg); | |
transform-origin: center center; | |
display: inline-block; | |
width: 18px; | |
margin-left: 4px; | |
height: 18px; | |
background-size: contain; | |
background-repeat: no-repeat; | |
background-position: center center; | |
vertical-align: middle; | |
transition: transform 350ms ease | |
} | |
[wombat-template].template_product_wall #dropdown>button[aria-expanded=true]::after { | |
transform: rotate(0deg) | |
} | |
[wombat-template].template_product_wall #dropdown>button:focus,[wombat-template].template_product_wall #dropdown>button.focus { | |
color: #1a73e8; | |
border-bottom-color: #1a73e8 | |
} | |
[wombat-template].template_product_wall #dropdown>button:nth-child(1)::before { | |
display: block; | |
width: 1px; | |
height: 28px; | |
background-color: rgba(25,24,24,.1); | |
content: ""; | |
position: absolute; | |
right: 0; | |
top: 50%; | |
transform: translateY(-50%) | |
} | |
[wombat-template].template_product_wall #filter-actions { | |
display: none; | |
background-color: #fff; | |
padding: 12px 16px; | |
text-align: right; | |
box-shadow: 0px 0 5px 5px rgba(5,5,5,.05); | |
position: fixed; | |
bottom: 0; | |
left: 0; | |
right: 0; | |
z-index: 2 | |
} | |
[wombat-template].template_product_wall #filter-actions #clear { | |
padding: 0; | |
background: none | |
} | |
[wombat-template].template_product_wall #filter-actions #apply { | |
margin-left: 12px | |
} | |
[wombat-template].template_product_wall { | |
width: 100%; | |
overflow: visible; | |
background-color: #fff; | |
color: #423f3f; | |
transition: opacity 500ms ease-in-out; | |
opacity: 0 | |
} | |
[wombat-template].template_product_wall.loaded { | |
opacity: 1 | |
} | |
[wombat-template].template_product_wall #no-offers { | |
display: none; | |
background-color: #f2f2f2; | |
padding: 200px 0; | |
align-content: center | |
} | |
[wombat-template].template_product_wall #no-offers .offers-heading { | |
margin: 0 | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall #no-offers .offers-heading br { | |
display:none | |
} | |
} | |
[wombat-template].template_product_wall #no-offers .offers-heading::before { | |
background-image: url(https://www.gstatic.com/images/branding/product/1x/shoppingmode_64dp.png); | |
background-repeat: no-repeat; | |
background-position: center center; | |
width: 64px; | |
height: 64px; | |
display: block; | |
content: ""; | |
margin: 0 auto 24px | |
} | |
[wombat-template].template_product_wall.no-offers>* { | |
display: none | |
} | |
[wombat-template].template_product_wall.no-offers #no-offers { | |
display: grid | |
} | |
[wombat-template].template_product_wall .container { | |
width: 100%; | |
max-width: 1024px; | |
margin: 0 auto; | |
padding: 0 12px | |
} | |
[wombat-template].template_product_wall .offers-heading { | |
text-align: center; | |
margin-bottom: 16px; | |
margin-top: 36px | |
} | |
[wombat-template].template_product_wall p { | |
display: none; | |
text-align: center; | |
margin-top: 0; | |
margin-bottom: 24px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall p { | |
display:block; | |
margin-bottom: 48px | |
} | |
} | |
[wombat-template].template_product_wall ul { | |
list-style: none; | |
padding: 0; | |
width: 100%; | |
text-align: center | |
} | |
[wombat-template].template_product_wall .expandable { | |
display: none | |
} | |
[wombat-template].template_product_wall .expandable.expanded { | |
display: block | |
} | |
[wombat-template].template_product_wall #category-sort-wrapper { | |
height: 63px; | |
width: 100% | |
} | |
[wombat-template].template_product_wall .back-to-top { | |
text-align: center; | |
padding: 48px 0 | |
} | |
[wombat-template].template_product_wall .back-to-top span::after { | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M18.59 16.41L20 15l-8-8-8 8 1.41 1.41L12 9.83'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cg mask='url(%23b)' fill='%231967d2'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
background-repeat: no-repeat; | |
transform: translate(-50%, 0); | |
transition: transform 350ms ease | |
} | |
[wombat-template].template_product_wall .back-to-top a:hover span::after { | |
transform: translate(-50%, -4px) | |
} | |
[wombat-template].template_product_wall .chevron::after { | |
content: ""; | |
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M18.59 16.41L20 15l-8-8-8 8 1.41 1.41L12 9.83'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cg mask='url(%23b)' fill='%235f6368'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
transform: rotate(180deg); | |
transform-origin: center center; | |
display: inline-block; | |
width: 12px; | |
margin-left: 4px; | |
height: 12px; | |
background-size: contain; | |
background-repeat: no-repeat; | |
background-position: center center; | |
vertical-align: middle; | |
transition: transform 350ms ease | |
} | |
[wombat-template].template_product_wall [aria-expanded=true].chevron::after { | |
transform: rotate(0deg) | |
} | |
@media screen and (max-width: 766px) { | |
[wombat-template].template_product_wall.menu-expanded #filter-actions { | |
display:block | |
} | |
[wombat-template].template_product_wall.menu-expanded #cards { | |
z-index: 0; | |
position: relative | |
} | |
[wombat-template].template_product_wall.menu-expanded #cards:before { | |
content: ""; | |
position: absolute; | |
top: 0; | |
bottom: 0; | |
left: 0; | |
right: 0; | |
background-color: rgba(5,5,5,.3); | |
z-index: 2 | |
} | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall { | |
padding-top:48px | |
} | |
} | |
[wombat-template].template_product_wall p { | |
display: block; | |
margin-bottom: 24px | |
} | |
[wombat-template].template_product_wall .copy-cta { | |
margin-left: 8px | |
} | |
[wombat-template].template_product_wall .external-cta { | |
position: relative; | |
top: 4px; | |
left: 8px | |
} | |
[wombat-template].template_product_wall .category-headings { | |
grid-column: 1/-1 | |
} | |
[wombat-template].template_product_wall .product-wall--category-heading,[wombat-template].template_product_wall .product-wall--category-copy { | |
margin: 0; | |
text-align: left | |
} | |
[wombat-template].template_product_wall .hidden { | |
display: none | |
} | |
[wombat-template].template_product_wall .filters { | |
margin-bottom: 65px; | |
display: none; | |
width: 100vw; | |
margin-left: -9999rem; | |
margin-right: -9999rem; | |
left: 0; | |
right: 0 | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall .filters { | |
margin-bottom:48px; | |
display: block | |
} | |
} | |
[wombat-template].template_product_wall .filter-list { | |
background-color: #fff; | |
grid-column: span 2; | |
padding: 0 24px; | |
margin: 0 | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall .filter-list { | |
margin:0 24px; | |
padding: 0 | |
} | |
} | |
[wombat-template].template_product_wall .filters,[wombat-template].template_product_wall #dropdown { | |
background-color: #fff; | |
position: sticky; | |
top: var(--sticky-position); | |
left: 0; | |
right: 0; | |
z-index: 2; | |
transition: box-shadow 500ms ease-in | |
} | |
[wombat-template].template_product_wall .filters.stuck,[wombat-template].template_product_wall #dropdown.stuck { | |
box-shadow: 0px 3px 5px -2px rgba(0,0,0,.5); | |
z-index: 91 | |
} | |
[wombat-template].template_product_wall .container { | |
overflow: visible | |
} | |
[wombat-template].template_product_wall #dropdown { | |
margin-bottom: 32px; | |
grid-template: "category-button category-button" auto "list list" auto/50% 50% | |
} | |
[wombat-template].template_product_wall #dropdown>button:nth-child(1)::before { | |
content: unset | |
} | |
[wombat-template].template_product_wall #cards { | |
grid-template-columns: repeat(2, 1fr) | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall #cards { | |
grid-template-columns:repeat(3, 1fr) | |
} | |
} | |
@media(min-width: 960px) { | |
[wombat-template].template_product_wall #cards { | |
grid-template-columns:repeat(4, 1fr) | |
} | |
} | |
[wombat-template].template_product_wall .show-more-container { | |
grid-column: 1/-1; | |
text-align: center | |
} | |
[wombat-template].template_product_wall .show-more-container button { | |
border: none | |
} | |
[wombat-template].template_product_wall .show-more-container svg { | |
margin-top: 8px; | |
transition: transform 250ms ease-in-out | |
} | |
[wombat-template].template_product_wall .show-less-text,[wombat-template].template_product_wall .show-when-expanded-mobile { | |
display: none | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall .show-when-expanded-mobile { | |
display:block | |
} | |
[wombat-template].template_product_wall .show-when-expanded-desktop { | |
display: none | |
} | |
} | |
[wombat-template].template_product_wall.expanded .show-more-container svg { | |
transform: rotate(-45deg) | |
} | |
[wombat-template].template_product_wall.expanded .show-more-text { | |
display: none | |
} | |
[wombat-template].template_product_wall.expanded .show-less-text,[wombat-template].template_product_wall.expanded .show-when-expanded-mobile { | |
display: block | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall.expanded .show-when-expanded-desktop { | |
display:block | |
} | |
} | |
[wombat-template].template_product_wall .card.compare { | |
--compare-card-border-color: #dcdbdb; | |
--compare-card-text-color: #423f3f; | |
--compare-card-background-color: #fff; | |
background-color: var(--compare-card-background-color); | |
height: 250px; | |
outline: 1px solid var(--compare-card-border-color); | |
text-align: center; | |
align-content: center; | |
transition: outline 250ms cubic-bezier(0.1, 0.1, 0, 1),background-color 250ms cubic-bezier(0.1, 0.1, 0, 1) | |
} | |
[wombat-template].template_product_wall .card.compare:hover .circle-with-chevron { | |
--compare-card-border-color: #a09e9e; | |
--compare-card-text-color: #fff; | |
--compare-card-background-color: #191818 | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall .card.compare { | |
height:300px | |
} | |
} | |
[wombat-template].template_product_wall .card.compare .compare-label,[wombat-template].template_product_wall .card.compare .title { | |
transition: color 500ms cubic-bezier(0.1, 0.1, 0, 1); | |
color: var(--compare-card-text-color); | |
margin: 0 auto 32px; | |
max-width: 165px | |
} | |
[wombat-template].template_product_wall .card.compare .compare-label { | |
font-weight: normal | |
} | |
[wombat-template].template_product_wall .card.compare .circle-with-chevron { | |
margin: 0 auto | |
} | |
[wombat-template].template_product_wall .card.compare .circle-with-chevron path { | |
transition: all 500ms cubic-bezier(0.1, 0.1, 0, 1); | |
stroke: var(--compare-card-background-color); | |
fill: transparent | |
} | |
[wombat-template].template_product_wall .card.compare .circle-with-chevron circle { | |
transition: all 500ms cubic-bezier(0.1, 0.1, 0, 1); | |
stroke: var(--compare-card-background-color); | |
fill: var(--compare-card-text-color) | |
} | |
[wombat-template].template_product_wall .card .details { | |
display: unset; | |
padding: 0 8px | |
} | |
[wombat-template].template_product_wall .card .price-wrapper,[wombat-template].template_product_wall .card .title { | |
margin-bottom: 0 | |
} | |
[wombat-template].template_product_wall .card [role=img] { | |
height: 250px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall .card [role=img] { | |
height:300px | |
} | |
} | |
[wombat-template].template_product_wall .card a { | |
z-index: 1 | |
} | |
[wombat-template].template_product_wall .card .buy-link { | |
font-weight: bold | |
} | |
[wombat-template].template_product_wall .category-image { | |
display: none | |
} | |
[wombat-template].template_product_wall.experiment_variant .product-wall--category-copy { | |
display: none | |
} | |
[wombat-template].template_product_wall.experiment_variant .product-wall--category-heading { | |
text-align: center | |
} | |
[wombat-template].template_product_wall.experiment_variant #cards { | |
display: flex; | |
flex-flow: wrap; | |
justify-content: center | |
} | |
[wombat-template].template_product_wall.experiment_variant .category-headings { | |
flex: none; | |
display: block; | |
width: 100% | |
} | |
[wombat-template].template_product_wall.experiment_variant .card { | |
text-align: center; | |
margin-bottom: 24px; | |
flex: 0 48% | |
} | |
@media(min-width: 420px) { | |
[wombat-template].template_product_wall.experiment_variant .card { | |
width:120px; | |
flex: unset | |
} | |
} | |
[wombat-template].template_product_wall.experiment_variant .compare-link { | |
flex: none; | |
width: 100%; | |
text-align: center; | |
margin-bottom: 48px | |
} | |
[wombat-template].template_product_wall.experiment_variant [role=img] { | |
height: 120px; | |
background-size: contain | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall.experiment_variant [role=img] { | |
height:120px | |
} | |
} | |
[wombat-template].template_product_wall.experiment_variant .price-wrapper { | |
font-family: "Roboto","Arial",sans-serif; | |
font-weight: 400; | |
font-size: 14px; | |
font-size: 0.875rem; | |
line-height: 20px; | |
line-height: 1.25rem; | |
letter-spacing: 0.2px; | |
letter-spacing: 0.0125rem | |
} | |
[wombat-template].template_product_wall.experiment_variant .title { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 500; | |
font-size: 14px; | |
font-size: 0.875rem; | |
line-height: 20px; | |
line-height: 1.25rem; | |
letter-spacing: 0.25px; | |
letter-spacing: 0.015625rem; | |
font-weight: 500 | |
} | |
[wombat-template].template_product_wall.experiment_variant .price-wrapper { | |
margin-top: 12px; | |
word-break: break-word | |
} | |
[wombat-template].template_product_wall.experiment_variant .price-wrapper .was-price,[wombat-template].template_product_wall.experiment_variant .price-wrapper .is-price { | |
white-space: nowrap | |
} | |
[wombat-template].template_product_wall.experiment_variant .buy-link { | |
display: none | |
} | |
[wombat-template].template_product_wall.experiment_variant .filter-list { | |
padding: 0 | |
} | |
[wombat-template].template_product_wall.experiment_variant .filter-list li { | |
border-bottom-color: #fff | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall.experiment_variant .filter-list li { | |
width:175px; | |
height: 168px; | |
margin: 12px | |
} | |
} | |
[wombat-template].template_product_wall.experiment_variant .filter-list ul { | |
margin: 0 | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall.experiment_variant .filter-list ul { | |
display:flex; | |
flex-wrap: wrap; | |
justify-content: center | |
} | |
} | |
[wombat-template].template_product_wall.experiment_variant .filter-list input { | |
display: none | |
} | |
[wombat-template].template_product_wall.experiment_variant .filter-list label { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 500; | |
font-size: 14px; | |
font-size: 0.875rem; | |
line-height: 20px; | |
line-height: 1.25rem; | |
letter-spacing: 0.25px; | |
letter-spacing: 0.015625rem; | |
padding: 0 24px; | |
background-color: #f8f8f8; | |
height: 100%; | |
width: 100%; | |
display: flex; | |
flex-direction: row-reverse | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall.experiment_variant .filter-list label { | |
background-color:#f8f8f8; | |
display: grid; | |
grid-template-rows: auto 36px; | |
height: 100%; | |
width: 100%; | |
padding: 0 | |
} | |
} | |
[wombat-template].template_product_wall.experiment_variant .filter-list span { | |
width: 100%; | |
line-height: 48px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall.experiment_variant .filter-list span { | |
width:100%; | |
text-align: center; | |
line-height: 36px | |
} | |
} | |
[wombat-template].template_product_wall.experiment_variant .filter-list .category-image { | |
background-image: var(--category-image); | |
background-size: contain; | |
background-repeat: no-repeat; | |
background-position: center center; | |
height: 100%; | |
width: 72px; | |
display: block | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall.experiment_variant .filter-list .category-image { | |
height:100%; | |
width: auto | |
} | |
} | |
@media(min-width: 550px) { | |
[wombat-template].template_product_wall.theme_gobig #cards { | |
grid-template-columns:repeat(3, 1fr) | |
} | |
} | |
@media(min-width: 960px) { | |
[wombat-template].template_product_wall.theme_gobig #cards { | |
grid-template-columns:repeat(4, 1fr) | |
} | |
} | |
[wombat-template].template_product_wall.theme_gobig .card { | |
grid-template-rows: auto | |
} | |
[wombat-template].template_product_wall.theme_gobig .card h3 { | |
text-align: center; | |
font-size: 20px; | |
line-height: 20px; | |
letter-spacing: -0.75px; | |
margin-top: 16px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_product_wall.theme_gobig .card h3 { | |
font-size:32px; | |
line-height: 32px; | |
letter-spacing: -1.25px; | |
margin-top: 32px | |
} | |
} | |
[wombat-template].template_product_wall.theme_gobig .card h3 span { | |
display: block | |
} | |
[wombat-template].template_product_wall.theme_gobig .image-wrapper { | |
background-repeat: no-repeat; | |
background-position: center; | |
background-size: auto 100%; | |
transition: background-size 250ms ease-in-out; | |
margin-bottom: 12px; | |
background-color: #f8f8f8; | |
position: relative; | |
text-align: center; | |
height: unset; | |
max-height: unset | |
} | |
[wombat-template].template_product_wall.theme_gobig .green { | |
color: #188038 | |
} | |
[wombat-template].template_product_wall.theme_gobig .blue { | |
color: #1a73e8 | |
} | |
[wombat-template].template_product_wall.theme_gobig .red { | |
color: #d93025 | |
} | |
[wombat-template].template_product_wall.theme_gobig .yellow { | |
color: #e37400 | |
} | |
[wombat-template].template_sitewide_banner { | |
border-bottom: none; | |
justify-content: center; | |
align-items: center; | |
display: flex | |
} | |
.path-index [wombat-template].template_sitewide_banner.hide-on-index { | |
display: none | |
} | |
[wombat-template].template_sitewide_banner.text-blue { | |
color: #1a73e8 | |
} | |
[wombat-template].template_sitewide_banner.text-blue a { | |
color: #1a73e8 | |
} | |
[wombat-template].template_sitewide_banner.text-blue .close-button path { | |
fill: #1a73e8 | |
} | |
[wombat-template].template_sitewide_banner.text-green { | |
color: #188038 | |
} | |
[wombat-template].template_sitewide_banner.text-green a { | |
color: #188038 | |
} | |
[wombat-template].template_sitewide_banner.text-green .close-button path { | |
fill: #188038 | |
} | |
[wombat-template].template_sitewide_banner.text-yellow { | |
color: #f9ab00 | |
} | |
[wombat-template].template_sitewide_banner.text-yellow a { | |
color: #f9ab00 | |
} | |
[wombat-template].template_sitewide_banner.text-yellow .close-button path { | |
fill: #f9ab00 | |
} | |
[wombat-template].template_sitewide_banner.text-red { | |
color: #d93025 | |
} | |
[wombat-template].template_sitewide_banner.text-red a { | |
color: #d93025 | |
} | |
[wombat-template].template_sitewide_banner.text-red .close-button path { | |
fill: #d93025 | |
} | |
[wombat-template].template_sitewide_banner.text-black { | |
color: #050505 | |
} | |
[wombat-template].template_sitewide_banner.text-black a { | |
color: #050505 | |
} | |
[wombat-template].template_sitewide_banner.text-black .close-button path { | |
fill: #050505 | |
} | |
[wombat-template].template_sitewide_banner.text-white { | |
color: #fff | |
} | |
[wombat-template].template_sitewide_banner.text-white a { | |
color: #fff | |
} | |
[wombat-template].template_sitewide_banner.text-white .close-button path { | |
fill: #fff | |
} | |
[wombat-template].template_sitewide_banner.text-grey { | |
color: #423f3f | |
} | |
[wombat-template].template_sitewide_banner.text-grey a { | |
color: #423f3f | |
} | |
[wombat-template].template_sitewide_banner.text-grey .close-button path { | |
fill: #423f3f | |
} | |
[wombat-template].template_sitewide_banner.background-blue { | |
background-color: #1a73e8 | |
} | |
[wombat-template].template_sitewide_banner.background-green { | |
background-color: #1e8e3e | |
} | |
[wombat-template].template_sitewide_banner.background-yellow { | |
background-color: #f9ab00 | |
} | |
[wombat-template].template_sitewide_banner.background-red { | |
background-color: #d93025 | |
} | |
[wombat-template].template_sitewide_banner.background-black { | |
background-color: #050505 | |
} | |
[wombat-template].template_sitewide_banner.background-white { | |
background-color: #fff | |
} | |
[wombat-template].template_sitewide_banner.background-grey { | |
background-color: #191818 | |
} | |
[wombat-template].template_sitewide_banner.background-teal { | |
background-color: #00bfa5 | |
} | |
[wombat-template].template_sitewide_banner.background-orange { | |
background-color: #ff6d00 | |
} | |
[wombat-template].template_sitewide_banner.background-purple { | |
background-color: #7c4dff | |
} | |
[wombat-template].template_sitewide_banner.background-aqua { | |
background-color: #4dd0ff | |
} | |
[wombat-template].template_sitewide_banner.background-fitbit { | |
background-color: #19797e | |
} | |
[wombat-template].template_sitewide_banner .text-wrapper { | |
align-items: center; | |
justify-content: center; | |
text-align: center; | |
display: flex; | |
width: 100%; | |
height: 100%; | |
margin: 0 16px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_sitewide_banner .text-wrapper { | |
margin:0 0 0 24px | |
} | |
} | |
[wombat-template].template_sitewide_banner .promo-text { | |
display: inline-block; | |
font-size: 14px; | |
line-height: 16px; | |
padding: 16px 0 | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_sitewide_banner .promo-text { | |
font-size:16px | |
} | |
} | |
[wombat-template].template_sitewide_banner .learn-more { | |
text-decoration: underline; | |
font-weight: initial; | |
padding-left: 3px | |
} | |
[wombat-template].template_sitewide_banner .close-button { | |
fill: #fff; | |
opacity: .4; | |
padding: 16px; | |
margin-left: -16px; | |
appearance: none; | |
cursor: pointer; | |
border: none | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_sitewide_banner .close-button { | |
padding:16px 24px | |
} | |
} | |
[wombat-template].template_sitewide_banner .close-button:hover { | |
opacity: 1 | |
} | |
[wombat-template].template_sitewide_banner .icon { | |
display: inline-block; | |
height: 24px; | |
vertical-align: text-bottom; | |
width: 24px | |
} | |
[wombat-template].template_sitewide_banner svg { | |
display: block; | |
height: inherit; | |
width: inherit | |
} | |
[wombat-template].template_summary_cards { | |
text-align: center; | |
padding: 50px 0 30px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_summary_cards { | |
padding:100px 0 80px | |
} | |
} | |
[wombat-template].template_summary_cards a.overlay { | |
z-index: 3; | |
cursor: pointer | |
} | |
[wombat-template].template_summary_cards .copy-block { | |
max-width: 500px; | |
margin: 0 auto | |
} | |
[wombat-template].template_summary_cards .secondary-copy-block { | |
padding-bottom: 20px | |
} | |
[wombat-template].template_summary_cards .cards-container { | |
max-width: 1100px; | |
margin: 40px auto | |
} | |
[wombat-template].template_summary_cards .cards-grid { | |
display: grid; | |
grid-template-rows: auto; | |
grid-template-columns: repeat(1, 1fr); | |
-ms-grid-columns: 1fr [1]; | |
grid-gap: 12px | |
} | |
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) { | |
[wombat-template].template_summary_cards .cards-grid { | |
display: -ms-grid | |
} | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_summary_cards .cards-grid { | |
grid-template-columns:repeat(3, 1fr); | |
-ms-grid-columns: 1fr [3] | |
} | |
} | |
@media(min-width: 960px) { | |
[wombat-template].template_summary_cards .cards-grid { | |
grid-gap:24px | |
} | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_summary_cards .cards-grid.grid-2col { | |
grid-template-columns:repeat(2, 1fr); | |
-ms-grid-columns: 1fr [2] | |
} | |
} | |
[wombat-template].template_summary_cards .card { | |
padding: 40px 20px; | |
max-width: 90vw; | |
width: 100%; | |
background-color: #f8f8f8; | |
border-radius: 4px; | |
box-sizing: border-box; | |
position: relative; | |
text-align: center; | |
justify-self: center | |
} | |
[wombat-template].template_summary_cards .card .overlay { | |
transition: box-shadow 80ms ease-out | |
} | |
[wombat-template].template_summary_cards .card .overlay:hover,[wombat-template].template_summary_cards .card .overlay:focus { | |
box-shadow: 0 2px 11px 0 rgba(5,5,5,.2) | |
} | |
@media(min-width: 768px) { | |
[wombat-template].template_summary_cards .card { | |
padding:60px 30px | |
} | |
} | |
[wombat-template].template_summary_cards .logo { | |
margin: 0 auto 10px; | |
background-size: cover; | |
background-position: center | |
} | |
[wombat-template].template_rebates_banner .container { | |
padding-top: 65px; | |
padding-bottom: 65px | |
} | |
[wombat-template].template_rebates_banner .copy-block { | |
margin: 0 auto; | |
text-align: center | |
} | |
[wombat-template].template_rebates_banner .copy-block h1 { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 700; | |
font-size: 24px; | |
font-size: 1.5rem; | |
line-height: 32px; | |
line-height: 2rem; | |
letter-spacing: 0px; | |
letter-spacing: 0rem; | |
margin: 0 auto 16px; | |
max-width: 800px | |
} | |
@media all and (min-width: 1024px) { | |
[wombat-template].template_rebates_banner .copy-block h1 { | |
font-family:"Google Sans Display","Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 700; | |
font-size: 40px; | |
font-size: 2.5rem; | |
line-height: 52px; | |
line-height: 3.25rem; | |
letter-spacing: -0.1px; | |
letter-spacing: -0.00625rem | |
} | |
} | |
[wombat-template].template_rebates_banner .copy-block .btn { | |
margin-top: 32px | |
} | |
[wombat-template].template_rebates_banner .copy-with-rebate { | |
display: none | |
} | |
[wombat-template].template_rebates_banner.has-rebate .copy-with-rebate { | |
display: block | |
} | |
[wombat-template].template_rebates_banner.has-rebate .copy-without-rebate { | |
display: none | |
} | |
[wombat-template].template_rebates_banner .body-copy-block { | |
display: flex; | |
justify-content: center; | |
flex-direction: column | |
} | |
[wombat-template].template_rebates_banner .body-copy-block h2 { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 500; | |
font-size: 16px; | |
font-size: 1rem; | |
line-height: 24px; | |
line-height: 1.5rem; | |
letter-spacing: 0.1px; | |
letter-spacing: 0.00625rem | |
} | |
@media all and (min-width: 1024px) { | |
[wombat-template].template_rebates_banner .body-copy-block { | |
flex-direction:row | |
} | |
} | |
[wombat-template].template_rebates_zip_checker { | |
background-color: #fff; | |
padding-top: 90px; | |
text-align: center | |
} | |
[wombat-template].template_rebates_zip_checker .copy-block { | |
width: 100%; | |
margin: 0 auto; | |
max-width: 912px | |
} | |
[wombat-template].template_rebates_zip_checker .copy-block a { | |
font-family: "Roboto","Arial",sans-serif; | |
font-weight: 400; | |
font-size: 14px; | |
font-size: 0.875rem; | |
line-height: 20px; | |
line-height: 1.25rem; | |
letter-spacing: 0.2px; | |
letter-spacing: 0.0125rem | |
} | |
[wombat-template].template_rebates_zip_checker .copy-block a:hover { | |
cursor: pointer | |
} | |
[wombat-template].template_rebates_zip_checker header { | |
margin-bottom: 16px | |
} | |
[wombat-template].template_rebates_zip_checker header h1 { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 700; | |
font-size: 24px; | |
font-size: 1.5rem; | |
line-height: 32px; | |
line-height: 2rem; | |
letter-spacing: 0px; | |
letter-spacing: 0rem; | |
margin: 0 auto | |
} | |
@media all and (min-width: 1024px) { | |
[wombat-template].template_rebates_zip_checker header h1 { | |
font-family:"Google Sans Display","Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 700; | |
font-size: 40px; | |
font-size: 2.5rem; | |
line-height: 52px; | |
line-height: 3.25rem; | |
letter-spacing: -0.1px; | |
letter-spacing: -0.00625rem | |
} | |
} | |
[wombat-template].template_rebates_zip_checker p { | |
font-family: "Roboto","Arial",sans-serif; | |
font-weight: 400; | |
font-size: 14px; | |
font-size: 0.875rem; | |
line-height: 20px; | |
line-height: 1.25rem; | |
letter-spacing: 0.2px; | |
letter-spacing: 0.0125rem | |
} | |
[wombat-template].template_rebates_zip_checker .hide { | |
display: none | |
} | |
[wombat-template].template_rebates_zip_checker .copy-content { | |
margin-bottom: 72px; | |
position: relative; | |
width: 100%; | |
text-align: center | |
} | |
[wombat-template].template_rebates_zip_checker .copy-content h2 { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 500; | |
font-size: 16px; | |
font-size: 1rem; | |
line-height: 24px; | |
line-height: 1.5rem; | |
letter-spacing: 0.1px; | |
letter-spacing: 0.00625rem | |
} | |
[wombat-template].template_rebates_zip_checker .copy-content .subheading { | |
margin-bottom: 48px | |
} | |
[wombat-template].template_rebates_zip_checker .copy-content .input-container { | |
max-width: 170px; | |
position: relative; | |
margin: auto 24px; | |
display: inline | |
} | |
[wombat-template].template_rebates_zip_checker .copy-content .offers-btn { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 500; | |
font-size: 14px; | |
font-size: 0.875rem; | |
line-height: 20px; | |
line-height: 1.25rem; | |
letter-spacing: 0.25px; | |
letter-spacing: 0.015625rem | |
} | |
[wombat-template].template_rebates_zip_checker .copy-content .privacy_link { | |
font-family: "Roboto","Arial",sans-serif; | |
font-weight: 400; | |
font-size: 14px; | |
font-size: 0.875rem; | |
line-height: 20px; | |
line-height: 1.25rem; | |
letter-spacing: 0.2px; | |
letter-spacing: 0.0125rem; | |
margin-top: 48px | |
} | |
[wombat-template].template_rebates_zip_checker .copy-content .privacy_link a { | |
font-family: "Roboto","Arial",sans-serif; | |
font-weight: 400; | |
font-size: 14px; | |
font-size: 0.875rem; | |
line-height: 20px; | |
line-height: 1.25rem; | |
letter-spacing: 0.2px; | |
letter-spacing: 0.0125rem | |
} | |
[wombat-template].template_rebates_zip_checker .copy-content input { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 500; | |
font-size: 14px; | |
font-size: 0.875rem; | |
line-height: 20px; | |
line-height: 1.25rem; | |
letter-spacing: 0.25px; | |
letter-spacing: 0.015625rem; | |
display: inline-block; | |
vertical-align: bottom; | |
background-color: transparent; | |
border: 0; | |
border-bottom: 1px solid #dcdbdb; | |
max-width: 170px; | |
padding: 8px 0 8px 8px | |
} | |
[wombat-template].template_rebates_zip_checker .copy-content input:focus { | |
box-shadow: 0 0 0 3px rgba(26,115,232,.15) | |
} | |
[wombat-template].template_rebates_zip_checker .copy-content .character-counter { | |
position: absolute; | |
right: 0; | |
top: 0; | |
font-size: 12px; | |
color: #423f3f; | |
width: 30px | |
} | |
[wombat-template].template_rebates_zip_checker .copy-content .book-now { | |
margin-bottom: 48px | |
} | |
[wombat-template].template_rebates_zip_checker .copy-content .cta-block { | |
display: inline; | |
margin-top: 24px | |
} | |
@media all and (min-width: 1024px) { | |
[wombat-template].template_rebates_zip_checker .copy-content .cta-block { | |
margin-top:0 | |
} | |
} | |
[wombat-template].template_rebates_zip_checker .zipcode-result p,[wombat-template].template_rebates_zip_checker .zipcode-result div { | |
display: inline-block | |
} | |
[wombat-template].template_rebates_zip_checker .cta-text-block { | |
margin: 48px 0 | |
} | |
[wombat-template].template_rebates_zip_checker .cta-text-block p,[wombat-template].template_rebates_zip_checker .cta-text-block a { | |
display: inline-block | |
} | |
[wombat-template].template_rebates_zip_checker .learn-more { | |
margin: 24px 0 | |
} | |
@media all and (min-width: 1024px) { | |
[wombat-template].template_rebates_zip_checker .learn-more { | |
margin:32px 0 | |
} | |
} | |
[wombat-template].template_rebates_zip_checker .learn-more p { | |
color: #423f3f; | |
margin-bottom: 0 | |
} | |
[wombat-template].template_rebates_zip_checker .no-rebates { | |
display: none | |
} | |
[wombat-template].template_rebates_zip_checker.no-rebates-available .offers-results-block { | |
display: none | |
} | |
[wombat-template].template_rebates_zip_checker.no-rebates-available .no-rebates { | |
display: block | |
} | |
[wombat-template].template_rebates_zip_checker .offers-results-block { | |
text-align: left | |
} | |
[wombat-template].template_rebates_zip_checker .offers-results-block .offers-list { | |
list-style-type: none; | |
padding: 0 | |
} | |
[wombat-template].template_rebates_zip_checker .offers-results-block .all-offers { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 700; | |
font-size: 20px; | |
font-size: 1.25rem; | |
line-height: 28px; | |
line-height: 1.75rem; | |
letter-spacing: 0px; | |
letter-spacing: 0rem | |
} | |
@media all and (min-width: 1024px) { | |
[wombat-template].template_rebates_zip_checker .offers-results-block .all-offers { | |
font-size:24px; | |
font-size: 1.5rem; | |
line-height: 32px; | |
line-height: 2rem; | |
letter-spacing: 0px; | |
letter-spacing: 0rem | |
} | |
} | |
[wombat-template].template_rebates_zip_checker .offers-results-block li { | |
border: 1px solid #dcdbdb; | |
box-sizing: border-box; | |
border-radius: 8px; | |
margin-bottom: 16px | |
} | |
[wombat-template].template_rebates_zip_checker .offers-results-block li:last-of-type { | |
margin-bottom: 0 | |
} | |
[wombat-template].template_rebates_zip_checker .offers-results-block li .rebate { | |
margin: 32px 40px | |
} | |
[wombat-template].template_rebates_zip_checker .offers-results-block li .rebate .logo { | |
width: 165px; | |
height: 46px; | |
background-size: contain; | |
background-position: left center; | |
background-repeat: no-repeat; | |
margin-bottom: 24px | |
} | |
[wombat-template].template_rebates_zip_checker .offers-results-block li .offers-heading { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 700; | |
font-size: 18px; | |
font-size: 1.125rem; | |
line-height: 24px; | |
line-height: 1.5rem; | |
letter-spacing: 0px; | |
letter-spacing: 0rem | |
} | |
@media all and (min-width: 1024px) { | |
[wombat-template].template_rebates_zip_checker .offers-results-block li .offers-heading { | |
font-size:20px; | |
font-size: 1.25rem; | |
line-height: 28px; | |
line-height: 1.75rem; | |
letter-spacing: 0px; | |
letter-spacing: 0rem | |
} | |
} | |
[wombat-template].template_rebates_zip_checker .offers-results-block li p:before { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 500; | |
font-size: 16px; | |
font-size: 1rem; | |
line-height: 24px; | |
line-height: 1.5rem; | |
letter-spacing: 0.1px; | |
letter-spacing: 0.00625rem; | |
content: "• "; | |
color: #1a73e8; | |
width: 24px; | |
margin-left: -24px; | |
display: inline-block | |
} | |
[wombat-template].template_rebates_zip_checker .offers-results-block li p { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 400; | |
font-size: 16px; | |
font-size: 1rem; | |
line-height: 24px; | |
line-height: 1.5rem; | |
letter-spacing: 0px; | |
letter-spacing: 0rem; | |
margin: 16px 0 32px 24px | |
} | |
[wombat-template].wombat_3_column_layout { | |
background-color: #fff; | |
padding: 48px 0 | |
} | |
[wombat-template].wombat_3_column_layout .container { | |
padding: 0 | |
} | |
[wombat-template].wombat_3_column_layout header { | |
text-align: center; | |
max-width: 628px; | |
margin: 0 auto; | |
padding: 0 30px | |
} | |
[wombat-template].wombat_3_column_layout header .body-copy,[wombat-template].wombat_3_column_layout header .h3 { | |
margin-bottom: 10px | |
} | |
[wombat-template].wombat_3_column_layout .card-container { | |
margin: 48px auto; | |
max-width: 510px | |
} | |
[wombat-template].wombat_3_column_layout .card-container .card-image { | |
width: 100%; | |
height: 0; | |
padding-top: 65.3125%; | |
margin: 0 auto 24px; | |
background-position: center; | |
background-size: cover | |
} | |
[wombat-template].wombat_3_column_layout .copy-block { | |
text-align: center; | |
max-width: 450px; | |
margin: 24px auto 0; | |
padding: 0 30px | |
} | |
[wombat-template].wombat_3_column_layout .copy-block .h5 { | |
margin-bottom: 20px | |
} | |
@media(min-width: 510px) { | |
[wombat-template].wombat_3_column_layout .card-container .card-image { | |
padding-top:332px | |
} | |
} | |
@media(min-width: 760px) { | |
[wombat-template].wombat_3_column_layout { | |
padding:68px 0 | |
} | |
[wombat-template].wombat_3_column_layout .container { | |
padding: 0 30px | |
} | |
[wombat-template].wombat_3_column_layout header { | |
padding: 0 | |
} | |
[wombat-template].wombat_3_column_layout header .h3 { | |
margin-bottom: 20px | |
} | |
[wombat-template].wombat_3_column_layout .copy-block { | |
max-width: 320px; | |
padding: 0 | |
} | |
[wombat-template].wombat_3_column_layout .cards-wrapper { | |
display: flex; | |
flex-wrap: wrap; | |
max-width: 1440px; | |
margin: 0 auto | |
} | |
[wombat-template].wombat_3_column_layout .card-container { | |
padding: 0 12px; | |
margin: 48px 0 | |
} | |
[wombat-template].wombat_3_column_layout .card-container .card-image { | |
height: 0; | |
padding-top: 70.189701897% | |
} | |
} | |
[wombat-template].wombat_50_50_flexible_product_feature { | |
display: grid; | |
justify-items: center; | |
grid-template: "image-container" auto "heading-container" auto "copy-container" auto/auto | |
} | |
@media screen and (max-width: 767px) { | |
[wombat-template].wombat_50_50_flexible_product_feature.heading-above-image { | |
grid-template:"heading-container" auto "image-container" auto "copy-container" auto/auto | |
} | |
[wombat-template].wombat_50_50_flexible_product_feature.heading-above-image .heading-container { | |
padding-bottom: 16px | |
} | |
[wombat-template].wombat_50_50_flexible_product_feature.heading-above-image .copy-container { | |
padding-top: 32px | |
} | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_50_50_flexible_product_feature { | |
grid-template:"image-container heading-container" auto "image-container copy-container" auto/50% 50%; | |
min-height: 56.25vw | |
} | |
[wombat-template].wombat_50_50_flexible_product_feature.image-right { | |
grid-template: "heading-container image-container" auto "copy-container image-container" auto/50% 50% | |
} | |
[wombat-template].wombat_50_50_flexible_product_feature.image-right .image-container { | |
border-left-width: 0; | |
border-right-width: 24px | |
} | |
} | |
[wombat-template].wombat_50_50_flexible_product_feature .heading-container { | |
grid-area: heading-container; | |
align-self: end; | |
padding-top: 32px; | |
padding-bottom: 0; | |
overflow: visible | |
} | |
[wombat-template].wombat_50_50_flexible_product_feature .copy-container { | |
grid-area: copy-container; | |
padding-top: 0; | |
padding-bottom: 32px | |
} | |
[wombat-template].wombat_50_50_flexible_product_feature .video-completion-poster,[wombat-template].wombat_50_50_flexible_product_feature video { | |
position: absolute; | |
top: 0; | |
left: 0; | |
height: 100%; | |
object-fit: cover; | |
display: block | |
} | |
[wombat-template].wombat_50_50_flexible_product_feature .video-completion-poster { | |
width: auto | |
} | |
[wombat-template].wombat_50_50_flexible_product_feature video { | |
width: 100%; | |
object-position: center | |
} | |
[wombat-template].wombat_50_50_flexible_product_feature video+.video-completion-poster { | |
opacity: 0; | |
pointer-events: none; | |
transition: opacity 500ms ease-in-out | |
} | |
[wombat-template].wombat_50_50_flexible_product_feature video.video-ended+.video-completion-poster { | |
opacity: 1 | |
} | |
[wombat-template].wombat_50_50_flexible_product_feature .image-container { | |
grid-area: image-container; | |
position: relative; | |
min-height: 100vw; | |
width: 100%; | |
border: 12px solid #fff; | |
border-bottom: 0; | |
border-top: 0; | |
background-size: cover; | |
background-repeat: no-repeat; | |
box-sizing: border-box; | |
overflow: hidden | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_50_50_flexible_product_feature .image-container { | |
min-height:50vw; | |
height: auto; | |
border-left-width: 24px; | |
border-right-width: 0 | |
} | |
} | |
[wombat-template].wombat_50_50_flexible_product_feature .copy-block { | |
max-width: 474px; | |
text-align: center; | |
margin: 0 auto | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_50_50_flexible_product_feature .copy-block.left-alignment { | |
text-align:left | |
} | |
} | |
[wombat-template].wombat_50_50_flexible_product_feature .cta-block,[wombat-template].wombat_50_50_flexible_product_feature p:last-of-type { | |
margin-bottom: 20px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_50_50_flexible_product_feature .cta-block,[wombat-template].wombat_50_50_flexible_product_feature p:last-of-type { | |
margin-bottom:30px | |
} | |
} | |
[wombat-template].wombat_50_50_flexible_product_feature .h2 { | |
margin-bottom: 10px | |
} | |
[wombat-template].wombat_50_50_flexible_product_feature .feature-list { | |
text-align: left; | |
margin: 0; | |
padding: 0; | |
list-style: none; | |
display: inline-block | |
} | |
[wombat-template].wombat_50_50_flexible_product_feature .feature-list li { | |
background-position: left center; | |
background-repeat: no-repeat; | |
background-size: 36px 36px; | |
padding-left: 48px; | |
margin-bottom: 36px; | |
line-height: 36px | |
} | |
[wombat-template].wombat_50_50_g1 { | |
display: grid; | |
text-align: center; | |
justify-items: center; | |
grid-template: "heading" auto "image" auto "copy" auto/auto | |
} | |
[wombat-template].wombat_50_50_g1 [role=img].g1-image { | |
min-height: 100vw; | |
width: 100%; | |
border: 12px solid #fff; | |
border-bottom: 0; | |
border-top: 0; | |
background-size: cover; | |
background-repeat: no-repeat; | |
box-sizing: border-box; | |
grid-area: image | |
} | |
[wombat-template].wombat_50_50_g1 .g1-logo { | |
margin-bottom: 24px; | |
height: 24px; | |
display: none | |
} | |
[wombat-template].wombat_50_50_g1 .g1-logo svg { | |
height: 100% | |
} | |
[wombat-template].wombat_50_50_g1 .heading { | |
align-self: end; | |
grid-area: heading; | |
padding: 32px 32px 16px | |
} | |
[wombat-template].wombat_50_50_g1 .heading h1 { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 700; | |
font-size: 22px; | |
font-size: 1.375rem; | |
line-height: 28px; | |
line-height: 1.75rem; | |
letter-spacing: 0px; | |
letter-spacing: 0rem | |
} | |
@media all and (min-width: 1024px) { | |
[wombat-template].wombat_50_50_g1 .heading h1 { | |
font-size:32px; | |
font-size: 2rem; | |
line-height: 44px; | |
line-height: 2.75rem; | |
letter-spacing: -0.1px; | |
letter-spacing: -0.00625rem | |
} | |
} | |
[wombat-template].wombat_50_50_g1 .body-copy { | |
grid-area: copy; | |
padding: 32px | |
} | |
[wombat-template].wombat_50_50_g1 .body-copy p { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 400; | |
font-size: 16px; | |
font-size: 1rem; | |
line-height: 24px; | |
line-height: 1.5rem; | |
letter-spacing: 0px; | |
letter-spacing: 0rem | |
} | |
[wombat-template].wombat_50_50_g1 .heading,[wombat-template].wombat_50_50_g1 .body-copy { | |
max-width: 472px | |
} | |
[wombat-template].wombat_50_50_g1 p { | |
margin-bottom: 10px | |
} | |
[wombat-template].wombat_50_50_g1 p:last-of-type { | |
margin-bottom: 0 | |
} | |
[wombat-template].wombat_50_50_g1 p+.cta-block { | |
margin-top: 20px | |
} | |
[wombat-template].wombat_50_50_g1 h1,[wombat-template].wombat_50_50_g1 .body-copy { | |
display: none | |
} | |
[wombat-template].wombat_50_50_g1.benefit-loaded .g1-logo { | |
display: block | |
} | |
[wombat-template].wombat_50_50_g1.benefit-loaded:not(.has-benefit) h1:not(.with-benefit),[wombat-template].wombat_50_50_g1.benefit-loaded:not(.has-benefit) .body-copy:not(.with-benefit) { | |
display: block | |
} | |
[wombat-template].wombat_50_50_g1.benefit-loaded.has-benefit h1.with-benefit,[wombat-template].wombat_50_50_g1.benefit-loaded.has-benefit .body-copy.with-benefit { | |
display: block | |
} | |
@media screen and (min-width: 768px) { | |
[wombat-template].wombat_50_50_g1 { | |
grid-template:"image heading" auto "image copy" auto/50% 50% | |
} | |
[wombat-template].wombat_50_50_g1.text-align-left { | |
text-align: left | |
} | |
[wombat-template].wombat_50_50_g1.image-position-right { | |
grid-template: "heading image" auto "copy image" auto/50% 50% | |
} | |
[wombat-template].wombat_50_50_g1.image-position-right [role=img].g1-image { | |
min-height: 50vw; | |
border-left-width: 0; | |
border-right-width: 24px | |
} | |
[wombat-template].wombat_50_50_g1 [role=img].g1-image { | |
min-height: 50vw; | |
border-left-width: 24px; | |
border-right-width: 0 | |
} | |
[wombat-template].wombat_50_50_g1 .heading,[wombat-template].wombat_50_50_g1 .body-copy { | |
padding: 0 32px | |
} | |
[wombat-template].wombat_50_50_g1 .heading h1 { | |
margin-bottom: 20px | |
} | |
[wombat-template].wombat_50_50_g1 p+.cta-block { | |
margin-top: 30px | |
} | |
} | |
[wombat-template].wombat_50_50_img_left_assistant_speech_bubble_animated { | |
background-color: #fff; | |
overflow: hidden; | |
position: relative | |
} | |
[wombat-template].wombat_50_50_img_left_assistant_speech_bubble_animated .copy-block { | |
text-align: center; | |
padding: 30px 0; | |
max-width: 400px; | |
margin: 0 auto | |
} | |
[wombat-template].wombat_50_50_img_left_assistant_speech_bubble_animated .div-img { | |
min-height: 385px; | |
padding-top: 50px; | |
padding-bottom: 220px; | |
background-position: center bottom; | |
background-size: cover; | |
border-left: 12px solid #fff; | |
border-right: 12px solid #fff; | |
box-sizing: border-box | |
} | |
[wombat-template].wombat_50_50_img_left_assistant_speech_bubble_animated .voice-bubble-wrapper { | |
max-width: 204px; | |
margin: 0 auto; | |
color: #423f3f | |
} | |
[wombat-template].wombat_50_50_img_left_assistant_speech_bubble_animated .voice-bubble-wrapper p { | |
font-size: 12px; | |
line-height: 18px | |
} | |
[wombat-template].wombat_50_50_img_left_assistant_speech_bubble_animated .assistant-icon { | |
background-image: url("https://lh3.googleusercontent.com/_1drmY7YyGgwjSFbFsShSRn75d-zuCSxDt8dTRKxfwbM99b9aGUW0Hu0HXCKPKVASA"); | |
width: 60px; | |
height: 60px; | |
background-size: contain; | |
border-radius: 50%; | |
border: 14px solid #fff; | |
background-color: #fff; | |
margin-right: 10px | |
} | |
[wombat-template].wombat_50_50_img_left_assistant_speech_bubble_animated .voice-bubble-question,[wombat-template].wombat_50_50_img_left_assistant_speech_bubble_animated .voice-bubble-answer { | |
background-color: #fff; | |
border-radius: 10px; | |
padding: 11px 15px | |
} | |
[wombat-template].wombat_50_50_img_left_assistant_speech_bubble_animated .voice-bubble-question { | |
width: 80% | |
} | |
[wombat-template].wombat_50_50_img_left_assistant_speech_bubble_animated .voice-bubble-answer { | |
width: 62%; | |
margin-bottom: 0 | |
} | |
[wombat-template].wombat_50_50_img_left_assistant_speech_bubble_animated .voice-bubble-answer-wrapper { | |
margin-top: 15px; | |
display: flex; | |
align-items: center | |
} | |
[wombat-template].wombat_50_50_img_left_assistant_speech_bubble_animated .voice-bubble-question,[wombat-template].wombat_50_50_img_left_assistant_speech_bubble_animated .voice-bubble-answer-wrapper { | |
opacity: 0; | |
transform: translate-y(-30px) | |
} | |
[wombat-template].wombat_50_50_img_left_assistant_speech_bubble_animated.in-view .voice-bubble-question,[wombat-template].wombat_50_50_img_left_assistant_speech_bubble_animated.in-view .voice-bubble-answer-wrapper { | |
animation: .8s ease 0s 1 forwards mqn-down-fadeIn | |
} | |
[wombat-template].wombat_50_50_img_left_assistant_speech_bubble_animated.in-view .voice-bubble-answer-wrapper { | |
animation-delay: .8s | |
} | |
@keyframes mqn-down-fadeIn { | |
0% { | |
opacity: 0; | |
transform: translateY(-30px) | |
} | |
100% { | |
opacity: 1; | |
transform: translateY(0px) | |
} | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_50_50_img_left_assistant_speech_bubble_animated { | |
display:flex; | |
align-items: center | |
} | |
[wombat-template].wombat_50_50_img_left_assistant_speech_bubble_animated .div-img { | |
min-height: 840px; | |
padding-top: 130px; | |
padding-bottom: 550px; | |
border-left: 24px solid #fff; | |
border-right: none | |
} | |
[wombat-template].wombat_50_50_img_left_assistant_speech_bubble_animated .div-right,[wombat-template].wombat_50_50_img_left_assistant_speech_bubble_animated .div-left { | |
width: 50% | |
} | |
[wombat-template].wombat_50_50_img_left_assistant_speech_bubble_animated .copy-block { | |
padding: 100px 0; | |
max-width: 400px; | |
margin: 0 auto | |
} | |
[wombat-template].wombat_50_50_img_left_assistant_speech_bubble_animated .voice-bubble-wrapper { | |
max-width: 315px | |
} | |
[wombat-template].wombat_50_50_img_left_assistant_speech_bubble_animated .voice-bubble-wrapper p { | |
font-size: 15px; | |
line-height: 18px | |
} | |
[wombat-template].wombat_50_50_img_left_assistant_speech_bubble_animated .voice-bubble-question,[wombat-template].wombat_50_50_img_left_assistant_speech_bubble_animated .voice-bubble-answer { | |
padding: 12px 20px 10px | |
} | |
[wombat-template].wombat_50_50_img_left_assistant_speech_bubble_animated .assistant-icon { | |
margin-left: 34px; | |
margin-right: 20px | |
} | |
} | |
[wombat-template].wombat_50_50_img_right_gallery { | |
background-color: #fff; | |
border-right: solid 12px #fff; | |
border-left: solid 12px #fff; | |
position: relative | |
} | |
[wombat-template].wombat_50_50_img_right_gallery ul { | |
list-style-type: none; | |
padding: 0 | |
} | |
[wombat-template].wombat_50_50_img_right_gallery .copy-block { | |
text-align: center; | |
padding: 30px 0; | |
max-width: 400px; | |
margin: 0 auto | |
} | |
[wombat-template].wombat_50_50_img_right_gallery wombat-gallery .image-slide { | |
background-repeat: no-repeat; | |
background-size: cover; | |
width: 100% | |
} | |
[wombat-template].wombat_50_50_img_right_gallery wombat-gallery .desktop { | |
display: none | |
} | |
[wombat-template].wombat_50_50_img_right_gallery wombat-gallery .pagination-wrapper { | |
position: absolute; | |
text-align: center; | |
right: 0; | |
left: 0; | |
bottom: 0; | |
padding: 16px 0 | |
} | |
[wombat-template].wombat_50_50_img_right_gallery wombat-gallery .pagination-item { | |
display: inline-block | |
} | |
[wombat-template].wombat_50_50_img_right_gallery wombat-gallery .pagination-item .pagination-dot { | |
height: 10px; | |
width: 10px; | |
display: inline | |
} | |
@media(min-width: 760px) { | |
[wombat-template].wombat_50_50_img_right_gallery .wombat-image-gallery { | |
width:50%; | |
float: right | |
} | |
[wombat-template].wombat_50_50_img_right_gallery .left-section { | |
width: 50%; | |
top: 50%; | |
position: absolute; | |
transform: translateY(-50%) | |
} | |
[wombat-template].wombat_50_50_img_right_gallery wombat-gallery .mobile { | |
display: none | |
} | |
[wombat-template].wombat_50_50_img_right_gallery wombat-gallery .desktop { | |
display: block | |
} | |
[wombat-template].wombat_50_50_img_right_gallery wombat-gallery .pagination-wrapper { | |
bottom: 20px | |
} | |
[wombat-template].wombat_50_50_img_right_gallery .arrow-container .next,[wombat-template].wombat_50_50_img_right_gallery .arrow-container .back { | |
width: 48px; | |
height: 48px | |
} | |
[wombat-template].wombat_50_50_img_right_gallery .arrow-container .next { | |
right: 4px | |
} | |
[wombat-template].wombat_50_50_img_right_gallery .arrow-container .back { | |
left: 4px | |
} | |
} | |
@keyframes fade-in-out { | |
0%,100% { | |
opacity: 1 | |
} | |
50% { | |
opacity: 0 | |
} | |
} | |
[wombat-template].wombat_accessories_wall { | |
background-color: #fff | |
} | |
[wombat-template].wombat_accessories_wall h1 { | |
grid-area: title; | |
z-index: 60; | |
background-color: #fff; | |
margin-bottom: 0; | |
padding: 20px | |
} | |
[wombat-template].wombat_accessories_wall .screen { | |
position: fixed; | |
background-color: #050505; | |
opacity: 0; | |
pointer-events: none; | |
z-index: 50; | |
top: 0; | |
bottom: 0; | |
left: -12px; | |
right: -12px; | |
transition: .3s opacity ease-in | |
} | |
[wombat-template].wombat_accessories_wall .screen.on { | |
opacity: .3 | |
} | |
[wombat-template].wombat_accessories_wall .sort { | |
position: relative; | |
grid-area: sort; | |
float: right; | |
display: none; | |
padding: 20px | |
} | |
[wombat-template].wombat_accessories_wall .sorting-label { | |
cursor: pointer; | |
display: flex; | |
flex-direction: row; | |
align-items: center; | |
border: none | |
} | |
[wombat-template].wombat_accessories_wall .sorting-label>* { | |
pointer-events: none | |
} | |
[wombat-template].wombat_accessories_wall .sorting-label .sort-by { | |
color: #a09e9e; | |
margin-right: 10px | |
} | |
[wombat-template].wombat_accessories_wall .featured { | |
display: flex; | |
flex-direction: row; | |
align-items: center | |
} | |
[wombat-template].wombat_accessories_wall .featured i { | |
align-self: flex-start | |
} | |
[wombat-template].wombat_accessories_wall .sorts-desktop { | |
background-color: #fff; | |
border: 1px solid #dcdbdb; | |
box-shadow: 0 5px 7px 1px rgba(5,5,5,.14); | |
transition: all .3s ease-in; | |
overflow: hidden; | |
position: absolute; | |
top: 50px; | |
right: 120px; | |
max-height: 0; | |
max-width: 120px; | |
opacity: 0; | |
z-index: 50 | |
} | |
[wombat-template].wombat_accessories_wall .sorting-menu-label-mobile { | |
display: block | |
} | |
[wombat-template].wombat_accessories_wall .sorting-menu-label-desktop { | |
opacity: .5; | |
width: 100%; | |
border: none | |
} | |
[wombat-template].wombat_accessories_wall .sorting-menu-label-mobile,[wombat-template].wombat_accessories_wall .sorting-menu-label-desktop { | |
padding: 10px; | |
margin-bottom: 0; | |
pointer-events: auto | |
} | |
[wombat-template].wombat_accessories_wall .sorting-menu-label-mobile:hover,[wombat-template].wombat_accessories_wall .sorting-menu-label-mobile:focus,[wombat-template].wombat_accessories_wall .sorting-menu-label-desktop:hover,[wombat-template].wombat_accessories_wall .sorting-menu-label-desktop:focus { | |
opacity: 1; | |
cursor: pointer | |
} | |
[wombat-template].wombat_accessories_wall .pagination { | |
display: flex; | |
justify-content: center | |
} | |
[wombat-template].wombat_accessories_wall .pagination button { | |
border: 0; | |
width: 30px; | |
height: 30px; | |
line-height: 30px; | |
padding: 0; | |
border-radius: 100%; | |
color: #423f3f | |
} | |
[wombat-template].wombat_accessories_wall .pagination button i { | |
width: inherit; | |
height: inherit; | |
line-height: inherit | |
} | |
[wombat-template].wombat_accessories_wall .pagination button.active { | |
background-color: #f8f8f8 | |
} | |
[wombat-template].wombat_accessories_wall .pagination button.hidden { | |
display: none | |
} | |
[wombat-template].wombat_accessories_wall .pagination button:disabled { | |
opacity: 0; | |
pointer-events: none | |
} | |
[wombat-template].wombat_accessories_wall .sidebar-menu { | |
grid-area: filterMenu; | |
position: relative; | |
margin-bottom: 12px | |
} | |
[wombat-template].wombat_accessories_wall .filter-menu { | |
grid-area: filterMenu; | |
pointer-events: auto; | |
cursor: pointer; | |
display: grid; | |
grid-template-columns: 1fr 1fr; | |
background-color: #f8f8f8; | |
position: relative; | |
z-index: 60 | |
} | |
[wombat-template].wombat_accessories_wall .filters,[wombat-template].wombat_accessories_wall .sorts-mobile { | |
grid-area: filters; | |
display: none; | |
position: absolute; | |
width: 100%; | |
z-index: 60; | |
background-color: #fff; | |
padding: 0 24px | |
} | |
[wombat-template].wombat_accessories_wall .filters-label-desktop { | |
cursor: default | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_accessories_wall .sorts-mobile { | |
display:none | |
} | |
} | |
[wombat-template].wombat_accessories_wall .reset-label:hover { | |
cursor: pointer | |
} | |
[wombat-template].wombat_accessories_wall .reset-label:hover i,[wombat-template].wombat_accessories_wall .reset-label:hover span { | |
color: #1a73e8 | |
} | |
[wombat-template].wombat_accessories_wall .filter i { | |
margin-right: 10px | |
} | |
[wombat-template].wombat_accessories_wall .filters-counter { | |
margin-left: 3px | |
} | |
[wombat-template].wombat_accessories_wall .filters-counter[data-count="0"],[wombat-template].wombat_accessories_wall .filters-counter[data-count=""] { | |
display: none | |
} | |
[wombat-template].wombat_accessories_wall .filters-counter::after { | |
content: "(' attr(data-count) ')" | |
} | |
[wombat-template].wombat_accessories_wall .reset-category { | |
display: flex; | |
align-items: center | |
} | |
[wombat-template].wombat_accessories_wall .selected-filters { | |
display: flex | |
} | |
[wombat-template].wombat_accessories_wall .selected-filters .selected-items { | |
display: none; | |
align-items: center; | |
margin-right: 10px | |
} | |
[wombat-template].wombat_accessories_wall .selected-filters .selected-items p { | |
margin-bottom: 0 | |
} | |
[wombat-template].wombat_accessories_wall .selected-filters .selected-items p:first-of-type { | |
margin-right: 10px | |
} | |
[wombat-template].wombat_accessories_wall .selected-filters .apply { | |
display: none; | |
max-height: 34px | |
} | |
[wombat-template].wombat_accessories_wall .content { | |
overflow: hidden; | |
max-height: 0; | |
opacity: 0; | |
transition: all .45s ease; | |
text-align: start; | |
color: #423f3f | |
} | |
[wombat-template].wombat_accessories_wall .content.expanded { | |
max-height: 1500px; | |
opacity: 1; | |
border-bottom: none | |
} | |
[wombat-template].wombat_accessories_wall .content .checkbox { | |
margin: 10px 0; | |
cursor: pointer; | |
color: #423f3f | |
} | |
[wombat-template].wombat_accessories_wall .content .checkbox input { | |
width: 15px; | |
height: 15px; | |
border-radius: 2px; | |
margin-right: 10px; | |
border: 1px solid #191818 | |
} | |
[wombat-template].wombat_accessories_wall .content .checkbox input:checked+label { | |
color: #1a73e8 | |
} | |
[wombat-template].wombat_accessories_wall .content .checkbox input:disabled.color-filter,[wombat-template].wombat_accessories_wall .content .checkbox input:disabled+label { | |
color: #a09e9e | |
} | |
[wombat-template].wombat_accessories_wall .content .clear { | |
display: none; | |
cursor: pointer | |
} | |
[wombat-template].wombat_accessories_wall .color-content .checkbox { | |
padding: 10px; | |
display: inline-block | |
} | |
[wombat-template].wombat_accessories_wall .color-content .checkbox input { | |
-webkit-appearance: none; | |
appearance: none; | |
width: 20px; | |
height: 20px; | |
border-radius: 50%; | |
border: 2px solid #fff | |
} | |
[wombat-template].wombat_accessories_wall .color-content .checkbox input[value=White] { | |
border-color: #dcdbdb | |
} | |
[wombat-template].wombat_accessories_wall .color-content .checkbox input[value=Multi] { | |
background: linear-gradient(-45deg, #1a73e8, #f9ab00, #d93025) | |
} | |
[wombat-template].wombat_accessories_wall .color-content .checkbox input:checked { | |
box-shadow: 0 0 0 2px #1a73e8 | |
} | |
[wombat-template].wombat_accessories_wall span { | |
display: block | |
} | |
[wombat-template].wombat_accessories_wall .color-picker { | |
position: absolute; | |
bottom: 0; | |
left: 0; | |
z-index: 20; | |
display: flex; | |
width: 100%; | |
padding: 20px | |
} | |
[wombat-template].wombat_accessories_wall .color-picker button { | |
display: block; | |
width: 20px; | |
height: 20px; | |
border-radius: 50%; | |
border: 2px solid #fff; | |
cursor: pointer; | |
margin-right: 10px; | |
padding: unset | |
} | |
[wombat-template].wombat_accessories_wall .color-picker button[data-color=White] { | |
border-color: #dcdbdb | |
} | |
[wombat-template].wombat_accessories_wall .color-picker button[data-color=Multi] { | |
background: linear-gradient(-45deg, #1a73e8, #f9ab00, #d93025) | |
} | |
[wombat-template].wombat_accessories_wall .color-picker button.active { | |
box-shadow: 0 0 0 2px #1a73e8 | |
} | |
[wombat-template].wombat_accessories_wall .category-button { | |
width: 100%; | |
border-left: none; | |
border-top: none; | |
border-right: none; | |
margin: 0; | |
padding: 0 | |
} | |
[wombat-template].wombat_accessories_wall .category { | |
border-bottom: 1px solid #dcdbdb; | |
color: #423f3f | |
} | |
[wombat-template].wombat_accessories_wall .category:last-of-type { | |
border-bottom: none | |
} | |
[wombat-template].wombat_accessories_wall .category .category-heading:hover,[wombat-template].wombat_accessories_wall .category .filter:hover { | |
cursor: pointer | |
} | |
[wombat-template].wombat_accessories_wall .category .category-heading p,[wombat-template].wombat_accessories_wall .category .category-heading i,[wombat-template].wombat_accessories_wall .category .filter p,[wombat-template].wombat_accessories_wall .category .filter i { | |
pointer-events: none; | |
text-align: start; | |
opacity: 1 !important | |
} | |
[wombat-template].wombat_accessories_wall .category .heading { | |
padding: 20px 0; | |
margin-bottom: 0 | |
} | |
[wombat-template].wombat_accessories_wall .category .category-heading { | |
display: grid; | |
grid-template-columns: 90% 10%; | |
align-items: center; | |
pointer-events: none | |
} | |
[wombat-template].wombat_accessories_wall .category .category-heading span { | |
opacity: .75 | |
} | |
[wombat-template].wombat_accessories_wall .category .subcategory-heading { | |
color: #a09e9e | |
} | |
[wombat-template].wombat_accessories_wall .category .category-heading,[wombat-template].wombat_accessories_wall .category .sorting-heading { | |
text-align: start | |
} | |
[wombat-template].wombat_accessories_wall .category .category-heading span,[wombat-template].wombat_accessories_wall .category .category-heading p,[wombat-template].wombat_accessories_wall .category .sorting-heading span,[wombat-template].wombat_accessories_wall .category .sorting-heading p { | |
font-size: 12px; | |
line-height: 16px; | |
padding: 20px 0; | |
margin-bottom: 0 | |
} | |
[wombat-template].wombat_accessories_wall .reset-button { | |
border-bottom: none | |
} | |
[wombat-template].wombat_accessories_wall button:focus,[wombat-template].wombat_accessories_wall input:focus { | |
box-shadow: 0 0 0 3px rgba(25,103,210,.15) | |
} | |
[wombat-template].wombat_accessories_wall .filter,[wombat-template].wombat_accessories_wall .reset { | |
display: flex; | |
justify-content: space-between; | |
flex-direction: row; | |
align-items: center; | |
padding: 20px 0 | |
} | |
[wombat-template].wombat_accessories_wall .filter span,[wombat-template].wombat_accessories_wall .reset span { | |
margin-bottom: 0 | |
} | |
[wombat-template].wombat_accessories_wall .filter i,[wombat-template].wombat_accessories_wall .reset i { | |
float: left | |
} | |
[wombat-template].wombat_accessories_wall .filter { | |
justify-content: center; | |
align-content: center; | |
pointer-events: auto | |
} | |
[wombat-template].wombat_accessories_wall .reset i,[wombat-template].wombat_accessories_wall .reset span { | |
float: left; | |
pointer-events: none | |
} | |
[wombat-template].wombat_accessories_wall .reset span { | |
margin-left: 5px; | |
margin-bottom: 0 | |
} | |
[wombat-template].wombat_accessories_wall .reset i { | |
margin-right: 5px | |
} | |
[wombat-template].wombat_accessories_wall .product-cards-container { | |
grid-area: main | |
} | |
[wombat-template].wombat_accessories_wall .product-cards { | |
display: grid; | |
grid-template-columns: 1fr 1fr; | |
grid-gap: 4.86111vw 12px; | |
padding: 0 12px; | |
opacity: 1; | |
transition: opacity .3s ease-in | |
} | |
[wombat-template].wombat_accessories_wall .product-cards>* { | |
transition: opacity .3s ease-in; | |
opacity: 1 | |
} | |
[wombat-template].wombat_accessories_wall .product-cards.animated { | |
opacity: 0 | |
} | |
[wombat-template].wombat_accessories_wall .product-cards.animated>* { | |
opacity: 0 | |
} | |
[wombat-template].wombat_accessories_wall .card { | |
position: relative | |
} | |
[wombat-template].wombat_accessories_wall .card .overlay { | |
transition: box-shadow 80ms ease-out; | |
z-index: 15 | |
} | |
[wombat-template].wombat_accessories_wall .card:hover .left-chevron,[wombat-template].wombat_accessories_wall .card:hover .right-chevron { | |
opacity: 1 | |
} | |
[wombat-template].wombat_accessories_wall .card .card-image { | |
display: grid; | |
grid-template: 100%/100%; | |
width: 100%; | |
float: left; | |
background-color: #f8f8f8; | |
margin-bottom: 15px; | |
padding: 80px 7%; | |
position: relative | |
} | |
[wombat-template].wombat_accessories_wall .card .card-image .img { | |
padding-top: 100%; | |
background-position: center; | |
background-repeat: no-repeat; | |
background-size: contain; | |
opacity: 0; | |
transition: opacity .3s ease-in; | |
grid-area: 1/1 | |
} | |
[wombat-template].wombat_accessories_wall .card .card-image .img.active { | |
opacity: 1; | |
transition: opacity .3s ease-in .3s | |
} | |
[wombat-template].wombat_accessories_wall .left-chevron,[wombat-template].wombat_accessories_wall .right-chevron { | |
position: absolute; | |
top: 50%; | |
color: #423f3f; | |
opacity: 0; | |
transition: opacity .3s ease-in; | |
z-index: 20; | |
border: none | |
} | |
[wombat-template].wombat_accessories_wall .left-chevron:hover,[wombat-template].wombat_accessories_wall .right-chevron:hover { | |
cursor: pointer | |
} | |
[wombat-template].wombat_accessories_wall .left-chevron { | |
left: 0 | |
} | |
[wombat-template].wombat_accessories_wall .right-chevron { | |
right: 0 | |
} | |
[wombat-template].wombat_accessories_wall .container { | |
display: grid; | |
grid-gap: 0; | |
grid-template: "title title" auto "filterMenu filterMenu" auto "main main" auto/1fr 1fr; | |
padding: 0 | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_accessories_wall .container { | |
grid-template-columns:24vw 3fr; | |
grid-template-areas: "title sort" "filterMenu main"; | |
padding: 0 30px | |
} | |
[wombat-template].wombat_accessories_wall .container .screen { | |
display: none | |
} | |
[wombat-template].wombat_accessories_wall .container .sort { | |
display: flex; | |
justify-content: flex-end; | |
flex-direction: row | |
} | |
[wombat-template].wombat_accessories_wall .container .column-options { | |
display: flex; | |
flex-direction: row; | |
align-items: center; | |
margin-left: 30px | |
} | |
[wombat-template].wombat_accessories_wall .container .column-options>button { | |
border: none; | |
padding: 0 | |
} | |
[wombat-template].wombat_accessories_wall .container .column-options>button:hover { | |
cursor: pointer | |
} | |
[wombat-template].wombat_accessories_wall .container .column-options .three-column { | |
margin-right: 10px | |
} | |
[wombat-template].wombat_accessories_wall .container .column-options svg,[wombat-template].wombat_accessories_wall .container .column-options path { | |
pointer-events: none | |
} | |
[wombat-template].wombat_accessories_wall .container .sidebar-menu { | |
margin-bottom: 0; | |
margin-right: 24px | |
} | |
[wombat-template].wombat_accessories_wall .container .filter-menu { | |
pointer-events: none; | |
cursor: default; | |
display: block; | |
background-color: #fff | |
} | |
[wombat-template].wombat_accessories_wall .container .sorting-menu-label-mobile { | |
display: none | |
} | |
[wombat-template].wombat_accessories_wall .container .category-heading { | |
padding: 0 | |
} | |
[wombat-template].wombat_accessories_wall .container .category-heading p { | |
padding: 24px 0 | |
} | |
[wombat-template].wombat_accessories_wall .container .filter { | |
display: block; | |
pointer-events: none | |
} | |
[wombat-template].wombat_accessories_wall .container .filter,[wombat-template].wombat_accessories_wall .container .reset { | |
padding: 24px 0 | |
} | |
[wombat-template].wombat_accessories_wall .container .filters { | |
display: block; | |
position: relative; | |
padding: 0 | |
} | |
[wombat-template].wombat_accessories_wall .container .product-cards { | |
padding: 0; | |
grid-gap: 4.86111vw 24px; | |
grid-template-columns: 1fr 1fr 1fr; | |
grid-auto-rows: max-content | |
} | |
[wombat-template].wombat_accessories_wall .container .product-cards.two-columns { | |
grid-template-columns: 1fr 1fr | |
} | |
[wombat-template].wombat_accessories_wall .container .border-bottom,[wombat-template].wombat_accessories_wall .container .tablet-desktop-only-border-bottom { | |
border-bottom: 1px solid #dcdbdb !important | |
} | |
[wombat-template].wombat_accessories_wall .container .desktop-only { | |
display: block | |
} | |
[wombat-template].wombat_accessories_wall .container .mobile-only { | |
display: none | |
} | |
} | |
@media(min-width: 1144px) { | |
[wombat-template].wombat_accessories_wall .container .sidebar-menu { | |
padding:24px | |
} | |
} | |
[wombat-template].wombat_accessories_wall .active-label i,[wombat-template].wombat_accessories_wall .active-label p { | |
color: #1a73e8 | |
} | |
[wombat-template].wombat_accessories_wall .active-label svg * { | |
fill: #1a73e8 | |
} | |
[wombat-template].wombat_accessories_wall .expanded { | |
opacity: 1; | |
min-height: 84px | |
} | |
[wombat-template].wombat_accessories_wall .tablet-desktop-only-border-bottom,[wombat-template].wombat_accessories_wall .no-border-bottom { | |
border-bottom: none !important | |
} | |
[wombat-template].wombat_accessories_wall .no-margin-bottom { | |
margin-bottom: 0 !important | |
} | |
[wombat-template].wombat_accessories_wall .visible { | |
display: block !important | |
} | |
[wombat-template].wombat_accessories_wall .flex { | |
display: flex !important | |
} | |
[wombat-template].wombat_accessories_wall .full-opacity { | |
opacity: 1 !important | |
} | |
[wombat-template].wombat_accessories_wall .hidden { | |
display: none !important | |
} | |
[wombat-template].wombat_accessories_wall .desktop-only { | |
display: none | |
} | |
[wombat-template].wombat_accessories_wall .mobile-only { | |
display: block | |
} | |
[wombat-template].wombat_accessories_wall .menu-label-size { | |
font-size: 14px; | |
line-height: 22px | |
} | |
[wombat-template].wombat_banner .logo { | |
margin: 0 auto 30px | |
} | |
[wombat-template].wombat_banner .logo .image { | |
margin: 0 auto; | |
width: 32px; | |
height: 32px; | |
background-size: cover | |
} | |
[wombat-template].wombat_banner .container { | |
padding-top: 65px; | |
padding-bottom: 65px | |
} | |
[wombat-template].wombat_banner .copy-block { | |
margin: 0 auto; | |
text-align: center | |
} | |
[wombat-template].wombat_banner .copy-block h1 { | |
margin: 0 auto; | |
max-width: 800px | |
} | |
[wombat-template].wombat_banner .copy-block .btn { | |
margin-top: 30px | |
} | |
@media(min-width: 760px) { | |
[wombat-template].wombat_banner .copy-block br { | |
display:none | |
} | |
} | |
@keyframes emanate { | |
0% { | |
width: 0; | |
height: 0; | |
opacity: 0 | |
} | |
20% { | |
opacity: .3 | |
} | |
100% { | |
width: 150vw; | |
height: 150vw | |
} | |
} | |
[wombat-template].wombat_banner_with_gradient_ring { | |
position: relative | |
} | |
[wombat-template].wombat_banner_with_gradient_ring .rings { | |
position: absolute; | |
top: 0; | |
left: 0; | |
right: 0; | |
bottom: 0 | |
} | |
[wombat-template].wombat_banner_with_gradient_ring .rings .ring { | |
position: absolute; | |
border-radius: 100%; | |
border: 1px solid #fff; | |
left: 50%; | |
top: 50%; | |
opacity: 0; | |
transform: translate(-50%, -50%); | |
animation-timing-function: cubic-bezier(0.21, 0.32, 0.51, 1.19); | |
animation-iteration-count: infinite; | |
animation-name: emanate | |
} | |
[wombat-template].wombat_banner_with_gradient_ring .container { | |
position: relative; | |
top: 50%; | |
transform: translateY(-50%) | |
} | |
[wombat-template].wombat_banner_with_gradient_ring .logo { | |
display: none; | |
margin: 0 auto 40px | |
} | |
[wombat-template].wombat_banner_with_gradient_ring .logo .image { | |
margin: 0 auto; | |
width: 60px; | |
height: 40px; | |
background-size: cover | |
} | |
[wombat-template].wombat_banner_with_gradient_ring .copy-block { | |
margin: 0 auto; | |
text-align: center; | |
max-width: 185px | |
} | |
[wombat-template].wombat_banner_with_gradient_ring .copy-block h1 { | |
margin: 0 auto 10px; | |
max-width: 800px | |
} | |
[wombat-template].wombat_banner_with_gradient_ring .copy-block p { | |
margin-bottom: 20px | |
} | |
[wombat-template].wombat_banner_with_gradient_ring .copy-block .btn.transparent { | |
background-color: transparent; | |
border: 2px solid rgba(255,255,255,.3); | |
color: #fff | |
} | |
[wombat-template].wombat_banner_with_gradient_ring .copy-block h1,[wombat-template].wombat_banner_with_gradient_ring .copy-block p { | |
color: #fff | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_banner_with_gradient_ring .logo { | |
display:block | |
} | |
[wombat-template].wombat_banner_with_gradient_ring .copy-block { | |
max-width: 288px | |
} | |
[wombat-template].wombat_banner_with_gradient_ring .copy-block h1 { | |
margin-bottom: 20px | |
} | |
[wombat-template].wombat_banner_with_gradient_ring .copy-block p { | |
margin-bottom: 30px | |
} | |
} | |
[wombat-template].wombat_basic_geo_50_50 { | |
display: block; | |
flex-flow: row wrap; | |
justify-content: space-around; | |
align-items: stretch | |
} | |
[wombat-template].wombat_basic_geo_50_50>div { | |
flex: 0 1 auto; | |
min-height: 100vw; | |
overflow: hidden; | |
position: relative | |
} | |
[wombat-template].wombat_basic_geo_50_50.image-right { | |
flex-flow: row-reverse wrap | |
} | |
[wombat-template].wombat_basic_geo_50_50 [role=img] { | |
border: 12px solid #fff; | |
border-bottom: 0; | |
border-top: 0; | |
background-size: cover; | |
background-repeat: no-repeat; | |
box-sizing: border-box | |
} | |
[wombat-template].wombat_basic_geo_50_50 div+div { | |
min-height: auto | |
} | |
[wombat-template].wombat_basic_geo_50_50 .copy-block { | |
max-width: 474px; | |
text-align: center; | |
padding-top: 30px; | |
padding-bottom: 30px; | |
margin: 0 auto | |
} | |
[wombat-template].wombat_basic_geo_50_50 .cta-block,[wombat-template].wombat_basic_geo_50_50 p:last-of-type { | |
margin-bottom: 20px | |
} | |
[wombat-template].wombat_basic_geo_50_50 h2 { | |
margin-bottom: 10px | |
} | |
@media screen and (min-width: 768px) { | |
[wombat-template].wombat_basic_geo_50_50 { | |
display:flex; | |
min-height: 56.25vw | |
} | |
[wombat-template].wombat_basic_geo_50_50>div { | |
width: 50%; | |
min-height: 50vw; | |
height: auto | |
} | |
[wombat-template].wombat_basic_geo_50_50.image-right [role=img] { | |
border-right: 24px solid #fff; | |
border-left: unset | |
} | |
[wombat-template].wombat_basic_geo_50_50 [role=img] { | |
border-right: unset; | |
border-left: 24px solid #fff | |
} | |
[wombat-template].wombat_basic_geo_50_50 .copy-block { | |
top: 50%; | |
transform: translateY(-50%); | |
position: relative | |
} | |
[wombat-template].wombat_basic_geo_50_50 .copy-block.left-alignment { | |
text-align: left | |
} | |
[wombat-template].wombat_basic_geo_50_50 p:last-of-type { | |
margin-bottom: 30px | |
} | |
} | |
[wombat-template].wombat_basic_geo_promo { | |
background-color: #fff; | |
text-align: center; | |
z-index: 1; | |
padding: 0 0 8px; | |
border-bottom: 0 | |
} | |
[wombat-template].wombat_basic_geo_promo:empty { | |
display: none | |
} | |
@media(min-width: 1015px) { | |
[wombat-template].wombat_basic_geo_promo { | |
border-bottom:0 | |
} | |
} | |
[wombat-template].wombat_basic_geo_promo p { | |
color: #423f3f; | |
font-size: 12px; | |
line-height: 16px; | |
font-weight: 400; | |
letter-spacing: .2px; | |
margin-bottom: 0 | |
} | |
@media(min-width: 760px) { | |
[wombat-template].wombat_basic_geo_promo p { | |
font-size:16px; | |
line-height: 20px; | |
margin-top: 6px | |
} | |
} | |
[wombat-template].wombat_basic_geo_promo p a { | |
font-size: 12px; | |
line-height: 16px; | |
border: 0; | |
padding: 0; | |
cursor: pointer; | |
color: #1a73e8; | |
font-weight: 400 | |
} | |
@media(min-width: 760px) { | |
[wombat-template].wombat_basic_geo_promo p a { | |
font-size:16px; | |
line-height: 20px | |
} | |
} | |
[wombat-template].wombat_comparison_header { | |
background-color: #fff; | |
overflow: hidden; | |
position: relative; | |
padding-top: 32px | |
} | |
[wombat-template].wombat_comparison_header .content-wrapper { | |
margin: 0 auto; | |
text-align: center; | |
max-width: 260px | |
} | |
[wombat-template].wombat_comparison_header .copy-block { | |
margin: 0 auto | |
} | |
[wombat-template].wombat_comparison_header .copy-block h1 { | |
margin-bottom: 10px | |
} | |
[wombat-template].wombat_comparison_header .copy-block p.large { | |
margin-bottom: 0 | |
} | |
[wombat-template].wombat_comparison_header ul.feature-list { | |
display: inline-block; | |
list-style: none; | |
text-align: left; | |
margin: 64px 0 56px; | |
padding: 0 | |
} | |
[wombat-template].wombat_comparison_header ul.feature-list li.feature { | |
display: flex; | |
flex-direction: row; | |
align-items: flex-start; | |
margin-bottom: 32px | |
} | |
[wombat-template].wombat_comparison_header ul.feature-list li.feature:last-of-type { | |
margin-bottom: 0 | |
} | |
[wombat-template].wombat_comparison_header ul.feature-list .feature-icon { | |
display: block; | |
background-repeat: no-repeat; | |
background-size: 100% 100% | |
} | |
[wombat-template].wombat_comparison_header ul.feature-list .feature-copy { | |
display: flex; | |
flex-flow: row wrap; | |
margin-left: 16px | |
} | |
[wombat-template].wombat_comparison_header ul.feature-list .feature-copy p.small { | |
margin-right: 5px; | |
margin-bottom: 0 | |
} | |
[wombat-template].wombat_comparison_header ul.feature-list .feature-copy p.small br { | |
display: none | |
} | |
[wombat-template].wombat_comparison_header ul.feature-list .feature-copy a { | |
line-height: 22px; | |
margin-bottom: 0 | |
} | |
@media(min-width: 460px) { | |
[wombat-template].wombat_comparison_header .content-wrapper { | |
max-width:none | |
} | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_comparison_header { | |
padding-top:60px | |
} | |
[wombat-template].wombat_comparison_header .copy-block { | |
max-width: 600px | |
} | |
[wombat-template].wombat_comparison_header ul.feature-list { | |
display: flex; | |
flex-wrap: wrap; | |
justify-content: center; | |
margin: 80px auto 0; | |
text-align: center; | |
max-width: 1160px | |
} | |
[wombat-template].wombat_comparison_header ul.feature-list.desktop-3item-3col li.feature,[wombat-template].wombat_comparison_header ul.feature-list.desktop-5item-3col li.feature { | |
width: 33% | |
} | |
[wombat-template].wombat_comparison_header ul.feature-list.desktop-2item-2col li.feature,[wombat-template].wombat_comparison_header ul.feature-list.desktop-4item-2col li.feature { | |
width: 48% | |
} | |
[wombat-template].wombat_comparison_header ul.feature-list li.feature { | |
flex-direction: column; | |
align-items: center; | |
padding: 0 24px 50px; | |
margin-bottom: 0 | |
} | |
[wombat-template].wombat_comparison_header ul.feature-list .feature-icon { | |
margin-bottom: 16px | |
} | |
[wombat-template].wombat_comparison_header ul.feature-list .feature-copy { | |
display: inline; | |
margin-left: 0 | |
} | |
[wombat-template].wombat_comparison_header ul.feature-list .feature-copy p.small { | |
margin-right: 0; | |
margin-bottom: 10px | |
} | |
[wombat-template].wombat_comparison_header ul.feature-list .feature-copy p.small br { | |
display: block | |
} | |
} | |
@media(min-width: 960px) { | |
[wombat-template].wombat_comparison_header ul.feature-list.desktop-4item-2col li.feature { | |
width:24%; | |
padding: 0 12px 50px | |
} | |
} | |
@media(min-width: 1040px) { | |
[wombat-template].wombat_comparison_header ul.feature-list.desktop-5item-3col li.feature { | |
width:20%; | |
padding: 0 12px 50px | |
} | |
} | |
[wombat-template].wombat_counter { | |
background-color: #f8f8f8; | |
padding: 24px 0 | |
} | |
[wombat-template].wombat_counter .container { | |
padding: 0 16px | |
} | |
[wombat-template].wombat_counter h1.ticker { | |
font-size: 38px; | |
text-align: center; | |
margin-bottom: 0; | |
opacity: 0; | |
transition: opacity 350ms ease-in-out | |
} | |
[wombat-template].wombat_counter h1.ticker .kwh-wrapper { | |
margin-bottom: 10px; | |
color: #1a73e8 | |
} | |
[wombat-template].wombat_counter h1.ticker .kwh-wrapper.ticker-color-green { | |
color: #188038 | |
} | |
[wombat-template].wombat_counter h1.ticker .kwh-wrapper.ticker-color-red { | |
color: #d93025 | |
} | |
[wombat-template].wombat_counter h1.ticker .kwh-wrapper.ticker-color-grey { | |
color: #423f3f | |
} | |
[wombat-template].wombat_counter h1.ticker .kwh-wrapper.ticker-color-black { | |
color: #050505 | |
} | |
[wombat-template].wombat_counter h1.running { | |
opacity: 1 | |
} | |
[wombat-template].wombat_counter .digit { | |
width: 22px; | |
display: inline-block | |
} | |
[wombat-template].wombat_counter .separator { | |
width: 8px; | |
display: inline-block | |
} | |
[wombat-template].wombat_counter .ticker-text { | |
font-size: 14px; | |
line-height: 22px; | |
text-align: center; | |
font-weight: lighter; | |
margin-bottom: 10px | |
} | |
@media(min-width: 375px) { | |
[wombat-template].wombat_counter .container { | |
padding:0 30px | |
} | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_counter { | |
padding:28px 0 | |
} | |
[wombat-template].wombat_counter h1.ticker { | |
font-size: 60px | |
} | |
[wombat-template].wombat_counter h1.ticker .kwh-wrapper { | |
margin-bottom: 30px | |
} | |
[wombat-template].wombat_counter .digit { | |
width: 38px | |
} | |
[wombat-template].wombat_counter .separator { | |
width: 16px | |
} | |
[wombat-template].wombat_counter .ticker-text { | |
font-size: 18px; | |
line-height: 28px; | |
margin-bottom: 30px | |
} | |
} | |
[wombat-template].wombat_crm_hero { | |
text-align: center; | |
padding-top: 40px; | |
border: none | |
} | |
[wombat-template].wombat_crm_hero .container { | |
margin: auto; | |
max-width: 1070px | |
} | |
[wombat-template].wombat_crm_hero p { | |
display: none | |
} | |
[wombat-template].wombat_crm_hero.unsubscribed p { | |
display: block | |
} | |
[wombat-template].wombat_crm_hero p:last-of-type { | |
margin-bottom: 0 | |
} | |
[wombat-template].wombat_crm_hero .copy-block.white-text * { | |
color: #fff | |
} | |
[wombat-template].wombat_crm_hero img { | |
width: 50%; | |
max-width: 100%; | |
opacity: 0; | |
visibility: hidden; | |
transition: opacity 250ms ease-in-out | |
} | |
[wombat-template].wombat_crm_hero img:not([src=""]) { | |
opacity: 1; | |
visibility: visible | |
} | |
@media screen and (max-width: 767px) { | |
[wombat-template].wombat_crm_hero .copy-block { | |
padding-top:40px | |
} | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_crm_hero { | |
text-align:left; | |
padding-top: 120px | |
} | |
[wombat-template].wombat_crm_hero img { | |
width: auto | |
} | |
[wombat-template].wombat_crm_hero .copy-block { | |
width: 50% | |
} | |
[wombat-template].wombat_crm_hero .image-block { | |
width: 50% | |
} | |
[wombat-template].wombat_crm_hero .container { | |
display: flex; | |
align-items: flex-end | |
} | |
[wombat-template].wombat_crm_hero .container.vertical-align { | |
align-items: center | |
} | |
[wombat-template].wombat_crm_hero .container.text-image { | |
flex-direction: row-reverse | |
} | |
[wombat-template].wombat_crm_hero .container.text-image .image-block { | |
text-align: right | |
} | |
[wombat-template].wombat_crm_hero .container.text-image .copy-block { | |
padding-right: 40px | |
} | |
[wombat-template].wombat_crm_hero .container.image-text { | |
flex-direction: row | |
} | |
[wombat-template].wombat_crm_hero .container.image-text .copy-block { | |
padding-left: 40px | |
} | |
} | |
[wombat-template].wombat_faq_accordion_module.accordion-module { | |
background-color: #fff; | |
position: relative; | |
overflow: hidden | |
} | |
[wombat-template].wombat_faq_accordion_module.accordion-module .container { | |
padding: 40px 40px 8px; | |
margin: 0 auto; | |
max-width: 1440px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_faq_accordion_module.accordion-module .container { | |
padding:96px 56px 56px | |
} | |
} | |
@media(min-width: 1280px) { | |
[wombat-template].wombat_faq_accordion_module.accordion-module .container { | |
padding:96px | |
} | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_faq_accordion_module.accordion-module .accordion-wrapper { | |
display:flex | |
} | |
} | |
[wombat-template].wombat_faq_accordion_module.accordion-module accordion-header h1 { | |
margin-bottom: 40px; | |
margin-top: 0 | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_faq_accordion_module.accordion-module accordion-header { | |
width:33.33%; | |
padding-right: 32px | |
} | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_faq_accordion_module.accordion-module accordion-panels { | |
width:66.66% | |
} | |
} | |
[wombat-template].wombat_faq_accordion_module.accordion-module .accordion-trigger[aria-expanded=false]+.accordion-content { | |
display: block; | |
height: 0 | |
} | |
[wombat-template].wombat_faq_accordion_module.accordion-module .accordion-trigger[aria-expanded=false]+.accordion-content.visible-when-closed { | |
height: 32px | |
} | |
[wombat-template].wombat_faq_accordion_module.accordion-module .accordion-trigger[aria-expanded=false] { | |
padding-top: 0; | |
padding-bottom: 24px; | |
transition: padding-top .25s cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template].wombat_faq_accordion_module.accordion-module .accordion-trigger[aria-expanded=true] { | |
padding-top: 40px; | |
margin-bottom: 16px; | |
transition: padding-top .25s cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template].wombat_faq_accordion_module.accordion-module h1 { | |
font-size: 24px; | |
line-height: 28px | |
} | |
[wombat-template].wombat_faq_accordion_module.accordion-module .question { | |
font-size: 20px; | |
line-height: 24px | |
} | |
[wombat-template].wombat_faq_accordion_module.accordion-module .answer,[wombat-template].wombat_faq_accordion_module.accordion-module .answer a { | |
font-size: 16px; | |
line-height: 18px | |
} | |
[wombat-template].wombat_faq_accordion_module.accordion-module[data-grey-links=false] .answer a { | |
font-weight: 400 | |
} | |
[wombat-template].wombat_faq_accordion_module.accordion-module .accordion-container { | |
text-align: left; | |
outline: none; | |
border: none; | |
padding-bottom: 8px | |
} | |
[wombat-template].wombat_faq_accordion_module.accordion-module .accordion-container .accordion-top-border,[wombat-template].wombat_faq_accordion_module.accordion-module .accordion-container .accordion-bottom-border { | |
background-color: #dcdbdb; | |
height: 1px; | |
opacity: 0 | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_faq_accordion_module.accordion-module .accordion-container { | |
padding-bottom:16px | |
} | |
} | |
[wombat-template].wombat_faq_accordion_module.accordion-module .accordion-container.panel-visible { | |
padding-bottom: 40px | |
} | |
[wombat-template].wombat_faq_accordion_module.accordion-module .accordion-container.panel-visible:last-of-type { | |
padding-bottom: 0 | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_faq_accordion_module.accordion-module .accordion-container.panel-visible:last-of-type { | |
padding-bottom:8px | |
} | |
} | |
[wombat-template].wombat_faq_accordion_module.accordion-module .accordion-container.panel-visible:last-of-type .accordion-bottom-border { | |
background-color: transparent; | |
height: unset; | |
margin-top: 0 | |
} | |
[wombat-template].wombat_faq_accordion_module.accordion-module .accordion-container.panel-visible .accordion-top-border { | |
top: 0; | |
margin-top: 0 | |
} | |
[wombat-template].wombat_faq_accordion_module.accordion-module .accordion-container.panel-visible .accordion-bottom-border { | |
bottom: 0; | |
margin-top: 12px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_faq_accordion_module.accordion-module .accordion-container.panel-visible .accordion-bottom-border { | |
margin-top:40px | |
} | |
} | |
[wombat-template].wombat_faq_accordion_module.accordion-module .accordion-container .accordion-top-border { | |
transition: opacity .25s cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template].wombat_faq_accordion_module.accordion-module .accordion-container.panel-visible .accordion-top-border,[wombat-template].wombat_faq_accordion_module.accordion-module .accordion-container.panel-visible .accordion-bottom-border { | |
opacity: 1; | |
transition: opacity .25s cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template].wombat_faq_accordion_module.accordion-module .question { | |
width: 93%; | |
padding-bottom: 5px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_faq_accordion_module.accordion-module .panel-visible .question { | |
padding-bottom:16px | |
} | |
} | |
[wombat-template].wombat_faq_accordion_module.accordion-module .answer { | |
margin-bottom: 16px; | |
width: calc( 90% ) | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_faq_accordion_module.accordion-module .answer { | |
margin-bottom:24px | |
} | |
} | |
[wombat-template].wombat_faq_accordion_module.accordion-module .answer:last-of-type { | |
margin-bottom: 0 | |
} | |
[wombat-template].wombat_faq_accordion_module.accordion-module .answer.visible { | |
overflow: hidden; | |
white-space: nowrap; | |
text-overflow: ellipsis | |
} | |
[wombat-template].wombat_faq_accordion_module.accordion-module .panel-visible .answer { | |
white-space: normal; | |
line-height: 24px | |
} | |
[wombat-template].wombat_faq_accordion_module.accordion-module .answer a,[wombat-template].wombat_faq_accordion_module.accordion-module .panel-visible .answer a { | |
transition: color .25s cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template].wombat_faq_accordion_module.accordion-module .accordion-content { | |
height: auto; | |
top: -24px | |
} | |
[wombat-template].wombat_faq_accordion_module.accordion-module .accordion-content[hidden] { | |
max-height: 0 | |
} | |
[wombat-template].wombat_faq_accordion_module.accordion-module .accordion-content[hidden].visible-when-closed { | |
max-height: 32px | |
} | |
[wombat-template].wombat_faq_accordion_module.accordion-module .panel-visible .chevron-container { | |
top: -5px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_faq_accordion_module.accordion-module .panel-visible .chevron-container { | |
top:-10px | |
} | |
} | |
[wombat-template].wombat_features_with_icons .container { | |
text-align: center; | |
margin: 50px auto | |
} | |
[wombat-template].wombat_features_with_icons h1 { | |
margin-bottom: 30px | |
} | |
[wombat-template].wombat_features_with_icons .feature { | |
max-width: 256px; | |
margin: 0 auto 60px | |
} | |
[wombat-template].wombat_features_with_icons .feature:last-of-type { | |
margin-bottom: 0 | |
} | |
[wombat-template].wombat_features_with_icons .feature .title { | |
width: 200px; | |
margin-left: auto; | |
margin-right: auto | |
} | |
[wombat-template].wombat_features_with_icons .feature .icon { | |
width: 38px; | |
height: 38px; | |
background-repeat: no-repeat; | |
background-size: contain; | |
margin: 0 auto 20px; | |
display: block | |
} | |
@media screen and (max-width: 767px) { | |
[wombat-template].wombat_features_with_icons .feature ul { | |
padding:0; | |
margin: 0 | |
} | |
} | |
[wombat-template].wombat_features_with_icons .feature ul li { | |
text-align: center | |
} | |
@media screen and (max-width: 767px) { | |
[wombat-template].wombat_features_with_icons .feature ul li { | |
padding:20px; | |
list-style-type: none | |
} | |
} | |
@media screen and (min-width: 768px) { | |
[wombat-template].wombat_features_with_icons .container { | |
margin:80px auto | |
} | |
[wombat-template].wombat_features_with_icons h1 { | |
margin-bottom: 60px | |
} | |
[wombat-template].wombat_features_with_icons .feature { | |
max-width: 100%; | |
display: table | |
} | |
[wombat-template].wombat_features_with_icons .feature>div { | |
display: table-cell; | |
float: left | |
} | |
[wombat-template].wombat_features_with_icons .feature .title { | |
margin-left: 50px; | |
width: 200px; | |
text-align: left | |
} | |
[wombat-template].wombat_features_with_icons .feature .icon { | |
max-width: 38px; | |
margin-left: 0 | |
} | |
[wombat-template].wombat_features_with_icons .feature .copy,[wombat-template].wombat_features_with_icons .feature ul { | |
text-align: left; | |
max-width: 350px | |
} | |
[wombat-template].wombat_features_with_icons .feature .copy { | |
margin-left: 50px | |
} | |
[wombat-template].wombat_features_with_icons .feature ul { | |
margin-left: 30px | |
} | |
} | |
@media screen and (min-width: 960px) { | |
[wombat-template].wombat_features_with_icons .feature .title { | |
width:300px | |
} | |
} | |
@media screen and (min-width: 1065px) { | |
[wombat-template].wombat_features_with_icons .feature .copy,[wombat-template].wombat_features_with_icons .feature ul { | |
max-width:565px | |
} | |
} | |
[wombat-template].wombat_gallery_color_picker { | |
overflow: hidden; | |
padding: 50px 0; | |
text-align: center; | |
transition-property: background-color; | |
transition-timing-function: ease-out; | |
transition-duration: 750ms | |
} | |
[wombat-template].wombat_gallery_color_picker header { | |
margin-left: auto; | |
margin-right: auto; | |
margin-bottom: 50px; | |
padding: 0 30px; | |
max-width: 90% | |
} | |
[wombat-template].wombat_gallery_color_picker header.white h1 { | |
color: #fff | |
} | |
[wombat-template].wombat_gallery_color_picker .product-slide-wrapper,[wombat-template].wombat_gallery_color_picker .product-color-wrapper { | |
position: relative; | |
width: 100%; | |
display: block | |
} | |
[wombat-template].wombat_gallery_color_picker .slide { | |
display: block; | |
width: 100%; | |
left: 50%; | |
list-style-type: none; | |
transform: translateX(-50%) | |
} | |
[wombat-template].wombat_gallery_color_picker .product-slide-wrapper { | |
height: 50vw; | |
max-height: 540px | |
} | |
[wombat-template].wombat_gallery_color_picker .product-color-wrapper { | |
height: 50px | |
} | |
[wombat-template].wombat_gallery_color_picker .slide .image-container { | |
position: relative; | |
height: 100% | |
} | |
[wombat-template].wombat_gallery_color_picker .slide img { | |
max-width: 100%; | |
display: block; | |
position: absolute; | |
left: 50%; | |
top: 50%; | |
height: 100%; | |
transform: translate(-50%, -50%); | |
object-fit: contain | |
} | |
[wombat-template].wombat_gallery_color_picker .product-color-slide { | |
list-style-type: none; | |
display: none; | |
transition: 350ms opacity ease; | |
position: absolute; | |
left: 0; | |
right: 0; | |
bottom: 65px | |
} | |
[wombat-template].wombat_gallery_color_picker .pagination-wrapper { | |
height: 150px | |
} | |
[wombat-template].wombat_gallery_color_picker .pagination-item { | |
display: inline-block | |
} | |
[wombat-template].wombat_gallery_color_picker .pagination-item.active { | |
opacity: 1; | |
z-index: 1 | |
} | |
[wombat-template].wombat_gallery_color_picker .pagination-item.active .product-color-slide { | |
display: inline-block; | |
z-index: 1 | |
} | |
[wombat-template].wombat_gallery_color_picker wombat-gallery .arrow-container { | |
display: block | |
} | |
[wombat-template].wombat_gallery_color_picker wombat-gallery .arrow-container .button-circular { | |
border: 2px solid rgba(66,63,63,.3); | |
background-color: #f8f8f8; | |
box-shadow: none !important | |
} | |
[wombat-template].wombat_gallery_color_picker wombat-gallery .arrow-container .button-circular .arrow-half { | |
background-color: #423f3f | |
} | |
[wombat-template].wombat_gallery_color_picker wombat-gallery .arrow-container .button-circular:hover { | |
background-color: #f8f8f8; | |
border: 2px solid rgba(66,63,63,.3) | |
} | |
[wombat-template].wombat_gallery_color_picker wombat-gallery .arrow-container .button-circular:hover .arrow-half { | |
background-color: #423f3f | |
} | |
[wombat-template].wombat_gallery_color_picker wombat-gallery .pagination-item .pagination-dot { | |
width: 14px; | |
height: 14px; | |
background-color: #fff | |
} | |
[wombat-template].wombat_gallery_color_picker wombat-gallery .pagination-item.active .pagination-dot { | |
background-color: #fff | |
} | |
@media(min-width: 475px) { | |
[wombat-template].wombat_gallery_color_picker .slide { | |
width:calc(100% - 100px) | |
} | |
} | |
@media(min-width: 767px) { | |
[wombat-template].wombat_gallery_color_picker header { | |
max-width:680px | |
} | |
[wombat-template].wombat_gallery_color_picker header>br { | |
display: none | |
} | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_gallery_color_picker header { | |
margin-bottom:50px | |
} | |
[wombat-template].wombat_gallery_color_picker wombat-gallery .pagination-item .pagination-dot { | |
width: 14px; | |
height: 14px; | |
display: inline | |
} | |
} | |
@media(min-width: 1144px) { | |
[wombat-template].wombat_gallery_color_picker .product-slide-wrapper { | |
height:30vw | |
} | |
} | |
[wombat-template].wombat_generic_details_bar { | |
background-color: #fff; | |
overflow: visible; | |
border-bottom: 0; | |
box-sizing: border-box | |
} | |
[wombat-template].wombat_generic_details_bar .bar-container { | |
padding: 0 16px; | |
position: relative; | |
display: flex; | |
vertical-align: middle; | |
min-height: 55px; | |
align-items: center; | |
max-width: 1440px; | |
margin: auto | |
} | |
@media all and (min-width: 600px) { | |
[wombat-template].wombat_generic_details_bar .bar-container { | |
padding:0 20px | |
} | |
} | |
[wombat-template].wombat_generic_details_bar a:focus { | |
box-shadow: 0 0 0 3px rgba(66,63,63,.15) | |
} | |
[wombat-template].wombat_generic_details_bar h1 { | |
display: inline-block; | |
margin: 0 | |
} | |
[wombat-template].wombat_generic_details_bar .heading-container { | |
width: 50% | |
} | |
[wombat-template].wombat_generic_details_bar .links-container { | |
display: flex; | |
align-items: center; | |
justify-content: flex-end; | |
width: 50%; | |
position: relative; | |
text-align: right; | |
opacity: 0; | |
transition: opacity 250ms ease-in-out | |
} | |
[wombat-template].wombat_generic_details_bar .links-container .expanded-link-container a,[wombat-template].wombat_generic_details_bar .links-container>button { | |
border: 0 solid transparent; | |
border-radius: 16px; | |
color: #423f3f; | |
line-height: unset; | |
font-size: 14px; | |
font-weight: 400; | |
height: auto | |
} | |
[wombat-template].wombat_generic_details_bar .links-container .expanded-link-container a:focus,[wombat-template].wombat_generic_details_bar .links-container>button:focus { | |
box-shadow: 0 0 0 3px rgba(66,63,63,.15) | |
} | |
[wombat-template].wombat_generic_details_bar .links-container .expanded-link-container a { | |
display: none; | |
padding: 8px 12px; | |
transition: background-color .2s cubic-bezier(0.4, 0, 1, 1); | |
margin-right: 8px | |
} | |
[wombat-template].wombat_generic_details_bar .links-container .expanded-link-container a:last-of-type { | |
margin-right: 0 | |
} | |
[wombat-template].wombat_generic_details_bar .links-container .expanded-link-container a:hover { | |
background-color: #f8f8f8 | |
} | |
[wombat-template].wombat_generic_details_bar .links-container .expanded-link-container a.selected { | |
box-shadow: 0 1px 4px 0 rgba(5,5,5,.15); | |
font-weight: 500; | |
pointer-events: none | |
} | |
[wombat-template].wombat_generic_details_bar .links-container .expanded-link-container a.selected:focus { | |
box-shadow: 0 0 0 3px rgba(66,63,63,.15) | |
} | |
[wombat-template].wombat_generic_details_bar .links-container>button { | |
position: relative; | |
cursor: pointer; | |
padding: 8px 32px 8px 12px; | |
box-shadow: 0 1px 4px 0 rgba(5,5,5,.15) | |
} | |
[wombat-template].wombat_generic_details_bar .links-container>button:not(.selected) { | |
display: none | |
} | |
[wombat-template].wombat_generic_details_bar .links-container>button::after { | |
border-color: #423f3f transparent; | |
border-style: solid; | |
border-width: 5px 5px 0; | |
height: 0; | |
width: 0; | |
position: absolute; | |
right: 12px; | |
top: 15px; | |
content: "" | |
} | |
[wombat-template].wombat_generic_details_bar .links-container>button:focus { | |
box-shadow: 0 0 0 3px rgba(66,63,63,.15) | |
} | |
[wombat-template].wombat_generic_details_bar .links-container ul { | |
top: 0; | |
right: 0; | |
position: absolute; | |
background: #fff; | |
outline: 1px solid transparent; | |
z-index: 2; | |
margin: 0; | |
padding: 0; | |
text-align: left; | |
display: none; | |
box-shadow: 0 8px 10px 1px rgba(5,5,5,.14),0 3px 14px 2px rgba(5,5,5,.12),0 5px 5px -3px rgba(5,5,5,.2) | |
} | |
[wombat-template].wombat_generic_details_bar .links-container ul.active { | |
display: block | |
} | |
[wombat-template].wombat_generic_details_bar .links-container ul li { | |
list-style: none | |
} | |
[wombat-template].wombat_generic_details_bar .links-container ul li a { | |
font-weight: 400; | |
padding: 12px 32px 12px 12px; | |
color: #423f3f; | |
font-size: 14px; | |
white-space: nowrap; | |
display: block | |
} | |
[wombat-template].wombat_generic_details_bar .links-container ul li a:hover { | |
background-color: #f8f8f8 | |
} | |
[wombat-template].wombat_generic_details_bar.show-nav .links-container { | |
opacity: 1 | |
} | |
[wombat-template].wombat_generic_details_bar:not(.collapsed) .heading-container,[wombat-template].wombat_generic_details_bar.heading-only .heading-container { | |
width: auto | |
} | |
[wombat-template].wombat_generic_details_bar:not(.collapsed) .links-container,[wombat-template].wombat_generic_details_bar.heading-only .links-container { | |
height: 100%; | |
width: 100%; | |
position: absolute; | |
left: 0; | |
top: 0; | |
justify-content: center | |
} | |
[wombat-template].wombat_generic_details_bar:not(.collapsed) .links-container ul.active,[wombat-template].wombat_generic_details_bar.heading-only .links-container ul.active { | |
display: none | |
} | |
[wombat-template].wombat_generic_details_bar:not(.collapsed) .links-container .expanded-link-container a,[wombat-template].wombat_generic_details_bar.heading-only .links-container .expanded-link-container a { | |
display: inline | |
} | |
[wombat-template].wombat_generic_details_bar:not(.collapsed) .links-container button,[wombat-template].wombat_generic_details_bar.heading-only .links-container button { | |
display: none | |
} | |
[wombat-template].wombat_geo_promo_banner { | |
background-size: cover; | |
background-repeat: no-repeat; | |
background-position: bottom center; | |
min-height: 300px; | |
position: relative | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_geo_promo_banner { | |
background-position:center right; | |
min-height: 200px | |
} | |
} | |
[wombat-template].wombat_geo_promo_banner h1 { | |
margin-bottom: 10px | |
} | |
[wombat-template].wombat_geo_promo_banner .copy-block { | |
text-align: center; | |
padding: 24px; | |
position: absolute; | |
width: 100% | |
} | |
@media(min-width: 420px) { | |
[wombat-template].wombat_geo_promo_banner .copy-block { | |
top:9vw | |
} | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_geo_promo_banner .copy-block { | |
top:50%; | |
transform: translateY(-50%); | |
width: 50%; | |
left: 0 | |
} | |
} | |
[wombat-template].wombat_hero_with_background_image { | |
text-align: center; | |
position: relative; | |
overflow: hidden | |
} | |
[wombat-template].wombat_hero_with_background_image .image-container { | |
background-size: cover | |
} | |
[wombat-template].wombat_hero_with_background_image .container { | |
overflow: visible | |
} | |
[wombat-template].wombat_hero_with_background_image .text-container { | |
padding-top: 40px; | |
position: absolute; | |
right: 0; | |
left: 0 | |
} | |
[wombat-template].wombat_hero_with_background_image .text-container.text-bottom { | |
padding-top: 0; | |
bottom: 50px | |
} | |
[wombat-template].wombat_hero_with_background_image .text-container.text-center { | |
padding-top: 0; | |
top: 50%; | |
left: 50%; | |
transform: translate(-50%, -50%) | |
} | |
[wombat-template].wombat_hero_with_background_image .text-container.text-above-image { | |
position: relative; | |
padding-bottom: 40px | |
} | |
@media all and (min-width: 768px) { | |
[wombat-template].wombat_hero_with_background_image .text-container.text-above-image { | |
position:absolute | |
} | |
} | |
[wombat-template].wombat_hero_with_background_image .youtube+.btn,[wombat-template].wombat_hero_with_background_image p+.btn { | |
margin-top: 10px | |
} | |
[wombat-template].wombat_hero_with_background_image .secondary-section { | |
margin: 20px | |
} | |
[wombat-template].wombat_hero_with_background_image .secondary-section .secondary-copy { | |
display: inline; | |
margin-right: 4px | |
} | |
[wombat-template].wombat_hero_with_background_image .secondary-section .skip-text-animation { | |
opacity: 1; | |
transform: none | |
} | |
@media all and (max-width: 767px) { | |
[wombat-template].wombat_hero_with_background_image .text-container br { | |
display:none | |
} | |
} | |
@media all and (min-width: 768px) { | |
[wombat-template].wombat_hero_with_background_image .text-container { | |
padding-top:100px; | |
max-width: 960px; | |
margin: auto | |
} | |
[wombat-template].wombat_hero_with_background_image .text-container.text-bottom { | |
bottom: 100px | |
} | |
[wombat-template].wombat_hero_with_background_image .youtube+.btn,[wombat-template].wombat_hero_with_background_image p+.btn { | |
margin-top: 20px | |
} | |
} | |
[wombat-template].wombat_hero_with_background_video { | |
text-align: center; | |
position: relative; | |
overflow: hidden | |
} | |
[wombat-template].wombat_hero_with_background_video header { | |
position: relative; | |
z-index: 1; | |
padding: 20px 30px 0 | |
} | |
[wombat-template].wombat_hero_with_background_video header.text-bottom { | |
position: absolute; | |
bottom: 50px; | |
right: 0; | |
left: 0 | |
} | |
[wombat-template].wombat_hero_with_background_video header h1 { | |
margin-bottom: 10px | |
} | |
[wombat-template].wombat_hero_with_background_video div.cta-block { | |
margin-top: 30px | |
} | |
[wombat-template].wombat_hero_with_background_video .video-completion-poster,[wombat-template].wombat_hero_with_background_video video { | |
min-height: 100%; | |
min-width: 100%; | |
position: absolute; | |
top: 0; | |
left: 50%; | |
transform: translateX(-50%); | |
object-fit: cover | |
} | |
[wombat-template].wombat_hero_with_background_video .video-completion-poster { | |
opacity: 0 | |
} | |
[wombat-template].wombat_hero_with_background_video.video-ended .video-completion-poster { | |
opacity: 1 | |
} | |
@media screen and (max-width: 767px) { | |
[wombat-template].wombat_hero_with_background_video header br { | |
display:none | |
} | |
} | |
@media screen and (min-width: 768px) { | |
[wombat-template].wombat_hero_with_background_video header { | |
padding-top:50px; | |
max-width: 960px; | |
margin: auto | |
} | |
[wombat-template].wombat_hero_with_background_video header.text-bottom { | |
bottom: 100px | |
} | |
} | |
[wombat-template].wombat_hero_with_image_or_video_left_or_right_copy { | |
overflow: hidden; | |
position: relative; | |
background-size: cover; | |
background-repeat: no-repeat; | |
min-height: 520px; | |
width: 100% | |
} | |
[wombat-template].wombat_hero_with_image_or_video_left_or_right_copy .copy-wrapper { | |
margin: 0 auto; | |
text-align: center; | |
width: 100%; | |
max-width: 90%; | |
position: relative; | |
z-index: 1 | |
} | |
[wombat-template].wombat_hero_with_image_or_video_left_or_right_copy .copy-block { | |
padding-top: 50px | |
} | |
[wombat-template].wombat_hero_with_image_or_video_left_or_right_copy .copy-block h1 { | |
margin-top: 0; | |
margin-bottom: 10px | |
} | |
[wombat-template].wombat_hero_with_image_or_video_left_or_right_copy .copy-block h2 { | |
margin-bottom: 20px | |
} | |
[wombat-template].wombat_hero_with_image_or_video_left_or_right_copy .copy-block h2>br { | |
display: none | |
} | |
[wombat-template].wombat_hero_with_image_or_video_left_or_right_copy .copy-block .icon-wrapper .icon { | |
margin: 0 auto; | |
display: block; | |
background-size: 100%; | |
background-repeat: no-repeat | |
} | |
[wombat-template].wombat_hero_with_image_or_video_left_or_right_copy video,[wombat-template].wombat_hero_with_image_or_video_left_or_right_copy .video-completion-poster { | |
min-height: 100%; | |
min-width: 100%; | |
position: absolute; | |
top: 0; | |
left: 50%; | |
transform: translateX(-50%); | |
object-fit: cover | |
} | |
[wombat-template].wombat_hero_with_image_or_video_left_or_right_copy .video-completion-poster { | |
opacity: 0 | |
} | |
[wombat-template].wombat_hero_with_image_or_video_left_or_right_copy.video-ended .video-completion-poster { | |
opacity: 1 | |
} | |
@media screen and (min-width: 768px) { | |
[wombat-template].wombat_hero_with_image_or_video_left_or_right_copy { | |
min-height:744px | |
} | |
[wombat-template].wombat_hero_with_image_or_video_left_or_right_copy .copy-wrapper { | |
display: flex; | |
justify-content: flex-start; | |
align-items: center; | |
height: 100%; | |
max-width: none | |
} | |
[wombat-template].wombat_hero_with_image_or_video_left_or_right_copy .copy-wrapper.right-side { | |
justify-content: flex-end | |
} | |
[wombat-template].wombat_hero_with_image_or_video_left_or_right_copy .copy-block { | |
width: 50%; | |
padding: 0 3vw | |
} | |
[wombat-template].wombat_hero_with_image_or_video_left_or_right_copy .copy-block.left-alignment { | |
text-align: left | |
} | |
[wombat-template].wombat_hero_with_image_or_video_left_or_right_copy .copy-block.left-alignment .icon-wrapper .icon { | |
margin: 0 | |
} | |
[wombat-template].wombat_hero_with_image_or_video_left_or_right_copy .copy-block h2>br { | |
display: block | |
} | |
} | |
@media screen and (min-width: 1040px) { | |
[wombat-template].wombat_hero_with_image_or_video_left_or_right_copy .copy-block { | |
padding:0 6vw | |
} | |
} | |
@media screen and (min-width: 1440px) { | |
[wombat-template].wombat_hero_with_image_or_video_left_or_right_copy .copy-wrapper:not(.right-side) .copy-block.left-alignment { | |
margin:0 12vw | |
} | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery { | |
background-color: #050505; | |
text-align: center; | |
padding-top: 50px; | |
padding-bottom: 70px | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .timeline-error { | |
color: #d93025; | |
padding: 20px; | |
margin: 20px auto; | |
border: 3px dashed #d93025 | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .top-copy { | |
padding: 0 32px 40px; | |
max-width: 550px; | |
margin: 0 auto | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .top-copy h2 { | |
color: #fff; | |
font-weight: bold; | |
margin-bottom: 20px | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .top-copy p { | |
color: #fff; | |
margin-bottom: 20px | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .top-copy a { | |
border-radius: 2px; | |
border: 2px solid #a09e9e; | |
color: #fff; | |
padding: 10px 15px; | |
display: inline-block | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .timeline { | |
display: none | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .gallery { | |
position: relative; | |
height: 662px; | |
transition: height 350ms ease-in-out | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .gallery .pagination { | |
display: block; | |
z-index: 2; | |
position: absolute; | |
bottom: -12px; | |
width: 100% | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .dot { | |
display: inline-block; | |
cursor: pointer; | |
border: 0; | |
margin-right: 15px; | |
width: 14px; | |
height: 14px; | |
border-radius: 50%; | |
transform: scale(0.75); | |
background-color: #fff; | |
box-shadow: inset 0 0 0 2px rgba(255,255,255,.3); | |
padding: 0 | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .dot:last-of-type { | |
margin-right: 0 | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .dot.active { | |
transform: scale(1); | |
background-color: transparent !important | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .dot svg { | |
position: absolute; | |
width: 100%; | |
height: 100%; | |
top: 0; | |
left: 0; | |
fill: none; | |
stroke: #fff; | |
border-radius: 50% | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .dot circle { | |
fill: none; | |
stroke-dasharray: 400; | |
stroke-dashoffset: 400; | |
transform: rotate(-90deg); | |
transform-origin: center center; | |
z-index: 10; | |
stroke-width: 20 | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .dot.active circle { | |
-webkit-animation-name: wombat-pagination-dot-loading-circle; | |
animation-name: wombat-pagination-dot-loading-circle; | |
-webkit-animation-duration: 2500ms; | |
animation-duration: 2500ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: forwards; | |
animation-delay: forwards; | |
-webkit-animation-timing-function: linear; | |
animation-timing-function: linear | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .dot:focus { | |
box-shadow: 0 0 0 3px rgba(255,255,255,.15) | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .slide { | |
width: 100%; | |
position: absolute; | |
top: 0px; | |
left: 0px; | |
display: flex; | |
flex-flow: column; | |
opacity: 0; | |
transition: opacity 350ms ease-in-out | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .slide [role=img] { | |
background-repeat: no-repeat,no-repeat; | |
background-size: 68.791667vw,contain; | |
width: 100%; | |
height: 59.791667vw; | |
order: 1 | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .slide .copy { | |
transition: opacity 350ms ease-in-out; | |
order: 2; | |
padding: 40px 32px; | |
max-width: 550px; | |
margin: 0 auto | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .slide .copy p { | |
color: #fff | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .slide.active { | |
opacity: 1 | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .slide h3 { | |
color: #fff; | |
margin-bottom: 10px | |
} | |
@media screen and (min-width: 768px) { | |
[wombat-template].wombat_learning_thermostat_timeline_gallery { | |
padding-bottom:30px | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .top-copy { | |
padding-bottom: 10px | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .top-copy a { | |
padding: 12px 17px | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .timeline { | |
display: flex; | |
justify-content: space-between; | |
position: relative; | |
margin: 20px auto; | |
max-width: 830px; | |
padding: 0 30px | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .line { | |
background-color: #fff; | |
width: calc(100% - 80px); | |
position: absolute; | |
top: calc(50% - 1px); | |
z-index: 1; | |
height: 2px | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .marker { | |
background-color: #050505; | |
background-position: center center; | |
background-repeat: no-repeat; | |
background-size: 30px 30px; | |
border: 5px solid #050505; | |
font-size: 12px; | |
height: 40px; | |
line-height: 26px; | |
position: relative; | |
text-align: center; | |
width: 40px; | |
z-index: 2 | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .marker::after { | |
content: attr(data-label); | |
font-size: 15px; | |
display: block; | |
width: 80px; | |
position: absolute; | |
top: 38px; | |
left: 50%; | |
color: #fff; | |
text-align: center; | |
transform: translateX(-50%) | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .marker:focus { | |
box-shadow: 0 0 0 3px rgba(255,255,255,.15); | |
outline: none | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .marker:first-of-type { | |
margin-left: unset | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .marker:last-of-type { | |
margin-right: unset | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .marker:nth-child(1) { | |
background-image: url("data:image/svg+xml,%3Csvg height='32' width='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23fff' stroke-width='2'%3E%3Cpath d='m31 16c0 8.284-6.716 15-15 15s-15-6.716-15-15 6.716-15 15-15 15 6.716 15 15z'/%3E%3Cg stroke-linecap='round'%3E%3Cpath d='m27.288 15.844h3.174m-14.42 0 5.31-3.15m-19.814 3.233h3.175m11.329 14.463v-3.175m0-22.483v-3.175m-.042 14.287v-7.811'/%3E%3Cpath d='m21.413 19.75-5.372-3.814' opacity='.4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .marker:nth-child(1).active { | |
background-image: url('data:image/svg+xml,%3Csvg height="30" width="30" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"%3E%3Cmask id="a" fill="%23fff"%3E%3Cpath d="m0 0h29.896v29.886h-29.896z" fill="%23fff" fill-rule="evenodd"/%3E%3C/mask%3E%3Cpath d="m21.062 12.27a1.012 1.012 0 0 1 -.253.234l-3.06 1.81-2.25 1.334a.998.998 0 0 1 -.51.14c-.01 0-.018-.003-.027-.003-.006 0-.01.003-.017.003-.026 0-.048-.013-.074-.015a1.022 1.022 0 0 1 -.456-.159l-.03-.016a.97.97 0 0 1 -.44-.81v-7.81c0-.199.073-.373.172-.528a.976.976 0 0 1 .832-.476c.55 0 1 .45 1 1v6.08l3.84-2.28c.47-.28 1.09-.12 1.37.35.064.11.1.23.12.347a.99.99 0 0 1 -.217.8zm8.346 3.518h-3.175a1 1 0 1 1 0-2h3.645c-.567-7.398-6.484-13.275-13.898-13.784.005.274.007.46.007.497v3.175a1 1 0 1 1 -2 0v-3.175l.008-.501c-7.482.471-13.458 6.41-13.987 13.874h.457c.007 0 .012-.003.018-.003h3.175a.99.99 0 0 1 .682.276.988.988 0 0 1 .32.727c0 .55-.45 1-1 1h-3.66c.463 7.528 6.463 13.534 13.987 14.012v-3.728a1 1 0 1 1 2 0v3.723c7.514-.519 13.488-6.552 13.91-14.093z" fill="%23fff" fill-rule="evenodd" mask="url(%23a)"/%3E%3C/svg%3E') | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .marker:nth-child(2) { | |
background-image: url("data:image/svg+xml,%3Csvg height='32' width='32' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd' stroke='%23fff' stroke-width='2'%3E%3Cpath d='m31 16c0 8.284-6.716 15-15 15s-15-6.716-15-15 6.716-15 15-15 15 6.716 15 15z'/%3E%3Cg stroke-linecap='round'%3E%3Cpath d='m27.288 15.844h3.175m-28.925.083h3.175m11.329 14.463v-3.175m0-22.483v-3.175'/%3E%3Cpath d='m20.922 21.76-4.85-5.68' opacity='.4'/%3E%3Cpath d='m15.967 15.819-4.865-3.805m4.898 3.83-.042 7.667'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .marker:nth-child(2).active { | |
background-image: url('data:image/svg+xml,%3Csvg height="30" width="30" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"%3E%3Cmask id="a" fill="%23fff"%3E%3Cpath d="m0 0h29.89v29.89h-29.89z" fill="%23fff" fill-rule="evenodd"/%3E%3C/mask%3E%3Cpath d="m15.96 22.46c0 .55-.45.99-1 .99h-.01c-.55 0-.99-.45-.99-1.01l.04-7.17-4.51-3.53a.992.992 0 0 1 -.17-1.4c.33-.44.96-.51 1.4-.17l4.84 3.79c.02.01.04.02.05.04.05.04.1.09.14.14.16.18.25.4.25.65zm10.27-6.67c-.55 0-1-.45-1-1s.45-1 1-1h3.64c-.56-7.4-6.48-13.28-13.89-13.78v3.67c0 .55-.44 1-1 1-.55 0-1-.45-1-1v-3.18c0-.03.01-.22.01-.5-7.48.47-13.46 6.41-13.99 13.88h.46c.01 0 .01-.01.02-.01h3.17a1.029 1.029 0 0 1 .69.28c.19.18.32.43.32.73 0 .55-.45 1-1 1h-3.66c.46 7.52 6.46 13.53 13.98 14.01v-3.73c0-.55.45-1 1-1 .56 0 1 .45 1 1v3.72c7.52-.52 13.49-6.55 13.91-14.09z" fill="%23fff" fill-rule="evenodd" mask="url(%23a)"/%3E%3C/svg%3E') | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .marker:nth-child(3) { | |
background-image: url('data:image/svg+xml,%3Csvg height="32" width="32" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="none" fill-rule="evenodd" stroke="%23fff" stroke-width="2"%3E%3Cpath d="m31 16c0 8.284-6.716 15-15 15-8.285 0-15-6.716-15-15s6.715-15 15-15c8.284 0 15 6.716 15 15z"/%3E%3Cg stroke-linecap="round"%3E%3Cpath d="m27.287 15.844h3.175m-28.925.083h3.175m11.33 14.463v-3.175m0-22.483v-3.175"/%3E%3Cpath d="m15.961 23.253.081-7.174" opacity=".4"/%3E%3Cpath d="m15.967 15.898-3.417 5.145m3.45-5.119-.041-7.667"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E') | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .marker:nth-child(3).active { | |
background-image: url('data:image/svg+xml,%3Csvg height="30" width="30" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"%3E%3Cmask id="a" fill="%23fff"%3E%3Cpath d="m0 0h29.89v29.89h-29.89z" fill="%23fff" fill-rule="evenodd"/%3E%3C/mask%3E%3Cpath d="m15.555 15.62-3.27 4.92c-.19.28-.51.44-.83.44a.99.99 0 0 1 -.56-.17.986.986 0 0 1 -.27-1.38l3.28-4.95-.04-7.28c-.01-.55.44-1 .99-1h.01a1 1 0 0 1 1 .99l.04 7.67c0 .3-.13.57-.35.76zm10.675.17c-.55 0-1-.45-1-1s.45-1 1-1h3.64c-.56-7.4-6.48-13.28-13.89-13.78v3.67c0 .55-.44 1-1 1-.55 0-1-.45-1-1v-3.18c0-.03.01-.22.01-.5-7.48.47-13.46 6.41-13.99 13.88h.46c.01 0 .01-.01.02-.01h3.17a1.029 1.029 0 0 1 .69.28c.19.18.32.43.32.73 0 .55-.45 1-1 1h-3.66c.46 7.52 6.46 13.53 13.98 14.01v-3.73c0-.55.45-1 1-1 .56 0 1 .45 1 1v3.72c7.52-.52 13.49-6.55 13.91-14.09z" fill="%23fff" fill-rule="evenodd" mask="url(%23a)"/%3E%3C/svg%3E') | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .marker:nth-child(4) { | |
background-image: url('data:image/svg+xml,%3Csvg height="32" width="32" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="none" fill-rule="evenodd" stroke="%23fff" stroke-width="2"%3E%3Cpath d="m1.558 15.927h3.175" stroke-linecap="round"/%3E%3Cpath d="m31 16c0 8.284-6.716 15-15 15s-15-6.716-15-15 6.716-15 15-15 15 6.716 15 15z"/%3E%3Cg stroke-linecap="round"%3E%3Cpath d="m27.308 15.844h3.175m-14.483 14.546v-3.175m0-22.483v-3.175m-.04 21.696.08-7.174m-.294.065-4.813 3.867m5.087-4.087-.016 7.667"/%3E%3Cpath d="m11.322 10.774 4.83 5.306" opacity=".4"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E') | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .marker:nth-child(4).active { | |
background-image: url('data:image/svg+xml,%3Csvg height="30" width="30" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"%3E%3Cmask id="a" fill="%23fff"%3E%3Cpath d="m0 0h29.89v29.89h-29.89z" fill="%23fff" fill-rule="evenodd"/%3E%3C/mask%3E%3Cpath d="m15.863 22.53c0 .55-.45 1-1 1s-1-.45-1-1l.01-5.58-3.46 2.78a.965.965 0 0 1 -.62.22c-.29 0-.58-.13-.78-.37-.35-.43-.28-1.06.15-1.41l4.82-3.87c.05-.04.09-.07.14-.09a.994.994 0 0 1 .76-.35c.55 0 1 .45 1 1.01zm10.367-6.74c-.55 0-1-.45-1-1s.45-1 1-1h3.64c-.56-7.4-6.48-13.28-13.89-13.78v3.67c0 .55-.44 1-1 1-.55 0-1-.45-1-1v-3.18c0-.03.01-.22.01-.5-7.48.47-13.46 6.41-13.99 13.88h.46c.01 0 .01-.01.02-.01h3.17a1.033 1.033 0 0 1 .691.28.997.997 0 0 1 -.681 1.73h-3.66c.46 7.52 6.46 13.53 13.98 14.01v-3.73c0-.55.45-1 1-1 .56 0 1 .45 1 1v3.72c7.52-.52 13.49-6.55 13.91-14.09z" fill="%23fff" fill-rule="evenodd" mask="url(%23a)"/%3E%3C/svg%3E') | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .marker:nth-child(5) { | |
background-image: url('data:image/svg+xml,%3Csvg height="32" width="32" xmlns="http://www.w3.org/2000/svg"%3E%3Cg fill="none" fill-rule="evenodd" stroke="%23fff" stroke-width="2"%3E%3Cpath d="m31 16c0 8.284-6.716 15-15 15s-15-6.716-15-15 6.716-15 15-15 15 6.716 15 15z"/%3E%3Cg stroke-linecap="round"%3E%3Cpath d="m27.288 15.844h3.175m-28.925.083h3.175m11.329 14.463v-3.175m0-22.483v-3.175m-.003 14.587 4.226 4.503m-4.356-4.723-.016 7.667"/%3E%3Cpath d="m10.186 20.226 5.855-4.146" opacity=".4"/%3E%3C/g%3E%3C/g%3E%3C/svg%3E') | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .marker:nth-child(5).active { | |
background-image: url('data:image/svg+xml,%3Csvg height="30" width="30" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"%3E%3Cmask id="a" fill="%23fff"%3E%3Cpath d="m0 .11h29.89v29.89h-29.89z" fill="%23fff" fill-rule="evenodd"/%3E%3C/mask%3E%3Cg fill="%23fff" fill-rule="evenodd"%3E%3Cpath d="m.48 13.87c-.01 0-.01.01-.02.01h3.2a.9.9 0 0 1 .37.07.991.991 0 0 0 -.38-.08z"/%3E%3Cpath d="m19.97 20.43a.976.976 0 0 1 -.68.27c-.268 0-.53-.11-.73-.32l-2.63-2.8-.01 5.06c0 .55-.45 1-1 1-.558 0-1-.45-1-1l.01-7.67c.012-.55.45-1 1-1h.012a.99.99 0 0 1 .909.6v.01l4.17 4.43a1 1 0 0 1 -.05 1.42zm6.26-4.53c-.55 0-1-.45-1-1s.45-1 1-1h3.64c-.56-7.4-6.48-13.28-13.89-13.78v3.67c0 .55-.44 1-1 1-.55 0-1-.45-1-1v-3.18c0-.03.01-.22.01-.5-7.48.47-13.46 6.41-13.99 13.88h.46c.01 0 .01-.01.02-.01h3.17a1.029 1.029 0 0 1 .69.28c.19.18.32.43.32.73 0 .55-.45 1-1 1h-3.66c.46 7.52 6.46 13.53 13.98 14.01v-3.73c0-.55.45-1 1-1 .56 0 1 .45 1 1v3.72c7.52-.52 13.49-6.55 13.91-14.09z" mask="url(%23a)" transform="translate(0 -.11)"/%3E%3C/g%3E%3C/svg%3E') | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .slide [role=img] { | |
background-repeat: no-repeat,no-repeat; | |
background-size: 39.7916667vw,contain; | |
width: 100%; | |
height: 36.3222222vw; | |
order: 2 | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .slide .copy { | |
order: 1 | |
} | |
[wombat-template].wombat_learning_thermostat_timeline_gallery .slide h3,[wombat-template].wombat_learning_thermostat_timeline_gallery .gallery .pagination { | |
display: none | |
} | |
} | |
[wombat-template].wombat_mpc { | |
padding: 25px 0 50px; | |
background-color: #fff | |
} | |
[wombat-template].wombat_mpc.larger-padding-top { | |
padding: 50px 0 | |
} | |
[wombat-template].wombat_mpc .container { | |
padding: 0 10px; | |
margin: 0 auto | |
} | |
[wombat-template].wombat_mpc .container header { | |
text-align: center; | |
margin-bottom: 24px | |
} | |
[wombat-template].wombat_mpc .container header h1 { | |
margin-top: 0 | |
} | |
[wombat-template].wombat_mpc .container .wombat-cards-gallery { | |
position: relative | |
} | |
[wombat-template].wombat_mpc .container .cards-container { | |
display: flex; | |
flex-direction: row; | |
overflow: scroll; | |
max-width: 1440px; | |
justify-content: left; | |
margin: 0 auto; | |
padding: 10px 0; | |
width: 90vw; | |
z-index: 2; | |
-ms-overflow-style: none; | |
scrollbar-width: none | |
} | |
[wombat-template].wombat_mpc .container .cards-container::-webkit-scrollbar { | |
display: none | |
} | |
[wombat-template].wombat_mpc .container .cards-container .card { | |
min-width: 348px; | |
min-height: 310px; | |
background: #f8f8f8; | |
border-radius: 4px; | |
padding: 32px; | |
cursor: pointer; | |
box-sizing: border-box; | |
position: relative; | |
margin-right: 24px; | |
text-align: center; | |
transition-timing-function: cubic-bezier(0.85, 0.33, 0.29, 0.79); | |
transition-duration: 200ms | |
} | |
@media screen and (max-width: 767px) { | |
[wombat-template].wombat_mpc .container .cards-container .card { | |
min-width:310px | |
} | |
} | |
@media screen and (max-width: 375px) { | |
[wombat-template].wombat_mpc .container .cards-container .card { | |
min-width:270px; | |
padding: 32px 20px | |
} | |
} | |
[wombat-template].wombat_mpc .container .cards-container .card:hover,[wombat-template].wombat_mpc .container .cards-container .card:focus { | |
box-shadow: 0 2px 11px 0 rgba(5,5,5,.2) | |
} | |
[wombat-template].wombat_mpc .container .cards-container .card .overlay { | |
transition: box-shadow 80ms ease-out; | |
z-index: 15 | |
} | |
[wombat-template].wombat_mpc .container .cards-container .card .text-link { | |
z-index: 20 | |
} | |
[wombat-template].wombat_mpc .container .cards-container .card .card-image { | |
background-position: center center; | |
background-size: contain; | |
background-repeat: no-repeat; | |
width: 160px; | |
height: 160px; | |
margin: 0 auto | |
} | |
[wombat-template].wombat_mpc .container .cards-container .card .name { | |
max-width: 290px; | |
vertical-align: bottom; | |
text-align: center; | |
margin: 0 auto 8px | |
} | |
[wombat-template].wombat_mpc .container .cards-container .card .name p { | |
font-weight: 500; | |
overflow: hidden; | |
max-height: 69px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_mpc .container .cards-container .card .name p { | |
max-height:84px | |
} | |
} | |
[wombat-template].wombat_mpc .container .cards-container .card .pricing-info { | |
margin: 0 auto | |
} | |
[wombat-template].wombat_mpc .container .cards-container .card .pricing-info .is-was-price-text { | |
box-sizing: border-box; | |
padding-bottom: 10px; | |
min-height: 30px | |
} | |
[wombat-template].wombat_mpc .container .cards-container .card .pricing-info .saved-amount { | |
color: #188038 | |
} | |
[wombat-template].wombat_mpc .container .cards-container .card .pricing-info .saved-amount::after { | |
color: #423f3f; | |
opacity: .6; | |
content: "| " | |
} | |
[wombat-template].wombat_mpc .container .arrow-container-left,[wombat-template].wombat_mpc .container .arrow-container-right { | |
z-index: 20; | |
display: block | |
} | |
[wombat-template].wombat_mpc .container .arrow-container-left button,[wombat-template].wombat_mpc .container .arrow-container-right button { | |
top: calc( 50% - 40px ); | |
left: 0 | |
} | |
@media screen and (min-width: 960px) { | |
[wombat-template].wombat_mpc { | |
padding-top:50px | |
} | |
[wombat-template].wombat_mpc.larger-padding-top { | |
padding-top: 104px | |
} | |
[wombat-template].wombat_mpc .container { | |
padding-left: 30px; | |
padding-right: 30px | |
} | |
[wombat-template].wombat_mpc .container header { | |
margin-bottom: 20px | |
} | |
[wombat-template].wombat_mpc .container .cards-container { | |
padding: 20px 0; | |
width: 80vw | |
} | |
[wombat-template].wombat_mpc .container .cards-container .card { | |
padding: 35px; | |
min-width: 448px; | |
width: 448px; | |
min-height: 384px | |
} | |
[wombat-template].wombat_mpc .container .cards-container .card .card-image { | |
margin-bottom: 10px; | |
width: 210px; | |
height: 210px | |
} | |
} | |
[wombat-template].wombat_multi_column_feature_list { | |
padding: 72px 0 | |
} | |
[wombat-template].wombat_multi_column_feature_list .header { | |
margin-bottom: 50px | |
} | |
[wombat-template].wombat_multi_column_feature_list .cta-block { | |
margin-top: 50px; | |
margin-bottom: 30px | |
} | |
[wombat-template].wombat_multi_column_feature_list .text-link { | |
margin-top: 20px; | |
margin-bottom: 20px | |
} | |
@media screen and (min-width: 768px) { | |
[wombat-template].wombat_multi_column_feature_list { | |
padding:100px 0 20px | |
} | |
} | |
[wombat-template].wombat_multi_column_feature_list_with_background_image { | |
text-align: center; | |
padding: 50px 0 0; | |
background-repeat: no-repeat | |
} | |
[wombat-template].wombat_multi_column_feature_list_with_background_image .header { | |
margin-bottom: 40px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_multi_column_feature_list_with_background_image { | |
padding:70px 0 0 | |
} | |
[wombat-template].wombat_multi_column_feature_list_with_background_image .header { | |
margin-bottom: 70px | |
} | |
} | |
[wombat-template].wombat_multi_column_links_list .container { | |
margin: 80px auto | |
} | |
[wombat-template].wombat_multi_column_links_list h1 { | |
text-align: center; | |
margin-bottom: 30px | |
} | |
[wombat-template].wombat_multi_column_links_list .grid-container { | |
display: grid; | |
grid-column-gap: 50px; | |
grid-template-columns: auto | |
} | |
[wombat-template].wombat_multi_column_links_list .grid-container .grid-item { | |
text-align: left; | |
padding: 20px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_multi_column_links_list h1 { | |
margin-bottom:60px | |
} | |
} | |
@media(min-width: 960px) { | |
[wombat-template].wombat_multi_column_links_list .grid-container { | |
grid-template-columns:max-content max-content; | |
justify-content: center | |
} | |
[wombat-template].wombat_multi_column_links_list .grid-container .grid-item { | |
margin-bottom: 10px; | |
max-width: 540px | |
} | |
} | |
[wombat-template].wombat_pdp_bar_promo { | |
background-color: #fff; | |
text-align: center; | |
z-index: 1; | |
padding: 0 0 8px; | |
border-bottom: 0 | |
} | |
[wombat-template].wombat_pdp_bar_promo.desktop-visible { | |
display: none | |
} | |
[wombat-template].wombat_pdp_bar_promo.tablet-visible { | |
display: none | |
} | |
[wombat-template].wombat_pdp_bar_promo.mobile-visible { | |
display: block | |
} | |
@media screen and (min-width: 768px) { | |
[wombat-template].wombat_pdp_bar_promo.mobile-visible { | |
display:none | |
} | |
[wombat-template].wombat_pdp_bar_promo.tablet-visible { | |
display: block | |
} | |
} | |
@media screen and (min-width: 960px) { | |
[wombat-template].wombat_pdp_bar_promo.mobile-visible { | |
display:none | |
} | |
[wombat-template].wombat_pdp_bar_promo.tablet-visible { | |
display: none | |
} | |
[wombat-template].wombat_pdp_bar_promo.desktop-visible { | |
display: block | |
} | |
} | |
[wombat-template].wombat_pdp_bar_promo.prominent-promo { | |
background-color: #f8f8f8; | |
padding: 24px 20%; | |
border: 24px solid #fff; | |
border-top: 0 | |
} | |
[wombat-template].wombat_pdp_bar_promo.prominent-promo p a { | |
color: #1967d2 | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_pdp_bar_promo.prominent-promo { | |
padding:24px | |
} | |
} | |
@media(min-width: 1015px) { | |
[wombat-template].wombat_pdp_bar_promo { | |
border-bottom:0 | |
} | |
} | |
[wombat-template].wombat_pdp_bar_promo p { | |
margin-bottom: 0 | |
} | |
@media(min-width: 760px) { | |
[wombat-template].wombat_pdp_bar_promo p { | |
margin-top:6px | |
} | |
} | |
[wombat-template].wombat_pdp_bar_promo p a,[wombat-template].wombat_pdp_bar_promo p .check-eligibility { | |
border: 0; | |
padding: 0; | |
color: #1a73e8 | |
} | |
[wombat-template] [href^=tel]:not(.btn) { | |
display: inline; | |
white-space: nowrap | |
} | |
@media not all and (hover: none)and (pointer: coarse) { | |
[wombat-template] [href^=tel]:not(.btn) { | |
all:inherit; | |
pointer-events: none; | |
display: inline; | |
white-space: nowrap | |
} | |
} | |
[wombat-template].wombat_product_image_gallery { | |
position: relative; | |
opacity: 0; | |
padding: 24px 0 | |
} | |
@media all and (min-width: 600px) { | |
[wombat-template].wombat_product_image_gallery { | |
padding:60px 0 | |
} | |
} | |
[wombat-template].wombat_product_image_gallery.image-loaded { | |
opacity: 1 | |
} | |
[wombat-template].wombat_product_image_gallery header { | |
text-align: center | |
} | |
[wombat-template].wombat_product_image_gallery .dark-bg h1 { | |
color: #fff | |
} | |
[wombat-template].wombat_product_image_gallery .heading { | |
margin-bottom: 0 | |
} | |
[wombat-template].wombat_product_image_gallery .overlay-wrapper { | |
height: calc(100% - 4px); | |
width: calc(100% - 4px); | |
margin: 2px 0 0 2px | |
} | |
[wombat-template].wombat_product_image_gallery .arrow-container { | |
display: block | |
} | |
[wombat-template].wombat_product_image_gallery .slide { | |
height: auto; | |
position: absolute | |
} | |
[wombat-template].wombat_product_image_gallery .slide-image { | |
width: 100% | |
} | |
[wombat-template].wombat_product_image_gallery .product-slide-wrapper { | |
min-height: 100vh | |
} | |
[wombat-template].wombat_product_image_gallery .pagination-wrapper { | |
transform: translate3d(-50%, 0, 0); | |
position: absolute; | |
bottom: 8px; | |
left: 50%; | |
display: flex; | |
align-items: center; | |
margin: 16px 0; | |
z-index: 12 | |
} | |
[wombat-template].wombat_product_image_gallery .pagination-dot-loader { | |
stroke: #423f3f | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_product_image_gallery .pagination-wrapper { | |
bottom:24px | |
} | |
} | |
[wombat-template].wombat_promo_hero_pdp { | |
padding-top: 30px; | |
text-align: center; | |
background-color: #f8f8f8; | |
background-position: center; | |
background-size: cover | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_promo_hero_pdp { | |
padding-top:44px | |
} | |
} | |
[wombat-template].wombat_promo_hero_pdp.dark-mode { | |
background-color: #050505 | |
} | |
[wombat-template].wombat_promo_hero_pdp.dark-mode p,[wombat-template].wombat_promo_hero_pdp.dark-mode .h3 { | |
color: #fff | |
} | |
[wombat-template].wombat_promo_hero_pdp.dark-mode .terms { | |
color: rgba(255,255,255,.5) | |
} | |
[wombat-template].wombat_promo_hero_pdp .container { | |
overflow: visible | |
} | |
[wombat-template].wombat_promo_hero_pdp .h3 { | |
margin: 0 auto; | |
max-width: 920px | |
} | |
[wombat-template].wombat_promo_hero_pdp .h3 span { | |
font-weight: 600 | |
} | |
[wombat-template].wombat_promo_hero_pdp p { | |
margin: 20px auto 0; | |
max-width: 920px | |
} | |
[wombat-template].wombat_promo_hero_pdp .terms { | |
margin-top: 8px | |
} | |
[wombat-template].wombat_promo_hero_pdp .cta-block { | |
margin-top: 20px | |
} | |
[wombat-template].wombat_promo_touts.modular-grid { | |
display: grid; | |
grid-template-rows: auto; | |
grid-template-columns: repeat(2, 1fr); | |
-ms-grid-columns: 1fr [2]; | |
grid-gap: 12px; | |
border-style: solid; | |
border-width: 12px | |
} | |
@media all and (-ms-high-contrast: none),(-ms-high-contrast: active) { | |
[wombat-template].wombat_promo_touts.modular-grid { | |
display: -ms-grid | |
} | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_promo_touts.modular-grid { | |
grid-template-columns:repeat(3, 1fr); | |
-ms-grid-columns: 1fr [3] | |
} | |
} | |
@media(min-width: 960px) { | |
[wombat-template].wombat_promo_touts.modular-grid { | |
grid-gap:24px; | |
border-width: 24px | |
} | |
} | |
[wombat-template].wombat_promo_touts.modular-grid { | |
border-color: #fff; | |
background-color: #fff | |
} | |
[wombat-template].wombat_promo_touts .grid-item { | |
background-color: #f8f8f8 | |
} | |
[wombat-template].wombat_promo_touts.dark-mode { | |
border-color: #050505; | |
background-color: #050505 | |
} | |
[wombat-template].wombat_promo_touts.dark-mode .grid-item { | |
background-color: #050505 | |
} | |
[wombat-template].wombat_promo_touts.dark-mode p,[wombat-template].wombat_promo_touts.dark-mode h2,[wombat-template].wombat_promo_touts.dark-mode h3,[wombat-template].wombat_promo_touts.dark-mode h4,[wombat-template].wombat_promo_touts.dark-mode h5,[wombat-template].wombat_promo_touts.dark-mode h6,[wombat-template].wombat_promo_touts.dark-mode .is-price,[wombat-template].wombat_promo_touts.dark-mode .was-price { | |
color: #fff | |
} | |
[wombat-template].wombat_promo_touts.dark-mode .tout-banner { | |
background-color: #191818 | |
} | |
[wombat-template].wombat_promo_touts.dark-mode .text-link.blue { | |
color: #8ab4f8 | |
} | |
[wombat-template].wombat_promo_touts.dark-mode .text-link.blue::before { | |
background-color: #8ab4f8 | |
} | |
[wombat-template].wombat_promo_touts.dark-mode a:focus { | |
box-shadow: 0 0 0 3px rgba(255,255,255,.15) | |
} | |
[wombat-template].wombat_promo_touts .grid-item { | |
text-align: center; | |
display: grid; | |
position: relative | |
} | |
[wombat-template].wombat_promo_touts .tout-banner { | |
margin-bottom: 20px; | |
padding: 0; | |
background-color: #f2f2f2 | |
} | |
[wombat-template].wombat_promo_touts .tout-banner.hidden-banner { | |
visibility: hidden | |
} | |
[wombat-template].wombat_promo_touts .tout-banner p { | |
opacity: .6; | |
margin-bottom: 0 | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_promo_touts .tout-banner { | |
padding:9px 0 | |
} | |
} | |
[wombat-template].wombat_promo_touts .copy-wrapper { | |
position: relative; | |
z-index: 10 | |
} | |
[wombat-template].wombat_promo_touts .copy-block { | |
margin-bottom: 20px; | |
padding: 0 12px | |
} | |
@media(min-width: 960px) { | |
[wombat-template].wombat_promo_touts .copy-block { | |
padding:0 60px | |
} | |
} | |
[wombat-template].wombat_promo_touts .img-wrapper { | |
align-self: end; | |
background-position: center; | |
background-repeat: no-repeat; | |
background-size: cover; | |
display: grid | |
} | |
[wombat-template].wombat_promo_touts .product-image { | |
width: 100%; | |
height: auto | |
} | |
[wombat-template].wombat_promo_touts .h4 { | |
margin-bottom: 0 | |
} | |
[wombat-template].wombat_promo_touts .h4 span { | |
font-weight: 600 | |
} | |
[wombat-template].wombat_promo_touts .was-price,[wombat-template].wombat_promo_touts .terms { | |
opacity: .52 | |
} | |
[wombat-template].wombat_promo_touts .btn,[wombat-template].wombat_promo_touts .text-link { | |
position: relative; | |
z-index: 20 | |
} | |
[wombat-template].wombat_promo_touts .btn { | |
margin-top: 20px | |
} | |
[wombat-template].wombat_promo_touts .text-link,[wombat-template].wombat_promo_touts .terms { | |
margin-top: 10px | |
} | |
[wombat-template].wombat_promo_touts .is-was-price-text { | |
margin-top: 10px | |
} | |
[wombat-template].wombat_promo_touts .eyebrow-text { | |
font-size: 12px; | |
line-height: 20px; | |
font-weight: 500 | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_promo_touts .eyebrow-text { | |
font-size:16px; | |
line-height: 22px | |
} | |
} | |
[wombat-template].wombat_promo_touts .btn.cta-shop-dark.ghost { | |
background-color: transparent; | |
border-color: rgba(255,255,255,.6) | |
} | |
[wombat-template].wombat_promo_touts .btn.cta-shop-dark.ghost:hover { | |
border-color: #423f3f | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_promo_touts .mobile-only { | |
display:none | |
} | |
} | |
[wombat-template].wombat_promo_touts .desktop-only { | |
display: none | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_promo_touts .desktop-only { | |
display:block | |
} | |
[wombat-template].wombat_promo_touts .desktop-only.img-wrapper { | |
display: grid | |
} | |
} | |
@media screen and (max-width: 767px) { | |
[wombat-template].wombat_promo_touts .h4,[wombat-template].wombat_promo_touts .is-price,[wombat-template].wombat_promo_touts .was-price,[wombat-template].wombat_promo_touts .text-link,[wombat-template].wombat_promo_touts .terms { | |
font-size:12px; | |
line-height: 16px | |
} | |
[wombat-template].wombat_promo_touts.modular-grid { | |
border-left: none; | |
border-right: none | |
} | |
} | |
[wombat-template].wombat_quote { | |
background-position: center; | |
background-size: cover | |
} | |
[wombat-template].wombat_quote .copy-block { | |
text-align: center; | |
max-width: 485px; | |
margin: 0 auto; | |
padding: 18vw 0 | |
} | |
[wombat-template].wombat_quote .copy-block.white h1,[wombat-template].wombat_quote .copy-block.white p { | |
color: #fff | |
} | |
[wombat-template].wombat_quote .copy-block .h2 { | |
margin-top: 0; | |
margin-bottom: 10px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_quote .copy-block { | |
max-width:870px; | |
padding: 14vw 0 | |
} | |
} | |
[wombat-template].wombat_service_feature_cards { | |
text-align: center; | |
padding: 50px 0 | |
} | |
[wombat-template].wombat_service_feature_cards a.overlay { | |
z-index: 3 | |
} | |
[wombat-template].wombat_service_feature_cards .side-scroll-element-holder { | |
padding: 10px 30px | |
} | |
[wombat-template].wombat_service_feature_cards .feature-cards { | |
margin-bottom: 40px | |
} | |
[wombat-template].wombat_service_feature_cards .feature-cards:hover .card { | |
z-index: 2; | |
transition: z-index .2s linear | |
} | |
[wombat-template].wombat_service_feature_cards .feature-cards,[wombat-template].wombat_service_feature_cards .card-items { | |
list-style: none; | |
padding: 0 | |
} | |
[wombat-template].wombat_service_feature_cards .card { | |
width: 290px; | |
max-width: 70vw; | |
background: #f8f8f8; | |
border-radius: 4px; | |
padding: 40px 50px 22px; | |
cursor: pointer; | |
box-sizing: border-box; | |
position: relative | |
} | |
[wombat-template].wombat_service_feature_cards .card .overlay { | |
transition: box-shadow 80ms ease-out | |
} | |
[wombat-template].wombat_service_feature_cards .card .overlay:hover,[wombat-template].wombat_service_feature_cards .card .overlay:focus { | |
box-shadow: 0 2px 11px 0 rgba(5,5,5,.2) | |
} | |
[wombat-template].wombat_service_feature_cards .card+.card { | |
margin-left: 20px | |
} | |
[wombat-template].wombat_service_feature_cards .card_heading { | |
font-size: 18px; | |
line-height: 24px; | |
margin-bottom: 20px | |
} | |
[wombat-template].wombat_service_feature_cards .card-items { | |
padding: 20px 0; | |
margin-bottom: 20px; | |
border-top: 1px solid #dcdbdb; | |
border-bottom: 1px solid #dcdbdb | |
} | |
[wombat-template].wombat_service_feature_cards .card-item { | |
font-weight: 500; | |
margin-bottom: 10px | |
} | |
[wombat-template].wombat_service_feature_cards .card-item:last-child { | |
margin-bottom: 0 | |
} | |
[wombat-template].wombat_service_feature_cards .tagline { | |
margin-bottom: 20px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_service_feature_cards { | |
padding:100px 0 | |
} | |
[wombat-template].wombat_service_feature_cards .feature-cards.mobile { | |
display: none | |
} | |
[wombat-template].wombat_service_feature_cards .header,[wombat-template].wombat_service_feature_cards .feature-cards { | |
margin-left: auto; | |
margin-right: auto | |
} | |
[wombat-template].wombat_service_feature_cards .card { | |
margin: 0; | |
padding: 60px 50px 44px | |
} | |
} | |
@media(min-width: 1040px) { | |
[wombat-template].wombat_service_feature_cards .card { | |
width:310px | |
} | |
} | |
@media(min-width: 1280px) { | |
[wombat-template].wombat_service_feature_cards .card { | |
width:350px | |
} | |
} | |
[wombat-template].wombat_special_offers #dropdown { | |
display: grid; | |
grid-template: "category-button sort-button" auto "list list" auto/50% 50% | |
} | |
[wombat-template].wombat_special_offers #dropdown>button:first-child { | |
grid-area: category-button | |
} | |
[wombat-template].wombat_special_offers #dropdown>button:last-child { | |
grid-area: sort-button | |
} | |
[wombat-template].wombat_special_offers #dropdown #sort-mobile,[wombat-template].wombat_special_offers #dropdown #categories-menu { | |
grid-area: list; | |
width: 100% | |
} | |
[wombat-template].wombat_special_offers #cards-topper { | |
display: grid; | |
grid-template-columns: 1fr; | |
grid-gap: 16px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_special_offers #cards-topper { | |
grid-template-columns:1fr 1fr | |
} | |
} | |
[wombat-template].wombat_special_offers #categories-grid { | |
grid-column-gap: 24px | |
} | |
[wombat-template].wombat_special_offers #categories-grid .filters { | |
order: 1; | |
flex-basis: 100% | |
} | |
[wombat-template].wombat_special_offers #cards { | |
--desktop-span: 1; | |
--mobile-span: 1; | |
display: grid; | |
grid-template-columns: repeat(2, 1fr); | |
grid-gap: 12px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_special_offers #cards { | |
grid-template-columns:repeat(3, 1fr); | |
grid-gap: 24px | |
} | |
} | |
[wombat-template].wombat_special_offers #cards .category-heading { | |
grid-column: 1/-1 | |
} | |
[wombat-template].wombat_special_offers .card { | |
grid-column: span var(--mobile-span) | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_special_offers .card { | |
grid-column:span var(--desktop-span) | |
} | |
} | |
[wombat-template].wombat_special_offers #cards-topper { | |
margin-top: 24px; | |
margin-bottom: 8px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_special_offers #cards-topper { | |
margin-bottom:16px; | |
margin-top: 48px | |
} | |
} | |
[wombat-template].wombat_special_offers #cards-topper .heading { | |
margin: 0 | |
} | |
[wombat-template].wombat_special_offers #cards { | |
max-width: 1014px; | |
margin: 0 auto | |
} | |
[wombat-template].wombat_special_offers #cards .category-heading { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 700; | |
font-size: 20px; | |
font-size: 1.25rem; | |
line-height: 28px; | |
line-height: 1.75rem; | |
letter-spacing: 0px; | |
letter-spacing: 0rem; | |
margin: 0; | |
font-weight: lighter | |
} | |
@media all and (min-width: 1024px) { | |
[wombat-template].wombat_special_offers #cards .category-heading { | |
font-size:24px; | |
font-size: 1.5rem; | |
line-height: 32px; | |
line-height: 2rem; | |
letter-spacing: 0px; | |
letter-spacing: 0rem | |
} | |
} | |
[wombat-template].wombat_special_offers .card { | |
display: grid; | |
position: relative; | |
margin-bottom: 48px; | |
grid-auto-rows: min-content | |
} | |
[wombat-template].wombat_special_offers .card [role=img] { | |
background-repeat: no-repeat; | |
background-position: center; | |
background-size: auto 100%; | |
background-color: #f8f8f8; | |
transition: background-size 250ms ease-in-out; | |
height: 52vw; | |
max-height: 390px; | |
margin-bottom: 12px; | |
position: relative | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_special_offers .card [role=img] { | |
height:36vw | |
} | |
} | |
[wombat-template].wombat_special_offers .card .overlay:focus [role=img],[wombat-template].wombat_special_offers .card:hover [role=img] { | |
background-size: auto 105% | |
} | |
[wombat-template].wombat_special_offers .card.featured [role=img] { | |
--mobile-image: ""; | |
--desktop-image: ""; | |
background-image: var(--mobile-image),linear-gradient(to bottom, #dcdbdb, #dcdbdb 50%, #f8f8f8 50%, #f8f8f8) | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_special_offers .card.featured [role=img] { | |
background-image:var(--desktop-image),linear-gradient(to bottom, #dcdbdb, #dcdbdb 50%, #f8f8f8 50%, #f8f8f8) | |
} | |
} | |
[wombat-template].wombat_special_offers .card.featured .overlay:focus [role=img],[wombat-template].wombat_special_offers .card.featured:hover [role=img] { | |
background-size: auto 105%,auto 100% | |
} | |
[wombat-template].wombat_special_offers .card .label { | |
position: absolute; | |
font-size: 12px; | |
line-height: 16px; | |
top: 16px; | |
left: 16px; | |
font-weight: bold | |
} | |
[wombat-template].wombat_special_offers .card .icon { | |
background-color: #f2f2f2; | |
background-position: center; | |
background-repeat: no-repeat; | |
background-size: calc(var(--icon-width) / var(--icon-height) * 16px) auto; | |
min-width: calc(var(--icon-width) / var(--icon-height) * 16px + 24px); | |
position: absolute; | |
border-radius: 36px; | |
height: 30px; | |
width: auto; | |
padding: 10px; | |
bottom: 10px; | |
left: 10px | |
} | |
[wombat-template].wombat_special_offers .card .icon span { | |
display: none | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_special_offers .card .icon { | |
height:36px; | |
width: auto | |
} | |
[wombat-template].wombat_special_offers .card .icon:not(:empty) { | |
background-position: center left 8px; | |
padding: 10px 10px 10px 36px; | |
line-height: 16px | |
} | |
[wombat-template].wombat_special_offers .card .icon span { | |
display: inline | |
} | |
} | |
[wombat-template].wombat_special_offers .card .details { | |
display: grid | |
} | |
[wombat-template].wombat_special_offers .card .title { | |
font-weight: bold; | |
color: #423f3f; | |
margin-bottom: 16px | |
} | |
[wombat-template].wombat_special_offers .card .price-wrapper .discount-amount { | |
color: #188038; | |
margin-right: 8px | |
} | |
[wombat-template].wombat_special_offers .card .terms-wrapper { | |
z-index: 2 | |
} | |
[wombat-template].wombat_special_offers .card .terms-link { | |
text-decoration: none | |
} | |
[wombat-template].wombat_special_offers .card .terms-modal { | |
display: none; | |
visibility: hidden | |
} | |
[wombat-template].wombat_special_offers .card .terms-modal:focus,[wombat-template].wombat_special_offers .card .terms-modal:active { | |
display: block; | |
visibility: visible | |
} | |
[wombat-template].wombat_special_offers #sort-mobile { | |
background-color: #fff; | |
position: absolute; | |
padding-top: 0; | |
margin-top: 0 | |
} | |
[wombat-template].wombat_special_offers #sort-mobile li.hidden { | |
display: none | |
} | |
[wombat-template].wombat_special_offers #sort-mobile li:focus-within button { | |
background-color: #fff | |
} | |
[wombat-template].wombat_special_offers #sort-mobile button { | |
-webkit-appearance: none; | |
cursor: pointer; | |
appearance: none; | |
width: 100%; | |
height: 60px; | |
text-align: left; | |
display: block; | |
background-color: #f8f8f8; | |
background-size: 100px 49px; | |
background-repeat: no-repeat; | |
background-position: right 12px center; | |
font-size: 14px; | |
font-weight: bold; | |
color: #423f3f; | |
padding-left: 24px; | |
margin-top: 2px; | |
border: none | |
} | |
[wombat-template].wombat_special_offers #sort-mobile button[aria-selected=true] { | |
color: #1a73e8 | |
} | |
[wombat-template].wombat_special_offers #sort-desktop { | |
text-align: right; | |
position: relative; | |
display: none | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_special_offers #sort-desktop { | |
display:block | |
} | |
} | |
[wombat-template].wombat_special_offers #sort-desktop button { | |
-webkit-appearance: none; | |
appearance: none; | |
border: 0; | |
font-size: 14px; | |
line-height: 16px | |
} | |
[wombat-template].wombat_special_offers #sort-desktop button span { | |
color: #050505 | |
} | |
[wombat-template].wombat_special_offers #sort-desktop #sort-dropdown { | |
position: absolute; | |
background: #fff; | |
max-width: 200px; | |
top: 32px; | |
right: 0; | |
margin: 0; | |
padding: 6px 20px; | |
z-index: 2; | |
border: 1px solid rgba(25,24,24,.1); | |
box-shadow: 0 5px 7px 1px rgba(25,24,24,.14); | |
border-radius: 3px | |
} | |
[wombat-template].wombat_special_offers #sort-desktop #sort-dropdown button { | |
font-size: 14px; | |
text-align: left; | |
width: 100%; | |
padding: 10px 0; | |
color: #423f3f; | |
cursor: pointer; | |
transition: color 250ms ease-in-out | |
} | |
[wombat-template].wombat_special_offers #sort-desktop #sort-dropdown button:focus,[wombat-template].wombat_special_offers #sort-desktop #sort-dropdown button:hover { | |
color: #050505 | |
} | |
[wombat-template].wombat_special_offers #categories-menu { | |
background-color: #fff; | |
position: absolute; | |
padding-top: 0; | |
margin-top: 0; | |
width: 100% | |
} | |
[wombat-template].wombat_special_offers #categories-menu button { | |
-webkit-appearance: none; | |
cursor: pointer; | |
appearance: none; | |
width: 100%; | |
height: 60px; | |
text-align: left; | |
display: block; | |
background-color: #f8f8f8; | |
background-size: 100px 49px; | |
background-repeat: no-repeat; | |
background-position: right 12px center; | |
font-size: 14px; | |
font-weight: bold; | |
color: #423f3f; | |
padding-left: 24px; | |
margin-top: 2px; | |
border: none | |
} | |
[wombat-template].wombat_special_offers #categories-grid { | |
display: none | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_special_offers #categories-grid { | |
display:flex; | |
flex-wrap: wrap; | |
row-gap: 20px; | |
align-items: center; | |
justify-content: center; | |
justify-items: center | |
} | |
[wombat-template].wombat_special_offers #categories-grid.hidden { | |
display: none; | |
visibility: hidden | |
} | |
[wombat-template].wombat_special_offers #categories-grid button { | |
-webkit-appearance: none; | |
appearance: none; | |
width: 180px; | |
height: 100%; | |
background-color: #f8f8f8; | |
background-position: center 30px; | |
background-repeat: no-repeat; | |
background-size: 170px auto; | |
border: 2px solid #fff; | |
cursor: pointer; | |
color: #423f3f; | |
font-size: 12px; | |
box-sizing: border-box; | |
padding-top: 128px; | |
padding-bottom: 18px | |
} | |
[wombat-template].wombat_special_offers #categories-grid button:last-child { | |
margin-right: 0 | |
} | |
[wombat-template].wombat_special_offers #categories-grid button.selected,[wombat-template].wombat_special_offers #categories-grid button:active { | |
border-color: #1a73e8 | |
} | |
} | |
[wombat-template].wombat_special_offers .filters { | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 500; | |
font-size: 16px; | |
font-size: 1rem; | |
line-height: 24px; | |
line-height: 1.5rem; | |
letter-spacing: 0.1px; | |
letter-spacing: 0.00625rem; | |
text-align: center; | |
width: 100%; | |
display: none | |
} | |
[wombat-template].wombat_special_offers .filters>span { | |
display: none | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_special_offers .filters { | |
margin-top:50px; | |
width: max-content | |
} | |
[wombat-template].wombat_special_offers .filters>span { | |
display: inline | |
} | |
[wombat-template].wombat_special_offers .filters.visible { | |
display: block | |
} | |
} | |
[wombat-template].wombat_special_offers .filter-list { | |
user-select: none; | |
margin: 0 24px; | |
position: relative; | |
top: 4px; | |
display: block | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_special_offers .filter-list { | |
margin:0 0 0 24px | |
} | |
[wombat-template].wombat_special_offers .filter-list,[wombat-template].wombat_special_offers .filter-list.expandable.expanded { | |
display: inline | |
} | |
} | |
[wombat-template].wombat_special_offers .filter-list li { | |
height: 48px; | |
text-align: left; | |
border-bottom: 1px solid rgba(25,24,24,.1); | |
display: flex; | |
align-items: center | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_special_offers .filter-list li { | |
display:inline-flex; | |
border: none | |
} | |
} | |
[wombat-template].wombat_special_offers .filter-list label { | |
display: block; | |
line-height: 48px; | |
width: 100%; | |
height: 100%; | |
padding: 0 16px 0 8px; | |
transition: color 200ms ease-in-out | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_special_offers .filter-list label { | |
width:auto | |
} | |
} | |
[wombat-template].wombat_special_offers .filter-list input[id="View all"] { | |
margin-left: 30px | |
} | |
[wombat-template].wombat_special_offers .filter-list input { | |
margin: 0; | |
padding: 0; | |
vertical-align: top; | |
-webkit-appearance: none; | |
-moz-appearance: none; | |
appearance: none; | |
border-radius: 2px; | |
border: 1px solid rgba(25,24,24,.3); | |
height: 15px; | |
position: relative; | |
width: 15px; | |
background-color: #fff | |
} | |
[wombat-template].wombat_special_offers .filter-list input::before { | |
content: ""; | |
display: block; | |
width: 15px; | |
height: 15px; | |
pointer-events: none; | |
background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCAxNiAxNiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTQ4IC02OTEpIj4KPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoNDkgMzA5KSI+CjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMzgzKSI+CjxyZWN0IHdpZHRoPSIxNCIgaGVpZ2h0PSIxNCIgcng9IjIiIGZpbGw9IiM0Mjg1RjQiIHN0cm9rZT0iIzQyODVGNCIvPgo8cG9seWxpbmUgcG9pbnRzPSIyIDYuNTcxNCA1Ljc1IDEwIDEyIDQiIGZpbGwtcnVsZT0ibm9uemVybyIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjEuNSIvPgo8L2c+CjwvZz4KPC9nPgo8L2c+Cjwvc3ZnPgo=); | |
background-size: 15px; | |
background-position: center; | |
background-repeat: no-repeat; | |
opacity: 0; | |
transition: all 200ms ease-in; | |
position: absolute; | |
left: -1px; | |
top: -1px; | |
transform: scale(0) | |
} | |
[wombat-template].wombat_special_offers .filter-list input:focus { | |
border-color: #1a73e8; | |
box-shadow: 0 0 0 3px rgba(25,103,210,.15) | |
} | |
[wombat-template].wombat_special_offers .filter-list input:focus+label { | |
color: #1a73e8 | |
} | |
[wombat-template].wombat_special_offers .filter-list input:checked { | |
border-color: #1a73e8 | |
} | |
[wombat-template].wombat_special_offers .filter-list input:checked:checked::before { | |
opacity: 1; | |
transform: scale(1) | |
} | |
[wombat-template].wombat_special_offers .filter-list input:checked+label { | |
color: #1a73e8 | |
} | |
[wombat-template].wombat_special_offers #dropdown { | |
text-align: center; | |
position: relative; | |
margin-bottom: 16px; | |
z-index: 1 | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_special_offers #dropdown { | |
display:none | |
} | |
} | |
[wombat-template].wombat_special_offers #dropdown>button { | |
background-color: #f8f8f8; | |
width: 100%; | |
height: 63px; | |
font-size: 16px; | |
position: relative; | |
border: 2px solid #f8f8f8; | |
cursor: pointer | |
} | |
[wombat-template].wombat_special_offers #dropdown>button::after { | |
content: ""; | |
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M18.59 16.41L20 15l-8-8-8 8 1.41 1.41L12 9.83'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cg mask='url(%23b)' fill='%235f6368'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
transform: rotate(180deg); | |
transform-origin: center center; | |
display: inline-block; | |
width: 18px; | |
margin-left: 4px; | |
height: 18px; | |
background-size: contain; | |
background-repeat: no-repeat; | |
background-position: center center; | |
vertical-align: middle; | |
transition: transform 350ms ease | |
} | |
[wombat-template].wombat_special_offers #dropdown>button[aria-expanded=true]::after { | |
transform: rotate(0deg) | |
} | |
[wombat-template].wombat_special_offers #dropdown>button:focus,[wombat-template].wombat_special_offers #dropdown>button.focus { | |
color: #1a73e8; | |
border-bottom-color: #1a73e8 | |
} | |
[wombat-template].wombat_special_offers #dropdown>button:nth-child(1)::before { | |
display: block; | |
width: 1px; | |
height: 28px; | |
background-color: rgba(25,24,24,.1); | |
content: ""; | |
position: absolute; | |
right: 0; | |
top: 50%; | |
transform: translateY(-50%) | |
} | |
[wombat-template].wombat_special_offers #filter-actions { | |
display: none; | |
background-color: #fff; | |
padding: 12px 16px; | |
text-align: right; | |
box-shadow: 0px 0 5px 5px rgba(5,5,5,.05); | |
position: fixed; | |
bottom: 0; | |
left: 0; | |
right: 0; | |
z-index: 2 | |
} | |
[wombat-template].wombat_special_offers #filter-actions #clear { | |
padding: 0; | |
background: none | |
} | |
[wombat-template].wombat_special_offers #filter-actions #apply { | |
margin-left: 12px | |
} | |
[wombat-template].wombat_special_offers { | |
width: 100%; | |
overflow: visible; | |
background-color: #fff; | |
color: #423f3f; | |
transition: opacity 500ms ease-in-out; | |
opacity: 0 | |
} | |
[wombat-template].wombat_special_offers.loaded { | |
opacity: 1 | |
} | |
[wombat-template].wombat_special_offers #no-offers { | |
display: none; | |
background-color: #f2f2f2; | |
padding: 200px 0; | |
align-content: center | |
} | |
[wombat-template].wombat_special_offers #no-offers .offers-heading { | |
margin: 0 | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_special_offers #no-offers .offers-heading br { | |
display:none | |
} | |
} | |
[wombat-template].wombat_special_offers #no-offers .offers-heading::before { | |
background-image: url(https://www.gstatic.com/images/branding/product/1x/shoppingmode_64dp.png); | |
background-repeat: no-repeat; | |
background-position: center center; | |
width: 64px; | |
height: 64px; | |
display: block; | |
content: ""; | |
margin: 0 auto 24px | |
} | |
[wombat-template].wombat_special_offers.no-offers>* { | |
display: none | |
} | |
[wombat-template].wombat_special_offers.no-offers #no-offers { | |
display: grid | |
} | |
[wombat-template].wombat_special_offers .container { | |
width: 100%; | |
max-width: 1024px; | |
margin: 0 auto; | |
padding: 0 12px | |
} | |
[wombat-template].wombat_special_offers .offers-heading { | |
text-align: center; | |
margin-bottom: 16px; | |
margin-top: 36px | |
} | |
[wombat-template].wombat_special_offers p { | |
display: none; | |
text-align: center; | |
margin-top: 0; | |
margin-bottom: 24px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_special_offers p { | |
display:block; | |
margin-bottom: 48px | |
} | |
} | |
[wombat-template].wombat_special_offers ul { | |
list-style: none; | |
padding: 0; | |
width: 100%; | |
text-align: center | |
} | |
[wombat-template].wombat_special_offers .expandable { | |
display: none | |
} | |
[wombat-template].wombat_special_offers .expandable.expanded { | |
display: block | |
} | |
[wombat-template].wombat_special_offers #category-sort-wrapper { | |
height: 63px; | |
width: 100% | |
} | |
[wombat-template].wombat_special_offers .back-to-top { | |
text-align: center; | |
padding: 48px 0 | |
} | |
[wombat-template].wombat_special_offers .back-to-top span::after { | |
background-image: url("data:image/svg+xml;utf-8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M18.59 16.41L20 15l-8-8-8 8 1.41 1.41L12 9.83'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cg mask='url(%23b)' fill='%231967d2'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
background-repeat: no-repeat; | |
transform: translate(-50%, 0); | |
transition: transform 350ms ease | |
} | |
[wombat-template].wombat_special_offers .back-to-top a:hover span::after { | |
transform: translate(-50%, -4px) | |
} | |
[wombat-template].wombat_special_offers .chevron::after { | |
content: ""; | |
background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='24' height='24' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' d='M18.59 16.41L20 15l-8-8-8 8 1.41 1.41L12 9.83'/%3E%3C/defs%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23a'/%3E%3C/mask%3E%3Cg mask='url(%23b)' fill='%235f6368'%3E%3Cpath d='M0 0h24v24H0z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); | |
transform: rotate(180deg); | |
transform-origin: center center; | |
display: inline-block; | |
width: 12px; | |
margin-left: 4px; | |
height: 12px; | |
background-size: contain; | |
background-repeat: no-repeat; | |
background-position: center center; | |
vertical-align: middle; | |
transition: transform 350ms ease | |
} | |
[wombat-template].wombat_special_offers [aria-expanded=true].chevron::after { | |
transform: rotate(0deg) | |
} | |
@media screen and (max-width: 766px) { | |
[wombat-template].wombat_special_offers.menu-expanded #filter-actions { | |
display:block | |
} | |
[wombat-template].wombat_special_offers.menu-expanded #cards { | |
z-index: 0; | |
position: relative | |
} | |
[wombat-template].wombat_special_offers.menu-expanded #cards:before { | |
content: ""; | |
position: absolute; | |
top: 0; | |
bottom: 0; | |
left: 0; | |
right: 0; | |
background-color: rgba(5,5,5,.3); | |
z-index: 2 | |
} | |
} | |
.wombat-offers-terms-content { | |
padding: 100px 24px 24px | |
} | |
[data-active-modal=speedtest] .gsi-modal-mask { | |
background-color: #050505; | |
opacity: .5 | |
} | |
[data-active-modal=speedtest] .gsi-modal-x { | |
display: none | |
} | |
[data-active-modal=speedtest] .gsi-modal-content { | |
background-color: #fff; | |
display: flex; | |
width: 100%; | |
max-height: 100vh; | |
border-radius: 4px | |
} | |
@media(min-width: 768px) { | |
[data-active-modal=speedtest] .gsi-modal-content { | |
position:absolute; | |
top: 50%; | |
left: 50%; | |
height: auto; | |
width: calc(100% - 20px); | |
max-width: 1050px; | |
transform: translate(-50%, -50%) | |
} | |
} | |
[data-active-modal=speedtest] [wombat-template].wombat_speedtest { | |
border-bottom: unset; | |
overflow: scroll; | |
display: grid; | |
align-content: start; | |
align-items: stretch; | |
grid-template: "main main" auto "about about" auto "button button" auto/auto 50% | |
} | |
@media(min-width: 1015px) { | |
[data-active-modal=speedtest] [wombat-template].wombat_speedtest { | |
border-bottom:unset | |
} | |
} | |
@media(min-width: 768px) { | |
[data-active-modal=speedtest] [wombat-template].wombat_speedtest { | |
overflow:unset; | |
border-bottom: 0; | |
grid-template: "main about" auto "main about" auto "button about" auto/auto 50% | |
} | |
} | |
[data-active-modal=speedtest] [wombat-template].wombat_speedtest p,[data-active-modal=speedtest] [wombat-template].wombat_speedtest li,[data-active-modal=speedtest] [wombat-template].wombat_speedtest .h4,[data-active-modal=speedtest] [wombat-template].wombat_speedtest .h5 { | |
color: #423f3f | |
} | |
[data-active-modal=speedtest] [wombat-template].wombat_speedtest .speedtest-close { | |
position: absolute; | |
top: 8px; | |
right: 8px; | |
height: 48px; | |
width: 48px; | |
background-color: #fff; | |
border-radius: 100%; | |
border: 2px solid rgba(66,63,63,.6) | |
} | |
[data-active-modal=speedtest] [wombat-template].wombat_speedtest .speedtest-close:hover { | |
background-color: #423f3f | |
} | |
[data-active-modal=speedtest] [wombat-template].wombat_speedtest .speedtest-close:hover path { | |
fill: #fff | |
} | |
[data-active-modal=speedtest] [wombat-template].wombat_speedtest .speedtest-close:focus { | |
box-shadow: 0 0 0 3px rgba(66,63,63,.15) | |
} | |
[data-active-modal=speedtest] [wombat-template].wombat_speedtest .speedtest-close svg { | |
position: absolute; | |
top: 50%; | |
left: 50%; | |
width: 24px; | |
height: 24px; | |
transform: translate(-50%, -50%) | |
} | |
[data-active-modal=speedtest] [wombat-template].wombat_speedtest .state-section { | |
display: none | |
} | |
[data-active-modal=speedtest] [wombat-template].wombat_speedtest .state-section.visible { | |
display: block | |
} | |
[data-active-modal=speedtest] [wombat-template].wombat_speedtest .progress-wrap { | |
background-color: #8ab4f8; | |
margin-top: 48px; | |
width: 100% | |
} | |
[data-active-modal=speedtest] [wombat-template].wombat_speedtest .progress-wrap .progress { | |
background-color: #1a73e8; | |
height: 8px | |
} | |
[data-active-modal=speedtest] [wombat-template].wombat_speedtest .stadia-icon { | |
margin-bottom: 8px | |
} | |
[data-active-modal=speedtest] [wombat-template].wombat_speedtest .h4 { | |
margin-bottom: 10px | |
} | |
[data-active-modal=speedtest] [wombat-template].wombat_speedtest .h5 { | |
margin-bottom: 8px | |
} | |
[data-active-modal=speedtest] [wombat-template].wombat_speedtest .buttons-container { | |
grid-area: button; | |
padding: 32px; | |
display: flex; | |
align-items: flex-end; | |
justify-content: center | |
} | |
@media(min-width: 768px) { | |
[data-active-modal=speedtest] [wombat-template].wombat_speedtest .buttons-container { | |
justify-content:left; | |
padding: 0 48px 48px | |
} | |
} | |
[data-active-modal=speedtest] [wombat-template].wombat_speedtest .buttons-container button { | |
width: 100% | |
} | |
@media(min-width: 400px) { | |
[data-active-modal=speedtest] [wombat-template].wombat_speedtest .buttons-container button { | |
width:auto | |
} | |
} | |
[data-active-modal=speedtest] [wombat-template].wombat_speedtest .disclaimer { | |
padding-top: 32px | |
} | |
@media(min-width: 768px) { | |
[data-active-modal=speedtest] [wombat-template].wombat_speedtest .disclaimer { | |
padding-top:unset; | |
padding-bottom: 32px | |
} | |
} | |
[data-active-modal=speedtest] [wombat-template].wombat_speedtest .main { | |
grid-area: main; | |
padding: 32px | |
} | |
@media(min-width: 768px) { | |
[data-active-modal=speedtest] [wombat-template].wombat_speedtest .main { | |
padding:48px | |
} | |
} | |
[data-active-modal=speedtest] [wombat-template].wombat_speedtest .about { | |
grid-area: about; | |
display: grid; | |
background-color: #f8f8f8; | |
padding: 32px | |
} | |
[data-active-modal=speedtest] [wombat-template].wombat_speedtest .about .tips { | |
order: 1; | |
padding-bottom: 32px | |
} | |
[data-active-modal=speedtest] [wombat-template].wombat_speedtest .about ul { | |
padding: 0 | |
} | |
[data-active-modal=speedtest] [wombat-template].wombat_speedtest .about li { | |
list-style: none; | |
min-height: 32px; | |
text-indent: -28px; | |
margin-left: 28px | |
} | |
[data-active-modal=speedtest] [wombat-template].wombat_speedtest .about .icon { | |
width: 20px; | |
height: 20px; | |
display: inline-block; | |
float: left; | |
margin-right: 8px | |
} | |
[data-active-modal=speedtest] [wombat-template].wombat_speedtest .about svg { | |
width: 100%; | |
height: auto | |
} | |
[data-active-modal=speedtest] [wombat-template].wombat_speedtest .about .mlab { | |
order: 2 | |
} | |
@media(min-width: 768px) { | |
[data-active-modal=speedtest] [wombat-template].wombat_speedtest .about { | |
grid-auto-columns:column-reverse; | |
padding: 48px | |
} | |
[data-active-modal=speedtest] [wombat-template].wombat_speedtest .about .tips { | |
order: 2; | |
padding-bottom: 0 | |
} | |
[data-active-modal=speedtest] [wombat-template].wombat_speedtest .about .mlab { | |
order: 1; | |
padding-bottom: 32px | |
} | |
} | |
@keyframes fullHeightAnimation { | |
0% { | |
height: 0% | |
} | |
100% { | |
height: 100% | |
} | |
} | |
[wombat-template].wombat_tab_gallery { | |
background-color: #fff; | |
position: relative | |
} | |
[wombat-template].wombat_tab_gallery .video-container { | |
position: relative; | |
width: 100%; | |
overflow: hidden | |
} | |
[wombat-template].wombat_tab_gallery .video-container::after { | |
content: " "; | |
display: block; | |
clear: both | |
} | |
[wombat-template].wombat_tab_gallery .slide-transition-speed { | |
display: none | |
} | |
[wombat-template].wombat_tab_gallery .slide { | |
height: 0; | |
opacity: 0; | |
transition: opacity 350ms ease-in-out; | |
background-color: #050505 | |
} | |
[wombat-template].wombat_tab_gallery .video-mobile,[wombat-template].wombat_tab_gallery .video-desktop { | |
width: 100%; | |
height: 100%; | |
object-fit: cover | |
} | |
[wombat-template].wombat_tab_gallery .video-desktop { | |
display: none | |
} | |
[wombat-template].wombat_tab_gallery .mobile-background-image,[wombat-template].wombat_tab_gallery .desktop-background-image { | |
width: 100%; | |
background-size: cover; | |
background-repeat: no-repeat; | |
background-position: center | |
} | |
[wombat-template].wombat_tab_gallery .desktop-background-image { | |
display: none | |
} | |
[wombat-template].wombat_tab_gallery .slide-is-active { | |
opacity: 1 | |
} | |
[wombat-template].wombat_tab_gallery .heading { | |
position: absolute; | |
width: 100%; | |
text-align: center; | |
top: 92px; | |
left: 50% | |
} | |
[wombat-template].wombat_tab_gallery .heading-text { | |
position: absolute; | |
max-width: 440px; | |
font-size: 24px; | |
font-weight: 600; | |
line-height: 32px; | |
color: #fff; | |
opacity: 0; | |
transform: translateX(-50%) translateY(30%) | |
} | |
[wombat-template].wombat_tab_gallery .wombat-tab-gallery-animation-step { | |
transform: translateX(-50%) translateY(0%); | |
opacity: 1 | |
} | |
[wombat-template].wombat_tab_gallery .wombat-tab-gallery-animation-start { | |
transition: opacity 1.4s,transform 1.4s | |
} | |
[wombat-template].wombat_tab_gallery ul { | |
list-style-type: none; | |
margin: auto; | |
padding: 0 | |
} | |
[wombat-template].wombat_tab_gallery li { | |
opacity: .3; | |
display: none; | |
flex-direction: column; | |
position: relative; | |
text-align: center | |
} | |
[wombat-template].wombat_tab_gallery li.add-animation { | |
display: block; | |
opacity: 1 | |
} | |
[wombat-template].wombat_tab_gallery li.add-animation .slide-copy { | |
visibility: visible | |
} | |
[wombat-template].wombat_tab_gallery .animation-bar { | |
display: none; | |
width: 2px; | |
height: 24px; | |
background-color: #fff; | |
opacity: .3; | |
margin-top: 6px; | |
float: left; | |
position: absolute; | |
transition: height .2s; | |
transition-timing-function: ease-in | |
} | |
[wombat-template].wombat_tab_gallery .animation-bar-hidden { | |
width: 2px; | |
height: 0%; | |
background-color: #fff; | |
margin-top: 6px; | |
position: absolute | |
} | |
[wombat-template].wombat_tab_gallery .slide-heading { | |
font-size: 20px; | |
font-weight: 500; | |
line-height: 32px; | |
pointer-events: none | |
} | |
[wombat-template].wombat_tab_gallery .slide-copy { | |
font-size: 14px; | |
line-height: 24px; | |
visibility: hidden; | |
pointer-events: none; | |
transition: opacity .4s ease-in,height .4s ease-in | |
} | |
[wombat-template].wombat_tab_gallery .copy-with-list { | |
display: none; | |
margin: 32px auto; | |
padding: 0 5vw 0 6vw; | |
text-align: center; | |
height: 200px | |
} | |
[wombat-template].wombat_tab_gallery .copy-with-list.is-shown { | |
display: block; | |
visibility: visible | |
} | |
[wombat-template].wombat_tab_gallery .wombat-tab-gallery-controls { | |
height: 10px; | |
margin: 28px auto 0; | |
display: inline-block | |
} | |
[wombat-template].wombat_tab_gallery .controls-is-inActive { | |
visibility: hidden | |
} | |
[wombat-template].wombat_tab_gallery button { | |
border: 0 | |
} | |
[wombat-template].wombat_tab_gallery button:hover { | |
cursor: pointer | |
} | |
[wombat-template].wombat_tab_gallery button+[wombat-template].wombat_tab_gallery button { | |
margin-left: 15px | |
} | |
[wombat-template].wombat_tab_gallery button.add-animation .circle { | |
-webkit-animation-name: wombat-pagination-dot-loading-circle; | |
animation-name: wombat-pagination-dot-loading-circle; | |
-webkit-animation-duration: 5s; | |
animation-duration: 5s; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: forwards; | |
animation-delay: forwards; | |
-webkit-animation-timing-function: linear; | |
animation-timing-function: linear | |
} | |
[wombat-template].wombat_tab_gallery button.add-animation .wombat-tab-gallery-pagination { | |
transform: scale(1); | |
background-color: transparent | |
} | |
[wombat-template].wombat_tab_gallery .wombat-tab-gallery-pagination { | |
position: relative; | |
width: 14px; | |
height: 14px; | |
border-radius: 50%; | |
transform: scale(0.75); | |
background-color: #423f3f; | |
box-shadow: inset 0 0 0 2px rgba(66,63,63,.3); | |
float: left; | |
pointer-events: none; | |
transition-duration: .1s; | |
transition-timing-function: ease-in | |
} | |
[wombat-template].wombat_tab_gallery .wombat-tab-gallery-pagination.invert { | |
background-color: #fff; | |
box-shadow: inset 0 0 0 2px rgba(255,255,255,.3) | |
} | |
[wombat-template].wombat_tab_gallery .pagination-is-active.invert { | |
transform: scale(1); | |
background-color: transparent | |
} | |
[wombat-template].wombat_tab_gallery .wombat-tab-gallery-pagination-dot { | |
position: absolute; | |
width: 100%; | |
height: 100%; | |
top: 0; | |
left: 0; | |
fill: none; | |
stroke: #423f3f; | |
border-radius: 50% | |
} | |
[wombat-template].wombat_tab_gallery .wombat-tab-gallery-pagination-dot.invert { | |
stroke: #fff | |
} | |
[wombat-template].wombat_tab_gallery .circle { | |
fill: none; | |
stroke-dasharray: 400; | |
stroke-dashoffset: 400; | |
transform: rotate(-90deg); | |
transform-origin: center center; | |
z-index: 10; | |
stroke-width: 20 | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_tab_gallery .heading-text { | |
max-width:650px; | |
font-size: 38px; | |
line-height: 52px | |
} | |
[wombat-template].wombat_tab_gallery .video-mobile { | |
display: none | |
} | |
[wombat-template].wombat_tab_gallery .mobile-background-image { | |
display: none | |
} | |
[wombat-template].wombat_tab_gallery .video-desktop { | |
display: block | |
} | |
[wombat-template].wombat_tab_gallery .desktop-background-image { | |
display: block | |
} | |
[wombat-template].wombat_tab_gallery ul { | |
margin: 0 auto | |
} | |
[wombat-template].wombat_tab_gallery li { | |
display: block; | |
text-align: left; | |
margin-bottom: 18px | |
} | |
[wombat-template].wombat_tab_gallery li:hover { | |
opacity: 1; | |
cursor: pointer | |
} | |
[wombat-template].wombat_tab_gallery li.add-animation .slide-copy { | |
opacity: 1 !important; | |
height: auto !important | |
} | |
[wombat-template].wombat_tab_gallery li.add-animation .animation-bar { | |
height: 100% | |
} | |
[wombat-template].wombat_tab_gallery li.add-animation .animation-bar-hidden { | |
animation-name: fullHeightAnimation; | |
animation-fill-mode: forwards; | |
-webkit-animation-fill-mode: forwards | |
} | |
[wombat-template].wombat_tab_gallery .animation-bar { | |
display: inline-block | |
} | |
[wombat-template].wombat_tab_gallery .animation-hidden { | |
display: inline-block | |
} | |
[wombat-template].wombat_tab_gallery .slide-heading { | |
color: #fff; | |
padding-left: 20px; | |
font-size: 18px; | |
line-height: 28px | |
} | |
[wombat-template].wombat_tab_gallery .slide-copy { | |
color: #fff; | |
padding-left: 20px; | |
font-size: 14px; | |
line-height: 22px; | |
opacity: 0; | |
height: 0 | |
} | |
[wombat-template].wombat_tab_gallery .copy-with-list { | |
display: none; | |
visibility: hidden; | |
position: absolute; | |
top: 0; | |
right: 0; | |
max-width: 240px; | |
height: 100%; | |
margin: 0; | |
padding: 0 5vw 0 6vw; | |
overflow: hidden; | |
justify-content: center; | |
align-items: center | |
} | |
[wombat-template].wombat_tab_gallery .copy-with-list.is-shown { | |
display: flex | |
} | |
[wombat-template].wombat_tab_gallery .list:last-child { | |
margin-bottom: 0 | |
} | |
[wombat-template].wombat_tab_gallery .list:focus { | |
box-shadow: 0 0 0 3px rgba(255,255,255,.15) | |
} | |
[wombat-template].wombat_tab_gallery .wombat-tab-gallery-pagination { | |
display: none | |
} | |
[wombat-template].wombat_tab_gallery .wombat-tab-gallery-controls { | |
margin: 0; | |
display: none | |
} | |
} | |
@media(min-width: 845px) { | |
[wombat-template].wombat_tab_gallery .copy-with-list { | |
max-width:280px | |
} | |
} | |
@media(min-width: 968px) { | |
[wombat-template].wombat_tab_gallery .copy-with-list { | |
max-width:350px | |
} | |
[wombat-template].wombat_tab_gallery .slide-heading { | |
font-size: 18px | |
} | |
[wombat-template].wombat_tab_gallery .slide-copy { | |
font-size: 14px | |
} | |
[wombat-template].wombat_tab_gallery li { | |
margin-bottom: 24px | |
} | |
} | |
@media(min-width: 1200px) { | |
[wombat-template].wombat_tab_gallery .copy-with-list { | |
max-width:450px | |
} | |
[wombat-template].wombat_tab_gallery .slide-heading { | |
font-size: 24px; | |
line-height: 32px | |
} | |
[wombat-template].wombat_tab_gallery .slide-copy { | |
font-size: 16px; | |
line-height: 24px | |
} | |
[wombat-template].wombat_tab_gallery li { | |
margin-bottom: 54px | |
} | |
} | |
@media(min-width: 1400px) { | |
[wombat-template].wombat_tab_gallery .copy-with-list { | |
width:100%; | |
max-width: 600px | |
} | |
} | |
@media(min-width: 1700px) { | |
[wombat-template].wombat_tab_gallery .copy-with-list { | |
margin:0 150px | |
} | |
} | |
@keyframes fullHeightAnimation { | |
0% { | |
height: 0% | |
} | |
100% { | |
height: 100% | |
} | |
} | |
[wombat-template].wombat_tabbed_gallery_general { | |
background-color: #fff; | |
overflow: hidden; | |
position: relative | |
} | |
[wombat-template].wombat_tabbed_gallery_general .video-container { | |
position: relative; | |
width: 100%; | |
overflow: hidden | |
} | |
[wombat-template].wombat_tabbed_gallery_general .video-container::after { | |
content: " "; | |
display: block; | |
clear: both | |
} | |
[wombat-template].wombat_tabbed_gallery_general .slide-transition-speed { | |
display: none | |
} | |
[wombat-template].wombat_tabbed_gallery_general .slide { | |
height: 0; | |
opacity: 0; | |
transition: opacity 350ms ease-in-out | |
} | |
[wombat-template].wombat_tabbed_gallery_general .no-transition-animation { | |
transition: unset | |
} | |
[wombat-template].wombat_tabbed_gallery_general .video-mobile,[wombat-template].wombat_tabbed_gallery_general .video-desktop { | |
width: 100%; | |
object-fit: cover | |
} | |
[wombat-template].wombat_tabbed_gallery_general .video-mobile { | |
height: 69.8113207547vw | |
} | |
[wombat-template].wombat_tabbed_gallery_general .video-desktop { | |
display: none | |
} | |
[wombat-template].wombat_tabbed_gallery_general .background-image { | |
width: 100%; | |
background-size: cover; | |
background-repeat: no-repeat; | |
background-position: 50% | |
} | |
[wombat-template].wombat_tabbed_gallery_general .background-image { | |
height: 69.8113207547vw | |
} | |
[wombat-template].wombat_tabbed_gallery_general .slide-is-active { | |
height: 100%; | |
opacity: 1 | |
} | |
[wombat-template].wombat_tabbed_gallery_general .mobile-heading { | |
margin: 50px auto; | |
max-width: 260px; | |
padding: 0; | |
text-align: center | |
} | |
[wombat-template].wombat_tabbed_gallery_general .desktop-heading { | |
display: none | |
} | |
[wombat-template].wombat_tabbed_gallery_general .heading-text { | |
font-size: 24px; | |
line-height: 32px; | |
font-weight: 600 | |
} | |
[wombat-template].wombat_tabbed_gallery_general .subheading-text { | |
font-size: 15px; | |
line-height: 23px; | |
font-weight: 400 | |
} | |
[wombat-template].wombat_tabbed_gallery_general .copy-container { | |
list-style-type: none; | |
margin: 32px auto 0; | |
padding: 0 | |
} | |
[wombat-template].wombat_tabbed_gallery_general .list { | |
flex-direction: column; | |
position: relative; | |
display: none; | |
text-align: center; | |
margin: 0 auto | |
} | |
[wombat-template].wombat_tabbed_gallery_general .list.add-animation { | |
display: block; | |
opacity: 1 | |
} | |
[wombat-template].wombat_tabbed_gallery_general .list.add-animation .slide-copy { | |
visibility: visible | |
} | |
[wombat-template].wombat_tabbed_gallery_general .list .slide-copy { | |
opacity: .2; | |
visibility: hidden | |
} | |
[wombat-template].wombat_tabbed_gallery_general .progress-bar-inner { | |
display: none; | |
width: 2px; | |
height: 24px; | |
background-color: #423f3f; | |
opacity: .2; | |
margin-top: 6px; | |
float: left; | |
position: absolute; | |
transition: height .2s; | |
transition-timing-function: cubic-bezier(0.04, 0, 0.2, 1); | |
pointer-events: none | |
} | |
[wombat-template].wombat_tabbed_gallery_general .progress-bar-outer { | |
display: none; | |
width: 2px; | |
height: 0%; | |
background-color: #423f3f; | |
margin-top: 6px; | |
position: absolute; | |
transition-property: height; | |
transition-timing-function: cubic-bezier(0.04, 0, 0.2, 1); | |
pointer-events: none | |
} | |
[wombat-template].wombat_tabbed_gallery_general .bar-height-full { | |
height: 100% | |
} | |
[wombat-template].wombat_tabbed_gallery_general .bar-height-zero { | |
height: 0%; | |
transition: none | |
} | |
[wombat-template].wombat_tabbed_gallery_general .slide-heading { | |
font-size: 20px; | |
font-weight: 500; | |
line-height: 32px; | |
pointer-events: none | |
} | |
[wombat-template].wombat_tabbed_gallery_general .slide-copy { | |
font-size: 14px; | |
line-height: 24px; | |
visibility: hidden; | |
pointer-events: none | |
} | |
[wombat-template].wombat_tabbed_gallery_general .copy-with-list { | |
display: block; | |
margin: 32px auto; | |
padding: 0 7vw; | |
text-align: center | |
} | |
[wombat-template].wombat_tabbed_gallery_general .wombat-tab-gallery-controls { | |
height: 10px; | |
margin: 28px auto 0; | |
display: inline-block | |
} | |
[wombat-template].wombat_tabbed_gallery_general .controls-is-inActive { | |
visibility: hidden | |
} | |
[wombat-template].wombat_tabbed_gallery_general button { | |
border: 0 | |
} | |
[wombat-template].wombat_tabbed_gallery_general button:hover { | |
cursor: pointer | |
} | |
[wombat-template].wombat_tabbed_gallery_general button.add-animation .circle { | |
-webkit-animation-name: wombat-pagination-dot-loading-circle; | |
animation-name: wombat-pagination-dot-loading-circle; | |
-webkit-animation-duration: 5s; | |
animation-duration: 5s; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: forwards; | |
animation-delay: forwards; | |
-webkit-animation-timing-function: linear; | |
animation-timing-function: linear | |
} | |
[wombat-template].wombat_tabbed_gallery_general button.add-animation .wombat-tab-gallery-pagination { | |
transform: scale(1); | |
background-color: transparent | |
} | |
[wombat-template].wombat_tabbed_gallery_general .wombat-tab-gallery-pagination { | |
position: relative; | |
width: 14px; | |
height: 14px; | |
border-radius: 50%; | |
transform: scale(0.75); | |
background-color: #423f3f; | |
box-shadow: inset 0 0 0 2px rgba(66,63,63,.3); | |
float: left; | |
pointer-events: none; | |
transition-duration: .1s; | |
transition-timing-function: ease-in | |
} | |
[wombat-template].wombat_tabbed_gallery_general .wombat-tab-gallery-pagination-dot { | |
position: absolute; | |
width: 100%; | |
height: 100%; | |
top: 0; | |
left: 0; | |
fill: none; | |
stroke: #423f3f; | |
border-radius: 50% | |
} | |
[wombat-template].wombat_tabbed_gallery_general .circle { | |
fill: none; | |
stroke-dasharray: 400; | |
stroke-dashoffset: 400; | |
transform: rotate(-90deg); | |
transform-origin: center center; | |
z-index: 10; | |
stroke-width: 20 | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_tabbed_gallery_general .mobile-heading { | |
display:none | |
} | |
[wombat-template].wombat_tabbed_gallery_general .desktop-heading { | |
display: block; | |
opacity: 1; | |
margin: 0 auto; | |
padding: 0; | |
text-align: left; | |
width: 100% | |
} | |
[wombat-template].wombat_tabbed_gallery_general .heading-text { | |
max-width: 448px; | |
font-size: 32px | |
} | |
[wombat-template].wombat_tabbed_gallery_general .subheading-text { | |
font-size: 16px | |
} | |
[wombat-template].wombat_tabbed_gallery_general .list:last-child { | |
margin-bottom: 0 | |
} | |
[wombat-template].wombat_tabbed_gallery_general .copy-with-list { | |
display: flex; | |
position: absolute; | |
top: 0; | |
width: 50%; | |
flex-direction: column; | |
margin: 0 auto; | |
padding: 4vw 10vw; | |
justify-content: center; | |
align-items: center | |
} | |
[wombat-template].wombat_tabbed_gallery_general .copy-container { | |
margin: 32px auto 0 0 | |
} | |
[wombat-template].wombat_tabbed_gallery_general .list { | |
display: block; | |
text-align: left; | |
margin: 0 0 18px; | |
padding-left: 0 | |
} | |
[wombat-template].wombat_tabbed_gallery_general .list:hover { | |
opacity: 1; | |
cursor: pointer | |
} | |
[wombat-template].wombat_tabbed_gallery_general .list.add-animation .slide-copy { | |
height: auto !important | |
} | |
[wombat-template].wombat_tabbed_gallery_general .list.add-animation .progress-bar-inner { | |
height: 100% | |
} | |
[wombat-template].wombat_tabbed_gallery_general .list.add-animation .progress-bar-outer { | |
animation-name: fullHeightAnimation; | |
animation-fill-mode: forwards; | |
-webkit-animation-fill-mode: forwards | |
} | |
[wombat-template].wombat_tabbed_gallery_general .list>p,[wombat-template].wombat_tabbed_gallery_general .list>a.text-link { | |
margin-left: 20px | |
} | |
[wombat-template].wombat_tabbed_gallery_general .video-mobile { | |
display: none | |
} | |
[wombat-template].wombat_tabbed_gallery_general .background-image { | |
height: 52.8472222222vw | |
} | |
[wombat-template].wombat_tabbed_gallery_general .video-desktop { | |
display: block | |
} | |
[wombat-template].wombat_tabbed_gallery_general .progress-bar-inner { | |
display: inline-block | |
} | |
[wombat-template].wombat_tabbed_gallery_general .progress-bar-outer { | |
display: inline-block | |
} | |
[wombat-template].wombat_tabbed_gallery_general .slide-heading { | |
padding-left: 20px; | |
font-size: 16px | |
} | |
[wombat-template].wombat_tabbed_gallery_general .slide-copy { | |
padding-left: 20px; | |
font-size: 12px; | |
opacity: 0; | |
height: 0 | |
} | |
[wombat-template].wombat_tabbed_gallery_general .wombat-tab-gallery-controls { | |
margin: 0; | |
display: none | |
} | |
} | |
@media(min-width: 968px) { | |
[wombat-template].wombat_tabbed_gallery_general .slide-heading { | |
font-size:18px | |
} | |
[wombat-template].wombat_tabbed_gallery_general .slide-copy { | |
font-size: 14px | |
} | |
[wombat-template].wombat_tabbed_gallery_general li { | |
margin-bottom: 24px | |
} | |
} | |
@media(min-width: 1200px) { | |
[wombat-template].wombat_tabbed_gallery_general .slide-heading { | |
font-size:22px | |
} | |
[wombat-template].wombat_tabbed_gallery_general .slide-copy { | |
font-size: 16px | |
} | |
[wombat-template].wombat_tabbed_gallery_general li { | |
margin-bottom: 52px | |
} | |
} | |
@media(min-width: 1400px) { | |
[wombat-template].wombat_tabbed_gallery_general .heading-text { | |
max-width:448px; | |
font-size: 38px; | |
line-height: 50px | |
} | |
[wombat-template].wombat_tabbed_gallery_general .subheading-text { | |
font-size: 18px; | |
line-height: 28px | |
} | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_tabbed_gallery_left .copy-with-list { | |
left:0 | |
} | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_tabbed_gallery_right .copy-with-list { | |
right:0 | |
} | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module { | |
background-color: #fff; | |
position: relative; | |
overflow: hidden | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .container { | |
padding: 40px 40px 24px; | |
margin: 0 auto; | |
max-width: 1440px; | |
border-bottom: 1px solid #dcdbdb | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .container.hide-bottom-divider { | |
border-bottom: none | |
} | |
@media(min-width: 760px) { | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .container { | |
padding:96px 2px 40px | |
} | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .col-sm-4::before,[wombat-template].wombat_tech_specs_accordion.accordion-module .col-sm-4::after,[wombat-template].wombat_tech_specs_accordion.accordion-module .col-sm-6::before,[wombat-template].wombat_tech_specs_accordion.accordion-module .col-sm-6::after,[wombat-template].wombat_tech_specs_accordion.accordion-module .col-sm-8::before,[wombat-template].wombat_tech_specs_accordion.accordion-module .col-sm-8::after { | |
content: ""; | |
display: table | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module accordion-header h1 { | |
margin-top: 0; | |
margin-bottom: 32px | |
} | |
@media(min-width: 760px) { | |
[wombat-template].wombat_tech_specs_accordion.accordion-module accordion-header h1 { | |
padding-left:56px | |
} | |
} | |
@media(min-width: 1144px) { | |
[wombat-template].wombat_tech_specs_accordion.accordion-module accordion-header h1 { | |
padding-left:96px | |
} | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-trigger { | |
overflow: hidden; | |
display: block | |
} | |
@media(min-width: 760px) { | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-trigger { | |
padding-top:40px | |
} | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-trigger[aria-expanded=false] { | |
padding-top: 0 | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-trigger[aria-expanded=false] p { | |
margin-bottom: 8px; | |
max-width: calc(90%); | |
overflow: hidden; | |
white-space: nowrap; | |
text-overflow: ellipsis | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-trigger[aria-expanded=false] p:empty { | |
margin-bottom: 0 | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-trigger[aria-expanded=false]+.accordion-content { | |
padding-top: 0; | |
padding-bottom: 0; | |
height: 0 | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-container { | |
text-align: left; | |
outline: none; | |
border: none; | |
margin-top: 24px | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-container:first-of-type { | |
margin-top: 0 | |
} | |
@media(min-width: 760px) { | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-container { | |
margin-top:32px | |
} | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-container .accordion-top-border,[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-container .accordion-bottom-border { | |
background-color: #dcdbdb; | |
height: 1px; | |
opacity: 0 | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-container .sub-heading { | |
opacity: 1; | |
display: block; | |
transition: opacity .25s linear | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-container.panel-visible:last-of-type .accordion-bottom-border { | |
background-color: transparent; | |
height: unset | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-container.panel-visible .sub-heading { | |
height: 0; | |
opacity: 0; | |
display: none; | |
transition: opacity .15s linear | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-container:not(.panel-visible) a.cta-icon { | |
display: inline-block; | |
box-sizing: border-box; | |
position: relative; | |
cursor: pointer; | |
z-index: 1; | |
width: auto; | |
text-align: center; | |
white-space: nowrap; | |
transition: opacity .2s cubic-bezier(0.1, 0.1, 0, 1),background .2s cubic-bezier(0.1, 0.1, 0, 1),transform .2s cubic-bezier(0.1, 0.1, 0, 1); | |
border: 2px solid transparent; | |
border-radius: 4px; | |
text-decoration: none; | |
margin-right: 16px; | |
margin-bottom: 16px; | |
border: none; | |
margin-right: 0; | |
margin-bottom: 0; | |
font-family: "Google Sans","Roboto","Arial",sans-serif; | |
font-weight: 500; | |
font-size: 16px; | |
font-size: 1rem; | |
line-height: 24px; | |
line-height: 1.5rem; | |
letter-spacing: 0.1px; | |
letter-spacing: 0.00625rem; | |
color: #1967d2; | |
background: transparent; | |
pointer-events: auto | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-container:not(.panel-visible) a.cta-icon::first-letter { | |
text-transform: capitalize | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-container:not(.panel-visible) a.cta-icon:last-of-type { | |
margin-right: 0; | |
margin-bottom: 0 | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-container:not(.panel-visible) a.cta-icon::before { | |
content: ""; | |
position: absolute; | |
z-index: -1; | |
top: -1px; | |
right: -1px; | |
width: calc(100% + 2px); | |
height: calc(100% + 2px); | |
border-radius: 4px; | |
opacity: 0; | |
background: transparent; | |
transform-origin: center center; | |
transform: scale3d(0.85, 0.65, 0.85); | |
transition: opacity .2s cubic-bezier(0.1, 0.1, 0, 1),background .2s cubic-bezier(0.1, 0.1, 0, 1),transform .2s cubic-bezier(0.1, 0.1, 0, 1) | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-container:not(.panel-visible) a.cta-icon:hover::before { | |
opacity: 1; | |
transform: scale3d(1, 1, 1) | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-container:not(.panel-visible) a.cta-icon::after { | |
content: ""; | |
display: block; | |
width: 100%; | |
height: 100%; | |
position: absolute; | |
top: 50%; | |
left: 50%; | |
transform: translate(-50%, -50%); | |
-webkit-box-sizing: content-box; | |
-moz-box-sizing: content-box; | |
box-sizing: content-box | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-container:not(.panel-visible) a.cta-icon:focus { | |
outline: none; | |
box-shadow: none | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-container:not(.panel-visible) a.cta-icon.disabled,[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-container:not(.panel-visible) a.cta-icon[disabled] { | |
pointer-events: none | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-container:not(.panel-visible) a.cta-icon span::after { | |
content: ""; | |
display: block; | |
width: 100%; | |
height: 100%; | |
min-width: 48px; | |
min-height: 48px; | |
position: absolute; | |
top: 50%; | |
left: 50%; | |
transform: translate(-50%, -50%) | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-container:not(.panel-visible) a.cta-icon span { | |
padding: 3px 2px; | |
box-shadow: 0 4px 0 -3px; | |
overflow: hidden; | |
vertical-align: top | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-container:not(.panel-visible) a.cta-icon:focus::after { | |
outline: none; | |
border-radius: 4px; | |
padding: 5px; | |
box-shadow: 0 0 0 3px #1967d2 | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-container:not(.panel-visible) a.cta-icon:hover { | |
color: #1967d2 | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-container:not(.panel-visible) a.cta-icon:hover::before { | |
background: linear-gradient(0deg, rgba(26, 115, 232, 0.04), rgba(26, 115, 232, 0.04)),#fff | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-container:not(.panel-visible) a.cta-icon:focus { | |
color: #1967d2; | |
background: transparent; | |
outline-color: #1967d2 | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-container:not(.panel-visible) a.cta-icon:focus:hover { | |
color: #1967d2 | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-container:not(.panel-visible) a.cta-icon:focus:hover::before { | |
background: linear-gradient(0deg, rgba(25, 103, 210, 0.12), rgba(25, 103, 210, 0.12)),#fff | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-container:not(.panel-visible) a.cta-icon:active { | |
color: #1967d2; | |
background: linear-gradient(0deg, rgba(25, 103, 210, 0.1), rgba(25, 103, 210, 0.1)),#fff | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-container:not(.panel-visible) a.cta-icon.disabled,[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-container:not(.panel-visible) a.cta-icon[disabled] { | |
color: transparent; | |
background: transparent | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-container:not(.panel-visible) a.cta-icon::after { | |
background-color: inherit | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-container .accordion-top-border { | |
transition: opacity .25s cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-container.panel-visible .accordion-top-border,[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-container.panel-visible .accordion-bottom-border { | |
opacity: 1; | |
transition: opacity .25s cubic-bezier(0.4, 0, 0.2, 1) | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-container.panel-visible .accordion-bottom-border { | |
margin-bottom: 24px | |
} | |
@media(min-width: 760px) { | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-container { | |
float:right; | |
padding-right: 56px | |
} | |
} | |
@media(min-width: 1144px) { | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-container { | |
float:right; | |
padding-right: 96px | |
} | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .title-wrapper { | |
display: flex; | |
min-width: 100% | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .title { | |
width: 93%; | |
margin-bottom: 8px | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .column-text { | |
padding-right: 50px; | |
margin-bottom: 16px | |
} | |
@media(min-width: 760px) { | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .column-text { | |
margin-bottom:24px | |
} | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .column-text.visible { | |
overflow: hidden; | |
white-space: nowrap; | |
text-overflow: ellipsis | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .column { | |
margin-top: 16px; | |
padding-right: 0; | |
padding-left: 0 | |
} | |
@media(min-width: 760px) { | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .column { | |
padding-left:4px | |
} | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .panel-visible .column-text { | |
white-space: normal; | |
word-break: break-word | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-content { | |
height: auto; | |
padding-top: 0; | |
padding-bottom: 16px | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-content br { | |
display: none | |
} | |
@media(min-width: 760px) { | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-content { | |
padding-top:16px; | |
padding-bottom: 40px | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .accordion-content br { | |
display: block | |
} | |
} | |
[wombat-template].wombat_tech_specs_accordion.accordion-module .panel-visible .chevron-container { | |
top: -5px | |
} | |
[wombat-template].wombat_tech_specs_single_list.accordion-module { | |
position: relative; | |
overflow: hidden; | |
border-bottom: 0 | |
} | |
[wombat-template].wombat_tech_specs_single_list.accordion-module .container { | |
max-width: 1440px; | |
margin: 0 auto; | |
padding: 24px 40px; | |
border-bottom: 1px solid #dcdbdb | |
} | |
[wombat-template].wombat_tech_specs_single_list.accordion-module .container.hide-bottom-divider { | |
border-bottom: none | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_tech_specs_single_list.accordion-module .container { | |
padding:64px 0 | |
} | |
} | |
[wombat-template].wombat_tech_specs_single_list.accordion-module .accordion-trigger { | |
padding-top: 0 | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_tech_specs_single_list.accordion-module .accordion-trigger { | |
display:none | |
} | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_tech_specs_single_list.accordion-module .accordion-content { | |
height:inherit | |
} | |
} | |
[wombat-template].wombat_tech_specs_single_list.accordion-module .accordion-content[hidden] { | |
padding-top: 16px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_tech_specs_single_list.accordion-module .accordion-content[hidden] { | |
max-height:fit-content | |
} | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_tech_specs_single_list.accordion-module .specs-content { | |
display:flex | |
} | |
} | |
[wombat-template].wombat_tech_specs_single_list.accordion-module .specs-heading { | |
margin-bottom: 0 | |
} | |
[wombat-template].wombat_tech_specs_single_list.accordion-module .specs-heading.mobile-only { | |
width: 93% | |
} | |
[wombat-template].wombat_tech_specs_single_list.accordion-module .specs-heading.desktop-only { | |
display: none | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_tech_specs_single_list.accordion-module .specs-heading.desktop-only { | |
display:block; | |
padding-left: 56px; | |
padding-right: 4px | |
} | |
[wombat-template].wombat_tech_specs_single_list.accordion-module .specs-heading.mobile-only { | |
display: none | |
} | |
} | |
@media(min-width: 1144px) { | |
[wombat-template].wombat_tech_specs_single_list.accordion-module .specs-heading.desktop-only { | |
padding-left:96px | |
} | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_tech_specs_single_list.accordion-module .specs-container { | |
padding-right:56px | |
} | |
} | |
@media(min-width: 1144px) { | |
[wombat-template].wombat_tech_specs_single_list.accordion-module .specs-container { | |
padding-right:96px | |
} | |
} | |
[wombat-template].wombat_tech_specs_single_list.accordion-module .specs-details { | |
list-style: none; | |
padding: 0; | |
margin: 0 | |
} | |
[wombat-template].wombat_tech_specs_single_list.accordion-module .specs-details:not(:last-child) { | |
margin-bottom: 32px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_tech_specs_single_list.accordion-module .specs-details { | |
padding-left:4px | |
} | |
[wombat-template].wombat_tech_specs_single_list.accordion-module .specs-details:not(:last-child) { | |
margin-bottom: 0 | |
} | |
} | |
@media(min-width: 1144px) { | |
[wombat-template].wombat_tech_specs_single_list.accordion-module .specs-details { | |
padding-right:96px | |
} | |
} | |
[wombat-template].wombat_tech_specs_single_list.accordion-module .spec-item { | |
margin-bottom: 16px | |
} | |
[wombat-template].wombat_tech_specs_single_list.accordion-module .spec-item.center-alignment { | |
margin-left: auto; | |
margin-right: auto; | |
text-align: center | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_tech_specs_single_list.accordion-module .spec-item { | |
max-width:300px | |
} | |
} | |
[wombat-template].wombat_tech_specs_single_list.accordion-module .spec-image-item { | |
display: block; | |
margin: 0; | |
height: auto; | |
padding-top: 16px; | |
padding-bottom: 16px; | |
max-width: 250px | |
} | |
[wombat-template].wombat_tech_specs_single_list.accordion-module .spec-image-item.center-alignment { | |
margin: 0 auto | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_tech_specs_single_list.accordion-module .spec-image-item { | |
padding-top:0; | |
max-width: 100% | |
} | |
} | |
[wombat-template].wombat_text_comparison_table { | |
overflow: hidden; | |
position: relative; | |
padding: 5vw; | |
border-bottom: none | |
} | |
[wombat-template].wombat_text_comparison_table h1 { | |
text-align: center; | |
margin: 0 auto; | |
max-width: 320px | |
} | |
[wombat-template].wombat_text_comparison_table h2 { | |
margin: auto; | |
display: inline-flex; | |
max-width: 140px | |
} | |
[wombat-template].wombat_text_comparison_table p { | |
max-width: 240px; | |
padding: 2vw | |
} | |
[wombat-template].wombat_text_comparison_table .left-copy,[wombat-template].wombat_text_comparison_table .right-copy { | |
margin: auto | |
} | |
[wombat-template].wombat_text_comparison_table .comparison-table { | |
width: 100%; | |
max-width: 968px; | |
height: 100%; | |
display: flex; | |
margin: 0 auto; | |
flex-direction: column | |
} | |
[wombat-template].wombat_text_comparison_table .comparison-table .features { | |
display: flex; | |
flex-direction: row; | |
text-align: center | |
} | |
[wombat-template].wombat_text_comparison_table .comparison-table .features .col { | |
width: 50%; | |
border-bottom: 1px solid #dcdbdb; | |
height: 200px; | |
display: flex; | |
flex-direction: column | |
} | |
[wombat-template].wombat_text_comparison_table .comparison-table .features .col .check-mark-icon { | |
margin: 0 auto; | |
width: 16px; | |
height: 13px; | |
background-position: center | |
} | |
[wombat-template].wombat_text_comparison_table .row-divider { | |
border-right: 1px solid #dcdbdb | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_text_comparison_table h1,[wombat-template].wombat_text_comparison_table h2 { | |
max-width:100% | |
} | |
[wombat-template].wombat_text_comparison_table p { | |
padding: 0 | |
} | |
} | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated { | |
overflow: hidden; | |
position: relative | |
} | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated .container { | |
overflow: visible | |
} | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated .mobile-background,[wombat-template].wombat_thermostat_e_hero_clouds_animated .desktop-background { | |
min-height: 360px; | |
width: 100%; | |
background-size: cover; | |
background-position: center bottom; | |
background-repeat: no-repeat; | |
position: absolute; | |
bottom: 0; | |
left: 50%; | |
transform: translateX(-50%) | |
} | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated .mobile-background { | |
display: block | |
} | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated .desktop-background { | |
display: none | |
} | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated .copy-block { | |
position: relative; | |
margin: 0 auto; | |
text-align: center; | |
max-width: 260px; | |
padding-top: 36px | |
} | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated .copy-block h1 { | |
font-size: 26px; | |
line-height: 34px; | |
font-weight: bold; | |
margin-bottom: 0 | |
} | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated .copy-block p { | |
font-size: 15px; | |
line-height: 23px; | |
margin-top: 15px; | |
margin-bottom: 0 | |
} | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated .copy-block h1,[wombat-template].wombat_thermostat_e_hero_clouds_animated .copy-block p { | |
color: #fff | |
} | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated .clouds-block { | |
position: absolute; | |
bottom: 0; | |
height: 255px; | |
width: 100% | |
} | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated .clouds-block .cloud { | |
position: absolute; | |
pointer-events: none; | |
background-size: cover; | |
display: inline-block; | |
opacity: 0; | |
animation-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); | |
animation-iteration-count: 1; | |
animation-fill-mode: forwards | |
} | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated .clouds-block .cloud.top-left { | |
width: 285px; | |
height: 194px; | |
left: calc(50% - 350px); | |
animation-name: thermostatE-hero-cloud-top-left-slidesIn; | |
animation-duration: 2.5s; | |
animation-delay: .15s | |
} | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated .clouds-block .cloud.bottom-left { | |
width: 114px; | |
height: 75px; | |
top: 160px; | |
left: calc(50% - 190px); | |
animation-name: thermostatE-hero-cloud-bottom-left-slidesIn; | |
animation-duration: 2.75s; | |
animation-delay: .25s | |
} | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated .clouds-block .cloud.top-right { | |
width: 201px; | |
height: 192px; | |
right: calc(50% - 295px); | |
animation-name: thermostatE-hero-cloud-top-right-slidesIn; | |
animation-duration: 2.5s; | |
animation-delay: 0 | |
} | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated .clouds-block .cloud.bottom-right { | |
width: 220px; | |
height: 150px; | |
top: 195px; | |
right: calc(50% - 160px); | |
animation-name: thermostatE-hero-cloud-bottom-right-slidesIn; | |
animation-duration: 3s; | |
animation-delay: .4s | |
} | |
@keyframes thermostatE-hero-cloud-top-left-slidesIn { | |
0% { | |
opacity: 0; | |
transform: translate3d(-200px, 0, 0) | |
} | |
100% { | |
opacity: 1; | |
transform: translate3d(0, 0, 0) | |
} | |
} | |
@keyframes thermostatE-hero-cloud-bottom-left-slidesIn { | |
0% { | |
opacity: 0; | |
transform: translate3d(-275px, 0, 0) | |
} | |
100% { | |
opacity: 1; | |
transform: translate3d(0, 0, 0) | |
} | |
} | |
@keyframes thermostatE-hero-cloud-top-right-slidesIn { | |
0% { | |
opacity: 0; | |
transform: translate3d(200px, 0, 0) | |
} | |
100% { | |
opacity: 1; | |
transform: translate3d(0, 0, 0) | |
} | |
} | |
@keyframes thermostatE-hero-cloud-bottom-right-slidesIn { | |
0% { | |
opacity: 0; | |
transform: translate3d(330px, 0, 0) | |
} | |
100% { | |
opacity: 1; | |
transform: translate3d(0, 0, 0) | |
} | |
} | |
@media(min-width: 560px) { | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated .clouds-block .cloud.top-left { | |
left:-78px | |
} | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated .clouds-block .cloud.bottom-left { | |
left: 82px | |
} | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated .clouds-block .cloud.top-right { | |
right: -22px | |
} | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated .clouds-block .cloud.bottom-right { | |
right: 112px | |
} | |
} | |
@media(min-width: 768px) { | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated .mobile-background { | |
display:none | |
} | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated .desktop-background { | |
display: block; | |
min-height: 740px; | |
width: 100% | |
} | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated .copy-block { | |
max-width: 600px; | |
padding-top: 80px | |
} | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated .copy-block h1 { | |
font-size: 40px; | |
line-height: 54px | |
} | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated .copy-block p { | |
font-size: 18px; | |
line-height: 28px; | |
margin-top: 10px | |
} | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated .clouds-block { | |
height: 605px | |
} | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated .clouds-block .cloud.top-left { | |
width: 673px; | |
height: 458px; | |
top: 10px; | |
left: calc(50% - 828px) | |
} | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated .clouds-block .cloud.bottom-left { | |
width: 276px; | |
height: 182px; | |
top: 350px; | |
left: calc(50% - 480px) | |
} | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated .clouds-block .cloud.top-right { | |
width: 476px; | |
height: 454px; | |
top: 0; | |
right: calc(50% - 712px) | |
} | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated .clouds-block .cloud.bottom-right { | |
width: 481px; | |
height: 327px; | |
top: 480px; | |
right: calc(50% - 395px) | |
} | |
} | |
@media(min-width: 1040px) { | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated .clouds-block .cloud.bottom-left { | |
left:calc(50% - 630px) | |
} | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated .clouds-block .cloud.bottom-right { | |
right: calc(50% - 495px) | |
} | |
} | |
@media(min-width: 1440px) { | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated .clouds-block .cloud.top-left { | |
left:-115px | |
} | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated .clouds-block .cloud.bottom-left { | |
left: 83px | |
} | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated .clouds-block .cloud.top-right { | |
right: 0 | |
} | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated .clouds-block .cloud.bottom-right { | |
right: 217px | |
} | |
} | |
@media(min-width: 1700px) { | |
[wombat-template].wombat_thermostat_e_hero_clouds_animated .clouds-block { | |
bottom:unset | |
} | |
} | |
[wombat-template].wombat_timeline_gallery { | |
background-color: #f8f8f8; | |
text-align: center; | |
padding-top: 50px; | |
padding-bottom: 70px | |
} | |
[wombat-template].wombat_timeline_gallery .top-copy { | |
padding: 0 32px 40px; | |
max-width: 550px; | |
margin: 0 auto | |
} | |
[wombat-template].wombat_timeline_gallery .timeline { | |
display: none | |
} | |
[wombat-template].wombat_timeline_gallery .gallery { | |
position: relative; | |
height: 662px; | |
transition: height 350ms ease-in-out | |
} | |
[wombat-template].wombat_timeline_gallery .gallery .pagination { | |
display: block; | |
z-index: 2; | |
position: absolute; | |
bottom: 0; | |
width: 100% | |
} | |
[wombat-template].wombat_timeline_gallery .gallery .dot { | |
display: inline-block; | |
cursor: pointer; | |
border: 0; | |
margin-right: 15px; | |
width: 14px; | |
height: 14px; | |
border-radius: 50%; | |
transform: scale(0.75); | |
background-color: #423f3f; | |
box-shadow: inset 0 0 0 2px rgba(66,63,63,.3); | |
padding: 0 | |
} | |
[wombat-template].wombat_timeline_gallery .gallery .dot:last-of-type { | |
margin-right: 0 | |
} | |
[wombat-template].wombat_timeline_gallery .gallery .dot.active { | |
transform: scale(1); | |
background-color: transparent !important | |
} | |
[wombat-template].wombat_timeline_gallery .gallery .dot svg { | |
position: absolute; | |
width: 100%; | |
height: 100%; | |
top: 0; | |
left: 0; | |
fill: none; | |
stroke: #423f3f; | |
border-radius: 50% | |
} | |
[wombat-template].wombat_timeline_gallery .gallery .dot circle { | |
fill: none; | |
stroke-dasharray: 400; | |
stroke-dashoffset: 400; | |
transform: rotate(-90deg); | |
transform-origin: center center; | |
z-index: 10; | |
stroke-width: 20 | |
} | |
[wombat-template].wombat_timeline_gallery .gallery .dot.active circle { | |
-webkit-animation-name: wombat-pagination-dot-loading-circle; | |
animation-name: wombat-pagination-dot-loading-circle; | |
-webkit-animation-duration: 2500ms; | |
animation-duration: 2500ms; | |
-webkit-animation-fill-mode: both; | |
animation-fill-mode: both; | |
-webkit-animation-delay: forwards; | |
animation-delay: forwards; | |
-webkit-animation-timing-function: linear; | |
animation-timing-function: linear | |
} | |
[wombat-template].wombat_timeline_gallery .gallery .dot:focus { | |
box-shadow: 0 0 0 3px rgba(66,63,63,.15) | |
} | |
[wombat-template].wombat_timeline_gallery .slide { | |
width: 100%; | |
position: absolute; | |
top: 0px; | |
left: 0px; | |
display: flex; | |
flex-flow: column | |
} | |
[wombat-template].wombat_timeline_gallery .slide [role=img].desktop-image { | |
display: none | |
} | |
[wombat-template].wombat_timeline_gallery .slide [role=img] { | |
opacity: 0; | |
transition: opacity 350ms ease-in-out; | |
background-repeat: no-repeat; | |
background-size: cover; | |
background-position: center center; | |
height: 89vw; | |
width: 100%; | |
order: 1 | |
} | |
[wombat-template].wombat_timeline_gallery .slide .copy { | |
opacity: 0; | |
transition: opacity 350ms ease-in-out; | |
order: 2; | |
padding: 40px 32px; | |
max-width: 550px; | |
margin: 0 auto | |
} | |
[wombat-template].wombat_timeline_gallery .slide.active .copy,[wombat-template].wombat_timeline_gallery .slide.active [role=img] { | |
opacity: 1 | |
} | |
[wombat-template].wombat_timeline_gallery .no-animation .slide [role=img] { | |
transition: unset | |
} | |
[wombat-template].wombat_timeline_gallery.dark-mode { | |
background-color: #050505 | |
} | |
[wombat-template].wombat_timeline_gallery.dark-mode .top-copy h2,[wombat-template].wombat_timeline_gallery.dark-mode .top-copy p { | |
color: #fff | |
} | |
[wombat-template].wombat_timeline_gallery.dark-mode .gallery .dot { | |
background-color: #fff; | |
box-shadow: inset 0 0 0 2px rgba(255,255,255,.3) | |
} | |
[wombat-template].wombat_timeline_gallery.dark-mode .gallery .dot.active { | |
background-color: transparent !important | |
} | |
[wombat-template].wombat_timeline_gallery.dark-mode .gallery .dot svg { | |
stroke: #fff | |
} | |
[wombat-template].wombat_timeline_gallery.dark-mode .slide h3,[wombat-template].wombat_timeline_gallery.dark-mode .slide p { | |
color: #fff | |
} | |
[wombat-template].wombat_timeline_gallery.dark-mode .marker { | |
background-color: #050505; | |
border: 2px solid #fff; | |
box-shadow: 0 0 0 5px #050505 | |
} | |
[wombat-template].wombat_timeline_gallery.dark-mode .marker::after { | |
background-color: #fff | |
} | |
[wombat-template].wombat_timeline_gallery h2,[wombat-template].wombat_timeline_gallery h3,[wombat-template].wombat_timeline_gallery p { | |
margin-bottom: 0 | |
} | |
[wombat-template].wombat_timeline_gallery h2+p { | |
margin-top: 10px | |
} | |
[wombat-template].wombat_timeline_gallery p+.text-link { | |
margin-top: 20px | |
} | |
[wombat-template].wombat_timeline_gallery h3+p { | |
margin-top: 10px | |
} | |
@media screen and (min-width: 768px) { | |
[wombat-template].wombat_timeline_gallery { | |
padding-bottom:unset | |
} | |
[wombat-template].wombat_timeline_gallery .timeline { | |
display: flex; | |
position: relative; | |
margin: 20px auto 10px; | |
width: 90%; | |
max-width: 980px; | |
justify-content: space-between | |
} | |
[wombat-template].wombat_timeline_gallery .timeline.slide-count-1 { | |
max-width: 30px | |
} | |
[wombat-template].wombat_timeline_gallery .timeline.slide-count-2 { | |
max-width: calc(160px * 2) | |
} | |
[wombat-template].wombat_timeline_gallery .timeline.slide-count-3 { | |
max-width: calc(160px * 3) | |
} | |
[wombat-template].wombat_timeline_gallery .timeline.slide-count-4 { | |
max-width: calc(160px * 4) | |
} | |
[wombat-template].wombat_timeline_gallery .timeline.slide-count-5 { | |
max-width: calc(160px * 5) | |
} | |
[wombat-template].wombat_timeline_gallery .timeline.slide-count-6 { | |
max-width: calc(160px * 6) | |
} | |
[wombat-template].wombat_timeline_gallery .line { | |
height: 2px; | |
background-color: #dcdbdb; | |
width: calc(100% - 30px); | |
margin-left: 15px; | |
position: absolute; | |
top: calc(50% - 1px); | |
z-index: 1 | |
} | |
[wombat-template].wombat_timeline_gallery .marker { | |
background-color: #fff; | |
border-radius: 15px; | |
border: 2px solid #a09e9e; | |
color: #423f3f; | |
display: inline-block; | |
font-size: 12px; | |
height: 30px; | |
line-height: 26px; | |
text-align: center; | |
width: 30px; | |
position: relative; | |
z-index: 2; | |
box-shadow: 0 0 0 5px #f8f8f8; | |
cursor: pointer | |
} | |
[wombat-template].wombat_timeline_gallery .marker:first-of-type { | |
margin-left: unset | |
} | |
[wombat-template].wombat_timeline_gallery .marker:last-of-type { | |
margin-right: unset | |
} | |
[wombat-template].wombat_timeline_gallery .marker.active { | |
border: 2px solid #1a73e8 !important; | |
background-color: #1a73e8 !important; | |
color: #fff | |
} | |
[wombat-template].wombat_timeline_gallery .marker.active::after { | |
background-color: #fff | |
} | |
[wombat-template].wombat_timeline_gallery .marker::after { | |
width: 8px; | |
height: 8px; | |
background-color: #a09e9e; | |
position: absolute; | |
top: 50%; | |
right: 50%; | |
transform: translate(50%, -50%); | |
border-radius: 4px; | |
content: "" | |
} | |
[wombat-template].wombat_timeline_gallery .marker:focus { | |
box-shadow: 0 0 0 3px rgba(26,115,232,.15); | |
outline: none | |
} | |
[wombat-template].wombat_timeline_gallery .slide [role=img].desktop-image { | |
display: block; | |
height: 45vw; | |
width: 100% | |
} | |
[wombat-template].wombat_timeline_gallery .slide [role=img].mobile-image { | |
display: none | |
} | |
[wombat-template].wombat_timeline_gallery .slide [role=img] { | |
order: 2 | |
} | |
[wombat-template].wombat_timeline_gallery .slide .copy { | |
order: 1 | |
} | |
[wombat-template].wombat_timeline_gallery .gallery .pagination { | |
display: none | |
} | |
[wombat-template].wombat_timeline_gallery h2+p { | |
margin-top: 20px | |
} | |
[wombat-template].wombat_timeline_gallery p+.text-link { | |
margin-top: 30px | |
} | |
[wombat-template].wombat_timeline_gallery.dark-mode .line { | |
background-color: #fff | |
} | |
} | |
[wombat-template].wombat_two_cards_up .header-card .btn { | |
margin-top: 20px | |
} | |
[wombat-template].wombat_two_cards_up .card-container { | |
width: 50%; | |
background-color: #fff; | |
box-sizing: border-box | |
} | |
[wombat-template].wombat_two_cards_up .card-container:first-of-type { | |
margin-right: 24px | |
} | |
[wombat-template].wombat_two_cards_up .card-container .card-cta { | |
margin-top: 10px | |
} | |
[wombat-template].wombat_two_cards_up .card-container .card-top-part { | |
margin-bottom: 0 | |
} | |
[wombat-template].wombat_two_cards_up .card-container>div { | |
margin: 36px 2vw; | |
display: flex; | |
flex-direction: column; | |
justify-content: space-between | |
} | |
@media(min-width: 540px) { | |
[wombat-template].wombat_two_cards_up .card-container>div { | |
margin-left:8vw; | |
margin-right: 8vw | |
} | |
} | |
[wombat-template].wombat_two_cards_up .card-container .image-placeholder-left,[wombat-template].wombat_two_cards_up .card-container .image-placeholder-right { | |
background-size: cover; | |
margin-top: -50%; | |
margin-bottom: 85px | |
} | |
[wombat-template].wombat_two_cards_up .container { | |
margin: 90px auto; | |
padding: 0 12px | |
} | |
@media(min-width: 375px) { | |
[wombat-template].wombat_two_cards_up .container { | |
padding-left:30px; | |
padding-right: 30px | |
} | |
} | |
[wombat-template].wombat_two_cards_up .container header { | |
text-align: center; | |
margin-bottom: 135px | |
} | |
@media(min-width: 760px) { | |
[wombat-template].wombat_two_cards_up .container header { | |
margin-bottom:195px | |
} | |
} | |
[wombat-template].wombat_two_cards_up .container header h1 { | |
margin-bottom: 15px | |
} | |
[wombat-template].wombat_two_cards_up .container .cards { | |
margin: 0 auto; | |
padding: 0 | |
} | |
@media(min-width: 760px) { | |
[wombat-template].wombat_two_cards_up .container .cards { | |
padding:0 5vw | |
} | |
} | |
[wombat-template].wombat_two_cards_up .container .cards .image-container { | |
width: 100%; | |
height: 60px; | |
background-color: #fff; | |
box-sizing: border-box; | |
position: relative; | |
margin: 0 auto | |
} | |
@media(min-width: 760px) { | |
[wombat-template].wombat_two_cards_up .container .cards .image-container { | |
height:120px | |
} | |
} | |
[wombat-template].wombat_two_cards_up .container .cards .image-container:first-of-type { | |
margin-right: 24px | |
} | |
[wombat-template].wombat_two_cards_up .container .cards .image-container .image-placeholder { | |
background-size: contain; | |
background-repeat: no-repeat; | |
background-position: center; | |
width: 100%; | |
max-width: 80%; | |
padding-top: 120px; | |
margin: -60px auto 0 | |
} | |
@media(min-width: 760px) { | |
[wombat-template].wombat_two_cards_up .container .cards .image-container .image-placeholder { | |
padding-top:240px; | |
margin: -120px auto 0 | |
} | |
} | |
[wombat-template].wombat_two_cards_up .container .cards .card-left-and-right { | |
width: 100%; | |
display: flex; | |
text-align: center; | |
justify-content: space-evenly | |
} | |
[wombat-template].wombat_two_cards_up .container .cards .card-left-and-right .heading { | |
margin-bottom: 20px | |
} | |
[wombat-template].wombat_two_cards_up .container .cards .card-left-and-right .optional-sub-copy { | |
display: block | |
} | |
[wombat-template].wombat_two_cards_up .container .cards .card-left-and-right h2 { | |
margin-bottom: 0 | |
} | |
[wombat-template].wombat_two_cards_up .container .cards .card-left-and-right h3 { | |
margin-top: 52px | |
} | |
[wombat-template].wombat_two_cards_up .container .cards .card-left-and-right h3.price { | |
margin-bottom: 52px | |
} | |
[wombat-template].wombat_two_cards_up .container .cards .card-left-and-right .cta-block+.secondary-cta-block { | |
margin-top: 20px | |
} | |
[wombat-template].wombat_two_cards_up .container .cards .card-left-and-right.divider>.card-container::before { | |
height: 1px; | |
display: block; | |
margin: 0 2vw; | |
background: #dcdbdb; | |
content: "" | |
} | |
@media(min-width: 510px) { | |
[wombat-template].wombat_two_cards_up .container .cards .card-left-and-right.divider>.card-container::before { | |
margin-left:4vw; | |
margin-right: 4vw | |
} | |
} | |
[wombat-template].wombat_two_cards_up .container .cards .card-left-and-right.content-card>.card-container::before { | |
height: 1px; | |
display: block; | |
margin: 0 5vw; | |
background: #dcdbdb; | |
content: "" | |
} | |
@media(min-width: 510px) { | |
[wombat-template].wombat_two_cards_up .container .cards .card-left-and-right.content-card>.card-container::before { | |
margin-left:10vw; | |
margin-right: 10vw | |
} | |
} | |
[wombat-template].video-player { | |
position: relative; | |
background-position: center center; | |
background-repeat: no-repeat; | |
background-size: cover | |
} | |
[wombat-template].video-player video { | |
object-fit: cover; | |
width: 100%; | |
height: 100% | |
} | |
[wombat-template].video-player .video-modal-open { | |
background: unset; | |
border: unset; | |
left: 50%; | |
outline: unset; | |
position: absolute; | |
top: 50%; | |
transform: translate(-50%, -50%) | |
} | |
[wombat-template].video-player .video-modal-open .circle,[wombat-template].video-player .video-modal-open .play { | |
transition: all 250ms cubic-bezier(0.1, 0.1, 0, 1) | |
} | |
[wombat-template].video-player .video-modal-open .circle { | |
stroke: #423f3f | |
} | |
[wombat-template].video-player .video-modal-open .play { | |
fill: #423f3f | |
} | |
[wombat-template].video-player .video-modal-open:hover .circle { | |
fill: #423f3f | |
} | |
[wombat-template].video-player .video-modal-open:hover .play { | |
fill: #fff | |
} | |
[wombat-template].video-player .video-modal-open:focus { | |
box-shadow: 0 0 0 3px rgba(66,63,63,.15) | |
} | |
[wombat-template].video-player.dark-background .video-modal-open .circle { | |
stroke: #fff | |
} | |
[wombat-template].video-player.dark-background .video-modal-open .play { | |
fill: #fff | |
} | |
[wombat-template].video-player.dark-background .video-modal-open:hover .circle { | |
fill: #fff | |
} | |
[wombat-template].video-player.dark-background .video-modal-open:hover .play { | |
fill: #423f3f | |
} | |
[wombat-template].video-player.dark-background .video-modal-open:focus { | |
box-shadow: 0 0 0 3px rgba(255,255,255,.15) | |
} | |
[wombat-template].wombat_zip_checker { | |
margin: 90px auto 0; | |
text-align: center | |
} | |
[wombat-template].wombat_zip_checker .copy-block { | |
border-bottom: 1px solid #dcdbdb; | |
width: 100%; | |
display: none; | |
transition: opacity 500ms ease-in-out | |
} | |
[wombat-template].wombat_zip_checker .copy-block.active { | |
display: inline-block; | |
opacity: 1 | |
} | |
[wombat-template].wombat_zip_checker .copy-block:not(.active) { | |
opacity: 0; | |
pointer-events: none | |
} | |
[wombat-template].wombat_zip_checker header { | |
margin-bottom: 48px | |
} | |
[wombat-template].wombat_zip_checker header h2 { | |
max-width: 540px; | |
margin: 0 auto | |
} | |
[wombat-template].wombat_zip_checker .hide { | |
opacity: 0 | |
} | |
[wombat-template].wombat_zip_checker .body-copy { | |
margin-bottom: 72px; | |
position: relative; | |
width: 100% | |
} | |
[wombat-template].wombat_zip_checker .body-copy .input-container { | |
max-width: 170px; | |
position: relative; | |
margin: 0 auto | |
} | |
@media(min-width: 400px) { | |
[wombat-template].wombat_zip_checker .body-copy .input-container { | |
margin:auto 24px; | |
display: inline | |
} | |
} | |
[wombat-template].wombat_zip_checker .body-copy input { | |
display: inline-block; | |
vertical-align: bottom; | |
background-color: transparent; | |
border: 0; | |
border-bottom: 1px solid #dcdbdb; | |
font-size: 16px; | |
max-width: 170px; | |
padding: 8px 0 8px 8px | |
} | |
[wombat-template].wombat_zip_checker .body-copy input:focus { | |
box-shadow: 0 0 0 3px rgba(26,115,232,.15) | |
} | |
[wombat-template].wombat_zip_checker .body-copy p { | |
max-width: 550px; | |
margin: 0 auto | |
} | |
[wombat-template].wombat_zip_checker .body-copy .character-counter { | |
position: absolute; | |
right: 0; | |
top: 0; | |
font-size: 12px; | |
color: #423f3f; | |
width: 30px | |
} | |
[wombat-template].wombat_zip_checker .body-copy .book-now { | |
margin-bottom: 48px | |
} | |
[wombat-template].wombat_zip_checker .body-copy .cta-block { | |
display: inline-block; | |
margin-top: 24px | |
} | |
@media(min-width: 760px) { | |
[wombat-template].wombat_zip_checker .body-copy .cta-block { | |
margin-top:0 | |
} | |
} | |
[wombat-template].wombat_zip_checker .zipcode-result p,[wombat-template].wombat_zip_checker .zipcode-result div { | |
display: inline-block | |
} | |
[wombat-template].wombat_zip_checker .cta-text-block { | |
margin: 48px 0 | |
} | |
[wombat-template].wombat_zip_checker .cta-text-block p,[wombat-template].wombat_zip_checker .cta-text-block a { | |
display: inline-block | |
} | |
[wombat-template].wombat_zip_checker .learn-more { | |
margin: 24px 0 | |
} | |
@media(min-width: 760px) { | |
[wombat-template].wombat_zip_checker .learn-more { | |
margin:32px 0 | |
} | |
} | |
[wombat-template].wombat_zip_checker .learn-more p { | |
color: #423f3f; | |
margin-bottom: 0 | |
} | |
[wombat-template].custom_video_player_page { | |
background-color: #fff | |
} | |
[wombat-template].custom_video_player_page button { | |
border: none; | |
padding: 0 | |
} | |
[wombat-template].custom_video_player_page .navigation-container { | |
margin: 12px 20px 16px; | |
position: relative; | |
display: flex; | |
width: 200px | |
} | |
[wombat-template].custom_video_player_page .navigation-container svg { | |
margin-right: 12px; | |
fill: #423f3f | |
} | |
[wombat-template].custom_video_player_page .navigation-container p { | |
margin-bottom: 0 | |
} | |
@media(min-width: 960px) { | |
[wombat-template].custom_video_player_page .navigation-container { | |
margin:20px 16px | |
} | |
} | |
[wombat-template].custom_video_player_page .navigation { | |
display: flex; | |
flex-direction: row; | |
border: none; | |
padding: 0 | |
} | |
[wombat-template].custom_video_player_page .container { | |
padding: 0 | |
} | |
@media(min-width: 960px) { | |
[wombat-template].custom_video_player_page .container { | |
max-width:1400px; | |
margin: 16px auto | |
} | |
} | |
[wombat-template].custom_video_player_page .title { | |
margin: 0 24px | |
} | |
@media(min-width: 960px) { | |
[wombat-template].custom_video_player_page .title { | |
margin:0 | |
} | |
} | |
@media(min-width: 960px) { | |
[wombat-template].custom_video_player_page .video-wrapper { | |
float:left; | |
width: 60%; | |
margin: 0 24px | |
} | |
} | |
[wombat-template].custom_video_player_page .video-iframe iframe { | |
border: none; | |
width: 100%; | |
height: 56vw | |
} | |
@media(min-width: 960px) { | |
[wombat-template].custom_video_player_page .video-iframe iframe { | |
height:34vw | |
} | |
} | |
@media(min-width: 1400px) { | |
[wombat-template].custom_video_player_page .video-iframe iframe { | |
height:470px | |
} | |
} | |
[wombat-template].custom_video_player_page .content-container { | |
padding: 0 20px | |
} | |
@media(min-width: 960px) { | |
[wombat-template].custom_video_player_page .content-container { | |
padding:0 24px | |
} | |
} | |
[wombat-template].custom_video_player_page .related-videos { | |
padding: 40px 0 | |
} | |
@media(min-width: 960px) { | |
[wombat-template].custom_video_player_page .related-videos { | |
width:100%; | |
overflow: hidden; | |
padding: 84px 0 | |
} | |
} | |
[wombat-template].custom_video_player_page .h5 { | |
margin-bottom: 16px | |
} | |
[wombat-template].custom_video_player_page ul li { | |
list-style-type: none; | |
display: flex; | |
flex-direction: row | |
} | |
@media(min-width: 960px) { | |
[wombat-template].custom_video_player_page ul li { | |
display:list-item | |
} | |
} | |
[wombat-template].custom_video_player_page .video-list { | |
padding: 0 | |
} | |
@media(min-width: 960px) { | |
[wombat-template].custom_video_player_page .video-list { | |
display:grid; | |
grid-template-columns: repeat(4, 1fr); | |
grid-gap: 40px 24px | |
} | |
} | |
[wombat-template].custom_video_player_page .video-list-item { | |
padding: 8px 0; | |
position: relative | |
} | |
@media(min-width: 1024px) { | |
[wombat-template].custom_video_player_page .video-list-item { | |
position:relative; | |
flex-direction: column; | |
padding: 0 | |
} | |
} | |
[wombat-template].custom_video_player_page .thumbnail-image { | |
width: 24vw; | |
height: 12vw; | |
margin-right: 8px; | |
background-repeat: no-repeat; | |
background-size: cover; | |
background-position: center | |
} | |
@media(min-width: 960px) { | |
[wombat-template].custom_video_player_page .thumbnail-image { | |
width:100%; | |
height: 12vw; | |
max-height: 160px | |
} | |
} | |
@media(min-width: 1400px) { | |
[wombat-template].custom_video_player_page .thumbnail-image { | |
height:168px | |
} | |
} | |
[wombat-template].custom_video_player_page .video-title { | |
text-align: left | |
} | |
@media(min-width: 960px) { | |
[wombat-template].custom_video_player_page .video-title { | |
margin-top:8px | |
} | |
} | |
[wombat-template].custom_video_player_page .featured-products { | |
margin-top: 40px | |
} | |
[wombat-template].custom_video_player_page .featured-products h3 { | |
margin-bottom: 12px; | |
margin-top: 8px | |
} | |
@media(min-width: 960px) { | |
[wombat-template].custom_video_player_page .featured-products { | |
margin-top:0 | |
} | |
} | |
[wombat-template].custom_video_player_page .product-list { | |
display: grid; | |
grid-template-columns: repeat(2, 1fr); | |
grid-gap: 24px; | |
padding: 0; | |
margin: 0 auto | |
} | |
[wombat-template].custom_video_player_page .card { | |
display: grid; | |
grid-auto-rows: min-content; | |
position: relative | |
} | |
[wombat-template].custom_video_player_page .card .image-wrapper { | |
background-color: #f8f8f8 | |
} | |
[wombat-template].custom_video_player_page .card .image { | |
margin: 0 auto; | |
height: 40vw; | |
width: 100%; | |
max-height: 300px; | |
object-fit: contain | |
} | |
@media(min-width: 960px) { | |
[wombat-template].custom_video_player_page .card .image { | |
height:12vw | |
} | |
} | |
@media(min-width: 1400px) { | |
[wombat-template].custom_video_player_page .card .image { | |
height:174px | |
} | |
} | |
[wombat-template].custom_video_player_page .card .title { | |
margin: 16px 0 0 | |
} | |
[wombat-template].custom_video_player_page .card .is-price { | |
margin-right: 4px | |
} | |
[wombat-template].custom_video_player_page .card .was-price { | |
text-decoration: line-through | |
} | |
[wombat-template].custom_video_landing_page { | |
background-color: #fff | |
} | |
[wombat-template].custom_video_landing_page .dark-overlay { | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 100%; | |
height: 100%; | |
z-index: 2; | |
background-color: #191818; | |
opacity: .6 | |
} | |
[wombat-template].custom_video_landing_page .hero { | |
position: relative; | |
height: 85vw; | |
overflow: hidden; | |
background-color: #f8f8f8 | |
} | |
@media(min-width: 768px) { | |
[wombat-template].custom_video_landing_page .hero { | |
height:60vw | |
} | |
} | |
@media(min-width: 960px) { | |
[wombat-template].custom_video_landing_page .hero { | |
height:360px | |
} | |
} | |
@media(min-width: 960px) { | |
[wombat-template].custom_video_landing_page .heading { | |
margin-bottom:16px | |
} | |
} | |
[wombat-template].custom_video_landing_page .background-image { | |
position: absolute; | |
top: 25vw | |
} | |
@media(min-width: 768px) { | |
[wombat-template].custom_video_landing_page .background-image { | |
top:0 | |
} | |
} | |
@media(min-width: 960px) { | |
[wombat-template].custom_video_landing_page .background-image { | |
width:50%; | |
float: right; | |
position: relative | |
} | |
} | |
[wombat-template].custom_video_landing_page .container { | |
height: 100%; | |
padding-right: 16px; | |
padding-left: 16px; | |
max-width: 1200px; | |
margin: 0 auto | |
} | |
[wombat-template].custom_video_landing_page .copy-block { | |
position: relative; | |
text-align: center; | |
margin: 20px auto; | |
width: 100%; | |
max-width: 345px | |
} | |
@media(min-width: 768px) { | |
[wombat-template].custom_video_landing_page .copy-block { | |
max-width:435px | |
} | |
} | |
@media(min-width: 960px) { | |
[wombat-template].custom_video_landing_page .copy-block { | |
max-width:490px; | |
width: 50%; | |
margin: 0; | |
text-align: left; | |
top: 50%; | |
transform: translateY(-50%) | |
} | |
} | |
[wombat-template].custom_video_landing_page button { | |
border: none | |
} | |
[wombat-template].custom_video_landing_page ul li { | |
list-style-type: none; | |
position: relative | |
} | |
@media(min-width: 960px) { | |
[wombat-template].custom_video_landing_page .mobile-only { | |
display:none | |
} | |
} | |
[wombat-template].custom_video_landing_page .filter-categories { | |
max-width: 1200px; | |
margin: 0 auto | |
} | |
[wombat-template].custom_video_landing_page .filter-label { | |
margin-right: 16px | |
} | |
[wombat-template].custom_video_landing_page .filter-list { | |
padding: 0 | |
} | |
@media(min-width: 960px) { | |
[wombat-template].custom_video_landing_page .filter-list { | |
display:inline | |
} | |
} | |
[wombat-template].custom_video_landing_page .filter-list li:focus input { | |
border-color: #1a73e8 | |
} | |
[wombat-template].custom_video_landing_page .filter-list li:focus label { | |
color: #1a73e8 | |
} | |
[wombat-template].custom_video_landing_page .filter-area { | |
z-index: 3; | |
position: relative; | |
background-color: #f8f8f8 | |
} | |
[wombat-template].custom_video_landing_page .filter-area svg { | |
width: 18px; | |
height: 18px; | |
margin-right: 12px; | |
margin-bottom: -4px | |
} | |
@media(min-width: 960px) { | |
[wombat-template].custom_video_landing_page .filter-area { | |
margin:48px 0; | |
background-color: #fff | |
} | |
} | |
[wombat-template].custom_video_landing_page .mobile-filter-button { | |
display: block; | |
width: 100px; | |
margin: 0 auto; | |
padding: 24px 0 | |
} | |
[wombat-template].custom_video_landing_page .mobile-filter-button.selected { | |
color: #1967d2 | |
} | |
[wombat-template].custom_video_landing_page .mobile-filter-button.selected svg path { | |
fill: #1967d2 | |
} | |
[wombat-template].custom_video_landing_page .filter-wrapper { | |
height: 0; | |
overflow: hidden; | |
margin: 0; | |
transition: height .2s linear; | |
padding: 0 5vw | |
} | |
[wombat-template].custom_video_landing_page .filter-wrapper.expanded { | |
height: calc(33px * 11 + 100px); | |
transition: height .2s linear; | |
background-color: #fff | |
} | |
[wombat-template].custom_video_landing_page .filter-wrapper li { | |
margin: 12px 0 | |
} | |
[wombat-template].custom_video_landing_page .filter-wrapper li:last-child { | |
padding-bottom: 24px; | |
border-bottom: 1px solid #dcdbdb | |
} | |
@media(min-width: 960px) { | |
[wombat-template].custom_video_landing_page .filter-wrapper li { | |
display:inline-flex; | |
margin-right: 16px | |
} | |
[wombat-template].custom_video_landing_page .filter-wrapper li:last-child { | |
border: none | |
} | |
} | |
[wombat-template].custom_video_landing_page .filter-wrapper input { | |
margin-right: 16px | |
} | |
@media(min-width: 960px) { | |
[wombat-template].custom_video_landing_page .filter-wrapper input { | |
margin:4px 12px 0 0 | |
} | |
} | |
[wombat-template].custom_video_landing_page .filter-wrapper input:focus { | |
box-shadow: 0 0 0 3px rgba(25,103,210,.15) | |
} | |
@media(min-width: 960px) { | |
[wombat-template].custom_video_landing_page .filter-wrapper { | |
height:auto; | |
text-align: center | |
} | |
} | |
[wombat-template].custom_video_landing_page .filter { | |
display: none | |
} | |
@media(min-width: 960px) { | |
[wombat-template].custom_video_landing_page .filter { | |
display:inline; | |
margin-right: 16px | |
} | |
} | |
[wombat-template].custom_video_landing_page .filter-actions .clear-button { | |
margin: 16px 8px | |
} | |
[wombat-template].custom_video_landing_page .filter-actions .apply-button { | |
float: right; | |
border: 1px solid #050505; | |
margin-top: 8px | |
} | |
[wombat-template].custom_video_landing_page .category-title-wrapper { | |
margin-top: 16px; | |
margin-bottom: 16px; | |
display: flex | |
} | |
[wombat-template].custom_video_landing_page .video-category { | |
padding: 40px 0; | |
border-bottom: 1px solid #dcdbdb | |
} | |
[wombat-template].custom_video_landing_page .video-number { | |
margin-left: auto; | |
padding-top: 4px | |
} | |
[wombat-template].custom_video_landing_page .video-list { | |
display: grid; | |
grid-template-columns: repeat(2, 1fr); | |
grid-gap: 24px; | |
padding: 0; | |
margin: 0; | |
align-items: start | |
} | |
@media(min-width: 960px) { | |
[wombat-template].custom_video_landing_page .video-list { | |
grid-template-columns:repeat(4, 1fr); | |
grid-gap: 40px 24px | |
} | |
} | |
[wombat-template].custom_video_landing_page .video-list-item { | |
display: grid | |
} | |
[wombat-template].custom_video_landing_page .video-title { | |
margin-top: 12px | |
} | |
[wombat-template].custom_video_landing_page .thumbnail-image { | |
width: 100%; | |
height: 26vw; | |
background-repeat: no-repeat; | |
background-size: cover; | |
background-position: center | |
} | |
@media(min-width: 960px) { | |
[wombat-template].custom_video_landing_page .thumbnail-image { | |
height:12vw; | |
max-height: 160px | |
} | |
} | |
@media(min-width: 1024px) { | |
[wombat-template].custom_video_landing_page .thumbnail-image { | |
height:148px | |
} | |
} | |
@media screen and (max-width: 767px) { | |
.unified-chat .chat-button { | |
bottom:110px !important | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment