Skip to content

Instantly share code, notes, and snippets.

@dltacube
Last active March 27, 2021 19:24
Show Gist options
  • Save dltacube/4f0a2745d22c50717ada7e918d501144 to your computer and use it in GitHub Desktop.
Save dltacube/4f0a2745d22c50717ada7e918d501144 to your computer and use it in GitHub Desktop.
from nest.com
.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