28716 lines
681 KiB
CSS
28716 lines
681 KiB
CSS
.rad-icon:after {
|
|
position: relative
|
|
}
|
|
|
|
.rad-icon.rad-icon__north-east:after {
|
|
content: "";
|
|
font-size: 62.5%
|
|
}
|
|
|
|
.rad-icon.rad-icon__north-west:after {
|
|
content: "";
|
|
font-size: 62.5%
|
|
}
|
|
|
|
.rad-icon.rad-icon__south-east:after {
|
|
content: "";
|
|
font-size: 62.5%
|
|
}
|
|
|
|
.rad-icon.rad-icon__south-west:after {
|
|
content: "";
|
|
font-size: 62.5%
|
|
}
|
|
|
|
.rad-icon.rad-icon__down:after {
|
|
content: "";
|
|
font-size: 83.3333333333%
|
|
}
|
|
|
|
.rad-icon.rad-icon__up:after {
|
|
content: "";
|
|
font-size: 83.3333333333%
|
|
}
|
|
|
|
.rad-icon.rad-icon__right:after {
|
|
content: "";
|
|
font-size: 58.3333333333%
|
|
}
|
|
|
|
.rad-icon.rad-icon__left:after {
|
|
content: "";
|
|
font-size: 58.3333333333%
|
|
}
|
|
|
|
.rad-icon.rad-icon__chevron-left:after {
|
|
content: "";
|
|
font-size: 50%
|
|
}
|
|
|
|
.rad-icon.rad-icon__chevron-right:after {
|
|
content: "";
|
|
font-size: 50%
|
|
}
|
|
|
|
.rad-icon.rad-icon__chevron-down:after {
|
|
content: "";
|
|
font-size: 37.5%
|
|
}
|
|
|
|
.rad-icon.rad-icon__chevron-up:after {
|
|
content: "";
|
|
font-size: 37.5%
|
|
}
|
|
|
|
.rad-icon.rad-icon__favorite-default:after {
|
|
content: "";
|
|
font-size: 79.1555683963%
|
|
}
|
|
|
|
.rad-icon.rad-icon__favorite-active:after {
|
|
content: "";
|
|
font-size: 79.1555683963%
|
|
}
|
|
|
|
.rad-icon.rad-icon__search:after {
|
|
content: "";
|
|
font-size: 75%
|
|
}
|
|
|
|
.rad-icon.rad-icon__menu:after {
|
|
content: "";
|
|
font-size: 66.6666666667%
|
|
}
|
|
|
|
.rad-icon.rad-icon__filter:after {
|
|
content: "";
|
|
font-size: 50%
|
|
}
|
|
|
|
.rad-icon.rad-icon__sort:after {
|
|
content: "";
|
|
font-size: 50%
|
|
}
|
|
|
|
.rad-icon.rad-icon__close:after {
|
|
content: "";
|
|
font-size: 58.3333333333%
|
|
}
|
|
|
|
.rad-icon.rad-icon__restart:after {
|
|
content: "";
|
|
font-size: 83.3333333333%
|
|
}
|
|
|
|
.rad-icon.rad-icon__share-alt-1:after {
|
|
content: "";
|
|
font-size: 83.3333333333%
|
|
}
|
|
|
|
.rad-icon.rad-icon__download:after {
|
|
content: "";
|
|
font-size: 66.6666666667%
|
|
}
|
|
|
|
.rad-icon.rad-icon__error:after {
|
|
content: "";
|
|
font-size: 83.3333333333%
|
|
}
|
|
|
|
.rad-icon.rad-icon__explore:after {
|
|
content: "";
|
|
font-size: 83.3333333333%
|
|
}
|
|
|
|
.rad-icon.rad-icon__share:after {
|
|
content: "";
|
|
font-size: 90%
|
|
}
|
|
|
|
.rad-icon.rad-icon__link:after {
|
|
content: "";
|
|
font-size: 41.6666666667%
|
|
}
|
|
|
|
.rad-icon.rad-icon__check:after {
|
|
content: "";
|
|
font-size: 50%
|
|
}
|
|
|
|
.rad-icon.rad-icon__minus:after {
|
|
content: "";
|
|
font-size: 8.3333333333%
|
|
}
|
|
|
|
.rad-icon.rad-icon__plus:after {
|
|
content: "";
|
|
font-size: 58.3333333333%
|
|
}
|
|
|
|
.rad-icon.rad-icon__play-default:after {
|
|
content: "";
|
|
font-size: 58.3333333333%
|
|
}
|
|
|
|
.rad-icon.rad-icon__play-circle:after {
|
|
content: "";
|
|
font-size: 83.3333333333%
|
|
}
|
|
|
|
.rad-icon.rad-icon__stop-default:after {
|
|
content: "";
|
|
font-size: 50%
|
|
}
|
|
|
|
.rad-icon.rad-icon__stop-circle:after {
|
|
content: "";
|
|
font-size: 83.3333333333%
|
|
}
|
|
|
|
.rad-icon.rad-icon__pause-default:after {
|
|
content: "";
|
|
font-size: 58.3333333333%
|
|
}
|
|
|
|
.rad-icon.rad-icon__pause-circle:after {
|
|
content: "";
|
|
font-size: 83.3333333333%
|
|
}
|
|
|
|
.rad-icon.rad-icon__hearing-active:after {
|
|
content: "";
|
|
font-size: 87.5201174714%
|
|
}
|
|
|
|
.rad-icon.rad-icon__hearing-disabled:after {
|
|
content: "";
|
|
font-size: 91.6666666667%
|
|
}
|
|
|
|
.rad-icon.rad-icon__brightness-dark:after {
|
|
content: "";
|
|
font-size: 83.3333333333%
|
|
}
|
|
|
|
.rad-icon.rad-icon__brightness-light:after {
|
|
content: "";
|
|
font-size: 83.3333333333%
|
|
}
|
|
|
|
.rad-icon.rad-icon__social-mail:after {
|
|
content: "";
|
|
font-size: 66.6666666667%
|
|
}
|
|
|
|
.rad-icon.rad-icon__social-twitter:after {
|
|
content: "";
|
|
font-size: 67.7083333333%
|
|
}
|
|
|
|
.rad-icon.rad-icon__social-linkedin:after {
|
|
content: "";
|
|
font-size: 75%
|
|
}
|
|
|
|
.rad-icon.rad-icon__social-youtube:after {
|
|
content: "";
|
|
font-size: 62.5%
|
|
}
|
|
|
|
.rad-icon.rad-icon__social-facebook:after {
|
|
content: "";
|
|
font-size: 83.3333333333%
|
|
}
|
|
|
|
.rad-icon.rad-icon__social-google:after {
|
|
content: "";
|
|
font-size: 83.3333333333%
|
|
}
|
|
|
|
.rad-icon.rad-icon__social-telegram:after {
|
|
content: "";
|
|
font-size: 83.3333333333%
|
|
}
|
|
|
|
.rad-icon.rad-icon__social-instagram:after {
|
|
content: "";
|
|
font-size: 75%
|
|
}
|
|
|
|
.rad-icon.rad-icon__language-globe:after {
|
|
content: "";
|
|
font-size: 83.3333333333%
|
|
}
|
|
|
|
.rad-icon.rad-icon__external:after {
|
|
content: "";
|
|
font-size: 72.5806451613%
|
|
}
|
|
|
|
.rad-button {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
font-family: Graphik, Arial, Helvetica, sans-serif;
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
min-height: 2.5rem;
|
|
padding-left: 0.5rem;
|
|
padding-right: 0.5rem;
|
|
text-decoration: none;
|
|
text-underline-offset: .25rem;
|
|
width: -webkit-fit-content;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-button {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-button {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-button {
|
|
min-height: calc(2.5rem + 2.77778vw - 40px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-button {
|
|
min-height: 3.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-button {
|
|
padding-left: calc(0.5rem + 0.55556vw - 8px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-button {
|
|
padding-left: 0.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-button {
|
|
padding-right: calc(0.5rem + 0.55556vw - 8px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-button {
|
|
padding-right: 0.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-button:-moz-any-link {
|
|
color: #fff
|
|
}
|
|
|
|
.rad-button,
|
|
.rad-button:any-link {
|
|
color: #fff
|
|
}
|
|
|
|
.rad-button--disabled,
|
|
.rad-button:disabled {
|
|
cursor: default;
|
|
opacity: .5;
|
|
pointer-events: none
|
|
}
|
|
|
|
.rad-button--primary {
|
|
height: 2.75rem;
|
|
padding-left: 1.25rem;
|
|
padding-right: 1.25rem;
|
|
position: relative;
|
|
-webkit-transition: background-color 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
transition: background-color 550ms cubic-bezier(0.85, 0, 0, 1)
|
|
}
|
|
|
|
.rad-button--primary:before {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #7500c0), color-stop(50%, #a100ff));
|
|
background-image: linear-gradient(90deg, #7500c0 50%, #a100ff 0);
|
|
background-position-x: 100%;
|
|
background-size: 200% 200%;
|
|
content: "";
|
|
height: 100%;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
-webkit-transition: background-position-x 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
transition: background-position-x 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
width: 100%
|
|
}
|
|
|
|
.rad-button--primary:hover:before {
|
|
background-position-x: 0
|
|
}
|
|
|
|
.rad-button--primary:active {
|
|
background-color: #57008f
|
|
}
|
|
|
|
.rad-button--secondary {
|
|
border: 1px solid;
|
|
height: 2.75rem;
|
|
padding-left: 1.25rem;
|
|
padding-right: 1.25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-button--secondary {
|
|
padding-left: calc(1.25rem + 1.38889vw - 20px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-button--secondary {
|
|
padding-left: 1.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-button--secondary {
|
|
padding-right: calc(1.25rem + 1.38889vw - 20px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-button--secondary {
|
|
padding-right: 1.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-button--secondary .rad-button__icon-right {
|
|
color: #a100ff;
|
|
margin-left: 0.75rem;
|
|
padding-right: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-button--secondary .rad-button__icon-right {
|
|
margin-left: calc(0.75rem + 0.83333vw - 12px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-button--secondary .rad-button__icon-right {
|
|
margin-left: 1rem
|
|
}
|
|
}
|
|
|
|
.rad-button--secondary:hover {
|
|
color: #a2a2a0
|
|
}
|
|
|
|
.rad-button--secondary:active {
|
|
border-color: #e3e3df;
|
|
color: #e3e3df
|
|
}
|
|
|
|
.rad-button--tertiary {
|
|
padding: 0
|
|
}
|
|
|
|
.rad-button--tertiary .rad-button__icon-right {
|
|
height: 1.25rem;
|
|
margin-left: 0.75rem;
|
|
position: relative;
|
|
-webkit-transition: background-color 550ms cubic-bezier(0.85, 0, 0, 1), translate 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
transition: background-color 550ms cubic-bezier(0.85, 0, 0, 1), translate 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
width: 1.25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-button--tertiary .rad-button__icon-right {
|
|
height: calc(1.25rem + 1.38889vw - 20px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-button--tertiary .rad-button__icon-right {
|
|
height: 1.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-button--tertiary .rad-button__icon-right {
|
|
margin-left: calc(0.75rem + 0.83333vw - 12px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-button--tertiary .rad-button__icon-right {
|
|
margin-left: 1rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-button--tertiary .rad-button__icon-right {
|
|
width: calc(1.25rem + 1.38889vw - 20px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-button--tertiary .rad-button__icon-right {
|
|
width: 1.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-button--tertiary .rad-button__icon-right:before {
|
|
background-image: -webkit-gradient(linear, left top, right top, color-stop(50%, #7500c0), color-stop(50%, #a100ff));
|
|
background-image: linear-gradient(90deg, #7500c0 50%, #a100ff 0);
|
|
background-position-x: 100%;
|
|
background-size: 200% 200%;
|
|
content: "";
|
|
height: 100%;
|
|
left: 0;
|
|
position: absolute;
|
|
top: 0;
|
|
-webkit-transition: background-position-x 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
transition: background-position-x 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
width: 100%
|
|
}
|
|
|
|
.rad-button--tertiary:hover .rad-button__icon-right {
|
|
translate: 0.25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-button--tertiary:hover .rad-button__icon-right {
|
|
translate: calc(0.25rem + 0.27778vw - 4px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-button--tertiary:hover .rad-button__icon-right {
|
|
translate: 0.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-button--tertiary:hover .rad-button__icon-right:before {
|
|
background-position-x: 0
|
|
}
|
|
|
|
.rad-button--tertiary:active .rad-button__icon-right {
|
|
background-color: #57008f
|
|
}
|
|
|
|
.rad-button--tertiary-dynamic {
|
|
height: 3rem;
|
|
padding: 0.25rem
|
|
}
|
|
|
|
@-webkit-keyframes tertiary-dynamic-start {
|
|
to {
|
|
-webkit-transform: translateX(0);
|
|
transform: translateX(0)
|
|
}
|
|
}
|
|
|
|
@keyframes tertiary-dynamic-start {
|
|
to {
|
|
-webkit-transform: translateX(0);
|
|
transform: translateX(0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-button--tertiary-dynamic {
|
|
height: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-button--tertiary-dynamic {
|
|
height: 4rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-button--tertiary-dynamic {
|
|
padding: calc(0.25rem + 0.27778vw - 4px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-button--tertiary-dynamic {
|
|
padding: 0.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-button--tertiary-dynamic:not(:disabled):not(.rad-button--disabled) .rad-button__icons-animation-container {
|
|
-webkit-animation-delay: 700ms;
|
|
animation-delay: 700ms;
|
|
-webkit-animation-duration: 550ms;
|
|
animation-duration: 550ms;
|
|
-webkit-animation-name: tertiary-dynamic-start;
|
|
animation-name: tertiary-dynamic-start;
|
|
-webkit-animation-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
animation-timing-function: cubic-bezier(0.85, 0, 0, 1)
|
|
}
|
|
|
|
.rad-button--tertiary-dynamic:hover .rad-button__icons-animation-container {
|
|
-webkit-transform: translateX(0);
|
|
transform: translateX(0)
|
|
}
|
|
|
|
.rad-button--tertiary-dynamic:focus-visible {
|
|
outline-offset: 0.25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-button--tertiary-dynamic:focus-visible {
|
|
outline-offset: calc(0.25rem + 0.27778vw - 4px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-button--tertiary-dynamic:focus-visible {
|
|
outline-offset: 0.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-button--tertiary-dynamic .rad-button__text {
|
|
white-space: nowrap
|
|
}
|
|
|
|
.rad-button--tertiary-dynamic .rad-button__icons-animation-viewbox {
|
|
margin-left: 0.5rem;
|
|
overflow: hidden;
|
|
width: 1.5rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-button--tertiary-dynamic .rad-button__icons-animation-viewbox {
|
|
margin-left: calc(0.5rem + 0.55556vw - 8px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-button--tertiary-dynamic .rad-button__icons-animation-viewbox {
|
|
margin-left: 0.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-button--tertiary-dynamic .rad-button__icons-animation-viewbox {
|
|
width: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-button--tertiary-dynamic .rad-button__icons-animation-viewbox {
|
|
width: 2rem
|
|
}
|
|
}
|
|
|
|
.rad-button--tertiary-dynamic .rad-button__icons-animation-container {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-transform: translateX(-200%);
|
|
transform: translateX(-200%);
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: -webkit-transform;
|
|
transition-property: -webkit-transform;
|
|
transition-property: transform;
|
|
transition-property: transform, -webkit-transform;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1)
|
|
}
|
|
|
|
.rad-button--tertiary-dynamic .rad-button__icons-animation-container :last-child {
|
|
margin-left: 1.5rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-button--tertiary-dynamic .rad-button__icons-animation-container :last-child {
|
|
margin-left: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-button--tertiary-dynamic .rad-button__icons-animation-container :last-child {
|
|
margin-left: 2rem
|
|
}
|
|
}
|
|
|
|
.rad-button--tertiary-dynamic .rad-icon {
|
|
-ms-flex-negative: 0;
|
|
color: #a100ff;
|
|
flex-shrink: 0;
|
|
height: 1.5rem;
|
|
width: 1.5rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-button--tertiary-dynamic .rad-icon {
|
|
height: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-button--tertiary-dynamic .rad-icon {
|
|
height: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-button--tertiary-dynamic .rad-icon {
|
|
width: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-button--tertiary-dynamic .rad-icon {
|
|
width: 2rem
|
|
}
|
|
}
|
|
|
|
.rad-button--ghost {
|
|
padding: 0
|
|
}
|
|
|
|
.rad-button--ghost .rad-button__text {
|
|
padding: .5rem 0;
|
|
position: relative
|
|
}
|
|
|
|
.rad-button--ghost .rad-button__text:after {
|
|
border-bottom: 1px solid;
|
|
bottom: 0;
|
|
content: "";
|
|
display: block;
|
|
left: 0;
|
|
position: absolute;
|
|
-webkit-transition: width 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
transition: width 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
width: 0
|
|
}
|
|
|
|
:hover>.rad-button__text:after {
|
|
width: 100%
|
|
}
|
|
|
|
.rad-button--ghost .rad-button__icon-left,
|
|
.rad-button--ghost .rad-button__icon-right {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
align-items: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: 1.25rem;
|
|
justify-content: center;
|
|
width: 1.25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
|
|
.rad-button--ghost .rad-button__icon-left,
|
|
.rad-button--ghost .rad-button__icon-right {
|
|
height: calc(1.25rem + 1.38889vw - 20px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
|
|
.rad-button--ghost .rad-button__icon-left,
|
|
.rad-button--ghost .rad-button__icon-right {
|
|
height: 1.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
|
|
.rad-button--ghost .rad-button__icon-left,
|
|
.rad-button--ghost .rad-button__icon-right {
|
|
width: calc(1.25rem + 1.38889vw - 20px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
|
|
.rad-button--ghost .rad-button__icon-left,
|
|
.rad-button--ghost .rad-button__icon-right {
|
|
width: 1.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-button--ghost .rad-button__icon-left {
|
|
margin-right: 0.5rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-button--ghost .rad-button__icon-left {
|
|
margin-right: calc(0.5rem + 0.55556vw - 8px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-button--ghost .rad-button__icon-left {
|
|
margin-right: 0.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-button--ghost .rad-button__icon-right {
|
|
margin-left: 0.5rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-button--ghost .rad-button__icon-right {
|
|
margin-left: calc(0.5rem + 0.55556vw - 8px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-button--ghost .rad-button__icon-right {
|
|
margin-left: 0.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-button__text,
|
|
.rad-icon-button {
|
|
position: relative
|
|
}
|
|
|
|
.rad-icon-button {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: 48px;
|
|
justify-content: center;
|
|
overflow: hidden;
|
|
text-decoration: none;
|
|
-webkit-user-select: text;
|
|
-moz-user-select: text;
|
|
-ms-user-select: text;
|
|
user-select: text;
|
|
width: 48px
|
|
}
|
|
|
|
.rad-icon-button:-moz-any-link {
|
|
color: #fff
|
|
}
|
|
|
|
.rad-icon-button,
|
|
.rad-icon-button:any-link {
|
|
color: #fff
|
|
}
|
|
|
|
.rad-icon-button .rad-icon-button__text {
|
|
clip: rect(0 0 0 0);
|
|
-webkit-clip-path: inset(50%);
|
|
clip-path: inset(50%);
|
|
height: 1px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
white-space: nowrap;
|
|
width: 1px
|
|
}
|
|
|
|
.rad-icon-button--social-hover {
|
|
color: #fff
|
|
}
|
|
|
|
.rad-icon-button--social-hover:hover {
|
|
color: #a2a2a0
|
|
}
|
|
|
|
.rad-icon-button--social-hover:active {
|
|
color: #e3e3df
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-button--primary {
|
|
height: 3rem;
|
|
padding-left: 1.5rem;
|
|
padding-right: 1.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-button--primary {
|
|
padding-left: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-button--primary {
|
|
padding-left: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-button--primary {
|
|
padding-right: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-button--primary {
|
|
padding-right: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-button--secondary {
|
|
height: 3rem;
|
|
padding-left: 1.5rem;
|
|
padding-right: 1.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
|
|
.rad-button--primary,
|
|
.rad-button--secondary {
|
|
height: 3.25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
|
|
.rad-button--primary,
|
|
.rad-button--secondary {
|
|
height: calc(3.25rem + 3.61111vw - 52px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
|
|
.rad-button--primary,
|
|
.rad-button--secondary {
|
|
height: 4.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-button--tertiary .rad-button__icon-right {
|
|
height: 1.5rem;
|
|
width: 1.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-button--tertiary .rad-button__icon-right {
|
|
width: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-button--tertiary .rad-button__icon-right {
|
|
width: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-button--tertiary .rad-button__icon-right {
|
|
height: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-button--tertiary .rad-button__icon-right {
|
|
height: 2rem
|
|
}
|
|
}
|
|
|
|
.rad-carousel--six-plus-cells__only {
|
|
display: none
|
|
}
|
|
|
|
@media(max-width:1023px) {
|
|
.rad__range-input-slider-container {
|
|
margin-bottom: 0;
|
|
margin-top: 0;
|
|
padding-bottom: 0;
|
|
padding-top: 0
|
|
}
|
|
|
|
.rad-carousel--six-plus-cells .flickity-enabled .flickity-button,
|
|
.rad-carousel--six-plus-cells .flickity-enabled .flickity-page-dots,
|
|
.rad-carousel--six-plus-cells .rad-carousel--six-plus-cells__hidden {
|
|
display: none
|
|
}
|
|
|
|
.rad-carousel--six-plus-cells .rad__range-input-slider-container {
|
|
display: block;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding-left: 1.5rem;
|
|
padding-right: 1.5rem
|
|
}
|
|
|
|
.rad-carousel--six-plus-cells .rad__range-input-slider-container .rad__range-input-slider-for-carousel {
|
|
width: 19.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px)and (max-width:1023px) {
|
|
.rad-carousel--six-plus-cells .rad__range-input-slider-container .rad__range-input-slider-for-carousel {
|
|
width: 17.25rem
|
|
}
|
|
}
|
|
|
|
.rad__range-input-slider-container {
|
|
margin: 0 auto;
|
|
width: -webkit-fit-content;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad__range-input-slider-container {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.rad__range-input-slider-container .rad__range-input-slider-for-carousel {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
background: transparent;
|
|
display: block;
|
|
margin: 0;
|
|
padding: .5rem 0;
|
|
width: 17.25rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad__range-input-slider-container .rad__range-input-slider-for-carousel {
|
|
padding: 1.25rem 0
|
|
}
|
|
}
|
|
|
|
.rad__range-input-slider-container ::-webkit-slider-thumb {
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
background: #fff;
|
|
border: none;
|
|
border-radius: 0;
|
|
-webkit-box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000;
|
|
box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000;
|
|
cursor: -webkit-grab;
|
|
cursor: grab;
|
|
height: .5rem;
|
|
width: .5rem
|
|
}
|
|
|
|
.rad__range-input-slider-container ::-moz-range-thumb {
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
background: #fff;
|
|
border: none;
|
|
border-radius: 0;
|
|
box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000;
|
|
cursor: grab;
|
|
height: .5rem;
|
|
width: .5rem
|
|
}
|
|
|
|
.rad__range-input-slider-container ::-ms-thumb {
|
|
appearance: none;
|
|
background: #fff;
|
|
border: none;
|
|
border-radius: 0;
|
|
box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000;
|
|
cursor: grab;
|
|
height: .5rem;
|
|
width: .5rem
|
|
}
|
|
|
|
.rad__range-input-slider-container ::-webkit-slider-runnable-track {
|
|
background: #616160;
|
|
cursor: pointer;
|
|
height: .5rem;
|
|
width: 100%
|
|
}
|
|
|
|
.rad__range-input-slider-container ::-moz-range-track {
|
|
background: #616160;
|
|
cursor: pointer;
|
|
height: .5rem;
|
|
width: 100%
|
|
}
|
|
|
|
.rad__range-input-slider-container ::-ms-track {
|
|
background: #616160;
|
|
cursor: pointer;
|
|
height: .5rem;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-carousel {
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.rad-carousel,
|
|
.rad-carousel .flickity-page-dots {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex
|
|
}
|
|
|
|
.rad-carousel .flickity-page-dots {
|
|
-webkit-box-align: stretch;
|
|
-ms-flex-align: stretch;
|
|
-webkit-box-pack: end;
|
|
-ms-flex-pack: end;
|
|
align-items: stretch;
|
|
bottom: 0;
|
|
height: 24px;
|
|
justify-content: flex-end;
|
|
margin: 0 auto;
|
|
max-width: 1920px;
|
|
position: relative;
|
|
right: 0;
|
|
width: auto
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-carousel .flickity-page-dots {
|
|
height: 48px;
|
|
margin: 0 2.75rem 0 auto
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-carousel .flickity-page-dots {
|
|
height: 3.33333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-carousel .flickity-page-dots {
|
|
height: 64px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-carousel .flickity-page-dots {
|
|
margin-right: 4.75rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-carousel .flickity-page-dots {
|
|
margin-right: calc(4.75rem + 5.27778vw - 76px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-carousel .flickity-page-dots {
|
|
margin-right: 6.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-carousel .flickity-page-dot {
|
|
background: none;
|
|
border-radius: 0;
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
height: auto;
|
|
margin: 0;
|
|
padding: .25rem;
|
|
position: relative;
|
|
width: .5rem;
|
|
z-index: 1
|
|
}
|
|
|
|
.rad-carousel .flickity-page-dot:focus-visible {
|
|
outline: .0625rem solid #a100ff;
|
|
outline-offset: -0.0625rem
|
|
}
|
|
|
|
.rad-carousel .flickity-page-dot:focus {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none
|
|
}
|
|
|
|
.rad-carousel .flickity-page-dot:after,
|
|
.rad-carousel .flickity-page-dot:before {
|
|
content: "";
|
|
display: block;
|
|
height: .5rem;
|
|
position: absolute;
|
|
top: 50%;
|
|
translate: 0 -50%
|
|
}
|
|
|
|
.rad-carousel .flickity-page-dot:first-child {
|
|
overflow: visible
|
|
}
|
|
|
|
.rad-carousel .flickity-page-dot:first-child:before {
|
|
background: #616160;
|
|
left: 50%;
|
|
-webkit-transition: width 250ms ease 0s;
|
|
transition: width 250ms ease 0s;
|
|
width: calc(var(--dot-index)*100%)
|
|
}
|
|
|
|
.rad-carousel .flickity-page-dot:after {
|
|
background: #616160;
|
|
left: .25rem;
|
|
width: .5rem
|
|
}
|
|
|
|
.rad-carousel .flickity-page-dot:hover {
|
|
background: none
|
|
}
|
|
|
|
.rad-carousel .flickity-page-dot:hover:after {
|
|
background: #a2a2a0
|
|
}
|
|
|
|
.rad-carousel .flickity-page-dot.is-selected {
|
|
background: none
|
|
}
|
|
|
|
.rad-carousel .flickity-page-dot.is-selected:after {
|
|
background: #fff
|
|
}
|
|
|
|
.rad-carousel .flickity-enabled {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.rad-carousel .flickity-prev-next-button {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
align-items: center;
|
|
background: none;
|
|
border-radius: 0;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: 48px;
|
|
justify-content: center;
|
|
left: 0;
|
|
margin-top: -12px;
|
|
position: relative;
|
|
right: 0;
|
|
-webkit-transform: unset;
|
|
transform: unset;
|
|
width: 48px
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-carousel .flickity-prev-next-button {
|
|
width: 3.33333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-carousel .flickity-prev-next-button {
|
|
width: 64px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-carousel .flickity-prev-next-button {
|
|
height: 3.33333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-carousel .flickity-prev-next-button {
|
|
height: 64px
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-carousel .flickity-prev-next-button {
|
|
margin-top: 0
|
|
}
|
|
}
|
|
|
|
.rad-carousel .flickity-prev-next-button:focus {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none
|
|
}
|
|
|
|
.rad-carousel .flickity-prev-next-button.previous {
|
|
margin-left: 2.25rem
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-carousel .flickity-prev-next-button.previous {
|
|
margin-left: 4.25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-carousel .flickity-prev-next-button.previous {
|
|
margin-left: calc(4.25rem + 4.72222vw - 68px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-carousel .flickity-prev-next-button.previous {
|
|
margin-left: 5.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-carousel .flickity-prev-next-button.next {
|
|
margin-left: 0.25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-carousel .flickity-prev-next-button.next {
|
|
margin-left: calc(0.25rem + 0.27778vw - 4px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-carousel .flickity-prev-next-button.next {
|
|
margin-left: 0.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-carousel .flickity-button-icon {
|
|
fill: #fff;
|
|
position: static;
|
|
width: 1.25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-carousel .flickity-button-icon {
|
|
width: calc(1.25rem + 1.38889vw - 20px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-carousel .flickity-button-icon {
|
|
width: 1.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-carousel .flickity-viewport {
|
|
-ms-flex-preferred-size: 100%;
|
|
flex-basis: 100%;
|
|
margin-bottom: 32px
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-carousel .flickity-viewport {
|
|
margin-bottom: 2.22222vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-carousel .flickity-viewport {
|
|
margin-bottom: 42.6666666667px
|
|
}
|
|
}
|
|
|
|
.rad-carousel .flickity-button {
|
|
display: none
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-carousel .flickity-button {
|
|
display: block
|
|
}
|
|
}
|
|
|
|
.flickity-button:focus-visible {
|
|
outline: .125rem solid #a100ff
|
|
}
|
|
|
|
.cmp-logo {
|
|
display: block;
|
|
width: -webkit-fit-content;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
.cmp-logo__svg-wrapper {
|
|
width: 9.5rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.cmp-logo__svg-wrapper {
|
|
width: calc(9.5rem + 10.55556vw - 152px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.cmp-logo__svg-wrapper {
|
|
width: 12.6666666667rem
|
|
}
|
|
}
|
|
|
|
.cmp-logo__svg-wrapper svg {
|
|
display: block;
|
|
width: 100%
|
|
}
|
|
|
|
.cmp-logo__greater-than,
|
|
.cmp-logo__text {
|
|
-webkit-transition: translate 550ms cubic-bezier(0.85, 0, 0, 1), scale 550ms cubic-bezier(0.85, 0, 0, 1), -webkit-transform 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
transition: translate 550ms cubic-bezier(0.85, 0, 0, 1), scale 550ms cubic-bezier(0.85, 0, 0, 1), -webkit-transform 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
transition: transform 550ms cubic-bezier(0.85, 0, 0, 1), translate 550ms cubic-bezier(0.85, 0, 0, 1), scale 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
transition: transform 550ms cubic-bezier(0.85, 0, 0, 1), translate 550ms cubic-bezier(0.85, 0, 0, 1), scale 550ms cubic-bezier(0.85, 0, 0, 1), -webkit-transform 550ms cubic-bezier(0.85, 0, 0, 1)
|
|
}
|
|
|
|
.cmp-logo__greater-than {
|
|
fill: #a100ff
|
|
}
|
|
|
|
.cmp-logo:hover .cmp-logo__greater-than {
|
|
scale: .396;
|
|
translate: 88.5px
|
|
}
|
|
|
|
.cmp-logo__text {
|
|
fill: #fff;
|
|
-webkit-transform: translateY(24px);
|
|
transform: translateY(24px)
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.cmp-logo__text {
|
|
-webkit-transform: translateY(1.66667vw);
|
|
transform: translateY(1.66667vw)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.cmp-logo__text {
|
|
-webkit-transform: translateY(32px);
|
|
transform: translateY(32px)
|
|
}
|
|
}
|
|
|
|
.cmp-logo:hover .cmp-logo__text {
|
|
-webkit-transform: translateY(0);
|
|
transform: translateY(0)
|
|
}
|
|
|
|
.cmp-logo.cmp-logo--white-on-dark .cmp-logo__greater-than {
|
|
fill: #fff
|
|
}
|
|
|
|
.cmp-logo.cmp-logo--black-on-light .cmp-logo__greater-than,
|
|
.cmp-logo.cmp-logo--black-on-light .cmp-logo__text {
|
|
fill: #000
|
|
}
|
|
|
|
.cmp-logo.cmp-logo--purple-on-light .cmp-logo__greater-than {
|
|
fill: #a100ff
|
|
}
|
|
|
|
.cmp-logo.cmp-logo--purple-on-light .cmp-logo__text {
|
|
fill: #000
|
|
}
|
|
|
|
.rad-chip {
|
|
color: #fff;
|
|
cursor: pointer;
|
|
height: 3rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-chip {
|
|
height: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-chip {
|
|
height: 4rem
|
|
}
|
|
}
|
|
|
|
.rad-chip__inner {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
background-color: #000;
|
|
border: 1px solid #616160;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
gap: .25rem;
|
|
height: 2.25rem;
|
|
padding: 0 .75rem;
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: border, padding-left;
|
|
transition-property: border, padding-left;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-chip__inner {
|
|
height: 2.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-chip__inner {
|
|
height: 2.75rem;
|
|
padding-left: 0.75rem;
|
|
padding-right: 0.75rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-chip__inner {
|
|
padding-left: calc(0.75rem + 0.83333vw - 12px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-chip__inner {
|
|
padding-left: 1rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-chip__inner {
|
|
padding-right: calc(0.75rem + 0.83333vw - 12px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-chip__inner {
|
|
padding-right: 1rem
|
|
}
|
|
}
|
|
|
|
.rad-chip__text {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.429;
|
|
text-underline-offset: .25rem;
|
|
width: -webkit-max-content;
|
|
width: -moz-max-content;
|
|
width: max-content
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-chip__text {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-chip__text {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-chip .rad-icon__check {
|
|
display: -webkit-inline-box;
|
|
display: -ms-inline-flexbox;
|
|
display: inline-flex;
|
|
height: 1.125rem;
|
|
opacity: 0;
|
|
overflow: hidden;
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: translate, width;
|
|
transition-property: translate, width;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
translate: -0.75rem;
|
|
width: 0
|
|
}
|
|
|
|
.rad-chip:hover .rad-chip__inner {
|
|
background-color: #202020
|
|
}
|
|
|
|
.rad-chip:active .rad-chip__inner {
|
|
background-color: #2b2b2b
|
|
}
|
|
|
|
.rad-chip:focus-visible {
|
|
outline: none
|
|
}
|
|
|
|
.rad-chip:focus-visible .rad-chip__inner {
|
|
background-color: #000;
|
|
outline: .125rem solid #a100ff;
|
|
outline-offset: .125rem
|
|
}
|
|
|
|
.rad-chip:disabled {
|
|
color: #616160;
|
|
cursor: default;
|
|
pointer-events: none
|
|
}
|
|
|
|
.rad-chip--selected .rad-chip__inner {
|
|
border: 2px solid #fff;
|
|
padding-left: .625rem
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-chip--selected .rad-chip__inner {
|
|
padding-left: 0.75rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-chip--selected .rad-chip__inner {
|
|
padding-left: calc(0.75rem + 0.83333vw - 12px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-chip--selected .rad-chip__inner {
|
|
padding-left: 1rem
|
|
}
|
|
}
|
|
|
|
.rad-chip--selected .rad-chip__inner .rad-icon__check {
|
|
opacity: 1;
|
|
translate: 0;
|
|
width: 1.125rem
|
|
}
|
|
|
|
.rad-chip--selected:hover .rad-chip__inner {
|
|
background-color: #202020
|
|
}
|
|
|
|
.rad-chip--selected:active .rad-chip__inner {
|
|
background-color: #2b2b2b
|
|
}
|
|
|
|
.rad-chip--selected:focus-visible .rad-chip__inner {
|
|
background-color: #000
|
|
}
|
|
|
|
.rad-dropdown {
|
|
position: relative
|
|
}
|
|
|
|
.rad-dropdown__category {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-pack: end;
|
|
-ms-flex-pack: end;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
gap: .25rem;
|
|
justify-content: flex-end;
|
|
margin: .5rem 0 .5rem auto
|
|
}
|
|
|
|
.rad-dropdown__category .rad-icon__chevron-down {
|
|
-webkit-transition: 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
transition: 550ms cubic-bezier(0.85, 0, 0, 1)
|
|
}
|
|
|
|
.rad-dropdown__category .rad-icon__chevron-down:after {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
align-items: center;
|
|
display: -webkit-inline-box;
|
|
display: -ms-inline-flexbox;
|
|
display: inline-flex;
|
|
height: 1.25rem;
|
|
justify-content: center;
|
|
width: 1.25rem
|
|
}
|
|
|
|
.rad-dropdown__category-title {
|
|
color: #fff;
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.429;
|
|
min-width: -webkit-fit-content;
|
|
min-width: -moz-fit-content;
|
|
min-width: fit-content;
|
|
text-underline-offset: .25rem;
|
|
-webkit-transition: 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
transition: 550ms cubic-bezier(0.85, 0, 0, 1)
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-dropdown__category-title {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-dropdown__category-title {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-dropdown__list-item {
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
-webkit-box-align: end;
|
|
-ms-flex-align: end;
|
|
align-items: flex-end;
|
|
background-color: #202020;
|
|
color: #a2a2a0;
|
|
cursor: pointer;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
justify-content: space-between;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.429;
|
|
padding: .75rem .75rem .75rem 1rem;
|
|
text-underline-offset: .25rem;
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: visibility;
|
|
transition-property: visibility;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
visibility: hidden;
|
|
width: 100%
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-dropdown__list-item {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-dropdown__list-item {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-dropdown__list-item .rad-icon__check {
|
|
display: none
|
|
}
|
|
|
|
.rad-dropdown__list-item--selected {
|
|
background-color: #202020;
|
|
color: #fff
|
|
}
|
|
|
|
.rad-dropdown__list-item--selected .rad-icon__check {
|
|
color: #fff;
|
|
display: inline-block;
|
|
padding-left: .5rem
|
|
}
|
|
|
|
.rad-dropdown__list-item:hover {
|
|
background-color: #2b2b2b;
|
|
color: #fff;
|
|
opacity: .95
|
|
}
|
|
|
|
.rad-dropdown__list-item:active {
|
|
background-color: #101010;
|
|
color: #a2a2a0
|
|
}
|
|
|
|
.rad-dropdown__list-item:focus-visible {
|
|
outline: .125rem solid #a100ff;
|
|
outline-offset: .25rem
|
|
}
|
|
|
|
.rad-dropdown__list {
|
|
background-color: #202020;
|
|
max-height: 0;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
right: 0;
|
|
-webkit-transition: max-height 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
transition: max-height 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
width: 14.6875rem;
|
|
z-index: 5
|
|
}
|
|
|
|
.rad-dropdown__list li:first-child {
|
|
padding-top: .5rem
|
|
}
|
|
|
|
.rad-dropdown__list li:last-child {
|
|
padding-bottom: .5rem
|
|
}
|
|
|
|
.rad-dropdown__list .rad-icon__check:after {
|
|
display: block;
|
|
height: 1.25rem;
|
|
top: .125rem;
|
|
width: 1.25rem
|
|
}
|
|
|
|
.rad-dropdown--open .rad-dropdown__category .rad-icon__chevron-down,
|
|
.rad-dropdown--open .rad-dropdown__category-title {
|
|
color: #a2a2a0
|
|
}
|
|
|
|
.rad-dropdown--open .rad-icon__chevron-down {
|
|
-webkit-transform: rotate(180deg);
|
|
transform: rotate(180deg)
|
|
}
|
|
|
|
.rad-dropdown--open .rad-dropdown__list {
|
|
max-height: var(--dropdown-height)
|
|
}
|
|
|
|
.rad-dropdown--open .rad-dropdown__list-item {
|
|
visibility: visible
|
|
}
|
|
|
|
#main {
|
|
/* background: #000; */
|
|
margin: 0 auto;
|
|
max-width: 1920px;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
|
|
img,
|
|
svg {
|
|
height: auto;
|
|
max-width: 100%
|
|
}
|
|
|
|
a {
|
|
text-decoration: underline
|
|
}
|
|
|
|
button {
|
|
background: none;
|
|
border: 0;
|
|
color: inherit;
|
|
font: inherit;
|
|
line-height: inherit;
|
|
padding: 0
|
|
}
|
|
|
|
button:hover {
|
|
cursor: pointer
|
|
}
|
|
|
|
b,
|
|
strong {
|
|
font-weight: 500
|
|
}
|
|
|
|
em,
|
|
i {
|
|
font-style: italic
|
|
}
|
|
|
|
.cmp-skip-link {
|
|
background-color: transparent;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
font-size: .875rem;
|
|
height: auto;
|
|
margin: 0 auto;
|
|
opacity: 0;
|
|
padding: .5rem;
|
|
position: absolute;
|
|
text-decoration: none;
|
|
top: -3em;
|
|
-webkit-transition: top .2s, background-color .2s;
|
|
transition: top .2s, background-color .2s;
|
|
z-index: 10000
|
|
}
|
|
|
|
.cmp-skip-link:active,
|
|
.cmp-skip-link:focus-visible {
|
|
background-color: #202020;
|
|
opacity: 1;
|
|
outline-offset: -2px;
|
|
top: 0;
|
|
-webkit-transition: top .2s, background-color .2s;
|
|
transition: top .2s, background-color .2s
|
|
}
|
|
|
|
.rad-360-value-title {
|
|
padding-bottom: 3rem;
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm);
|
|
padding-top: 4rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-360-value-title {
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
.rad-360-value-title__header {
|
|
-ms-flex-line-pack: end;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
align-content: flex-end;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
margin-bottom: var(--rad-spacing-sm)
|
|
}
|
|
|
|
.rad-360-value-title__header:after {
|
|
content: "";
|
|
display: block;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-360-value-title__header-first-line {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
margin-bottom: .625rem
|
|
}
|
|
|
|
.rad-360-value-title__header-second-line {
|
|
-webkit-box-ordinal-group: 2;
|
|
-ms-flex-order: 1;
|
|
order: 1
|
|
}
|
|
|
|
.rad-360-value-title__header-360-wrapper,
|
|
.rad-360-value-title__header-value-wrapper {
|
|
overflow: hidden
|
|
}
|
|
|
|
.rad-360-value-title__header-360,
|
|
.rad-360-value-title__header-value {
|
|
height: 2.8125rem
|
|
}
|
|
|
|
.rad-360-value-title__header-360 {
|
|
aspect-ratio: 225/89
|
|
}
|
|
|
|
.rad-360-value-title__header-circle-placeholder {
|
|
margin-left: .25rem;
|
|
position: relative
|
|
}
|
|
|
|
.rad-360-value-title__header-circle,
|
|
.rad-360-value-title__header-circle-placeholder {
|
|
aspect-ratio: 1;
|
|
height: 1.25rem
|
|
}
|
|
|
|
.rad-360-value-title__header-circle {
|
|
max-width: none;
|
|
position: absolute;
|
|
rotate: -90deg
|
|
}
|
|
|
|
.rad-360-value-title__header-circle-path {
|
|
r: 155px;
|
|
stroke-width: 90px
|
|
}
|
|
|
|
.rad-360-value-title__header-value {
|
|
aspect-ratio: 367/88
|
|
}
|
|
|
|
.rad-360-value-title__sub-header {
|
|
font-family: GT Sectra Fine, Palatino;
|
|
font-size: 1.25rem;
|
|
font-weight: 300;
|
|
line-height: 1.4;
|
|
text-align: center
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-360-value-title__sub-header {
|
|
font-size: 2rem;
|
|
line-height: 1.25
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-360-value-title__sub-header {
|
|
font-size: 2.25rem;
|
|
line-height: 1.222
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-360-value-title__sub-header {
|
|
font-size: calc(2.25rem + 2.5vw - 36px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-360-value-title__sub-header {
|
|
font-size: 3rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-360-value-title {
|
|
padding-bottom: 0;
|
|
padding-top: 5rem
|
|
}
|
|
|
|
.rad-360-value-title__header {
|
|
-ms-flex-line-pack: normal;
|
|
-webkit-box-align: end;
|
|
-ms-flex-align: end;
|
|
align-content: normal;
|
|
align-items: flex-end;
|
|
-ms-flex-wrap: nowrap;
|
|
flex-wrap: nowrap
|
|
}
|
|
|
|
.rad-360-value-title__header:after {
|
|
display: none
|
|
}
|
|
|
|
.rad-360-value-title__header-first-line {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.rad-360-value-title__header-360,
|
|
.rad-360-value-title__header-value {
|
|
height: 4.21875rem
|
|
}
|
|
|
|
.rad-360-value-title__header-circle-placeholder {
|
|
margin-left: .375rem
|
|
}
|
|
|
|
.rad-360-value-title__header-circle,
|
|
.rad-360-value-title__header-circle-placeholder {
|
|
height: 1.875rem
|
|
}
|
|
|
|
.rad-360-value-title__header-value {
|
|
margin-left: 1.171875rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-360-value-title {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
align-items: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
padding-top: 7.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-360-value-title {
|
|
padding-top: calc(7.5rem + 8.33333vw - 120px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-360-value-title {
|
|
padding-top: 10rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-360-value-title__header {
|
|
margin-bottom: 1.5rem;
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-360-value-title__header {
|
|
margin-bottom: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-360-value-title__header {
|
|
margin-bottom: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
|
|
.rad-360-value-title__header-360,
|
|
.rad-360-value-title__header-value {
|
|
height: 5.625rem;
|
|
max-height: 7vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
|
|
.rad-360-value-title__header-360,
|
|
.rad-360-value-title__header-value {
|
|
height: calc(5.625rem + 6.25vw - 90px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
|
|
.rad-360-value-title__header-360,
|
|
.rad-360-value-title__header-value {
|
|
height: 7.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-360-value-title__header-circle-placeholder {
|
|
margin-left: 0.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-360-value-title__header-circle-placeholder {
|
|
margin-left: calc(0.5rem + 0.55556vw - 8px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-360-value-title__header-circle-placeholder {
|
|
margin-left: 0.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
|
|
.rad-360-value-title__header-circle,
|
|
.rad-360-value-title__header-circle-placeholder {
|
|
height: 2.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
|
|
.rad-360-value-title__header-circle,
|
|
.rad-360-value-title__header-circle-placeholder {
|
|
height: calc(2.5rem + 2.77778vw - 40px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
|
|
.rad-360-value-title__header-circle,
|
|
.rad-360-value-title__header-circle-placeholder {
|
|
height: 3.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-360-value-title__header-value {
|
|
margin-left: 1.5625rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-360-value-title__header-value {
|
|
margin-left: calc(1.5625rem + 1.73611vw - 25px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-360-value-title__header-value {
|
|
margin-left: 2.0833333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-360-value-title__sub-header {
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-absorb-cta {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
gap: 1rem;
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-absorb-cta {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
align-items: center;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
gap: 1.5rem;
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-absorb-cta {
|
|
gap: 2rem;
|
|
gap: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-absorb-cta {
|
|
gap: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-absorb-editorial-text {
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-absorb-editorial-text {
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
.rad-absorb-editorial-text>h2,
|
|
.rad-absorb-editorial-text>h3,
|
|
.rad-absorb-editorial-text>h4,
|
|
.rad-absorb-editorial-text>h5,
|
|
.rad-absorb-editorial-text>ol,
|
|
.rad-absorb-editorial-text>p,
|
|
.rad-absorb-editorial-text>ul {
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
|
|
.rad-absorb-editorial-text>h2,
|
|
.rad-absorb-editorial-text>h3,
|
|
.rad-absorb-editorial-text>h4,
|
|
.rad-absorb-editorial-text>h5,
|
|
.rad-absorb-editorial-text>ol,
|
|
.rad-absorb-editorial-text>p,
|
|
.rad-absorb-editorial-text>ul {
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
|
|
.rad-absorb-editorial-text>h2,
|
|
.rad-absorb-editorial-text>h3,
|
|
.rad-absorb-editorial-text>h4,
|
|
.rad-absorb-editorial-text>h5,
|
|
.rad-absorb-editorial-text>ol,
|
|
.rad-absorb-editorial-text>p,
|
|
.rad-absorb-editorial-text>ul {
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-absorb-editorial-text h2 {
|
|
font-size: 1.75rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.286
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-absorb-editorial-text h2 {
|
|
font-size: 2.5rem;
|
|
line-height: 1.2
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-absorb-editorial-text h2 {
|
|
font-size: 3rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-absorb-editorial-text h2 {
|
|
font-size: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-absorb-editorial-text h2 {
|
|
font-size: 4rem
|
|
}
|
|
}
|
|
|
|
.rad-absorb-editorial-text h2+h2,
|
|
.rad-absorb-editorial-text h2+h3 {
|
|
margin-top: 1rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h2+h4 {
|
|
margin-top: 1.5rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h2+h5 {
|
|
margin-top: 1rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h2+ol,
|
|
.rad-absorb-editorial-text h2+p,
|
|
.rad-absorb-editorial-text h2+ul {
|
|
margin-top: 1.5rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h3 {
|
|
font-size: 1.25rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.025em;
|
|
line-height: 1.4
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-absorb-editorial-text h3 {
|
|
font-size: 1.5rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-absorb-editorial-text h3 {
|
|
font-size: 2rem;
|
|
line-height: 1.25
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-absorb-editorial-text h3 {
|
|
font-size: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-absorb-editorial-text h3 {
|
|
font-size: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-absorb-editorial-text h3+h2 {
|
|
margin-top: 2rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h3+h3 {
|
|
margin-top: 1rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h3+h4 {
|
|
margin-top: 1.5rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h3+h5 {
|
|
margin-top: 1rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h3+ol,
|
|
.rad-absorb-editorial-text h3+p,
|
|
.rad-absorb-editorial-text h3+ul {
|
|
margin-top: 1.5rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h4 {
|
|
font-size: 1.125rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.6;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-absorb-editorial-text h4 {
|
|
font-size: 1.25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-absorb-editorial-text h4 {
|
|
font-size: calc(1.25rem + 1.38889vw - 20px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-absorb-editorial-text h4 {
|
|
font-size: 1.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-absorb-editorial-text h4+h2,
|
|
.rad-absorb-editorial-text h4+h3 {
|
|
margin-top: 2rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h4+h4 {
|
|
margin-top: .5rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h4+h5 {
|
|
margin-top: 2rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h4+ol,
|
|
.rad-absorb-editorial-text h4+p,
|
|
.rad-absorb-editorial-text h4+ul {
|
|
margin-top: .5rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h5 {
|
|
font-family: GT Sectra Fine, Palatino;
|
|
font-size: 1.125rem;
|
|
font-weight: 300;
|
|
line-height: 1.333
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-absorb-editorial-text h5 {
|
|
font-size: 1.5rem;
|
|
line-height: 1.333
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-absorb-editorial-text h5 {
|
|
font-size: 1.75rem;
|
|
line-height: 1.286
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-absorb-editorial-text h5 {
|
|
font-size: calc(1.75rem + 1.94444vw - 28px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-absorb-editorial-text h5 {
|
|
font-size: 2.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-absorb-editorial-text h5+h2,
|
|
.rad-absorb-editorial-text h5+h3 {
|
|
margin-top: 2rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h5+h4 {
|
|
margin-top: 1.5rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h5+h5 {
|
|
margin-top: 1rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h5+ol,
|
|
.rad-absorb-editorial-text h5+p,
|
|
.rad-absorb-editorial-text h5+ul {
|
|
margin-top: 1.5rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text ol,
|
|
.rad-absorb-editorial-text p,
|
|
.rad-absorb-editorial-text ul {
|
|
font-size: 1.125rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.6;
|
|
padding-right: var(--scrollbar-width);
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
|
|
.rad-absorb-editorial-text ol,
|
|
.rad-absorb-editorial-text p,
|
|
.rad-absorb-editorial-text ul {
|
|
font-size: 1.25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
|
|
.rad-absorb-editorial-text ol,
|
|
.rad-absorb-editorial-text p,
|
|
.rad-absorb-editorial-text ul {
|
|
font-size: calc(1.25rem + 1.38889vw - 20px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
|
|
.rad-absorb-editorial-text ol,
|
|
.rad-absorb-editorial-text p,
|
|
.rad-absorb-editorial-text ul {
|
|
font-size: 1.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-absorb-editorial-text ol a,
|
|
.rad-absorb-editorial-text p a,
|
|
.rad-absorb-editorial-text ul a {
|
|
font-weight: 500
|
|
}
|
|
|
|
.rad-absorb-editorial-text ol a:focus-visible,
|
|
.rad-absorb-editorial-text p a:focus-visible,
|
|
.rad-absorb-editorial-text ul a:focus-visible {
|
|
outline-offset: 2px
|
|
}
|
|
|
|
.rad-absorb-editorial-text ol+h2,
|
|
.rad-absorb-editorial-text ol+h3,
|
|
.rad-absorb-editorial-text ol+h4,
|
|
.rad-absorb-editorial-text ol+h5,
|
|
.rad-absorb-editorial-text p+h2,
|
|
.rad-absorb-editorial-text p+h3,
|
|
.rad-absorb-editorial-text p+h4,
|
|
.rad-absorb-editorial-text p+h5,
|
|
.rad-absorb-editorial-text ul+h2,
|
|
.rad-absorb-editorial-text ul+h3,
|
|
.rad-absorb-editorial-text ul+h4,
|
|
.rad-absorb-editorial-text ul+h5 {
|
|
margin-top: 2rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text ol+ol,
|
|
.rad-absorb-editorial-text ol+p,
|
|
.rad-absorb-editorial-text ol+ul,
|
|
.rad-absorb-editorial-text p+ol,
|
|
.rad-absorb-editorial-text p+p,
|
|
.rad-absorb-editorial-text p+ul,
|
|
.rad-absorb-editorial-text ul+ol,
|
|
.rad-absorb-editorial-text ul+p,
|
|
.rad-absorb-editorial-text ul+ul {
|
|
margin-top: .5rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text ol li {
|
|
counter-increment: li;
|
|
list-style-type: none;
|
|
padding-left: 30px;
|
|
position: relative
|
|
}
|
|
|
|
.rad-absorb-editorial-text ol li:before {
|
|
color: #a100ff;
|
|
content: counter(li) attr(start) ". ";
|
|
left: 0;
|
|
position: absolute
|
|
}
|
|
|
|
.rad-absorb-editorial-text ul {
|
|
list-style: none;
|
|
padding-left: 0
|
|
}
|
|
|
|
.rad-absorb-editorial-text ul li {
|
|
padding-left: 29px;
|
|
position: relative
|
|
}
|
|
|
|
.rad-absorb-editorial-text ul li:before {
|
|
background-color: #a100ff;
|
|
content: "";
|
|
display: inline-block;
|
|
height: .375rem;
|
|
left: 0;
|
|
position: absolute;
|
|
text-align: center;
|
|
top: 10px;
|
|
width: .375rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-absorb-editorial-text ul li:before {
|
|
top: 0.69444vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-absorb-editorial-text ul li:before {
|
|
top: 13.3333333333px
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
|
|
.rad-absorb-editorial-text>h2,
|
|
.rad-absorb-editorial-text>h3,
|
|
.rad-absorb-editorial-text>h4,
|
|
.rad-absorb-editorial-text>h5,
|
|
.rad-absorb-editorial-text>ol,
|
|
.rad-absorb-editorial-text>p,
|
|
.rad-absorb-editorial-text>ul {
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
|
|
.rad-absorb-editorial-text>h2,
|
|
.rad-absorb-editorial-text>h3,
|
|
.rad-absorb-editorial-text>h4,
|
|
.rad-absorb-editorial-text>h5,
|
|
.rad-absorb-editorial-text>ol,
|
|
.rad-absorb-editorial-text>p,
|
|
.rad-absorb-editorial-text>ul {
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
|
|
.rad-absorb-editorial-text h2+h2,
|
|
.rad-absorb-editorial-text h2+h3 {
|
|
margin-top: 1.5rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h2+h4 {
|
|
margin-top: 2rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h2+h5 {
|
|
margin-top: 1.5rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h2+ol,
|
|
.rad-absorb-editorial-text h2+p,
|
|
.rad-absorb-editorial-text h2+ul {
|
|
margin-top: 2rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h3+h2 {
|
|
margin-top: 3rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h3+h3 {
|
|
margin-top: 1.5rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h3+h4 {
|
|
margin-top: 2rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h3+h5 {
|
|
margin-top: 1.5rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h3+ol,
|
|
.rad-absorb-editorial-text h3+p,
|
|
.rad-absorb-editorial-text h3+ul {
|
|
margin-top: 2rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h4+h2,
|
|
.rad-absorb-editorial-text h4+h3 {
|
|
margin-top: 3rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h4+h4 {
|
|
margin-top: 1rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h4+h5 {
|
|
margin-top: 3rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h4+ol,
|
|
.rad-absorb-editorial-text h4+p,
|
|
.rad-absorb-editorial-text h4+ul {
|
|
margin-top: 1rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h5+h2,
|
|
.rad-absorb-editorial-text h5+h3 {
|
|
margin-top: 3rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h5+h4 {
|
|
margin-top: 2rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h5+h5 {
|
|
margin-top: 1.5rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h5+ol,
|
|
.rad-absorb-editorial-text h5+p,
|
|
.rad-absorb-editorial-text h5+ul {
|
|
margin-top: 2rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text ol,
|
|
.rad-absorb-editorial-text p,
|
|
.rad-absorb-editorial-text ul {
|
|
padding-right: 0
|
|
}
|
|
|
|
.rad-absorb-editorial-text ol+h2,
|
|
.rad-absorb-editorial-text ol+h3,
|
|
.rad-absorb-editorial-text ol+h4,
|
|
.rad-absorb-editorial-text ol+h5,
|
|
.rad-absorb-editorial-text p+h2,
|
|
.rad-absorb-editorial-text p+h3,
|
|
.rad-absorb-editorial-text p+h4,
|
|
.rad-absorb-editorial-text p+h5,
|
|
.rad-absorb-editorial-text ul+h2,
|
|
.rad-absorb-editorial-text ul+h3,
|
|
.rad-absorb-editorial-text ul+h4,
|
|
.rad-absorb-editorial-text ul+h5 {
|
|
margin-top: 3rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text ol+ol,
|
|
.rad-absorb-editorial-text ol+p,
|
|
.rad-absorb-editorial-text ol+ul,
|
|
.rad-absorb-editorial-text p+ol,
|
|
.rad-absorb-editorial-text p+p,
|
|
.rad-absorb-editorial-text p+ul,
|
|
.rad-absorb-editorial-text ul+ol,
|
|
.rad-absorb-editorial-text ul+p,
|
|
.rad-absorb-editorial-text ul+ul {
|
|
margin-top: 1rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text ol li:before,
|
|
.rad-absorb-editorial-text ul li:before {
|
|
height: .5rem;
|
|
width: .5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
|
|
.rad-absorb-editorial-text>h2,
|
|
.rad-absorb-editorial-text>h3,
|
|
.rad-absorb-editorial-text>h4,
|
|
.rad-absorb-editorial-text>h5,
|
|
.rad-absorb-editorial-text>ol,
|
|
.rad-absorb-editorial-text>p,
|
|
.rad-absorb-editorial-text>ul {
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-absorb-editorial-text h2+h2,
|
|
.rad-absorb-editorial-text h2+h3 {
|
|
margin-top: 2rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h2+h4 {
|
|
margin-top: 3rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h2+h5 {
|
|
margin-top: 2rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h2+ol,
|
|
.rad-absorb-editorial-text h2+p,
|
|
.rad-absorb-editorial-text h2+ul {
|
|
margin-top: 3rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h3+h2 {
|
|
margin-top: 4rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h3+h3 {
|
|
margin-top: 2rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h3+h4 {
|
|
margin-top: 3rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h3+h5 {
|
|
margin-top: 2rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h3+ol,
|
|
.rad-absorb-editorial-text h3+p,
|
|
.rad-absorb-editorial-text h3+ul {
|
|
margin-top: 3rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h4+h2,
|
|
.rad-absorb-editorial-text h4+h3 {
|
|
margin-top: 4rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h4+h4 {
|
|
margin-top: 1.5rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h4+h5 {
|
|
margin-top: 4rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h4+ol,
|
|
.rad-absorb-editorial-text h4+p,
|
|
.rad-absorb-editorial-text h4+ul {
|
|
margin-top: 1.5rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h5+h2,
|
|
.rad-absorb-editorial-text h5+h3 {
|
|
margin-top: 4rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h5+h4 {
|
|
margin-top: 3rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h5+h5 {
|
|
margin-top: 2rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text h5+ol,
|
|
.rad-absorb-editorial-text h5+p,
|
|
.rad-absorb-editorial-text h5+ul {
|
|
margin-top: 3rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text ol+h2,
|
|
.rad-absorb-editorial-text ol+h3,
|
|
.rad-absorb-editorial-text ol+h4,
|
|
.rad-absorb-editorial-text ol+h5,
|
|
.rad-absorb-editorial-text p+h2,
|
|
.rad-absorb-editorial-text p+h3,
|
|
.rad-absorb-editorial-text p+h4,
|
|
.rad-absorb-editorial-text p+h5,
|
|
.rad-absorb-editorial-text ul+h2,
|
|
.rad-absorb-editorial-text ul+h3,
|
|
.rad-absorb-editorial-text ul+h4,
|
|
.rad-absorb-editorial-text ul+h5 {
|
|
margin-top: 4rem
|
|
}
|
|
|
|
.rad-absorb-editorial-text ol+ol,
|
|
.rad-absorb-editorial-text ol+p,
|
|
.rad-absorb-editorial-text ol+ul,
|
|
.rad-absorb-editorial-text p+ol,
|
|
.rad-absorb-editorial-text p+p,
|
|
.rad-absorb-editorial-text p+ul,
|
|
.rad-absorb-editorial-text ul+ol,
|
|
.rad-absorb-editorial-text ul+p,
|
|
.rad-absorb-editorial-text ul+ul {
|
|
margin-top: 1.5rem
|
|
}
|
|
}
|
|
|
|
.rad-article-hero {
|
|
color: #fff
|
|
}
|
|
|
|
@-webkit-keyframes from-right {
|
|
0% {
|
|
-webkit-transform: translateX(10vw);
|
|
transform: translateX(10vw)
|
|
}
|
|
}
|
|
|
|
@keyframes from-right {
|
|
0% {
|
|
-webkit-transform: translateX(10vw);
|
|
transform: translateX(10vw)
|
|
}
|
|
}
|
|
|
|
.rad-article-hero__home-button {
|
|
margin-left: var(--rad-spacing-sm)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-article-hero__home-button {
|
|
margin-left: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
.rad-article-hero__text-content {
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-article-hero__text-content {
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
.rad-article-hero__eyebrow {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
letter-spacing: .02em;
|
|
line-height: 1.143;
|
|
padding: 1.5rem 0 1rem;
|
|
text-transform: uppercase;
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0)
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-article-hero__eyebrow {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-article-hero__eyebrow {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-article-hero__eyebrow {
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-article-hero__eyebrow {
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.page-transition--from-right .rad-article-hero__eyebrow {
|
|
-webkit-animation-delay: 100ms;
|
|
animation-delay: 100ms;
|
|
-webkit-animation-duration: 1s;
|
|
animation-duration: 1s;
|
|
-webkit-animation-fill-mode: forwards;
|
|
animation-fill-mode: forwards;
|
|
-webkit-animation-name: from-right;
|
|
animation-name: from-right;
|
|
-webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.18, 1);
|
|
animation-timing-function: cubic-bezier(0.77, 0, 0.18, 1)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-article-hero__eyebrow {
|
|
padding: 3.75rem 0 1.5rem;
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-article-hero__eyebrow {
|
|
padding-bottom: 2rem;
|
|
padding-top: 3.75rem;
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0);
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-article-hero__eyebrow {
|
|
padding-top: calc(3.75rem + 4.16667vw - 60px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-article-hero__eyebrow {
|
|
padding-top: 5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-article-hero__eyebrow {
|
|
padding-bottom: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-article-hero__eyebrow {
|
|
padding-bottom: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-article-hero__eyebrow .rad-article-hero__client-name:before {
|
|
content: "•";
|
|
padding-right: .25em
|
|
}
|
|
|
|
.rad-article-hero__headline {
|
|
font-size: 2rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.25;
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-article-hero__headline {
|
|
font-size: 3.75rem;
|
|
line-height: 1.067
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-article-hero__headline {
|
|
font-size: calc(3.75rem + 4.16667vw - 60px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-article-hero__headline {
|
|
font-size: 5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-article-hero__headline {
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-article-hero__headline {
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.page-transition--from-right .rad-article-hero__headline {
|
|
-webkit-animation-delay: 150ms;
|
|
animation-delay: 150ms;
|
|
-webkit-animation-duration: 1s;
|
|
animation-duration: 1s;
|
|
-webkit-animation-fill-mode: forwards;
|
|
animation-fill-mode: forwards;
|
|
-webkit-animation-name: from-right;
|
|
animation-name: from-right;
|
|
-webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.18, 1);
|
|
animation-timing-function: cubic-bezier(0.77, 0, 0.18, 1)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-article-hero__headline {
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-article-hero__headline {
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0);
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-article-hero__subheader {
|
|
font-family: GT Sectra Fine, Palatino;
|
|
font-size: 1.125rem;
|
|
font-weight: 300;
|
|
line-height: 1.333;
|
|
padding-top: 16px;
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-article-hero__subheader {
|
|
font-size: 1.5rem;
|
|
line-height: 1.333
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-article-hero__subheader {
|
|
font-size: 1.75rem;
|
|
line-height: 1.286
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-article-hero__subheader {
|
|
font-size: calc(1.75rem + 1.94444vw - 28px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-article-hero__subheader {
|
|
font-size: 2.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-article-hero__subheader {
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-article-hero__subheader {
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.page-transition--from-right .rad-article-hero__subheader {
|
|
-webkit-animation-delay: 150ms;
|
|
animation-delay: 150ms;
|
|
-webkit-animation-duration: 1s;
|
|
animation-duration: 1s;
|
|
-webkit-animation-fill-mode: forwards;
|
|
animation-fill-mode: forwards;
|
|
-webkit-animation-name: from-right;
|
|
animation-name: from-right;
|
|
-webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.18, 1);
|
|
animation-timing-function: cubic-bezier(0.77, 0, 0.18, 1)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-article-hero__subheader {
|
|
padding-top: 24px;
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-article-hero__subheader {
|
|
padding-top: 2rem;
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0);
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-article-hero__subheader {
|
|
padding-top: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-article-hero__subheader {
|
|
padding-top: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-article-hero__time-and-date {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
letter-spacing: .02em;
|
|
line-height: 1.143;
|
|
padding-top: 1.5rem;
|
|
text-transform: uppercase;
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0)
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-article-hero__time-and-date {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-article-hero__time-and-date {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-article-hero__time-and-date {
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-article-hero__time-and-date {
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.page-transition--from-right .rad-article-hero__time-and-date {
|
|
-webkit-animation-delay: 200ms;
|
|
animation-delay: 200ms;
|
|
-webkit-animation-duration: 1s;
|
|
animation-duration: 1s;
|
|
-webkit-animation-fill-mode: forwards;
|
|
animation-fill-mode: forwards;
|
|
-webkit-animation-name: from-right;
|
|
animation-name: from-right;
|
|
-webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.18, 1);
|
|
animation-timing-function: cubic-bezier(0.77, 0, 0.18, 1)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-article-hero__time-and-date {
|
|
padding-top: 3.75rem;
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-article-hero__time-and-date {
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-article-hero__time-and-date {
|
|
padding-top: calc(3.75rem + 4.16667vw - 60px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-article-hero__time-and-date {
|
|
padding-top: 5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-article-hero__time-and-date {
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-article-hero__time-and-date .rad-article-hero__publish-date,
|
|
.rad-article-hero__time-and-date .rad-article-hero__read-time {
|
|
display: inline-block;
|
|
padding-right: 16px
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
|
|
.rad-article-hero__time-and-date .rad-article-hero__publish-date,
|
|
.rad-article-hero__time-and-date .rad-article-hero__read-time {
|
|
padding-right: 24px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
|
|
.rad-article-hero__time-and-date .rad-article-hero__publish-date,
|
|
.rad-article-hero__time-and-date .rad-article-hero__read-time {
|
|
padding-right: 32px
|
|
}
|
|
}
|
|
|
|
.rad-article-hero__graphic {
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm);
|
|
padding-top: 1.5rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-article-hero__graphic {
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
.page-transition--from-right .rad-article-hero__graphic {
|
|
-webkit-animation-delay: 250ms;
|
|
animation-delay: 250ms;
|
|
-webkit-animation-duration: 1s;
|
|
animation-duration: 1s;
|
|
-webkit-animation-fill-mode: forwards;
|
|
animation-fill-mode: forwards;
|
|
-webkit-animation-name: from-right;
|
|
animation-name: from-right;
|
|
-webkit-animation-timing-function: cubic-bezier(0.77, 0, 0.18, 1);
|
|
animation-timing-function: cubic-bezier(0.77, 0, 0.18, 1)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-article-hero__graphic {
|
|
padding-top: 3.75rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-article-hero__graphic {
|
|
padding-top: 60px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-article-hero__graphic {
|
|
padding-top: 4.16667vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-article-hero__graphic {
|
|
padding-top: 80px
|
|
}
|
|
}
|
|
|
|
.rad-article-hero__hero-image {
|
|
margin-left: calc(var(--rad-spacing-sm)*-1);
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*1)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-article-hero__hero-image {
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*1)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-article-hero__hero-image {
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*1)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-article-hero__hero-image {
|
|
margin-left: calc(var(--rad-spacing-md)*-1);
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*1);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*1)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-article-hero__hero-image {
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*1);
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*1);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*1);
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*1)
|
|
}
|
|
}
|
|
|
|
.rad-article-hero__hero-image img {
|
|
width: 100%
|
|
}
|
|
|
|
.rad-article-hero__horizontal-line {
|
|
height: 4px;
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0);
|
|
width: auto
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-article-hero__horizontal-line {
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-article-hero__horizontal-line {
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-article-hero__horizontal-line {
|
|
height: 6px;
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-article-hero__horizontal-line {
|
|
height: 8px;
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0);
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-article-hero__horizontal-line {
|
|
height: 0.55556vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-article-hero__horizontal-line {
|
|
height: 10.6666666667px
|
|
}
|
|
}
|
|
|
|
.rad-article-hero__horizontal-line.rad-line-gradient--dark {
|
|
background: -webkit-gradient(linear, left top, right top, color-stop(13.38%, #460073), color-stop(36.59%, #a100ff), color-stop(65.35%, #ff50a0), color-stop(81.57%, #ff7800), color-stop(91.26%, #feb149));
|
|
background: linear-gradient(90deg, #460073 13.38%, #a100ff 36.59%, #ff50a0 65.35%, #ff7800 81.57%, #feb149 91.26%)
|
|
}
|
|
|
|
.rad-article-hero__horizontal-line.rad-line-gradient--light {
|
|
background: -webkit-gradient(linear, left top, right top, from(#f9cbef), color-stop(21%, #f482f1), color-stop(45.23%, #f385cd), color-stop(81.93%, #dfbf74), to(#9bf2ad));
|
|
background: linear-gradient(90deg, #f9cbef, #f482f1 21%, #f385cd 45.23%, #dfbf74 81.93%, #9bf2ad)
|
|
}
|
|
|
|
.rad-article-hero__podcast {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-webkit-box-align: start;
|
|
-ms-flex-align: start;
|
|
align-items: flex-start;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
gap: .5rem;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
margin-top: 1rem;
|
|
text-underline-offset: .25rem;
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0)
|
|
}
|
|
|
|
.rad-article-hero__podcast-icon-button {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
align-items: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: 3rem;
|
|
justify-content: center;
|
|
width: 3rem
|
|
}
|
|
|
|
.rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon {
|
|
background-position: 50%;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
height: 1.5rem;
|
|
width: 1.5rem
|
|
}
|
|
|
|
.rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon:after {
|
|
content: "";
|
|
display: block;
|
|
visibility: hidden
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon {
|
|
height: 2rem;
|
|
width: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon {
|
|
height: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon {
|
|
height: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon {
|
|
width: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon {
|
|
width: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon--apple {
|
|
background-image: url(clientlib-rad/resources/images/article-hero-podcast/apple-podcast-white.svg)
|
|
}
|
|
|
|
.rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon--apple:after,
|
|
.rad-article-hero__podcast-icon-button:focus .rad-article-hero__podcast-icon--apple,
|
|
.rad-article-hero__podcast-icon-button:hover .rad-article-hero__podcast-icon--apple {
|
|
background-image: url(clientlib-rad/resources/images/article-hero-podcast/apple-podcast-color.svg)
|
|
}
|
|
|
|
.rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon--spotify {
|
|
background-image: url(clientlib-rad/resources/images/article-hero-podcast/spotify-white.svg)
|
|
}
|
|
|
|
.rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon--spotify:after,
|
|
.rad-article-hero__podcast-icon-button:focus .rad-article-hero__podcast-icon--spotify,
|
|
.rad-article-hero__podcast-icon-button:hover .rad-article-hero__podcast-icon--spotify {
|
|
background-image: url(clientlib-rad/resources/images/article-hero-podcast/spotify-color.svg)
|
|
}
|
|
|
|
.rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon--youtube {
|
|
background-image: url(clientlib-rad/resources/images/article-hero-podcast/youtube-white.svg)
|
|
}
|
|
|
|
.rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon--youtube:after,
|
|
.rad-article-hero__podcast-icon-button:focus .rad-article-hero__podcast-icon--youtube,
|
|
.rad-article-hero__podcast-icon-button:hover .rad-article-hero__podcast-icon--youtube {
|
|
background-image: url(clientlib-rad/resources/images/article-hero-podcast/youtube-color.svg)
|
|
}
|
|
|
|
.rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon--google {
|
|
background-image: url(clientlib-rad/resources/images/article-hero-podcast/google-podcast-white.svg)
|
|
}
|
|
|
|
.rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon--google:after,
|
|
.rad-article-hero__podcast-icon-button:focus .rad-article-hero__podcast-icon--google,
|
|
.rad-article-hero__podcast-icon-button:hover .rad-article-hero__podcast-icon--google {
|
|
background-image: url(clientlib-rad/resources/images/article-hero-podcast/google-podcast-color.svg)
|
|
}
|
|
|
|
.rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon--pandora {
|
|
background-image: url(clientlib-rad/resources/images/article-hero-podcast/pandora-white.svg)
|
|
}
|
|
|
|
.rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon--pandora:after,
|
|
.rad-article-hero__podcast-icon-button:focus .rad-article-hero__podcast-icon--pandora,
|
|
.rad-article-hero__podcast-icon-button:hover .rad-article-hero__podcast-icon--pandora {
|
|
background-image: url(clientlib-rad/resources/images/article-hero-podcast/pandora-color.svg)
|
|
}
|
|
|
|
.rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon--soundcloud {
|
|
background-image: url(clientlib-rad/resources/images/article-hero-podcast/soundcloud-white.svg)
|
|
}
|
|
|
|
.rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon--soundcloud:after,
|
|
.rad-article-hero__podcast-icon-button:focus .rad-article-hero__podcast-icon--soundcloud,
|
|
.rad-article-hero__podcast-icon-button:hover .rad-article-hero__podcast-icon--soundcloud {
|
|
background-image: url(clientlib-rad/resources/images/article-hero-podcast/soundcloud-color.svg)
|
|
}
|
|
|
|
.rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon--radio {
|
|
background-image: url(clientlib-rad/resources/images/article-hero-podcast/radio-public-white.svg)
|
|
}
|
|
|
|
.rad-article-hero__podcast-icon-button .rad-article-hero__podcast-icon--radio:after,
|
|
.rad-article-hero__podcast-icon-button:focus .rad-article-hero__podcast-icon--radio,
|
|
.rad-article-hero__podcast-icon-button:hover .rad-article-hero__podcast-icon--radio {
|
|
background-image: url(clientlib-rad/resources/images/article-hero-podcast/radio-public-color.svg)
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-article-hero__podcast {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-article-hero__podcast {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-article-hero__podcast {
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-article-hero__podcast {
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-article-hero__podcast {
|
|
gap: 1rem;
|
|
margin-top: 1.5rem;
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-article-hero__podcast {
|
|
gap: 1.5rem;
|
|
margin-top: 2rem;
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0);
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-article-hero__podcast {
|
|
margin-top: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-article-hero__podcast {
|
|
margin-top: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-article-hero__podcast {
|
|
gap: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-article-hero__podcast {
|
|
gap: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-article-hero__podcast {
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-article-hero__podcast .rad-article-hero__podcast-icons {
|
|
-webkit-box-align: start;
|
|
-ms-flex-align: start;
|
|
align-items: flex-start;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
gap: .5rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-article-hero__podcast .rad-article-hero__podcast-icons {
|
|
gap: 1rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-article-hero__podcast .rad-article-hero__podcast-icons {
|
|
gap: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-article-hero__podcast .rad-article-hero__podcast-icons {
|
|
gap: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-article-hero__podcast .rad-article-hero__podcast-icons {
|
|
gap: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-absorb-video__iframe {
|
|
aspect-ratio: 16/9;
|
|
display: block;
|
|
height: 100%;
|
|
margin: 0 auto;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-absorb-video__transcript {
|
|
-webkit-box-pack: end;
|
|
-ms-flex-pack: end;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
gap: 5rem;
|
|
justify-content: flex-end;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
padding-right: 1rem;
|
|
padding-top: 1rem;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-absorb-video__transcript {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-absorb-video__transcript {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-absorb-video__transcript {
|
|
padding-top: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-absorb-video__transcript {
|
|
padding-top: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-absorb-video__transcript {
|
|
padding-right: 3rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-absorb-video__transcript {
|
|
padding-right: 0
|
|
}
|
|
|
|
.rad-absorb-video {
|
|
margin-left: 5rem;
|
|
margin-right: 5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-absorb-video {
|
|
margin-right: calc(5rem + 5.55556vw - 80px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-absorb-video {
|
|
margin-right: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-absorb-video {
|
|
margin-left: calc(5rem + 5.55556vw - 80px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-absorb-video {
|
|
margin-left: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-card {
|
|
background-color: #f1f1ef;
|
|
color: #000;
|
|
height: 424px;
|
|
min-height: 424px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: height, width, min-height, inset;
|
|
transition-property: height, width, min-height, inset;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
width: 300px
|
|
}
|
|
|
|
.rad-card ::-moz-selection {
|
|
background-color: #e6dcff
|
|
}
|
|
|
|
.rad-card ::selection {
|
|
background-color: #e6dcff
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-card {
|
|
-webkit-transition-property: width;
|
|
transition-property: width;
|
|
width: 276px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-card {
|
|
height: 452px;
|
|
width: 320px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card {
|
|
height: 31.38889vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card {
|
|
height: 602.6666666667px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card {
|
|
width: 22.22222vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card {
|
|
width: 426.6666666667px
|
|
}
|
|
}
|
|
|
|
.rad-card-inner__min-height {
|
|
min-height: 0;
|
|
-webkit-transition-property: min-height, height;
|
|
transition-property: min-height, height;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1)
|
|
}
|
|
|
|
.rad-card-inner,
|
|
.rad-card-inner__min-height {
|
|
height: 100%;
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms
|
|
}
|
|
|
|
.rad-card-inner {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
min-height: 424px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
-webkit-transition-property: height, min-height;
|
|
transition-property: height, min-height;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
width: 100%
|
|
}
|
|
|
|
.rad-card__top-content {
|
|
-webkit-box-align: start;
|
|
-ms-flex-align: start;
|
|
-webkit-box-pack: start;
|
|
-ms-flex-pack: start;
|
|
align-items: flex-start;
|
|
height: 50%;
|
|
justify-content: flex-start;
|
|
padding: 0 1.5rem
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-card__top-content {
|
|
padding-left: 32px;
|
|
padding-right: 32px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card__top-content {
|
|
padding-right: 2.22222vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card__top-content {
|
|
padding-right: 42.6666666667px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card__top-content {
|
|
padding-left: 2.22222vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card__top-content {
|
|
padding-left: 42.6666666667px
|
|
}
|
|
}
|
|
|
|
.rad-card__pretitle {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
letter-spacing: .02em;
|
|
line-height: 1.143;
|
|
padding-bottom: 24px;
|
|
padding-top: 1.75rem;
|
|
text-transform: uppercase padding: 0 0 10px;
|
|
color: var(--Yellow);
|
|
font-size: 18px;
|
|
font-weight: 400;
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card__pretitle {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card__pretitle {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card__pretitle {
|
|
padding-bottom: 1.66667vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card__pretitle {
|
|
padding-bottom: 32px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-card__pretitle {
|
|
padding-top: 36px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card__pretitle {
|
|
padding-top: 2.5vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card__pretitle {
|
|
padding-top: 48px
|
|
}
|
|
}
|
|
|
|
.rad-card__title {
|
|
font-size: 1.5rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.02em;
|
|
line-height: 1.167;
|
|
max-width: 15.75rem;
|
|
padding-bottom: 24px;
|
|
margin: 0;
|
|
padding: 0 0 10px;
|
|
color: var(--color-white);
|
|
font-size: 22px;
|
|
font-family: "Gilroy-SemiBold";
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card__title {
|
|
font-size: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card__title {
|
|
font-size: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card__title {
|
|
padding-bottom: 1.66667vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card__title {
|
|
padding-bottom: 32px
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-card__title {
|
|
max-width: 14.25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-card__title {
|
|
max-width: 256px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card__title {
|
|
max-width: 17.77778vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card__title {
|
|
max-width: 341.3333333333px
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-card__top-content-inner-row {
|
|
width: 552px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-card__top-content-inner-row {
|
|
width: 656px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card__top-content-inner-row {
|
|
width: 45.55556vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card__top-content-inner-row {
|
|
width: 874.6666666667px
|
|
}
|
|
}
|
|
|
|
.rad-card__description {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
left: 24px;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
padding-bottom: 24px;
|
|
padding-right: 24px;
|
|
position: absolute;
|
|
text-underline-offset: .25rem;
|
|
-webkit-transform: translateX(-100vw);
|
|
transform: translateX(-100vw);
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: -webkit-transform;
|
|
transition-property: -webkit-transform;
|
|
transition-property: transform;
|
|
transition-property: transform, -webkit-transform;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
width: calc(100vw - 48px)
|
|
}
|
|
|
|
.rad-card__description p {
|
|
color: #fff;
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card__description {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card__description {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-card__description {
|
|
left: 300px;
|
|
padding-right: 0;
|
|
top: 68px;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
-webkit-transition-property: none;
|
|
transition-property: none;
|
|
width: 276px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-card__description {
|
|
left: 352px;
|
|
top: 76px;
|
|
width: 336px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card__description {
|
|
left: 24.44444vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card__description {
|
|
left: 469.3333333333px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card__description {
|
|
top: 5.27778vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card__description {
|
|
top: 101.3333333333px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card__description {
|
|
width: 23.33333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card__description {
|
|
width: 448px
|
|
}
|
|
}
|
|
|
|
.rad-card__close-btn {
|
|
border: none;
|
|
float: right;
|
|
height: 1.5rem;
|
|
margin-top: 24px;
|
|
-webkit-transform: translateX(100px);
|
|
transform: translateX(100px);
|
|
-webkit-transition: visibility 0s ease 550ms, -webkit-transform 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
transition: visibility 0s ease 550ms, -webkit-transform 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
transition: visibility 0s ease 550ms, transform 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
transition: visibility 0s ease 550ms, transform 550ms cubic-bezier(0.85, 0, 0, 1), -webkit-transform 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
visibility: hidden;
|
|
width: 1.5rem
|
|
}
|
|
|
|
.rad-card__cta {
|
|
-webkit-box-pack: end;
|
|
-ms-flex-pack: end;
|
|
bottom: -75%;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
padding-right: 1.5rem;
|
|
position: absolute;
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: bottom;
|
|
transition-property: bottom;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
width: 100vw;
|
|
z-index: 1
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card__cta {
|
|
bottom: calc(-75% - 5.20833vw + 75px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card__cta {
|
|
bottom: -100%
|
|
}
|
|
}
|
|
|
|
.rad-card__cta .rad-button--ghost {
|
|
color: #000
|
|
}
|
|
|
|
@media(max-width:599px) {
|
|
.rad-card__cta {
|
|
visibility: hidden
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-card__cta {
|
|
width: 600px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-card__cta {
|
|
padding-right: 32px;
|
|
width: 720px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card__cta {
|
|
padding-right: 2.22222vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card__cta {
|
|
padding-right: 42.6666666667px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card__cta {
|
|
width: 50vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card__cta {
|
|
width: 960px
|
|
}
|
|
}
|
|
|
|
.rad-card-feature__cover-img {
|
|
bottom: 0;
|
|
height: 212px;
|
|
position: absolute;
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: bottom;
|
|
transition-property: bottom;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
width: 300px
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-card-feature__cover-img {
|
|
height: 212px;
|
|
width: 276px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-card-feature__cover-img {
|
|
height: 226px;
|
|
width: 320px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card-feature__cover-img {
|
|
height: 15.69444vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card-feature__cover-img {
|
|
height: 301.3333333333px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card-feature__cover-img {
|
|
width: 22.22222vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card-feature__cover-img {
|
|
width: 426.6666666667px
|
|
}
|
|
}
|
|
|
|
.rad-card-feature__cover-img img {
|
|
display: block;
|
|
height: 100%;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
width: 100%
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-card-feature .rad-card-feature__cover-img {
|
|
height: 212px;
|
|
height: 226px;
|
|
width: 300px;
|
|
width: 276px;
|
|
width: 320px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card-feature .rad-card-feature__cover-img {
|
|
height: 15.69444vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card-feature .rad-card-feature__cover-img {
|
|
height: 301.3333333333px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card-feature .rad-card-feature__cover-img {
|
|
width: 22.22222vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card-feature .rad-card-feature__cover-img {
|
|
width: 426.6666666667px
|
|
}
|
|
}
|
|
|
|
.rad-card-feature--image-only .rad-card-feature__cover-img {
|
|
-webkit-transition-property: width, height, bottom, left;
|
|
transition-property: width, height, bottom, left
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-card-feature--image-only {
|
|
bottom: 0;
|
|
left: 0;
|
|
position: absolute
|
|
}
|
|
}
|
|
|
|
.rad-card-feature__facts-figures {
|
|
bottom: -75%;
|
|
display: block;
|
|
padding: 0 24px 72px;
|
|
position: absolute;
|
|
top: auto;
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: top, bottom, z-index;
|
|
transition-property: top, bottom, z-index;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
width: 272px;
|
|
z-index: -1
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card-feature__facts-figures {
|
|
bottom: calc(-75% - 5.20833vw + 75px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card-feature__facts-figures {
|
|
bottom: -100%
|
|
}
|
|
}
|
|
|
|
.rad-card-feature__facts-figures .rad-card-feature-large-figure {
|
|
font-size: 5.625rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.04;
|
|
min-height: 5.9375rem
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-card-feature__facts-figures .rad-card-feature-large-figure {
|
|
font-size: 6.25rem;
|
|
line-height: 1.03
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card-feature__facts-figures .rad-card-feature-large-figure {
|
|
font-size: calc(6.25rem + 6.94444vw - 100px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card-feature__facts-figures .rad-card-feature-large-figure {
|
|
font-size: 8.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-card-feature__facts-figures .rad-card-feature-detail {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.429;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card-feature__facts-figures .rad-card-feature-detail {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card-feature__facts-figures .rad-card-feature-detail {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-card-feature__facts-figures {
|
|
padding-bottom: 24px;
|
|
width: 276px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-card-feature__facts-figures {
|
|
padding-bottom: 32px;
|
|
padding-left: 32px;
|
|
padding-right: 32px;
|
|
width: 320px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card-feature__facts-figures {
|
|
padding-left: 2.22222vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card-feature__facts-figures {
|
|
padding-left: 42.6666666667px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card-feature__facts-figures {
|
|
padding-right: 2.22222vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card-feature__facts-figures {
|
|
padding-right: 42.6666666667px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card-feature__facts-figures {
|
|
padding-bottom: 2.22222vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card-feature__facts-figures {
|
|
padding-bottom: 42.6666666667px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card-feature__facts-figures {
|
|
width: 22.22222vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card-feature__facts-figures {
|
|
width: 426.6666666667px
|
|
}
|
|
}
|
|
|
|
.rad-card--expanded {
|
|
height: auto;
|
|
max-height: calc(100dvh - 48px);
|
|
width: 100%;
|
|
z-index: 1001
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-card--expanded {
|
|
height: 424px;
|
|
min-height: unset;
|
|
overflow: hidden;
|
|
width: 600px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-card--expanded {
|
|
height: 452px;
|
|
width: 720px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card--expanded {
|
|
height: 31.38889vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card--expanded {
|
|
height: 602.6666666667px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card--expanded {
|
|
width: 50vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card--expanded {
|
|
width: 960px
|
|
}
|
|
}
|
|
|
|
@media(max-width:599px) {
|
|
.rad-card--expanded .rad-card-inner__min-height {
|
|
-ms-scroll-chaining: none;
|
|
max-height: 100%;
|
|
overflow-y: scroll;
|
|
overscroll-behavior: none
|
|
}
|
|
|
|
.rad-card--expanded .rad-card-inner {
|
|
min-height: 424px
|
|
}
|
|
|
|
.rad-card--expanded .rad-card__top-content {
|
|
height: unset
|
|
}
|
|
|
|
.rad-card--expanded .rad-card-feature__facts-figures {
|
|
bottom: auto
|
|
}
|
|
}
|
|
|
|
.rad-card--expanded .rad-card__description {
|
|
-webkit-transform: translateX(0);
|
|
transform: translateX(0)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-card--expanded .rad-card__description {
|
|
left: 300px;
|
|
padding-right: 0;
|
|
position: absolute
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-card--expanded .rad-card__description {
|
|
left: 352px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card--expanded .rad-card__description {
|
|
left: 24.44444vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card--expanded .rad-card__description {
|
|
left: 469.3333333333px
|
|
}
|
|
}
|
|
|
|
.rad-card--expanded .rad-card__close-btn {
|
|
-webkit-transform: translateX(0);
|
|
transform: translateX(0);
|
|
-webkit-transition: visibility 0s ease 0s, -webkit-transform 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
transition: visibility 0s ease 0s, -webkit-transform 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
transition: visibility 0s ease 0s, transform 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
transition: visibility 0s ease 0s, transform 550ms cubic-bezier(0.85, 0, 0, 1), -webkit-transform 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
visibility: visible
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-card--expanded .rad-card__close-btn {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.rad-card--expanded .rad-card-feature {
|
|
overflow: hidden
|
|
}
|
|
|
|
.rad-card--expanded .rad-card-feature__cover-img {
|
|
bottom: -300px;
|
|
z-index: 2
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card--expanded .rad-card-feature__cover-img {
|
|
bottom: -20.83333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card--expanded .rad-card-feature__cover-img {
|
|
bottom: -400px
|
|
}
|
|
}
|
|
|
|
.rad-card--expanded .rad-card-feature--image-only {
|
|
margin-top: 0
|
|
}
|
|
|
|
.rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img {
|
|
bottom: 72px;
|
|
display: block;
|
|
height: 174px;
|
|
width: 247px
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img {
|
|
width: 17.15278vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img {
|
|
width: 329.3333333333px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img {
|
|
height: 12.08333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img {
|
|
height: 232px
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img {
|
|
bottom: 0;
|
|
height: 212px;
|
|
width: 300px;
|
|
width: 276px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img {
|
|
height: 226px;
|
|
width: 320px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img {
|
|
height: 15.69444vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img {
|
|
height: 301.3333333333px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img {
|
|
width: 22.22222vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img {
|
|
width: 426.6666666667px
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-card--expanded .rad-card-feature--image-only {
|
|
padding-top: 0
|
|
}
|
|
|
|
.rad-card--expanded .rad-card-feature {
|
|
margin: 0;
|
|
padding-bottom: 0;
|
|
position: static
|
|
}
|
|
|
|
.rad-card--expanded .rad-card-feature-detail {
|
|
width: 228px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card--expanded .rad-card-feature-detail {
|
|
width: 15.83333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card--expanded .rad-card-feature-detail {
|
|
width: 304px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-card--expanded .rad-card-feature {
|
|
margin-top: 0
|
|
}
|
|
}
|
|
|
|
.rad-card--expanded .rad-card-feature .rad-card-feature__facts-figures {
|
|
bottom: 0;
|
|
z-index: 1
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-card--expanded .rad-card-feature .rad-card-feature__facts-figures {
|
|
bottom: 0
|
|
}
|
|
}
|
|
|
|
@media(max-width:599px) {
|
|
.rad-card--expanded .rad-card__cta {
|
|
visibility: hidden
|
|
}
|
|
|
|
.rad-card--expanded .rad-card__cta.rad-card__cta--mobile-show {
|
|
bottom: 16px;
|
|
visibility: visible
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-card--expanded .rad-card__cta {
|
|
bottom: 16px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-card--expanded .rad-card__cta {
|
|
bottom: 24px
|
|
}
|
|
}
|
|
|
|
.rad-card .cmp-image,
|
|
.rad-card .image.radimage {
|
|
height: 100%
|
|
}
|
|
|
|
.rad-card--announcement {
|
|
background-color: #460073;
|
|
color: #fff
|
|
}
|
|
|
|
.rad-card--announcement .rad-button--ghost,
|
|
.rad-card--announcement .rad-card__close-btn {
|
|
color: #fff
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-card--announcement .rad-card-feature--image-only {
|
|
width: 276px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-card--announcement .rad-card-feature--image-only {
|
|
width: 320px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card--announcement .rad-card-feature--image-only {
|
|
width: 22.22222vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card--announcement .rad-card-feature--image-only {
|
|
width: 426.6666666667px
|
|
}
|
|
}
|
|
|
|
.rad-card--announcement .rad-card-feature__cover-img {
|
|
background-color: #460073;
|
|
height: 212px;
|
|
left: 141px;
|
|
width: 159px
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-card--announcement .rad-card-feature__cover-img {
|
|
height: 226px;
|
|
width: 169px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card--announcement .rad-card-feature__cover-img {
|
|
height: 15.69444vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card--announcement .rad-card-feature__cover-img {
|
|
height: 301.3333333333px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card--announcement .rad-card-feature__cover-img {
|
|
width: 11.73611vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card--announcement .rad-card-feature__cover-img {
|
|
width: 225.3333333333px
|
|
}
|
|
}
|
|
|
|
.rad-card--announcement .rad-card-feature__cover-img img {
|
|
mix-blend-mode: screen
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-card--announcement .rad-card-feature__cover-img {
|
|
left: unset;
|
|
-webkit-transform: translateX(117px);
|
|
transform: translateX(117px);
|
|
-webkit-transition-property: -webkit-transform;
|
|
transition-property: -webkit-transform;
|
|
transition-property: transform;
|
|
transition-property: transform, -webkit-transform
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-card--announcement .rad-card-feature__cover-img {
|
|
-webkit-transform: translateX(150px);
|
|
transform: translateX(150px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card--announcement .rad-card-feature__cover-img {
|
|
-webkit-transform: translateX(10.41667vw);
|
|
transform: translateX(10.41667vw)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card--announcement .rad-card-feature__cover-img {
|
|
-webkit-transform: translateX(200px);
|
|
transform: translateX(200px)
|
|
}
|
|
}
|
|
|
|
.rad-card--announcement .rad-card-feature__cover-text {
|
|
font-size: 1.25rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.4;
|
|
padding: 1.5rem;
|
|
-webkit-transform: translateY(0);
|
|
transform: translateY(0);
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: -webkit-transform;
|
|
transition-property: -webkit-transform;
|
|
transition-property: transform;
|
|
transition-property: transform, -webkit-transform;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1)
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card--announcement .rad-card-feature__cover-text {
|
|
font-size: calc(1.25rem + 1.38889vw - 20px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card--announcement .rad-card-feature__cover-text {
|
|
font-size: 1.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(max-width:599px) {
|
|
.rad-card--announcement .rad-card-feature__cover-text {
|
|
bottom: 0;
|
|
position: absolute;
|
|
-webkit-transition-property: bottom;
|
|
transition-property: bottom
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-card--announcement .rad-card-feature__cover-text {
|
|
padding: 32px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card--announcement .rad-card-feature__cover-text {
|
|
padding: 2.22222vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card--announcement .rad-card-feature__cover-text {
|
|
padding: 42.6666666667px
|
|
}
|
|
}
|
|
|
|
@media(max-width:599px) {
|
|
.rad-card--announcement.rad-card--expanded .rad-card-feature__cover-text {
|
|
bottom: -300px;
|
|
-webkit-transform: translateY(100vh);
|
|
transform: translateY(100vh)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-card--announcement.rad-card--expanded .rad-card-feature__cover-text {
|
|
display: block;
|
|
-webkit-transform: translateY(72px);
|
|
transform: translateY(72px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card--announcement.rad-card--expanded .rad-card-feature__cover-text {
|
|
-webkit-transform: translateY(5vw);
|
|
transform: translateY(5vw)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card--announcement.rad-card--expanded .rad-card-feature__cover-text {
|
|
-webkit-transform: translateY(96px);
|
|
transform: translateY(96px)
|
|
}
|
|
}
|
|
|
|
.rad-card--announcement.rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img {
|
|
height: 174px;
|
|
left: 0;
|
|
width: 130px
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card--announcement.rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img {
|
|
width: 9.02778vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card--announcement.rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img {
|
|
width: 173.3333333333px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card--announcement.rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img {
|
|
height: 12.08333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card--announcement.rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img {
|
|
height: 232px
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-card--announcement.rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img {
|
|
height: 212px;
|
|
-webkit-transform: translateX(0);
|
|
transform: translateX(0);
|
|
width: 159px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-card--announcement.rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img {
|
|
height: 226px;
|
|
width: 169px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card--announcement.rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img {
|
|
height: 15.69444vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card--announcement.rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img {
|
|
height: 301.3333333333px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card--announcement.rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img {
|
|
width: 11.73611vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card--announcement.rad-card--expanded .rad-card-feature--image-only .rad-card-feature__cover-img {
|
|
width: 225.3333333333px
|
|
}
|
|
}
|
|
|
|
.rad-card--background-image {
|
|
background: #fff
|
|
}
|
|
|
|
.rad-card--background-image .rad-card__background-gradient {
|
|
height: 100%;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
-webkit-transition: all 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
transition: all 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
width: 100%
|
|
}
|
|
|
|
.rad-card--background-image .rad-card__background-gradient img {
|
|
min-height: 100%;
|
|
min-width: 100%;
|
|
-o-object-fit: cover;
|
|
object-fit: cover
|
|
}
|
|
|
|
.rad-card--background-image .rad-card-feature {
|
|
z-index: 1
|
|
}
|
|
|
|
.rad-card--background-image.rad-card--expanded .rad-card__background-gradient {
|
|
-webkit-filter: blur(75px);
|
|
filter: blur(75px);
|
|
height: 300%;
|
|
opacity: .5;
|
|
width: 300%
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-card--background-image.rad-card--expanded .rad-card__background-gradient {
|
|
height: 150%;
|
|
width: 150%
|
|
}
|
|
}
|
|
|
|
.rad-card--background-image.rad-card--dark-background-styles {
|
|
background: #000;
|
|
color: #fff
|
|
}
|
|
|
|
.rad-card--background-image.rad-card--dark-background-styles .rad-button,
|
|
.rad-card--background-image.rad-card--dark-background-styles .rad-card__close-btn {
|
|
color: #fff
|
|
}
|
|
|
|
.rad-card--perspective .rad-card-feature__cover-img {
|
|
background-color: #f1f1ef
|
|
}
|
|
|
|
.rad-card--interview-single,
|
|
.rad-card--interview-single .rad-card-feature__cover-img {
|
|
background: #202020
|
|
}
|
|
|
|
.rad-card--interview-single .rad-card-feature__cover-img img {
|
|
-webkit-filter: grayscale(1);
|
|
filter: grayscale(1);
|
|
mix-blend-mode: normal
|
|
}
|
|
|
|
.rad-card--interview-multiple {
|
|
background: #202020;
|
|
color: #fff
|
|
}
|
|
|
|
.rad-card--interview-multiple .rad-card-feature__cover-img img {
|
|
-webkit-filter: grayscale(1);
|
|
filter: grayscale(1)
|
|
}
|
|
|
|
.rad-card--interview-multiple .rad-button,
|
|
.rad-card--interview-multiple .rad-card__close-btn {
|
|
color: #fff
|
|
}
|
|
|
|
.rad-card--podcast-multiple .rad-card-feature__cover-img img {
|
|
-webkit-filter: grayscale(1);
|
|
filter: grayscale(1)
|
|
}
|
|
|
|
.rad-card--podcast-single {
|
|
background-color: #f1f1ef;
|
|
color: #000
|
|
}
|
|
|
|
.rad-card--podcast-single .rad-card-feature__cover-img {
|
|
background: #f1f1ef
|
|
}
|
|
|
|
.rad-card--podcast-single .rad-card-feature__cover-img img {
|
|
-webkit-filter: grayscale(1);
|
|
filter: grayscale(1);
|
|
mix-blend-mode: normal
|
|
}
|
|
|
|
.rad-card--podcast-single .rad-button,
|
|
.rad-card--podcast-single .rad-card__close-btn {
|
|
color: #000
|
|
}
|
|
|
|
.rad-card__mobile-overlay {
|
|
background-color: rgba(32, 32, 32, .75);
|
|
bottom: 0;
|
|
left: 0;
|
|
opacity: 0;
|
|
position: fixed;
|
|
right: 0;
|
|
top: 0;
|
|
-webkit-transition: opacity .2s ease-in-out;
|
|
transition: opacity .2s ease-in-out;
|
|
z-index: 900
|
|
}
|
|
|
|
.rad-card__mobile-overlay.mobile-overlay--visible {
|
|
opacity: .6
|
|
}
|
|
|
|
@media(max-width:599px) {
|
|
.rad__card-size-maintainer {
|
|
height: 26.5rem;
|
|
width: 18.75rem
|
|
}
|
|
}
|
|
|
|
.rad-content-grid-card {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
height: 424px;
|
|
overflow: hidden;
|
|
position: relative;
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: scale;
|
|
transition-property: scale;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
width: 300px
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-content-grid-card {
|
|
height: 29.44444vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-content-grid-card {
|
|
height: 565.3333333333px
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-content-grid-card {
|
|
width: 276px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-content-grid-card {
|
|
width: 19.16667vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-content-grid-card {
|
|
width: 368px
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-content-grid-card--open {
|
|
scale: 1.04
|
|
}
|
|
}
|
|
|
|
.rad-content-grid-card--open .rad-content-grid-card__front-toggle {
|
|
height: 352px
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-content-grid-card--open .rad-content-grid-card__front-toggle {
|
|
height: 0
|
|
}
|
|
}
|
|
|
|
.rad-content-grid-card--open .rad-content-grid-card__cta-cover {
|
|
visibility: visible
|
|
}
|
|
|
|
.rad-content-grid-card--open .rad-content-grid-card__close-button {
|
|
translate: 0
|
|
}
|
|
|
|
.rad-content-grid-card--open .rad-content-grid-card__sliding-content {
|
|
left: -100%
|
|
}
|
|
|
|
.rad-content-grid-card--open .rad-content-grid-card__full-image {
|
|
-webkit-filter: blur(75px);
|
|
filter: blur(75px);
|
|
opacity: .5;
|
|
width: 800px
|
|
}
|
|
|
|
.rad-content-grid-card:focus-within {
|
|
outline: 2px solid #a100ff;
|
|
outline-offset: 8px
|
|
}
|
|
|
|
.rad-content-grid-card .cmp-image__image {
|
|
display: block
|
|
}
|
|
|
|
.rad-content-grid-card__cta-cover,
|
|
.rad-content-grid-card__front-toggle {
|
|
cursor: pointer;
|
|
left: 0;
|
|
outline: none;
|
|
position: absolute;
|
|
width: 100%;
|
|
z-index: 1
|
|
}
|
|
|
|
.rad-content-grid-card__front-toggle {
|
|
height: 100%;
|
|
top: 0
|
|
}
|
|
|
|
.rad-content-grid-card__cta-cover {
|
|
bottom: 0;
|
|
height: 72px;
|
|
visibility: hidden
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-content-grid-card__cta-cover {
|
|
height: 100%
|
|
}
|
|
}
|
|
|
|
.rad-content-grid-card__cta-cover:focus-visible~* .rad-button {
|
|
outline: 2px solid #a100ff;
|
|
outline-offset: 8px
|
|
}
|
|
|
|
.rad-content-grid-card__close-button {
|
|
height: 24px;
|
|
position: absolute;
|
|
right: 24px;
|
|
top: 28px;
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: translate;
|
|
transition-property: translate;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
translate: calc(100% + 24px);
|
|
width: 24px
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-content-grid-card__close-button {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.rad-content-grid-card__label {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
letter-spacing: .02em;
|
|
line-height: 1.143;
|
|
margin-bottom: 1.25rem;
|
|
margin-left: 1.5rem;
|
|
padding-top: 1.75rem;
|
|
position: relative;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-content-grid-card__label {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-content-grid-card__label {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-content-grid-card__label {
|
|
margin-bottom: calc(1.25rem + 1.38889vw - 20px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-content-grid-card__label {
|
|
margin-bottom: 1.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-content-grid-card__label {
|
|
margin-left: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-content-grid-card__label {
|
|
margin-left: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-content-grid-card__label {
|
|
padding-top: calc(1.75rem + 1.94444vw - 28px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-content-grid-card__label {
|
|
padding-top: 2.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-content-grid-card__title {
|
|
font-size: 1.25rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.02em;
|
|
line-height: 1.2;
|
|
margin-left: 1.5rem;
|
|
margin-right: 1.5rem;
|
|
position: relative
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-content-grid-card__title {
|
|
font-size: calc(1.25rem + 1.38889vw - 20px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-content-grid-card__title {
|
|
font-size: 1.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-content-grid-card__title {
|
|
margin-left: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-content-grid-card__title {
|
|
margin-left: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-content-grid-card__title {
|
|
margin-right: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-content-grid-card__title {
|
|
margin-right: 2rem
|
|
}
|
|
}
|
|
|
|
.rad-content-grid-card__sliding-content {
|
|
-webkit-box-flex: 1;
|
|
-ms-flex-positive: 1;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
flex-grow: 1;
|
|
left: 0;
|
|
position: relative;
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: left;
|
|
transition-property: left;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1)
|
|
}
|
|
|
|
.rad-content-grid-card__sliding-content>* {
|
|
-ms-flex-negative: 0;
|
|
flex-shrink: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-content-grid-card__front-content {
|
|
-webkit-box-align: end;
|
|
-ms-flex-align: end;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: reverse;
|
|
align-items: flex-end;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: row-reverse;
|
|
flex-direction: row-reverse
|
|
}
|
|
|
|
.rad-content-grid-card__half-image .cmp-image__image,
|
|
.rad-content-grid-card__quarter-image .cmp-image__image {
|
|
height: 212px
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
|
|
.rad-content-grid-card__half-image .cmp-image__image,
|
|
.rad-content-grid-card__quarter-image .cmp-image__image {
|
|
height: 14.72222vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
|
|
.rad-content-grid-card__half-image .cmp-image__image,
|
|
.rad-content-grid-card__quarter-image .cmp-image__image {
|
|
height: 282.6666666667px
|
|
}
|
|
}
|
|
|
|
.rad-content-grid-card__half-image {
|
|
width: 100%
|
|
}
|
|
|
|
.rad-content-grid-card__half-image .cmp-image__image {
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-content-grid-card__full-image {
|
|
aspect-ratio: .7075471698;
|
|
pointer-events: none;
|
|
position: absolute;
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: opacity, width, -webkit-filter;
|
|
transition-property: opacity, width, -webkit-filter;
|
|
transition-property: filter, opacity, width;
|
|
transition-property: filter, opacity, width, -webkit-filter;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
-webkit-user-select: none;
|
|
-moz-user-select: none;
|
|
-ms-user-select: none;
|
|
user-select: none;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-content-grid-card__full-image .cmp-image {
|
|
height: 100%
|
|
}
|
|
|
|
.rad-content-grid-card__full-image .cmp-image__image {
|
|
height: 100%;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
width: 100%
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-content-grid-card__full-image {
|
|
aspect-ratio: .6509433962
|
|
}
|
|
}
|
|
|
|
.rad-content-grid-card__logo {
|
|
font-size: 1.25rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.05em;
|
|
line-height: 1.4;
|
|
margin-bottom: 1.5rem;
|
|
margin-left: 1.5rem;
|
|
margin-right: auto;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-content-grid-card__logo {
|
|
font-size: calc(1.25rem + 1.38889vw - 20px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-content-grid-card__logo {
|
|
font-size: 1.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-content-grid-card__logo {
|
|
margin-bottom: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-content-grid-card__logo {
|
|
margin-bottom: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-content-grid-card__logo {
|
|
margin-left: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-content-grid-card__logo {
|
|
margin-left: 2rem
|
|
}
|
|
}
|
|
|
|
.rad-content-grid-card__back-content {
|
|
-webkit-box-align: end;
|
|
-ms-flex-align: end;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
align-items: flex-end;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.rad-content-grid-card__content {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.429;
|
|
margin-left: 1.5rem;
|
|
margin-right: 1.5rem;
|
|
margin-top: 1.5rem;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-content-grid-card__content {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-content-grid-card__content {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-content-grid-card__content {
|
|
margin-top: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-content-grid-card__content {
|
|
margin-top: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-content-grid-card__content {
|
|
margin-left: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-content-grid-card__content {
|
|
margin-left: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-content-grid-card__content {
|
|
margin-right: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-content-grid-card__content {
|
|
margin-right: 2rem
|
|
}
|
|
}
|
|
|
|
.rad-content-grid-card .rad-button,
|
|
.rad-content-grid-card .rad-icon-button {
|
|
color: inherit
|
|
}
|
|
|
|
.rad-content-grid-card .rad-button {
|
|
margin-bottom: 1rem;
|
|
margin-right: 1.5rem;
|
|
z-index: 2
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-content-grid-card .rad-button {
|
|
margin-bottom: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-content-grid-card .rad-button {
|
|
margin-bottom: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-content-grid-card .rad-button {
|
|
margin-right: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-content-grid-card .rad-button {
|
|
margin-right: 2rem
|
|
}
|
|
}
|
|
|
|
.rad-content-grid-card--announcement {
|
|
background-color: #39005e
|
|
}
|
|
|
|
.rad-content-grid-card--announcement .rad-content-grid-card__quarter-image {
|
|
mix-blend-mode: screen
|
|
}
|
|
|
|
.rad-content-grid-card--announcement .cmp-image__image {
|
|
-webkit-filter: grayscale(1);
|
|
filter: grayscale(1)
|
|
}
|
|
|
|
.rad-content-grid-card--live-interview-landscape,
|
|
.rad-content-grid-card--live-interview-portrait {
|
|
background-color: #202020
|
|
}
|
|
|
|
.rad-content-grid-card--live-interview-landscape .cmp-image__image,
|
|
.rad-content-grid-card--live-interview-portrait .cmp-image__image {
|
|
-webkit-filter: grayscale(1);
|
|
filter: grayscale(1)
|
|
}
|
|
|
|
.rad-content-grid-card--podcast-landscape,
|
|
.rad-content-grid-card--podcast-portrait {
|
|
background-color: #f1f1ef;
|
|
color: #000
|
|
}
|
|
|
|
.rad-content-grid-card--podcast-landscape .cmp-image__image,
|
|
.rad-content-grid-card--podcast-portrait .cmp-image__image {
|
|
-webkit-filter: grayscale(1);
|
|
filter: grayscale(1)
|
|
}
|
|
|
|
.rad-content-grid-card--case-study,
|
|
.rad-content-grid-card--perspective {
|
|
background-color: #f1f1ef;
|
|
color: #000
|
|
}
|
|
|
|
.rad-content-grid-card--research-report-dark {
|
|
background-color: #000
|
|
}
|
|
|
|
.rad-content-grid-card--research-report-light {
|
|
background-color: #fff;
|
|
color: #000
|
|
}
|
|
|
|
.rad-card-carousel .flickity-page-dots {
|
|
-webkit-box-align: stretch;
|
|
-ms-flex-align: stretch;
|
|
-webkit-box-pack: end;
|
|
-ms-flex-pack: end;
|
|
align-items: stretch;
|
|
bottom: 0;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: 24px;
|
|
justify-content: flex-end;
|
|
margin: 0 auto;
|
|
max-width: 1920px;
|
|
position: relative;
|
|
right: 0;
|
|
width: auto
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-card-carousel .flickity-page-dots {
|
|
height: 48px;
|
|
margin: 0 2.75rem 0 auto
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card-carousel .flickity-page-dots {
|
|
height: 3.33333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card-carousel .flickity-page-dots {
|
|
height: 64px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-card-carousel .flickity-page-dots {
|
|
margin-right: 4.75rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card-carousel .flickity-page-dots {
|
|
margin-right: calc(4.75rem + 5.27778vw - 76px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card-carousel .flickity-page-dots {
|
|
margin-right: 6.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-card-carousel .flickity-page-dot {
|
|
background: none;
|
|
border-radius: 0;
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
height: auto;
|
|
margin: 0;
|
|
padding: .25rem;
|
|
position: relative;
|
|
width: .5rem;
|
|
z-index: 1
|
|
}
|
|
|
|
.rad-card-carousel .flickity-page-dot:focus-visible {
|
|
outline: .0625rem solid #a100ff;
|
|
outline-offset: -0.0625rem
|
|
}
|
|
|
|
.rad-card-carousel .flickity-page-dot:focus {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none
|
|
}
|
|
|
|
.rad-card-carousel .flickity-page-dot:after,
|
|
.rad-card-carousel .flickity-page-dot:before {
|
|
content: "";
|
|
display: block;
|
|
height: .5rem;
|
|
position: absolute;
|
|
top: 50%;
|
|
translate: 0 -50%
|
|
}
|
|
|
|
.rad-card-carousel .flickity-page-dot:first-child {
|
|
overflow: visible
|
|
}
|
|
|
|
.rad-card-carousel .flickity-page-dot:first-child:before {
|
|
background: #616160;
|
|
left: 50%;
|
|
-webkit-transition: width 250ms ease 0s;
|
|
transition: width 250ms ease 0s;
|
|
width: calc(var(--dot-index)*100%)
|
|
}
|
|
|
|
.rad-card-carousel .flickity-page-dot:after {
|
|
background: #616160;
|
|
left: .25rem;
|
|
width: .5rem
|
|
}
|
|
|
|
.rad-card-carousel .flickity-page-dot:hover {
|
|
background: none
|
|
}
|
|
|
|
.rad-card-carousel .flickity-page-dot:hover:after {
|
|
background: #a2a2a0
|
|
}
|
|
|
|
.rad-card-carousel .flickity-page-dot.is-selected {
|
|
background: none
|
|
}
|
|
|
|
.rad-card-carousel .flickity-page-dot.is-selected:after {
|
|
background: #fff
|
|
}
|
|
|
|
.rad-card-carousel .flickity-enabled {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.rad-card-carousel .flickity-viewport {
|
|
-ms-flex-preferred-size: 100%;
|
|
flex-basis: 100%
|
|
}
|
|
|
|
.rad-card-carousel .flickity-prev-next-button {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
align-items: center;
|
|
background: none;
|
|
border-radius: 0;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: 48px;
|
|
justify-content: center;
|
|
left: 0;
|
|
margin-top: -12px;
|
|
position: relative;
|
|
right: 0;
|
|
-webkit-transform: unset;
|
|
transform: unset;
|
|
width: 48px
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card-carousel .flickity-prev-next-button {
|
|
width: 3.33333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card-carousel .flickity-prev-next-button {
|
|
width: 64px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card-carousel .flickity-prev-next-button {
|
|
height: 3.33333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card-carousel .flickity-prev-next-button {
|
|
height: 64px
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-card-carousel .flickity-prev-next-button {
|
|
margin-top: 0
|
|
}
|
|
}
|
|
|
|
.rad-card-carousel .flickity-prev-next-button:focus {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none
|
|
}
|
|
|
|
.rad-card-carousel .flickity-prev-next-button.previous {
|
|
margin-left: 2.25rem
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-card-carousel .flickity-prev-next-button.previous {
|
|
margin-left: 4.25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card-carousel .flickity-prev-next-button.previous {
|
|
margin-left: calc(4.25rem + 4.72222vw - 68px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card-carousel .flickity-prev-next-button.previous {
|
|
margin-left: 5.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-card-carousel .flickity-prev-next-button.next {
|
|
margin-left: 0.25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card-carousel .flickity-prev-next-button.next {
|
|
margin-left: calc(0.25rem + 0.27778vw - 4px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card-carousel .flickity-prev-next-button.next {
|
|
margin-left: 0.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-card-carousel .flickity-button-icon {
|
|
fill: #fff;
|
|
position: static;
|
|
width: 1.25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card-carousel .flickity-button-icon {
|
|
width: calc(1.25rem + 1.38889vw - 20px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card-carousel .flickity-button-icon {
|
|
width: 1.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-card-carousel__text-container {
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-card-carousel__text-container {
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
.rad-card-carousel__heading {
|
|
font-size: 1.75rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.286;
|
|
margin-bottom: 1rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-card-carousel__heading {
|
|
font-size: 2.5rem;
|
|
line-height: 1.2
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-card-carousel__heading {
|
|
font-size: 3rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card-carousel__heading {
|
|
font-size: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card-carousel__heading {
|
|
font-size: 4rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-card-carousel__heading {
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-card-carousel__heading {
|
|
margin-bottom: 2rem;
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0);
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card-carousel__heading {
|
|
margin-bottom: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card-carousel__heading {
|
|
margin-bottom: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-card-carousel__sub-heading {
|
|
font-family: GT Sectra Fine, Palatino;
|
|
font-size: 1.125rem;
|
|
font-weight: 300;
|
|
line-height: 1.333;
|
|
margin-bottom: 2rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-card-carousel__sub-heading {
|
|
font-size: 1.5rem;
|
|
line-height: 1.333
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-card-carousel__sub-heading {
|
|
font-size: 1.75rem;
|
|
line-height: 1.286
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card-carousel__sub-heading {
|
|
font-size: calc(1.75rem + 1.94444vw - 28px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card-carousel__sub-heading {
|
|
font-size: 2.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-card-carousel__sub-heading {
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-card-carousel__sub-heading {
|
|
margin-bottom: 3rem;
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0);
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card-carousel__sub-heading {
|
|
margin-bottom: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card-carousel__sub-heading {
|
|
margin-bottom: 4rem
|
|
}
|
|
}
|
|
|
|
.rad-card-carousel__view-all-button-wrapper {
|
|
margin-bottom: 2rem
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-card-carousel__view-all-button-wrapper {
|
|
margin-bottom: 3rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card-carousel__view-all-button-wrapper {
|
|
margin-bottom: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card-carousel__view-all-button-wrapper {
|
|
margin-bottom: 4rem
|
|
}
|
|
}
|
|
|
|
@media(max-width:599px) {
|
|
.rad-card-carousel__slider-receiver {
|
|
-ms-overflow-style: none;
|
|
overflow-x: scroll;
|
|
scrollbar-width: none
|
|
}
|
|
|
|
.rad-card-carousel__slider-receiver::-webkit-scrollbar {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
@media(max-width:599px) {
|
|
.rad-card-carousel__cards-container {
|
|
-webkit-column-gap: 1rem;
|
|
-moz-column-gap: 1rem;
|
|
column-gap: 1rem;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
padding: 0 1rem;
|
|
width: -webkit-fit-content;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
}
|
|
|
|
.rad-card-carousel .rad-card {
|
|
-ms-flex-negative: 0;
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.rad-card-carousel .flickity-viewport {
|
|
margin-bottom: 2rem
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-card-carousel .flickity-viewport {
|
|
margin-bottom: 3rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card-carousel .flickity-viewport {
|
|
margin-bottom: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card-carousel .flickity-viewport {
|
|
margin-bottom: 4rem
|
|
}
|
|
}
|
|
|
|
.rad-card-carousel .flickity-cell {
|
|
padding-left: 1rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-card-carousel .flickity-cell {
|
|
padding-left: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
.rad-card-carousel__card-size-maintainer {
|
|
height: 26.5rem;
|
|
width: 18.75rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-card-carousel__card-size-maintainer {
|
|
height: unset;
|
|
width: unset
|
|
}
|
|
}
|
|
|
|
.rad-card-carousel__slider-container {
|
|
margin: 2rem auto 0;
|
|
width: -webkit-fit-content;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-card-carousel__slider-container {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.rad-card-carousel__slider-container .rad__range-input-slider-for-carousel {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
background: transparent;
|
|
display: block;
|
|
margin: 0;
|
|
padding: .5rem 0;
|
|
width: 17.25rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-card-carousel__slider-container .rad__range-input-slider-for-carousel {
|
|
padding: 1.25rem 0
|
|
}
|
|
}
|
|
|
|
.rad-card-carousel__slider-container ::-webkit-slider-thumb {
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
background: #fff;
|
|
border: none;
|
|
border-radius: 0;
|
|
-webkit-box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000;
|
|
box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000;
|
|
cursor: -webkit-grab;
|
|
cursor: grab;
|
|
height: .5rem;
|
|
width: .5rem
|
|
}
|
|
|
|
.rad-card-carousel__slider-container ::-moz-range-thumb {
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
background: #fff;
|
|
border: none;
|
|
border-radius: 0;
|
|
box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000;
|
|
cursor: grab;
|
|
height: .5rem;
|
|
width: .5rem
|
|
}
|
|
|
|
.rad-card-carousel__slider-container ::-ms-thumb {
|
|
appearance: none;
|
|
background: #fff;
|
|
border: none;
|
|
border-radius: 0;
|
|
box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000;
|
|
cursor: grab;
|
|
height: .5rem;
|
|
width: .5rem
|
|
}
|
|
|
|
.rad-card-carousel__slider-container ::-webkit-slider-runnable-track {
|
|
background: #616160;
|
|
cursor: pointer;
|
|
height: .5rem;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-card-carousel__slider-container ::-moz-range-track {
|
|
background: #616160;
|
|
cursor: pointer;
|
|
height: .5rem;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-card-carousel__slider-container ::-ms-track {
|
|
background: #616160;
|
|
cursor: pointer;
|
|
height: .5rem;
|
|
width: 100%
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-card-carousel__slider-container {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.rad-no-pointer-events {
|
|
pointer-events: none
|
|
}
|
|
|
|
.rad-tile-grid {
|
|
-webkit-animation-duration: 550ms;
|
|
animation-duration: 550ms;
|
|
-webkit-animation-fill-mode: forwards;
|
|
animation-fill-mode: forwards;
|
|
-webkit-animation-name: shrink-margin-top;
|
|
animation-name: shrink-margin-top;
|
|
-webkit-animation-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
animation-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
opacity: 0;
|
|
position: relative;
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: opacity;
|
|
transition-property: opacity;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1)
|
|
}
|
|
|
|
@-webkit-keyframes shrink-margin-top {
|
|
0% {
|
|
margin-top: calc(100vh - var(--rad-nav-height))
|
|
}
|
|
}
|
|
|
|
@keyframes shrink-margin-top {
|
|
0% {
|
|
margin-top: calc(100vh - var(--rad-nav-height))
|
|
}
|
|
}
|
|
|
|
.rad-tile-grid .flickity-page-dots {
|
|
-webkit-box-align: stretch;
|
|
-ms-flex-align: stretch;
|
|
-webkit-box-pack: end;
|
|
-ms-flex-pack: end;
|
|
align-items: stretch;
|
|
bottom: 0;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: 24px;
|
|
justify-content: flex-end;
|
|
margin: 0 auto;
|
|
max-width: 1920px;
|
|
position: relative;
|
|
right: 0;
|
|
width: auto
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-tile-grid .flickity-page-dots {
|
|
height: 48px;
|
|
margin: 0 2.75rem 0 auto
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-tile-grid .flickity-page-dots {
|
|
height: 3.33333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-tile-grid .flickity-page-dots {
|
|
height: 64px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-tile-grid .flickity-page-dots {
|
|
margin-right: 4.75rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-tile-grid .flickity-page-dots {
|
|
margin-right: calc(4.75rem + 5.27778vw - 76px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-tile-grid .flickity-page-dots {
|
|
margin-right: 6.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-tile-grid .flickity-page-dot {
|
|
background: none;
|
|
border-radius: 0;
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
height: auto;
|
|
margin: 0;
|
|
padding: .25rem;
|
|
position: relative;
|
|
width: .5rem;
|
|
z-index: 1
|
|
}
|
|
|
|
.rad-tile-grid .flickity-page-dot:focus-visible {
|
|
outline: .0625rem solid #a100ff;
|
|
outline-offset: -0.0625rem
|
|
}
|
|
|
|
.rad-tile-grid .flickity-page-dot:focus {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none
|
|
}
|
|
|
|
.rad-tile-grid .flickity-page-dot:after,
|
|
.rad-tile-grid .flickity-page-dot:before {
|
|
content: "";
|
|
display: block;
|
|
height: .5rem;
|
|
position: absolute;
|
|
top: 50%;
|
|
translate: 0 -50%
|
|
}
|
|
|
|
.rad-tile-grid .flickity-page-dot:first-child {
|
|
overflow: visible
|
|
}
|
|
|
|
.rad-tile-grid .flickity-page-dot:first-child:before {
|
|
background: #616160;
|
|
left: 50%;
|
|
-webkit-transition: width 250ms ease 0s;
|
|
transition: width 250ms ease 0s;
|
|
width: calc(var(--dot-index)*100%)
|
|
}
|
|
|
|
.rad-tile-grid .flickity-page-dot:after {
|
|
background: #616160;
|
|
left: .25rem;
|
|
width: .5rem
|
|
}
|
|
|
|
.rad-tile-grid .flickity-page-dot:hover {
|
|
background: none
|
|
}
|
|
|
|
.rad-tile-grid .flickity-page-dot:hover:after {
|
|
background: #a2a2a0
|
|
}
|
|
|
|
.rad-tile-grid .flickity-page-dot.is-selected {
|
|
background: none
|
|
}
|
|
|
|
.rad-tile-grid .flickity-page-dot.is-selected:after {
|
|
background: #fff
|
|
}
|
|
|
|
.rad-tile-grid .flickity-enabled {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.rad-tile-grid .flickity-viewport {
|
|
-ms-flex-preferred-size: 100%;
|
|
flex-basis: 100%
|
|
}
|
|
|
|
.rad-tile-grid .flickity-prev-next-button {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
align-items: center;
|
|
background: none;
|
|
border-radius: 0;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: 48px;
|
|
justify-content: center;
|
|
left: 0;
|
|
margin-top: -12px;
|
|
position: relative;
|
|
right: 0;
|
|
-webkit-transform: unset;
|
|
transform: unset;
|
|
width: 48px
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-tile-grid .flickity-prev-next-button {
|
|
width: 3.33333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-tile-grid .flickity-prev-next-button {
|
|
width: 64px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-tile-grid .flickity-prev-next-button {
|
|
height: 3.33333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-tile-grid .flickity-prev-next-button {
|
|
height: 64px
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-tile-grid .flickity-prev-next-button {
|
|
margin-top: 0
|
|
}
|
|
}
|
|
|
|
.rad-tile-grid .flickity-prev-next-button:focus {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none
|
|
}
|
|
|
|
.rad-tile-grid .flickity-prev-next-button.previous {
|
|
margin-left: 2.25rem
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-tile-grid .flickity-prev-next-button.previous {
|
|
margin-left: 4.25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-tile-grid .flickity-prev-next-button.previous {
|
|
margin-left: calc(4.25rem + 4.72222vw - 68px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-tile-grid .flickity-prev-next-button.previous {
|
|
margin-left: 5.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-tile-grid .flickity-prev-next-button.next {
|
|
margin-left: 0.25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-tile-grid .flickity-prev-next-button.next {
|
|
margin-left: calc(0.25rem + 0.27778vw - 4px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-tile-grid .flickity-prev-next-button.next {
|
|
margin-left: 0.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-tile-grid .flickity-button-icon {
|
|
fill: #fff;
|
|
position: static;
|
|
width: 1.25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-tile-grid .flickity-button-icon {
|
|
width: calc(1.25rem + 1.38889vw - 20px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-tile-grid .flickity-button-icon {
|
|
width: 1.6666666667rem
|
|
}
|
|
|
|
.rad-tile-grid {
|
|
margin-left: calc(-50vw + 960px);
|
|
margin-right: calc(-50vw + 960px)
|
|
}
|
|
}
|
|
|
|
.rad-tile-grid.rad-tile-grid--html-complete {
|
|
opacity: 1
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-tile-grid.rad-tile-grid--enable-slide-x-animation .rad-tile-grid__rows-container {
|
|
-webkit-transition: -webkit-transform 1000ms cubic-bezier(0.42, 0.31, 0.16, 0.99);
|
|
transition: -webkit-transform 1000ms cubic-bezier(0.42, 0.31, 0.16, 0.99);
|
|
transition: transform 1000ms cubic-bezier(0.42, 0.31, 0.16, 0.99);
|
|
transition: transform 1000ms cubic-bezier(0.42, 0.31, 0.16, 0.99), -webkit-transform 1000ms cubic-bezier(0.42, 0.31, 0.16, 0.99)
|
|
}
|
|
}
|
|
|
|
.rad-tile-grid .rad-tile-grid__cards-container {
|
|
-ms-overflow-style: none;
|
|
overflow-y: scroll;
|
|
scrollbar-width: none
|
|
}
|
|
|
|
.rad-tile-grid .rad-tile-grid__cards-container::-webkit-scrollbar {
|
|
display: none
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-tile-grid .rad-tile-grid__cards-container {
|
|
overflow-y: visible
|
|
}
|
|
}
|
|
|
|
.rad-tile-grid .flickity-viewport {
|
|
margin-bottom: 3.75rem;
|
|
min-height: 14.0625rem;
|
|
overflow: hidden;
|
|
width: 100%;
|
|
height: 430px !important;
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-tile-grid .flickity-viewport {
|
|
margin-bottom: calc(3.75rem + 4.16667vw - 60px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-tile-grid .flickity-viewport {
|
|
margin-bottom: 5rem
|
|
}
|
|
}
|
|
|
|
.rad-tile-grid .flickity-cell {
|
|
overflow: hidden;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-tile-grid .flickity-button:focus-visible {
|
|
outline: 2px solid #a100ff;
|
|
outline-offset: 8px
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-tile-grid .flickity-prev-next-button.previous {
|
|
margin-left: calc(50vw - 853.33333px)
|
|
}
|
|
|
|
.rad-tile-grid .flickity-page-dots {
|
|
margin-left: auto;
|
|
margin-right: calc(50vw - 853.33333px)
|
|
}
|
|
}
|
|
|
|
.rad-tile-grid .rad-tile-grid__slider-receiver {
|
|
padding-bottom: 1.5rem;
|
|
width: -webkit-fit-content;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-tile-grid .rad-tile-grid__slider-receiver {
|
|
padding-bottom: 1.75rem
|
|
}
|
|
}
|
|
|
|
.rad-tile-grid .rad-tile-grid__card-open-adjuster {
|
|
-webkit-transition: margin-left 1000ms ease 0ms;
|
|
transition: margin-left 1000ms ease 0ms
|
|
}
|
|
|
|
.rad-tile-grid .rad-tile-grid__mobile-cell {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
align-items: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
justify-content: center;
|
|
margin: 0 calc(9.375rem - 50vw + 8px);
|
|
padding: 2.5rem 0 3rem;
|
|
width: 100vw
|
|
}
|
|
|
|
.rad-tile-grid .is-selected {
|
|
z-index: 1
|
|
}
|
|
|
|
.rad-tile-grid .rad-tile-grid__rows-container {
|
|
margin-right: 5rem;
|
|
min-width: 100%
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-tile-grid .rad-tile-grid__rows-container {
|
|
margin: 0 auto;
|
|
width: -webkit-fit-content;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
}
|
|
|
|
.rad-tile-grid .rad-tile-grid__row {
|
|
-webkit-column-gap: 1rem;
|
|
-moz-column-gap: 1rem;
|
|
column-gap: 1rem;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
padding: 0 1rem;
|
|
width: -webkit-fit-content;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-tile-grid .rad-tile-grid__row {
|
|
-webkit-column-gap: 48px;
|
|
-moz-column-gap: 48px;
|
|
column-gap: 48px;
|
|
padding: 0 3rem;
|
|
-webkit-transition-duration: 1000ms;
|
|
transition-duration: 1000ms;
|
|
-webkit-transition-property: -webkit-transform;
|
|
transition-property: -webkit-transform;
|
|
transition-property: transform;
|
|
transition-property: transform, -webkit-transform;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-tile-grid .rad-tile-grid__row {
|
|
-webkit-column-gap: 5rem;
|
|
-moz-column-gap: 5rem;
|
|
column-gap: 5rem;
|
|
margin: 0 auto;
|
|
padding-left: 5rem;
|
|
padding-right: 5rem;
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: translate;
|
|
transition-property: translate;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-tile-grid .rad-tile-grid__row {
|
|
-webkit-column-gap: calc(5rem + 5.55556vw - 80px);
|
|
-moz-column-gap: calc(5rem + 5.55556vw - 80px);
|
|
column-gap: calc(5rem + 5.55556vw - 80px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-tile-grid .rad-tile-grid__row {
|
|
-webkit-column-gap: 6.6666666667rem;
|
|
-moz-column-gap: 6.6666666667rem;
|
|
column-gap: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-tile-grid .rad-tile-grid__row {
|
|
padding-left: calc(5rem + 5.55556vw - 80px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-tile-grid .rad-tile-grid__row {
|
|
padding-left: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-tile-grid .rad-tile-grid__row {
|
|
padding-right: calc(5rem + 5.55556vw - 80px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-tile-grid .rad-tile-grid__row {
|
|
padding-right: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-tile-grid .rad-tile-grid__row:last-child {
|
|
margin-top: 3rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-tile-grid .rad-tile-grid__row:last-child {
|
|
margin-top: 5rem
|
|
}
|
|
}
|
|
|
|
.rad-tile-grid .rad-card--place-holder {
|
|
background: none
|
|
}
|
|
|
|
.rad-tile-grid__slider-container {
|
|
margin: 0 auto;
|
|
width: -webkit-fit-content;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-tile-grid__slider-container {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.rad-tile-grid__slider-container .rad__range-input-slider-for-carousel {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
background: transparent;
|
|
display: block;
|
|
margin: 0;
|
|
padding: .5rem 0;
|
|
width: 17.25rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-tile-grid__slider-container .rad__range-input-slider-for-carousel {
|
|
padding: 1.25rem 0
|
|
}
|
|
}
|
|
|
|
.rad-tile-grid__slider-container ::-webkit-slider-thumb {
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
background: #fff;
|
|
border: none;
|
|
border-radius: 0;
|
|
-webkit-box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000;
|
|
box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000;
|
|
cursor: -webkit-grab;
|
|
cursor: grab;
|
|
height: .5rem;
|
|
width: .5rem
|
|
}
|
|
|
|
.rad-tile-grid__slider-container ::-moz-range-thumb {
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
background: #fff;
|
|
border: none;
|
|
border-radius: 0;
|
|
box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000;
|
|
cursor: grab;
|
|
height: .5rem;
|
|
width: .5rem
|
|
}
|
|
|
|
.rad-tile-grid__slider-container ::-ms-thumb {
|
|
appearance: none;
|
|
background: #fff;
|
|
border: none;
|
|
border-radius: 0;
|
|
box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000;
|
|
cursor: grab;
|
|
height: .5rem;
|
|
width: .5rem
|
|
}
|
|
|
|
.rad-tile-grid__slider-container ::-webkit-slider-runnable-track {
|
|
background: #616160;
|
|
cursor: pointer;
|
|
height: .5rem;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-tile-grid__slider-container ::-moz-range-track {
|
|
background: #616160;
|
|
cursor: pointer;
|
|
height: .5rem;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-tile-grid__slider-container ::-ms-track {
|
|
background: #616160;
|
|
cursor: pointer;
|
|
height: .5rem;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-breadcrumb {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.429;
|
|
padding: 1.5rem 0;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-breadcrumb {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-breadcrumb {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-breadcrumb {
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
.rad-breadcrumb__item-see {
|
|
display: none
|
|
}
|
|
|
|
@media(max-width:767px) {
|
|
.rad-breadcrumb__item {
|
|
overflow: hidden
|
|
}
|
|
|
|
.rad-breadcrumb__item:not(.rad-breadcrumb__link:last-of-type) {
|
|
display: none
|
|
}
|
|
|
|
.rad-breadcrumb__item-see {
|
|
display: inline
|
|
}
|
|
|
|
.rad-breadcrumb__item-text {
|
|
text-overflow: ellipsis
|
|
}
|
|
|
|
.rad-breadcrumb__link:last-of-type:before {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
align-items: center;
|
|
content: "";
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
font-family: icont;
|
|
font-size: 80%;
|
|
height: 20px;
|
|
justify-content: center;
|
|
margin-right: 8px;
|
|
width: 20px
|
|
}
|
|
|
|
.rad-breadcrumb__separator {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-breadcrumb {
|
|
padding-bottom: 3rem;
|
|
padding-top: 3rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-breadcrumb {
|
|
padding-bottom: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-breadcrumb {
|
|
padding-bottom: 4rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-breadcrumb {
|
|
padding-top: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-breadcrumb {
|
|
padding-top: 4rem
|
|
}
|
|
}
|
|
|
|
.rad-breadcrumb__item {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: 2.5rem;
|
|
padding: 0.625rem 0.5rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-breadcrumb__item {
|
|
height: calc(2.5rem + 2.77778vw - 40px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-breadcrumb__item {
|
|
height: 3.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-breadcrumb__item {
|
|
padding-bottom: calc(0.625rem + 0.69444vw - 10px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-breadcrumb__item {
|
|
padding-bottom: 0.8333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-breadcrumb__item {
|
|
padding-left: calc(0.5rem + 0.55556vw - 8px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-breadcrumb__item {
|
|
padding-left: 0.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-breadcrumb__item {
|
|
padding-right: calc(0.5rem + 0.55556vw - 8px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-breadcrumb__item {
|
|
padding-right: 0.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-breadcrumb__item {
|
|
padding-top: calc(0.625rem + 0.69444vw - 10px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-breadcrumb__item {
|
|
padding-top: 0.8333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-breadcrumb__item:not(.rad-breadcrumb__link) {
|
|
color: #a2a2a0
|
|
}
|
|
|
|
.rad-breadcrumb__item:last-child {
|
|
overflow: hidden
|
|
}
|
|
|
|
.rad-breadcrumb__item-text {
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.rad-breadcrumb__link {
|
|
text-decoration: none
|
|
}
|
|
|
|
.rad-breadcrumb__link,
|
|
.rad-breadcrumb__link:visited {
|
|
color: #fff
|
|
}
|
|
|
|
.rad-breadcrumb__link:hover {
|
|
color: #dcafff
|
|
}
|
|
|
|
.rad-breadcrumb__link .rad-breadcrumb__item-text {
|
|
position: relative
|
|
}
|
|
|
|
.rad-breadcrumb__link .rad-breadcrumb__item-text:after {
|
|
border-bottom: 1px solid;
|
|
bottom: 0;
|
|
content: "";
|
|
display: block;
|
|
left: 0;
|
|
position: absolute;
|
|
-webkit-transition: width 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
transition: width 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
width: 0
|
|
}
|
|
|
|
:hover>.rad-breadcrumb__item-text:after {
|
|
width: 100%
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-banner {
|
|
margin-left: calc(-50vw + 960px);
|
|
margin-right: calc(-50vw + 960px)
|
|
}
|
|
}
|
|
|
|
.rad-banner__background-color-container {
|
|
background-color: #101010
|
|
}
|
|
|
|
.rad-banner__content-container {
|
|
margin: 0 auto;
|
|
max-width: 120rem;
|
|
padding-bottom: 2.5rem;
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm);
|
|
padding-top: 2.5rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-banner__content-container {
|
|
padding-bottom: 3.75rem;
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md);
|
|
padding-top: 3.75rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-banner__content-container {
|
|
padding-top: calc(3.75rem + 4.16667vw - 60px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-banner__content-container {
|
|
padding-top: 5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-banner__content-container {
|
|
padding-bottom: calc(3.75rem + 4.16667vw - 60px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-banner__content-container {
|
|
padding-bottom: 5rem
|
|
}
|
|
}
|
|
|
|
.rad-banner__headline {
|
|
font-size: 1.75rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.286
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-banner__headline {
|
|
font-size: 2.5rem;
|
|
line-height: 1.2
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-banner__headline {
|
|
font-size: 3rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-banner__headline {
|
|
font-size: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-banner__headline {
|
|
font-size: 4rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-banner__headline {
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-banner__headline {
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0);
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-banner.rad-banner--headline-large .rad-banner__headline {
|
|
font-size: 2rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.25
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-banner.rad-banner--headline-large .rad-banner__headline {
|
|
font-size: 3.75rem;
|
|
line-height: 1.067
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-banner.rad-banner--headline-large .rad-banner__headline {
|
|
font-size: calc(3.75rem + 4.16667vw - 60px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-banner.rad-banner--headline-large .rad-banner__headline {
|
|
font-size: 5rem
|
|
}
|
|
}
|
|
|
|
.rad-banner__subheader {
|
|
font-family: GT Sectra Fine, Palatino;
|
|
font-size: 1.25rem;
|
|
font-weight: 300;
|
|
line-height: 1.4;
|
|
margin-top: 1rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-banner__subheader {
|
|
font-size: 2rem;
|
|
line-height: 1.25
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-banner__subheader {
|
|
font-size: 2.25rem;
|
|
line-height: 1.222
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-banner__subheader {
|
|
font-size: calc(2.25rem + 2.5vw - 36px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-banner__subheader {
|
|
font-size: 3rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-banner__subheader {
|
|
font-family: GT Sectra Fine, Palatino;
|
|
font-size: 1.125rem;
|
|
font-size: 1.5rem;
|
|
font-weight: 300;
|
|
line-height: 1.333;
|
|
margin-top: 1.5rem;
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-banner__subheader {
|
|
font-size: 1.75rem;
|
|
line-height: 1.286
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-banner__subheader {
|
|
font-size: calc(1.75rem + 1.94444vw - 28px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-banner__subheader {
|
|
font-size: 2.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-banner__subheader {
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-banner__subheader {
|
|
margin-top: 2rem;
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0);
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-banner__subheader {
|
|
margin-top: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-banner__subheader {
|
|
margin-top: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-banner__body {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
margin-top: 1rem;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-banner__body {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-banner__body {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-banner__body {
|
|
font-size: 1.125rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.6;
|
|
margin-top: 1.5rem;
|
|
text-underline-offset: .25rem;
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-banner__body {
|
|
font-size: 1.25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-banner__body {
|
|
font-size: calc(1.25rem + 1.38889vw - 20px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-banner__body {
|
|
font-size: 1.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-banner__body {
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-banner__body {
|
|
margin-top: 2rem;
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0);
|
|
width: calc(175% - var(--rad-spacing-sm)*3/4*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-sm)*0);
|
|
width: calc(87.5% - var(--rad-spacing-sm)*7/8*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-md)*0);
|
|
width: calc(58.33333% - var(--rad-spacing-sm)*11/12*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-banner__body {
|
|
margin-top: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-banner__body {
|
|
margin-top: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-banner__buttons {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
margin-top: 2.5rem;
|
|
row-gap: 1rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-banner__buttons {
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-webkit-column-gap: 1.5rem;
|
|
-moz-column-gap: 1.5rem;
|
|
column-gap: 1.5rem;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
margin-top: 1.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-banner__buttons {
|
|
-webkit-column-gap: 2rem;
|
|
-moz-column-gap: 2rem;
|
|
column-gap: 2rem;
|
|
margin-top: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-banner__buttons {
|
|
-webkit-column-gap: calc(2rem + 2.22222vw - 32px);
|
|
-moz-column-gap: calc(2rem + 2.22222vw - 32px);
|
|
column-gap: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-banner__buttons {
|
|
-webkit-column-gap: 2.6666666667rem;
|
|
-moz-column-gap: 2.6666666667rem;
|
|
column-gap: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-banner__buttons {
|
|
margin-top: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-banner__buttons {
|
|
margin-top: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-banner .rad-button.rad-button--primary {
|
|
padding: 0 1.25rem
|
|
}
|
|
|
|
.rad-banner .rad-button.rad-button--primary:hover {
|
|
color: #fff
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-banner .rad-button.rad-button--primary {
|
|
padding-left: 1.5rem;
|
|
padding-right: 1.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-banner .rad-button.rad-button--primary {
|
|
padding-right: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-banner .rad-button.rad-button--primary {
|
|
padding-right: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-banner .rad-button.rad-button--primary {
|
|
padding-left: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-banner .rad-button.rad-button--primary {
|
|
padding-left: 2rem
|
|
}
|
|
}
|
|
|
|
.rad-banner .rad-button.rad-button--secondary {
|
|
padding: 0 1.1875rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-banner .rad-button.rad-button--secondary {
|
|
padding-left: 1.4375rem;
|
|
padding-right: 1.4375rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-banner .rad-button.rad-button--secondary {
|
|
padding-right: calc(1.4375rem + 1.59722vw - 23px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-banner .rad-button.rad-button--secondary {
|
|
padding-right: 1.9166666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-banner .rad-button.rad-button--secondary {
|
|
padding-left: calc(1.4375rem + 1.59722vw - 23px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-banner .rad-button.rad-button--secondary {
|
|
padding-left: 1.9166666667rem
|
|
}
|
|
}
|
|
|
|
.rad-banner.rad-banner--centered {
|
|
text-align: center
|
|
}
|
|
|
|
.rad-banner.rad-banner--centered .rad-banner__body,
|
|
.rad-banner.rad-banner--centered .rad-banner__headline,
|
|
.rad-banner.rad-banner--centered .rad-banner__subheader {
|
|
margin-left: auto;
|
|
margin-right: auto
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-banner.rad-banner--centered .rad-banner__body {
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0);
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-banner.rad-banner--centered .rad-banner__buttons {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
align-items: center;
|
|
justify-content: center
|
|
}
|
|
|
|
.rad-banner.rad-banner--background-image .rad-banner__background-color-container {
|
|
background-image: url(clientlib-rad/resources/images/banner/Banner_Mobile_Illustration.svg);
|
|
background-position: 100%;
|
|
background-repeat: no-repeat
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-banner.rad-banner--background-image .rad-banner__background-color-container {
|
|
background-image: url(clientlib-rad/resources/images/banner/Banner_Tablet_Illustration.svg)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-banner.rad-banner--background-image .rad-banner__background-color-container {
|
|
background-image: none
|
|
}
|
|
|
|
.rad-banner.rad-banner--background-image .rad-banner__content-container {
|
|
background-image: url(clientlib-rad/resources/images/banner/Banner_Desktop_Left-Illustration.svg);
|
|
background-position: 100%;
|
|
background-repeat: no-repeat
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-banner.rad-banner--background-image .rad-banner__content-container {
|
|
background-size: 100% auto
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-banner.rad-banner--background-image.rad-banner--centered .rad-banner__background-color-container {
|
|
background-image: url(clientlib-rad/resources/images/banner/Banner_Desktop_Center-Illustration.svg);
|
|
background-position: 50%
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-banner.rad-banner--background-image.rad-banner--centered .rad-banner__background-color-container {
|
|
background-size: 152% auto
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-banner.rad-banner--background-image.rad-banner--centered .rad-banner__background-color-container {
|
|
background-size: auto 924px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-banner.rad-banner--background-image.rad-banner--centered .rad-banner__content-container {
|
|
background-image: none
|
|
}
|
|
}
|
|
|
|
.rad-banner.rad-banner--no-background .rad-banner__background-color-container {
|
|
background: none
|
|
}
|
|
|
|
.rad-carousel-block {
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-carousel-block {
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
.rad-carousel-block__image {
|
|
display: block;
|
|
margin-bottom: 24px;
|
|
margin-left: calc(var(--rad-spacing-sm)*-1);
|
|
margin-right: calc(var(--rad-spacing-sm)*-1);
|
|
max-width: none;
|
|
width: calc(100vw - var(--scrollbar-width))
|
|
}
|
|
|
|
.rad-carousel-block__title {
|
|
font-size: 1.25rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.025em;
|
|
line-height: 1.4;
|
|
margin-bottom: 1rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-carousel-block__title {
|
|
font-size: 1.5rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-carousel-block__title {
|
|
font-size: 2rem;
|
|
line-height: 1.25
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-carousel-block__title {
|
|
font-size: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-carousel-block__title {
|
|
font-size: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-carousel-block__body {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
margin-bottom: 1rem;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-carousel-block__body {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-carousel-block__body {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-carousel-block {
|
|
-webkit-box-align: end;
|
|
-ms-flex-align: end;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
align-items: flex-end;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.rad-carousel-block__image {
|
|
margin: 0;
|
|
margin-left: calc(var(--rad-spacing-md)*-1);
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*1);
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*1)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-carousel-block__image {
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*1)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-carousel-block__text-container {
|
|
width: calc(75% - var(--rad-spacing-sm)*3/4*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0);
|
|
width: calc(37.5% - var(--rad-spacing-sm)*7/8*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-carousel-block__text-container {
|
|
width: calc(25% - var(--rad-spacing-sm)*11/12*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-carousel-block__title {
|
|
font-size: 1.125rem;
|
|
font-size: 1.25rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.02em;
|
|
line-height: 1.5;
|
|
line-height: 1.4
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-carousel-block__title {
|
|
font-size: 1.75rem;
|
|
line-height: 1.286
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-carousel-block__title {
|
|
font-size: calc(1.75rem + 1.94444vw - 28px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-carousel-block__title {
|
|
font-size: 2.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-carousel-block__body {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.429;
|
|
text-underline-offset: .25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-carousel-block__body {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-carousel-block__body {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-carousel-block__image {
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*1);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*1);
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*1)
|
|
}
|
|
|
|
.rad-carousel-block__text-container {
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0);
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0);
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-carousel-block__body,
|
|
.rad-carousel-block__title {
|
|
margin-bottom: 1.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
|
|
.rad-carousel-block__body,
|
|
.rad-carousel-block__title {
|
|
margin-bottom: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
|
|
.rad-carousel-block__body,
|
|
.rad-carousel-block__title {
|
|
margin-bottom: 2rem
|
|
}
|
|
}
|
|
|
|
.rad-footer {
|
|
background: #000;
|
|
color: #fff;
|
|
margin: 0 auto;
|
|
max-width: 120rem;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
position: relative
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-footer {
|
|
--lottie-top: 60;
|
|
--lottie-top: 9.25rem;
|
|
padding: 0
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-footer {
|
|
--lottie-top: calc(9.25rem + 10.27778vw - 148px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-footer {
|
|
--lottie-top: 12.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-footer__main {
|
|
padding: 1.5rem 1rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-footer__main {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
min-height: 100svh;
|
|
padding: 3.75rem 3rem 3rem;
|
|
position: relative;
|
|
z-index: 1
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-footer__main {
|
|
margin: 0 auto;
|
|
max-width: 120rem;
|
|
padding-bottom: 4rem;
|
|
padding-left: 5rem;
|
|
padding-right: 5rem;
|
|
padding-top: var(--lottie-top)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-footer__main {
|
|
padding-right: calc(5rem + 5.55556vw - 80px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-footer__main {
|
|
padding-right: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-footer__main {
|
|
padding-bottom: calc(4rem + 4.44444vw - 64px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-footer__main {
|
|
padding-bottom: 5.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-footer__main {
|
|
padding-left: calc(5rem + 5.55556vw - 80px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-footer__main {
|
|
padding-left: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
|
|
.rad-footer__copyright,
|
|
.rad-footer__links-container,
|
|
.rad-footer__title {
|
|
width: calc(50% - 0.75rem)
|
|
}
|
|
}
|
|
|
|
.rad-footer__title {
|
|
color: #fff;
|
|
font-size: 1.5rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.035em;
|
|
line-height: 1.167;
|
|
margin-bottom: 2rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-footer__title {
|
|
font-size: 2rem;
|
|
line-height: 1.25
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-footer__title {
|
|
font-size: 2.25rem;
|
|
line-height: 1.111
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-footer__title {
|
|
font-size: calc(2.25rem + 2.5vw - 36px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-footer__title {
|
|
font-size: 3rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-footer__title {
|
|
margin-bottom: 3rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-footer__title {
|
|
font-size: 1.25rem;
|
|
font-size: 1.5rem;
|
|
font-size: 2rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.025em;
|
|
line-height: 1.4;
|
|
line-height: 1.167;
|
|
line-height: 1.25;
|
|
margin-bottom: 5rem;
|
|
width: 25.3125rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-footer__title {
|
|
font-size: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-footer__title {
|
|
font-size: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-footer__title {
|
|
margin-bottom: calc(5rem + 5.55556vw - 80px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-footer__title {
|
|
margin-bottom: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-footer__links-container {
|
|
margin-bottom: 1rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-footer__links-container {
|
|
margin-bottom: 1.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-footer__links-container {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
margin-bottom: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-footer__links-container {
|
|
margin-bottom: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-footer__links-container {
|
|
margin-bottom: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-footer__links-column {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding-left: 0
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-footer__links-column {
|
|
width: 11.625rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-footer__links-column {
|
|
width: calc(11.625rem + 12.91667vw - 186px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-footer__links-column {
|
|
width: 15.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-footer__links-column:first-child {
|
|
margin-right: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-footer__links-column:first-child {
|
|
margin-right: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-footer__links-column:first-child {
|
|
margin-right: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-footer__link-item:last-child .rad-footer__link {
|
|
margin-bottom: 0
|
|
}
|
|
}
|
|
|
|
.rad-footer__link {
|
|
color: #fff;
|
|
display: block;
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
margin-bottom: 1rem;
|
|
position: relative;
|
|
text-decoration: none;
|
|
text-underline-offset: .25rem;
|
|
width: -webkit-fit-content;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-footer__link {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-footer__link {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-footer__link {
|
|
margin-bottom: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-footer__link {
|
|
margin-bottom: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-footer__link {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.429;
|
|
text-underline-offset: .25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-footer__link {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-footer__link {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-footer__link:after {
|
|
border-bottom: 1px solid;
|
|
bottom: 0;
|
|
content: "";
|
|
display: block;
|
|
left: 0;
|
|
position: absolute;
|
|
-webkit-transition: width 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
transition: width 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
width: 0
|
|
}
|
|
|
|
.rad-footer__link:hover:after {
|
|
width: 100%
|
|
}
|
|
|
|
.rad-footer__link:hover {
|
|
color: #a2a2a0
|
|
}
|
|
|
|
.rad-footer__copyright {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.429;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-footer__copyright {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-footer__copyright {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-footer__lottie-positioner {
|
|
overflow: hidden
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-footer__lottie-positioner {
|
|
bottom: 0;
|
|
max-width: calc(50% - 0.375rem);
|
|
position: absolute;
|
|
right: 0;
|
|
top: var(--lottie-top)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-footer__lottie-positioner {
|
|
max-width: calc(50% - 0.5rem)
|
|
}
|
|
}
|
|
|
|
.rad-footer__lottie-centerer {
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: 100%;
|
|
justify-content: center;
|
|
max-width: 100%;
|
|
width: -webkit-fit-content;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-footer__lottie-ratio-maintainer {
|
|
min-width: 999vw
|
|
}
|
|
}
|
|
|
|
.cmp-global-header {
|
|
background: #000;
|
|
color: #fff;
|
|
padding-top: var(--rad-global-header-height)
|
|
}
|
|
|
|
.cmp-global-header nav {
|
|
background: #000;
|
|
left: 0;
|
|
position: fixed;
|
|
right: 0;
|
|
top: 0;
|
|
z-index: 1001
|
|
}
|
|
|
|
.cmp-global-header.cmp-global-header--menu-open .cmp-global-header__content {
|
|
bottom: 0;
|
|
opacity: 1;
|
|
-webkit-transform: translateY(0);
|
|
transform: translateY(0);
|
|
visibility: visible
|
|
}
|
|
|
|
.cmp-global-header.cmp-global-header--menu-open .cmp-global-header__menu-button {
|
|
border: none
|
|
}
|
|
|
|
.cmp-global-header.cmp-global-header--menu-open .cmp-global-header__menu-button div {
|
|
width: 14px
|
|
}
|
|
|
|
.cmp-global-header.cmp-global-header--menu-open .cmp-global-header__menu-button span {
|
|
-webkit-transform-origin: left center;
|
|
transform-origin: left center;
|
|
width: 18px
|
|
}
|
|
|
|
.cmp-global-header.cmp-global-header--menu-open .cmp-global-header__menu-button span:first-child {
|
|
top: -4px;
|
|
-webkit-transform: rotate(45deg);
|
|
transform: rotate(45deg)
|
|
}
|
|
|
|
.cmp-global-header.cmp-global-header--menu-open .cmp-global-header__menu-button span:nth-child(2) {
|
|
opacity: 0;
|
|
width: 0%
|
|
}
|
|
|
|
.cmp-global-header.cmp-global-header--menu-open .cmp-global-header__menu-button span:nth-child(3) {
|
|
top: 9px;
|
|
-webkit-transform: rotate(-45deg);
|
|
transform: rotate(-45deg)
|
|
}
|
|
|
|
.cmp-global-header.cmp-global-header--menu-open .cmp-global-header__logo {
|
|
display: none
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.cmp-global-header.cmp-global-header--menu-open .cmp-global-header__content {
|
|
-webkit-transform: translateX(0);
|
|
transform: translateX(0)
|
|
}
|
|
|
|
.cmp-global-header.cmp-global-header--menu-open .cmp-global-header__logo {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex
|
|
}
|
|
|
|
.cmp-global-header.cmp-global-header--menu-open .cmp-global-header__menu-overlay {
|
|
opacity: .6;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
z-index: 999
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__navbar-container {
|
|
-webkit-animation-duration: 550ms;
|
|
animation-duration: 550ms;
|
|
-webkit-animation-fill-mode: forwards;
|
|
animation-fill-mode: forwards;
|
|
-webkit-animation-name: enterFromTop;
|
|
animation-name: enterFromTop;
|
|
-webkit-animation-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
animation-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: var(--rad-global-header-height)
|
|
}
|
|
|
|
@-webkit-keyframes enterFromTop {
|
|
0% {
|
|
-webkit-transform: translateY(-var(--rad-global-header-height));
|
|
transform: translateY(-var(--rad-global-header-height))
|
|
}
|
|
}
|
|
|
|
@keyframes enterFromTop {
|
|
0% {
|
|
-webkit-transform: translateY(-var(--rad-global-header-height));
|
|
transform: translateY(-var(--rad-global-header-height))
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.cmp-global-header__navbar-container {
|
|
background-color: #000;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
z-index: 1
|
|
}
|
|
}
|
|
|
|
@media(min-width:1201px) {
|
|
.cmp-global-header__navbar-container {
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
margin: 0 auto;
|
|
max-width: 1920px
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__primary-nav {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
width: 66%
|
|
}
|
|
|
|
@media(min-width:1201px) {
|
|
.cmp-global-header__primary-nav {
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between;
|
|
width: 75vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.cmp-global-header__primary-nav {
|
|
width: 1440px
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__utility-nav {
|
|
-webkit-box-pack: end;
|
|
-ms-flex-pack: end;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
width: 34%
|
|
}
|
|
|
|
@media(min-width:1201px) {
|
|
.cmp-global-header__utility-nav {
|
|
width: 25vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.cmp-global-header__utility-nav {
|
|
width: 25%
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.cmp-global-header__utility-nav {
|
|
width: 480px
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__search {
|
|
z-index: 2
|
|
}
|
|
|
|
.cmp-global-header__search a {
|
|
color: #fff;
|
|
height: 48px;
|
|
width: 48px
|
|
}
|
|
|
|
.cmp-global-header__search a,
|
|
.cmp-global-header__search a:after {
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
justify-content: center;
|
|
text-decoration: none
|
|
}
|
|
|
|
.cmp-global-header__search a:after {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-font-smoothing: antialiased;
|
|
align-items: center;
|
|
content: "";
|
|
font-family: icont;
|
|
font-size: 1.5rem;
|
|
font-size: 1.125rem;
|
|
font-style: normal;
|
|
font-weight: 400
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.cmp-global-header__search a:after {
|
|
font-size: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.cmp-global-header__search a:after {
|
|
font-size: 2rem
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__search a:focus {
|
|
outline-offset: -1px
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.cmp-global-header__search a {
|
|
-webkit-box-pack: right;
|
|
-ms-flex-pack: right;
|
|
height: var(--rad-global-header-height);
|
|
justify-content: right
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__menu {
|
|
z-index: 2
|
|
}
|
|
|
|
@media(min-width:1201px) {
|
|
.cmp-global-header__menu {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__menu-button {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-pack: start;
|
|
-ms-flex-pack: start;
|
|
align-items: center;
|
|
background: transparent;
|
|
border: none;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: var(--rad-global-header-height);
|
|
justify-content: flex-start;
|
|
padding: 0;
|
|
width: 5rem
|
|
}
|
|
|
|
.cmp-global-header__menu-button div {
|
|
height: 16px;
|
|
left: 16px;
|
|
position: relative;
|
|
width: 14px
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.cmp-global-header__menu-button div {
|
|
left: 48px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.cmp-global-header__menu-button div {
|
|
left: 80px
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__menu-button span {
|
|
background: #fff;
|
|
display: block;
|
|
height: 2px;
|
|
left: 0;
|
|
opacity: 1;
|
|
position: absolute;
|
|
-webkit-transform: rotate(0deg);
|
|
transform: rotate(0deg);
|
|
-webkit-transition: -webkit-transform .25s ease-in-out;
|
|
transition: -webkit-transform .25s ease-in-out;
|
|
transition: transform .25s ease-in-out;
|
|
transition: transform .25s ease-in-out, -webkit-transform .25s ease-in-out;
|
|
width: 100%
|
|
}
|
|
|
|
.cmp-global-header__menu-button span:first-child {
|
|
top: 0
|
|
}
|
|
|
|
.cmp-global-header__menu-button span:nth-child(2) {
|
|
top: 6px;
|
|
width: calc(100% + 4px)
|
|
}
|
|
|
|
.cmp-global-header__menu-button span:nth-child(3) {
|
|
top: 12px
|
|
}
|
|
|
|
.cmp-global-header__logo {
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
justify-content: center;
|
|
left: 0;
|
|
margin: auto;
|
|
position: absolute;
|
|
right: 0;
|
|
width: 100%;
|
|
z-index: 1
|
|
}
|
|
|
|
.cmp-global-header__logo .cmp-logo {
|
|
display: block
|
|
}
|
|
|
|
.cmp-global-header__logo .cmp-logo__svg-wrapper svg {
|
|
height: 24px
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.cmp-global-header__logo .cmp-logo__svg-wrapper svg {
|
|
height: 32px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1201px) {
|
|
.cmp-global-header__logo .cmp-logo__svg-wrapper svg {
|
|
height: auto
|
|
}
|
|
}
|
|
|
|
@media(max-width:599px) {
|
|
.cmp-global-header__logo .cmp-logo .cmp-logo__greater-than {
|
|
-webkit-transform: translateX(57px);
|
|
transform: translateX(57px)
|
|
}
|
|
|
|
.cmp-global-header__logo .cmp-logo .cmp-logo__text {
|
|
display: none;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
-webkit-transition: none;
|
|
transition: none;
|
|
translate: none
|
|
}
|
|
|
|
.cmp-global-header__logo .cmp-logo:hover .cmp-logo__greater-than,
|
|
.cmp-global-header__logo .cmp-logo:hover .cmp-logo__text {
|
|
scale: none;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
-webkit-transition: none;
|
|
transition: none;
|
|
translate: none
|
|
}
|
|
|
|
.cmp-global-header__logo .cmp-logo:hover .cmp-logo__greater-than {
|
|
-webkit-transform: translateX(57px);
|
|
transform: translateX(57px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.cmp-global-header__logo {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex
|
|
}
|
|
}
|
|
|
|
@media(min-width:1201px) {
|
|
.cmp-global-header__logo {
|
|
-webkit-box-pack: start;
|
|
-ms-flex-pack: start;
|
|
display: block;
|
|
justify-content: flex-start;
|
|
margin: 0;
|
|
max-width: 168px;
|
|
padding-left: 80px;
|
|
position: relative;
|
|
right: 0;
|
|
width: 25vw;
|
|
z-index: 1
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.cmp-global-header__logo {
|
|
max-width: unset;
|
|
padding-left: 80px;
|
|
padding-left: 5.55556vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.cmp-global-header__logo {
|
|
padding-left: 106.6666666667px;
|
|
width: 480px
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__content {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
background: #202020;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
height: calc(100vh - var(--rad-global-header-height));
|
|
left: 0;
|
|
margin-top: var(--rad-global-header-height);
|
|
opacity: 0;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
position: fixed;
|
|
scrollbar-color: #a100ff #460073;
|
|
scrollbar-width: thin;
|
|
top: 0;
|
|
-webkit-transform: translateY(-100%);
|
|
transform: translateY(-100%);
|
|
-webkit-transition: .45s ease-in-out;
|
|
transition: .45s ease-in-out;
|
|
visibility: hidden;
|
|
width: 100%
|
|
}
|
|
|
|
.cmp-global-header__content::-webkit-scrollbar {
|
|
height: 4px;
|
|
width: 4px
|
|
}
|
|
|
|
.cmp-global-header__content::-webkit-scrollbar-track {
|
|
background-color: #460073
|
|
}
|
|
|
|
.cmp-global-header__content::-webkit-scrollbar-thumb {
|
|
background-color: #a100ff
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.cmp-global-header__content {
|
|
-webkit-transform: translateX(-105%);
|
|
transform: translateX(-105%);
|
|
-webkit-transition: .2s ease-in-out;
|
|
transition: .2s ease-in-out;
|
|
width: 320px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1201px) {
|
|
.cmp-global-header__content {
|
|
background-color: #000;
|
|
height: auto;
|
|
margin-top: 0;
|
|
opacity: 1;
|
|
overflow: visible;
|
|
position: static;
|
|
top: auto;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
-webkit-transition-property: opacity;
|
|
transition-property: opacity;
|
|
visibility: visible;
|
|
width: 50vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.cmp-global-header__content {
|
|
width: 960px
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__nav-menu {
|
|
-webkit-box-flex: 1;
|
|
-ms-flex: 1 0 auto;
|
|
flex: 1 0 auto;
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 24px 16px
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.cmp-global-header__nav-menu {
|
|
padding: 48px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1201px) {
|
|
.cmp-global-header__nav-menu {
|
|
-webkit-box-flex: 1;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex: 1;
|
|
flex: 1;
|
|
gap: 40px;
|
|
justify-content: center;
|
|
padding: 0
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.cmp-global-header__nav-menu {
|
|
gap: 40px
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__nav-menu-item.cmp-global-header__nav-menu-item--open .cmp-global-header__nav-menu-item-content,
|
|
.cmp-global-header__nav-menu-item.cmp-global-header__nav-menu-item--open .cmp-global-header__title-link-list__content {
|
|
background-color: #202020;
|
|
height: 100%
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
|
|
.cmp-global-header__nav-menu-item.cmp-global-header__nav-menu-item--open .cmp-global-header__nav-menu-item-content,
|
|
.cmp-global-header__nav-menu-item.cmp-global-header__nav-menu-item--open .cmp-global-header__title-link-list__content {
|
|
height: unset;
|
|
visibility: visible
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__nav-menu-item.cmp-global-header__nav-menu-item--open .cmp-global-header__nav-menu-label-button {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.cmp-global-header__nav-menu-item.cmp-global-header__nav-menu-item--open .cmp-global-header__nav-menu-label-button {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.cmp-global-header__nav-menu-item.cmp-global-header__nav-menu-item--open .cmp-global-header__nav-menu-label-button {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__nav-menu-item.cmp-global-header__nav-menu-item--open .cmp-global-header__nav-menu-label-button:after {
|
|
-webkit-transform: rotate(180deg);
|
|
transform: rotate(180deg)
|
|
}
|
|
|
|
@media(min-width:1201px) {
|
|
.cmp-global-header__nav-menu-item.cmp-global-header__nav-menu-item--open .cmp-global-header__nav-menu-label-button {
|
|
color: #a2a2a0
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__nav-menu-item.cmp-global-header__nav-menu-item--no-animation .cmp-global-header__nav-menu-item-content {
|
|
-webkit-transition: none;
|
|
transition: none
|
|
}
|
|
|
|
@media(min-width:1201px) {
|
|
.cmp-global-header__nav-menu-item {
|
|
margin-left: 2px;
|
|
margin-right: 2px
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__nav-menu-label-button {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
background-color: transparent;
|
|
border: none;
|
|
color: #fff;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
height: 40px;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
margin-bottom: 8px;
|
|
padding: 0;
|
|
position: relative;
|
|
text-underline-offset: .25rem;
|
|
width: 100%
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.cmp-global-header__nav-menu-label-button {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.cmp-global-header__nav-menu-label-button {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__nav-menu-label-button:after {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
-webkit-font-smoothing: antialiased;
|
|
align-items: center;
|
|
bottom: 0;
|
|
content: "";
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
font-family: icont;
|
|
font-size: 1.5rem;
|
|
font-size: .5rem;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
height: 40px;
|
|
justify-content: center;
|
|
position: absolute;
|
|
right: 0;
|
|
text-decoration: none;
|
|
top: 0;
|
|
-webkit-transition: -webkit-transform .5s ease-in-out;
|
|
transition: -webkit-transform .5s ease-in-out;
|
|
transition: transform .5s ease-in-out;
|
|
transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out;
|
|
width: 20px
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.cmp-global-header__nav-menu-label-button:after {
|
|
font-size: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.cmp-global-header__nav-menu-label-button:after {
|
|
font-size: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.cmp-global-header__nav-menu-label-button:after {
|
|
font-size: 0.625rem;
|
|
font-size: calc(0.625rem + 0.69444vw - 10px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.cmp-global-header__nav-menu-label-button:after {
|
|
font-size: 0.8333333333rem
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__nav-menu-label-button:focus {
|
|
outline-offset: -1px
|
|
}
|
|
|
|
@media(min-width:1201px) {
|
|
.cmp-global-header__nav-menu-label-button {
|
|
-webkit-box-sizing: border-box;
|
|
box-sizing: border-box;
|
|
min-height: 100%;
|
|
padding-top: 3px;
|
|
white-space: nowrap
|
|
}
|
|
|
|
.cmp-global-header__nav-menu-label-button:after {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
margin-left: 8px;
|
|
position: relative
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.cmp-global-header__nav-menu-label-button:after {
|
|
margin-left: 0.55556vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.cmp-global-header__nav-menu-label-button:after {
|
|
margin-left: 10.6666666667px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1201px) {
|
|
.cmp-global-header__nav-menu-label-button--no-drawer:after {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.cmp-global-header__nav-menu-label-button:after {
|
|
font-size: .75rem
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__nav-menu-item-content {
|
|
max-height: 0;
|
|
overflow: hidden;
|
|
-webkit-transition: 400ms cubic-bezier(0.02, 0.01, 0.47, 1);
|
|
transition: 400ms cubic-bezier(0.02, 0.01, 0.47, 1);
|
|
will-change: max-height
|
|
}
|
|
|
|
@media(min-width:1201px) {
|
|
.cmp-global-header__nav-menu-item-content {
|
|
bottom: unset;
|
|
left: 0;
|
|
position: absolute;
|
|
right: 0;
|
|
top: var(--rad-global-header-height);
|
|
visibility: hidden;
|
|
width: 100vw;
|
|
z-index: -1
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.cmp-global-header__nav-menu-item-content {
|
|
margin-left: 0
|
|
}
|
|
|
|
.cmp-global-header__nav-menu-item-content .cmp-global-header__drawer {
|
|
margin: 0 auto;
|
|
max-width: 1920px
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__menu-footer {
|
|
margin-bottom: 0;
|
|
margin-top: auto;
|
|
padding: 0 16px 24px
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.cmp-global-header__menu-footer {
|
|
padding: 0 48px 48px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1201px) {
|
|
.cmp-global-header__menu-footer {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__menu-footer .cmp-global-header__action-container {
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.cmp-global-header__social-icons {
|
|
-webkit-box-pack: start;
|
|
-ms-flex-pack: start;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
margin: 0;
|
|
padding: 24px 0 0
|
|
}
|
|
|
|
.cmp-global-header__social-icons a,
|
|
.cmp-global-header__social-icons li {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex
|
|
}
|
|
|
|
.cmp-global-header__social-icons a {
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
-webkit-font-smoothing: antialiased;
|
|
color: #fff;
|
|
font-family: icont;
|
|
font-size: 1.5rem;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
height: 24px;
|
|
justify-content: center;
|
|
margin-right: 16px;
|
|
text-decoration: none;
|
|
width: 24px
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.cmp-global-header__social-icons a {
|
|
font-size: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.cmp-global-header__social-icons a {
|
|
font-size: 2rem
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__social-icons a.cmp-global-header__icon--facebook:after {
|
|
content: "";
|
|
font-size: 83.3333333333%
|
|
}
|
|
|
|
.cmp-global-header__social-icons a.cmp-global-header__icon--twitter:after {
|
|
content: "";
|
|
font-size: 67.7083333333%
|
|
}
|
|
|
|
.cmp-global-header__social-icons a.cmp-global-header__icon--linkedin:after {
|
|
content: "";
|
|
font-size: 75%
|
|
}
|
|
|
|
.cmp-global-header__social-icons a.cmp-global-header__icon--google:after {
|
|
content: "";
|
|
font-size: 83.3333333333%
|
|
}
|
|
|
|
.cmp-global-header__social-icons a.cmp-global-header__icon--instagram:after {
|
|
content: "";
|
|
font-size: 75%
|
|
}
|
|
|
|
.cmp-global-header__utility-links {
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
.cmp-global-header__utility-links li {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: 24px;
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.cmp-global-header__utility-links a {
|
|
color: #fff;
|
|
font-size: 1rem;
|
|
text-align: center;
|
|
text-decoration: none
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.cmp-global-header__menu-overlay {
|
|
background-color: rgba(32, 32, 32, .75);
|
|
height: 100%;
|
|
opacity: 0;
|
|
position: fixed;
|
|
-webkit-transform: translateX(-100%);
|
|
transform: translateX(-100%);
|
|
-webkit-transition: opacity .2s ease-in-out;
|
|
transition: opacity .2s ease-in-out;
|
|
width: 100%;
|
|
z-index: -9999
|
|
}
|
|
}
|
|
|
|
html.cmp-global-header--menu-open {
|
|
overflow: hidden
|
|
}
|
|
|
|
.cmp-global-header__group-link-list {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column
|
|
}
|
|
|
|
.cmp-global-header__group-link-list .content-card--cardwithbutton {
|
|
-webkit-box-ordinal-group: 0;
|
|
-ms-flex-order: -1;
|
|
order: -1
|
|
}
|
|
|
|
@media(min-width:1201px) {
|
|
.cmp-global-header__group-link-list {
|
|
display: block
|
|
}
|
|
|
|
.cmp-global-header__group-link-list .content-card--cardwithbutton {
|
|
-webkit-box-ordinal-group: unset;
|
|
-ms-flex-order: unset;
|
|
order: unset
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__group-link-list .cmp-global-header__menu-footer {
|
|
background-color: #202020;
|
|
padding-top: 32px
|
|
}
|
|
|
|
.cmp-global-header__title-link-list__content {
|
|
position: relative;
|
|
-webkit-transform: translateY(0);
|
|
transform: translateY(0);
|
|
visibility: visible
|
|
}
|
|
|
|
@media(max-width:1200px) {
|
|
.cmp-global-header:not(.cmp-global-header--menu-open) .cmp-global-header__content {
|
|
display: none;
|
|
height: 0;
|
|
opacity: 0;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
-webkit-transition: none;
|
|
transition: none;
|
|
visibility: hidden;
|
|
width: 0
|
|
}
|
|
}
|
|
|
|
.rad--has-subnav .cmp-global-header nav {
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: top;
|
|
transition-property: top
|
|
}
|
|
|
|
.rad--has-subnav.rad-global-header--offscreen .cmp-global-header nav {
|
|
top: calc(var(--rad-global-header-height)*-1)
|
|
}
|
|
|
|
.cmp-global-header.cmp-global-header--menu-open .cmp-global-header__language-container {
|
|
background-color: #000;
|
|
position: absolute;
|
|
-webkit-transform: translateY(0);
|
|
transform: translateY(0);
|
|
-webkit-transition: .7s ease-in-out;
|
|
transition: .7s ease-in-out;
|
|
width: auto;
|
|
z-index: 2
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.cmp-global-header.cmp-global-header--menu-open .cmp-global-header__language-container {
|
|
position: relative
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__language-container {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
min-height: 100%;
|
|
-webkit-transform: translateY(-200%);
|
|
transform: translateY(-200%);
|
|
width: 0;
|
|
z-index: 2
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.cmp-global-header__language-container {
|
|
position: relative;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__language-selector {
|
|
background-color: #000;
|
|
border: none;
|
|
color: #fff;
|
|
margin-left: 24px;
|
|
margin-right: 16px;
|
|
min-height: 100%;
|
|
opacity: 1
|
|
}
|
|
|
|
.cmp-global-header__language-selector,
|
|
.cmp-global-header__language-selector:before {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex
|
|
}
|
|
|
|
.cmp-global-header__language-selector:before {
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
content: "";
|
|
font-family: icont;
|
|
font-size: 1.25rem;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
justify-content: center
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.cmp-global-header__language-selector:before {
|
|
font-size: calc(1.25rem + 1.38889vw - 20px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.cmp-global-header__language-selector:before {
|
|
font-size: 1.6666666667rem
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__language-selector .current-country-text {
|
|
padding-left: 6px
|
|
}
|
|
|
|
.cmp-global-header__language-selector:focus,
|
|
.cmp-global-header__language-selector:hover {
|
|
outline-offset: -1px
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.cmp-global-header__language-selector {
|
|
margin-right: 48px;
|
|
-webkit-transform: inherit;
|
|
transform: inherit
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.cmp-global-header__language-selector {
|
|
margin-left: 32px;
|
|
margin-right: 80px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.cmp-global-header__language-selector {
|
|
margin-left: 32px;
|
|
margin-right: 80px;
|
|
margin-right: 5.55556vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.cmp-global-header__language-selector {
|
|
margin-right: 106.6666666667px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.cmp-global-header__language-selector {
|
|
margin-left: 2.22222vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.cmp-global-header__language-selector {
|
|
margin-left: 42.6666666667px
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__language-selector .icon-down-caret {
|
|
display: inline-block;
|
|
height: 24px;
|
|
position: relative;
|
|
width: 24px
|
|
}
|
|
|
|
.cmp-global-header__language-selector .icon-down-caret:before {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
align-items: center;
|
|
content: "";
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
font-family: icont;
|
|
font-size: 37.5%;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
height: 100%;
|
|
justify-content: center;
|
|
-webkit-transition: -webkit-transform .5s ease-in-out;
|
|
transition: -webkit-transform .5s ease-in-out;
|
|
transition: transform .5s ease-in-out;
|
|
transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.cmp-global-header__language-selector .icon-down-caret:before {
|
|
font-size: 0.625rem;
|
|
font-size: calc(0.625rem + 0.69444vw - 10px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.cmp-global-header__language-selector .icon-down-caret:before {
|
|
font-size: 0.8333333333rem
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__language-selector[aria-expanded=true] .icon-down-caret:before {
|
|
-webkit-transform: rotate(180deg);
|
|
transform: rotate(180deg)
|
|
}
|
|
|
|
.cmp-global-header__language-options {
|
|
background-color: #202020;
|
|
display: none;
|
|
position: absolute;
|
|
right: 20px;
|
|
top: 70px;
|
|
width: 304px
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.cmp-global-header__language-options {
|
|
top: 80px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1201px) {
|
|
.cmp-global-header__language-options {
|
|
top: 88px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.cmp-global-header__language-options {
|
|
top: 6.11111vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.cmp-global-header__language-options {
|
|
top: 117.3333333333px
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__language-options .arrow-up {
|
|
display: none
|
|
}
|
|
|
|
.cmp-global-header__language-options .input-group {
|
|
height: 16px;
|
|
width: 100%
|
|
}
|
|
|
|
.cmp-global-header__language-options .country-list {
|
|
height: 410px;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
scrollbar-color: #a100ff #460073;
|
|
scrollbar-width: thin
|
|
}
|
|
|
|
.cmp-global-header__language-options .country-list::-webkit-scrollbar {
|
|
height: 4px;
|
|
width: 4px
|
|
}
|
|
|
|
.cmp-global-header__language-options .country-list::-webkit-scrollbar-track {
|
|
background-color: #460073
|
|
}
|
|
|
|
.cmp-global-header__language-options .country-list::-webkit-scrollbar-thumb {
|
|
background-color: #a100ff
|
|
}
|
|
|
|
.cmp-global-header__language-menu {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.cmp-global-header__language-menu {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.cmp-global-header__language-menu {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__language-menu li {
|
|
-webkit-box-shadow: inset 0 -1px 0 0 hsla(0, 0%, 100%, .2);
|
|
box-shadow: inset 0 -1px 0 0 hsla(0, 0%, 100%, .2);
|
|
padding: 12px 32px
|
|
}
|
|
|
|
.cmp-global-header__language-menu li a {
|
|
color: #fff;
|
|
text-decoration: none
|
|
}
|
|
|
|
.cmp-global-header__language-menu li :hover {
|
|
color: #a2a2a0;
|
|
text-decoration: underline
|
|
}
|
|
|
|
.cmp-global-header__language-menu li :focus {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.cmp-global-header__language-menu .default {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.429;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.cmp-global-header__language-menu .default {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.cmp-global-header__language-menu .default {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__language-menu .dropdown-header {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
color: #fff;
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
letter-spacing: .02em;
|
|
line-height: 1.143;
|
|
padding-bottom: 24px;
|
|
padding-top: 32px
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.cmp-global-header__language-menu .dropdown-header {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.cmp-global-header__language-menu .dropdown-header {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
.cmp-global-header .cmp-global-header__language-selector--show,
|
|
.cmp-global-header .cmp-global-header__signed-in-option-selector--show {
|
|
display: block
|
|
}
|
|
|
|
#cmp-global-header__current-country {
|
|
display: none
|
|
}
|
|
|
|
@media(min-width:1201px) {
|
|
.cmp-global-header__drawer {
|
|
background-color: #202020;
|
|
max-height: calc(100vh - 88px);
|
|
overflow-y: auto;
|
|
padding-bottom: 80px;
|
|
padding-top: 80px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.cmp-global-header__drawer {
|
|
padding-top: 5.55556vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.cmp-global-header__drawer {
|
|
padding-top: 106.6666666667px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.cmp-global-header__drawer {
|
|
padding-bottom: 5.55556vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.cmp-global-header__drawer {
|
|
padding-bottom: 106.6666666667px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1201px) {
|
|
.cmp-global-header__drawer-content {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-md)
|
|
}
|
|
|
|
.cmp-global-header__drawer-two-columns {
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.cmp-global-header__drawer-left-column {
|
|
width: calc(75% - var(--rad-spacing-sm)*3/4*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0);
|
|
width: calc(37.5% - var(--rad-spacing-sm)*7/8*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0);
|
|
width: calc(25% - var(--rad-spacing-sm)*11/12*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.cmp-global-header__drawer-right-column {
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.cmp-global-header__drawer-right-column .cmp-global-header__group-link-list {
|
|
max-width: 100%
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__inner-link-list {
|
|
list-style-type: none;
|
|
padding-left: 0
|
|
}
|
|
|
|
.cmp-global-header__inner-link-list a {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
color: #fff;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
margin-bottom: 16px;
|
|
padding-left: 16px;
|
|
position: relative;
|
|
text-decoration: none;
|
|
text-underline-offset: .25rem;
|
|
width: auto
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.cmp-global-header__inner-link-list a {
|
|
font-size: 1rem;
|
|
font-weight: 400;
|
|
font-weight: 500;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
text-underline-offset: .25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.cmp-global-header__inner-link-list a {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.cmp-global-header__inner-link-list a {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1201px) {
|
|
.cmp-global-header__inner-link-list {
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.cmp-global-header__inner-link-list li {
|
|
-webkit-box-flex: 1;
|
|
-ms-flex: 1 1 25%;
|
|
flex: 1 1 25%;
|
|
max-width: 25%;
|
|
padding-right: 15px
|
|
}
|
|
|
|
.cmp-global-header__inner-link-list a {
|
|
border: none;
|
|
color: #fff;
|
|
display: inline-block;
|
|
margin-bottom: 16px;
|
|
min-height: auto;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
word-break: break-word
|
|
}
|
|
|
|
.cmp-global-header__inner-link-list a:focus,
|
|
.cmp-global-header__inner-link-list a:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.cmp-global-header__link-list.cmp-global-header__link-list--full-width-li .cmp-global-header__inner-link-list li:first-child {
|
|
-webkit-box-flex: 1;
|
|
-ms-flex: 1 1 100%;
|
|
flex: 1 1 100%;
|
|
max-width: none
|
|
}
|
|
|
|
.cmp-global-header__link-list.cmp-global-header__link-list--with-arrows {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex
|
|
}
|
|
|
|
.cmp-global-header__link-list.cmp-global-header__link-list--with-arrows .cmp-global-header__inner-link-list li {
|
|
-webkit-box-flex: 0;
|
|
-ms-flex: none;
|
|
flex: none;
|
|
max-width: none;
|
|
padding-right: 50px
|
|
}
|
|
|
|
.cmp-global-header__link-list.cmp-global-header__link-list--with-arrows .cmp-global-header__inner-link-list a {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
color: #fff;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
font-size: 1.125rem;
|
|
font-size: 1.25rem;
|
|
font-size: 1.75rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.02em;
|
|
line-height: 1.5;
|
|
line-height: 1.4;
|
|
line-height: 1.286;
|
|
position: relative
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.cmp-global-header__link-list.cmp-global-header__link-list--with-arrows .cmp-global-header__inner-link-list a {
|
|
font-size: calc(1.75rem + 1.94444vw - 28px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.cmp-global-header__link-list.cmp-global-header__link-list--with-arrows .cmp-global-header__inner-link-list a {
|
|
font-size: 2.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1201px) {
|
|
.cmp-global-header__link-list__content .cmp-global-header__inner-link-list a {
|
|
padding-left: 0
|
|
}
|
|
|
|
.cmp-global-header__link-list+.cmp-global-header__link-list,
|
|
.cmp-global-header__link-list+.cmp-global-header__title-link-list {
|
|
margin-top: 20px
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__title-link-list__menu.cmp-global-header__title-link-list__menu--open .cmp-global-header__title-link-list__content {
|
|
left: 0;
|
|
scrollbar-color: #a100ff #460073;
|
|
scrollbar-width: thin;
|
|
-webkit-transform: translateX(0);
|
|
transform: translateX(0);
|
|
visibility: visible
|
|
}
|
|
|
|
.cmp-global-header__title-link-list__menu.cmp-global-header__title-link-list__menu--open .cmp-global-header__title-link-list__content::-webkit-scrollbar {
|
|
height: 4px;
|
|
width: 4px
|
|
}
|
|
|
|
.cmp-global-header__title-link-list__menu.cmp-global-header__title-link-list__menu--open .cmp-global-header__title-link-list__content::-webkit-scrollbar-track {
|
|
background-color: #460073
|
|
}
|
|
|
|
.cmp-global-header__title-link-list__menu.cmp-global-header__title-link-list__menu--open .cmp-global-header__title-link-list__content::-webkit-scrollbar-thumb {
|
|
background-color: #a100ff
|
|
}
|
|
|
|
.cmp-global-header__title-link-list__menu.cmp-global-header__title-link-list__menu--open .cmp-global-header__title-link-list__content .cmp-global-header__inner-link-list {
|
|
padding: 0 16px
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.cmp-global-header__title-link-list__menu.cmp-global-header__title-link-list__menu--open .cmp-global-header__title-link-list__content .cmp-global-header__inner-link-list {
|
|
padding: 0 48px
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__title-link-list__menu.cmp-global-header__title-link-list__menu--open .cmp-global-header__title-link-list__content:hover {
|
|
scrollbar-width: auto
|
|
}
|
|
|
|
.cmp-global-header__title-link-list__menu.cmp-global-header__title-link-list__menu--open .cmp-global-header__title-link-list__content:hover::-webkit-scrollbar {
|
|
width: 12px
|
|
}
|
|
|
|
.cmp-global-header__title-link-list__menu-label {
|
|
display: none
|
|
}
|
|
|
|
@media(min-width:1201px) {
|
|
.cmp-global-header__title-link-list__menu-label {
|
|
display: block;
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
letter-spacing: .02em;
|
|
line-height: 1.143;
|
|
margin-bottom: 24px;
|
|
padding-left: 15px;
|
|
text-transform: uppercase
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.cmp-global-header__title-link-list__menu-label {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.cmp-global-header__title-link-list__menu-label {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__title-link-list__menu-button {
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
background-color: transparent;
|
|
border: none;
|
|
color: #fff;
|
|
font-size: 1rem;
|
|
justify-content: space-between;
|
|
line-height: 1.5;
|
|
min-height: 40px;
|
|
padding: 0 0 0 16px;
|
|
position: relative;
|
|
text-align: left;
|
|
width: 100%
|
|
}
|
|
|
|
.cmp-global-header__title-link-list__menu-button,
|
|
.cmp-global-header__title-link-list__menu-button:after {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
font-weight: 400
|
|
}
|
|
|
|
.cmp-global-header__title-link-list__menu-button:after {
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
content: "";
|
|
font-family: icont;
|
|
font-size: 1.5rem;
|
|
font-size: 50%;
|
|
font-style: normal;
|
|
height: 20px;
|
|
justify-content: center;
|
|
-webkit-transition: .5s ease-in-out;
|
|
transition: .5s ease-in-out;
|
|
width: 20px
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.cmp-global-header__title-link-list__menu-button:after {
|
|
font-size: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.cmp-global-header__title-link-list__menu-button:after {
|
|
font-size: 2rem
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__title-link-list__menu-button:focus {
|
|
outline-offset: -1px
|
|
}
|
|
|
|
@media(min-width:1201px) {
|
|
.cmp-global-header__title-link-list__menu-button {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__title-link-list__content {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
bottom: 0;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
position: fixed;
|
|
top: 0;
|
|
-webkit-transform: translateX(-100%);
|
|
transform: translateX(-100%);
|
|
-webkit-transition: .45s ease-in-out;
|
|
transition: .45s ease-in-out;
|
|
visibility: hidden;
|
|
width: 100%;
|
|
z-index: 1
|
|
}
|
|
|
|
@media(min-width:1201px) {
|
|
.cmp-global-header__title-link-list__content {
|
|
overflow: visible;
|
|
position: static;
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__title-link-list__content-button {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
background-color: #202020;
|
|
border: none;
|
|
color: #fff;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
margin-bottom: 16px;
|
|
margin-left: 12px;
|
|
margin-top: 16px;
|
|
min-height: 44px;
|
|
padding-right: .9375rem;
|
|
position: relative;
|
|
text-underline-offset: .25rem;
|
|
width: 100%
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.cmp-global-header__title-link-list__content-button {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.cmp-global-header__title-link-list__content-button {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__title-link-list__content-button:before {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
align-items: center;
|
|
content: "";
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
font-family: icont;
|
|
font-size: 1.5rem;
|
|
font-size: 50%;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
height: 20px;
|
|
justify-content: center;
|
|
width: 20px
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.cmp-global-header__title-link-list__content-button:before {
|
|
font-size: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.cmp-global-header__title-link-list__content-button:before {
|
|
font-size: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.cmp-global-header__title-link-list__content-button {
|
|
margin-left: 44px;
|
|
margin-top: 48px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1201px) {
|
|
.cmp-global-header__title-link-list__content-button {
|
|
display: none
|
|
}
|
|
|
|
.cmp-global-header__title-link-list+.cmp-global-header__link-list,
|
|
.cmp-global-header__title-link-list+.cmp-global-header__title-link-list {
|
|
margin-top: 20px
|
|
}
|
|
|
|
.cmp-global-header__title-link-list+.cmp-global-header__link-list:before,
|
|
.cmp-global-header__title-link-list+.cmp-global-header__title-link-list:before {
|
|
content: "";
|
|
display: block;
|
|
margin-left: 15px;
|
|
margin-right: 15px;
|
|
padding-bottom: 40px
|
|
}
|
|
}
|
|
|
|
.cmp-global-header__group-link-list .cmp-global-header__title-link-list__menu-label {
|
|
margin-bottom: 16px;
|
|
padding-left: 24px;
|
|
padding-top: 16px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
.cmp-global-header__group-link-list .cmp-global-header__inner-link-list {
|
|
background-color: #202020
|
|
}
|
|
|
|
.cmp-global-header__group-link-list .cmp-global-header__inner-link-list a p {
|
|
display: none
|
|
}
|
|
|
|
@media(min-width:1201px) {
|
|
.cmp-global-header__group-link-list .cmp-global-header__title-link-list__menu-label {
|
|
margin-bottom: 24px;
|
|
padding-left: 0;
|
|
padding-top: 0
|
|
}
|
|
|
|
.cmp-global-header__group-link-list .cmp-global-header__inner-link-list {
|
|
border-bottom: 0;
|
|
row-gap: 16px
|
|
}
|
|
|
|
.cmp-global-header__group-link-list .cmp-global-header__inner-link-list a {
|
|
border-bottom: 0;
|
|
margin-bottom: 16px;
|
|
padding-left: 0
|
|
}
|
|
|
|
.cmp-global-header__group-link-list .cmp-global-header__inner-link-list a p {
|
|
display: block
|
|
}
|
|
|
|
.cmp-global-header__group-link-list .cmp-global-header__link-list--with-arrows .cmp-global-header__inner-link-list a {
|
|
margin-bottom: 52px
|
|
}
|
|
|
|
.cmp-global-header__drawer--column-layout .cmp-global-header__group-link-list {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.cmp-global-header__drawer--column-layout .cmp-global-header__group-link-list .cmp-global-header__link-list,
|
|
.cmp-global-header__drawer--column-layout .cmp-global-header__group-link-list .cmp-global-header__title-link-list {
|
|
-webkit-box-flex: 1;
|
|
-ms-flex: 1;
|
|
flex: 1;
|
|
min-width: 33.3333333333%
|
|
}
|
|
|
|
.cmp-global-header__drawer--column-layout .cmp-global-header__group-link-list .cmp-global-header__inner-link-list {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column
|
|
}
|
|
|
|
.cmp-global-header__drawer--column-layout .cmp-global-header__group-link-list .cmp-global-header__link-list+.cmp-global-header__link-list,
|
|
.cmp-global-header__drawer--column-layout .cmp-global-header__group-link-list .cmp-global-header__link-list+.cmp-global-header__title-link-list {
|
|
margin-top: 0
|
|
}
|
|
|
|
.cmp-global-header__drawer--column-layout .cmp-global-header__group-link-list .cmp-global-header__link-list+.cmp-global-header__link-list:before,
|
|
.cmp-global-header__drawer--column-layout .cmp-global-header__group-link-list .cmp-global-header__link-list+.cmp-global-header__title-link-list:before {
|
|
content: none
|
|
}
|
|
|
|
.cmp-global-header__drawer--column-layout .cmp-global-header__group-link-list .cmp-global-header__title-link-list+.cmp-global-header__link-list,
|
|
.cmp-global-header__drawer--column-layout .cmp-global-header__group-link-list .cmp-global-header__title-link-list+.cmp-global-header__title-link-list {
|
|
margin-top: 0
|
|
}
|
|
|
|
.cmp-global-header__drawer--column-layout .cmp-global-header__group-link-list .cmp-global-header__title-link-list+.cmp-global-header__link-list:before,
|
|
.cmp-global-header__drawer--column-layout .cmp-global-header__group-link-list .cmp-global-header__title-link-list+.cmp-global-header__title-link-list:before {
|
|
content: none
|
|
}
|
|
}
|
|
|
|
.cmp-header-featured-content .cmp-teaser__content {
|
|
background-color: transparent;
|
|
border: none;
|
|
margin: 16px 0
|
|
}
|
|
|
|
@media(min-width:1201px) {
|
|
.cmp-header-featured-content .cmp-teaser__content {
|
|
margin-bottom: 40px;
|
|
margin-top: 0;
|
|
max-width: 300px
|
|
}
|
|
}
|
|
|
|
.cmp-header-featured-content .cmp-teaser__pretitle {
|
|
color: #fff;
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
letter-spacing: .02em;
|
|
line-height: 1.143;
|
|
margin-bottom: 16px;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.cmp-header-featured-content .cmp-teaser__pretitle {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.cmp-header-featured-content .cmp-teaser__pretitle {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1201px) {
|
|
.cmp-header-featured-content .cmp-teaser__pretitle {
|
|
margin-bottom: 24px
|
|
}
|
|
}
|
|
|
|
.cmp-header-featured-content .cmp-teaser__title {
|
|
font-size: 1.125rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.02em;
|
|
line-height: 1.5;
|
|
margin-bottom: 16px
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.cmp-header-featured-content .cmp-teaser__title {
|
|
font-size: 1.25rem;
|
|
line-height: 1.4
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.cmp-header-featured-content .cmp-teaser__title {
|
|
font-size: 1.75rem;
|
|
line-height: 1.286
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.cmp-header-featured-content .cmp-teaser__title {
|
|
font-size: calc(1.75rem + 1.94444vw - 28px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.cmp-header-featured-content .cmp-teaser__title {
|
|
font-size: 2.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1201px) {
|
|
.cmp-header-featured-content .cmp-teaser__title {
|
|
margin-top: auto
|
|
}
|
|
}
|
|
|
|
.cmp-header-featured-content .cmp-teaser__title-link {
|
|
color: #fff;
|
|
display: inline-block;
|
|
text-decoration: none
|
|
}
|
|
|
|
.cmp-header-featured-content .cmp-teaser__title-link:hover {
|
|
text-decoration: underline
|
|
}
|
|
|
|
@media(min-width:1201px) {
|
|
|
|
.cmp-header-featured-content .cmp-teaser__title-link,
|
|
.cmp-header-featured-content .cmp-teaser__title-link:hover {
|
|
color: #fff
|
|
}
|
|
|
|
.cmp-header-featured-content .cmp-teaser__title-link:focus {
|
|
text-decoration: underline
|
|
}
|
|
}
|
|
|
|
.cmp-header-featured-content .cmp-teaser__description {
|
|
color: #a2a2a0;
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.429;
|
|
margin: auto;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.cmp-header-featured-content .cmp-teaser__description {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.cmp-header-featured-content .cmp-teaser__description {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-icon-text-carousel-tier-1__headline {
|
|
margin-bottom: 32px;
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-icon-text-carousel-tier-1__headline {
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
.rad-icon-text-carousel-tier-1__header {
|
|
font-size: 1.75rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.286;
|
|
margin-bottom: .5rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-icon-text-carousel-tier-1__header {
|
|
font-size: 2.5rem;
|
|
line-height: 1.2
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-icon-text-carousel-tier-1__header {
|
|
font-size: 3rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-icon-text-carousel-tier-1__header {
|
|
font-size: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-icon-text-carousel-tier-1__header {
|
|
font-size: 4rem
|
|
}
|
|
}
|
|
|
|
.rad-icon-text-carousel-tier-1__carousel-card {
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm)
|
|
}
|
|
|
|
.rad-icon-text-carousel-tier-1__carousel-card-logo {
|
|
margin-bottom: 16px;
|
|
max-width: 160px;
|
|
min-height: 80px;
|
|
min-width: 80px
|
|
}
|
|
|
|
.rad-icon-text-carousel-tier-1__carousel-card-headline {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.02em;
|
|
line-height: 1.5;
|
|
margin-bottom: .5rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-icon-text-carousel-tier-1__carousel-card-headline {
|
|
font-size: 1.125rem;
|
|
line-height: 1.33
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-icon-text-carousel-tier-1__carousel-card-headline {
|
|
font-size: 1.5rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-icon-text-carousel-tier-1__carousel-card-headline {
|
|
font-size: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-icon-text-carousel-tier-1__carousel-card-headline {
|
|
font-size: 2rem
|
|
}
|
|
}
|
|
|
|
.rad-icon-text-carousel-tier-1__carousel-card-body {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.429;
|
|
margin-bottom: 1rem;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-icon-text-carousel-tier-1__carousel-card-body {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-icon-text-carousel-tier-1__carousel-card-body {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-icon-text-carousel-tier-1+.rad-icon-text-carousel-tier-2 {
|
|
margin-top: 64px
|
|
}
|
|
|
|
.rad-icon-text-carousel-tier-1+.rad-icon-text-carousel-tier-2 .rad-icon-text-carousel-tier-2__headline {
|
|
margin-bottom: 1.5rem
|
|
}
|
|
|
|
.rad-icon-text-carousel-tier-1+.rad-icon-text-carousel-tier-2 .rad-icon-text-carousel-tier-2__header {
|
|
font-size: 1.25rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.025em;
|
|
line-height: 1.4
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-icon-text-carousel-tier-1+.rad-icon-text-carousel-tier-2 .rad-icon-text-carousel-tier-2__header {
|
|
font-size: 1.5rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-icon-text-carousel-tier-1+.rad-icon-text-carousel-tier-2 .rad-icon-text-carousel-tier-2__header {
|
|
font-size: 2rem;
|
|
line-height: 1.25
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-icon-text-carousel-tier-1+.rad-icon-text-carousel-tier-2 .rad-icon-text-carousel-tier-2__header {
|
|
font-size: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-icon-text-carousel-tier-1+.rad-icon-text-carousel-tier-2 .rad-icon-text-carousel-tier-2__header {
|
|
font-size: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-icon-text-carousel-tier-2 {
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-icon-text-carousel-tier-2 {
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
.rad-icon-text-carousel-tier-2__headline {
|
|
margin-bottom: 2.5rem
|
|
}
|
|
|
|
.rad-icon-text-carousel-tier-2__header {
|
|
font-size: 1.75rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.286;
|
|
margin-bottom: 1rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-icon-text-carousel-tier-2__header {
|
|
font-size: 2.5rem;
|
|
line-height: 1.2
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-icon-text-carousel-tier-2__header {
|
|
font-size: 3rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-icon-text-carousel-tier-2__header {
|
|
font-size: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-icon-text-carousel-tier-2__header {
|
|
font-size: 4rem
|
|
}
|
|
}
|
|
|
|
.rad-icon-text-carousel-tier-2__grid {
|
|
-webkit-column-gap: 12.5%;
|
|
-moz-column-gap: 12.5%;
|
|
column-gap: 12.5%;
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 25%);
|
|
row-gap: 16px
|
|
}
|
|
|
|
.rad-icon-text-carousel-tier-2__grid img {
|
|
width: 100%
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-icon-text-carousel-tier-1__headline {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
align-items: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
margin-bottom: 32px
|
|
}
|
|
|
|
.rad-icon-text-carousel-tier-1__header {
|
|
margin-bottom: 0;
|
|
width: calc(125% - var(--rad-spacing-sm)*3/4*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-sm)*0);
|
|
width: calc(62.5% - var(--rad-spacing-sm)*7/8*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-icon-text-carousel-tier-1__header {
|
|
width: calc(41.66667% - var(--rad-spacing-sm)*11/12*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-icon-text-carousel-tier-1__carousel-card {
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: calc((min(100vw, 1920px) - 2*var(--rad-spacing-md))*0.18 - var(--rad-spacing-md));
|
|
width: calc((min(100vw, 1920px) - 2*var(--rad-spacing-md))*66/100)
|
|
}
|
|
|
|
.rad-icon-text-carousel-tier-1__carousel-card-logo {
|
|
height: 48px;
|
|
margin-bottom: 24px;
|
|
max-width: 96px;
|
|
min-height: 48px;
|
|
min-width: 48px
|
|
}
|
|
|
|
.rad-icon-text-carousel-tier-1__carousel-card-headline {
|
|
margin-bottom: 1rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-icon-text-carousel-tier-1__carousel-card-headline {
|
|
margin-bottom: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-icon-text-carousel-tier-1__carousel-card-headline {
|
|
margin-bottom: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-icon-text-carousel-tier-1__carousel-card-body {
|
|
font-size: 1.125rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.6;
|
|
margin-bottom: 1.5rem;
|
|
text-underline-offset: .25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-icon-text-carousel-tier-1__carousel-card-body {
|
|
font-size: 1.25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-icon-text-carousel-tier-1__carousel-card-body {
|
|
font-size: calc(1.25rem + 1.38889vw - 20px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-icon-text-carousel-tier-1__carousel-card-body {
|
|
font-size: 1.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-icon-text-carousel-tier-1__carousel-card-body {
|
|
margin-bottom: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-icon-text-carousel-tier-1__carousel-card-body {
|
|
margin-bottom: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-icon-text-carousel-tier-1+.rad-icon-text-carousel-tier-2 {
|
|
margin-top: 80px
|
|
}
|
|
|
|
.rad-icon-text-carousel-tier-1+.rad-icon-text-carousel-tier-2 .rad-icon-text-carousel-tier-2__header {
|
|
width: 100%
|
|
}
|
|
|
|
.rad-icon-text-carousel-tier-2__headline {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
align-items: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
margin-bottom: 48px
|
|
}
|
|
|
|
.rad-icon-text-carousel-tier-2__header {
|
|
margin-bottom: 0;
|
|
width: calc(125% - var(--rad-spacing-sm)*3/4*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-sm)*0);
|
|
width: calc(62.5% - var(--rad-spacing-sm)*7/8*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-icon-text-carousel-tier-2__header {
|
|
width: calc(41.66667% - var(--rad-spacing-sm)*11/12*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-icon-text-carousel-tier-2__grid {
|
|
-webkit-column-gap: 12%;
|
|
-moz-column-gap: 12%;
|
|
column-gap: 12%;
|
|
grid-template-columns: repeat(4, 16%);
|
|
row-gap: 24px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-icon-text-carousel-tier-1__headline {
|
|
margin-bottom: 64px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-icon-text-carousel-tier-1__headline {
|
|
margin-bottom: 4.44444vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-icon-text-carousel-tier-1__headline {
|
|
margin-bottom: 85.3333333333px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-icon-text-carousel-tier-1__header {
|
|
width: calc(225% - var(--rad-spacing-sm)*3/4*9 + var(--rad-spacing-sm)*8 + var(--rad-spacing-sm)*0);
|
|
width: calc(112.5% - var(--rad-spacing-sm)*7/8*9 + var(--rad-spacing-sm)*8 + var(--rad-spacing-md)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*11/12*9 + var(--rad-spacing-sm)*8 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-icon-text-carousel-tier-1__carousel-card {
|
|
padding-right: calc((min(100vw, 1920px) - 2*var(--rad-spacing-md))*0.1 - var(--rad-spacing-md));
|
|
width: calc((min(100vw, 1920px) - 2*var(--rad-spacing-md))*50/100)
|
|
}
|
|
|
|
.rad-icon-text-carousel-tier-1__carousel-card-logo {
|
|
height: unset;
|
|
margin-bottom: 32px;
|
|
max-width: 160px;
|
|
min-height: 80px;
|
|
min-width: 80px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-icon-text-carousel-tier-1__carousel-card-logo {
|
|
margin-bottom: 2.22222vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-icon-text-carousel-tier-1__carousel-card-logo {
|
|
margin-bottom: 42.6666666667px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-icon-text-carousel-tier-1__carousel-card-logo {
|
|
max-width: 11.11111vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-icon-text-carousel-tier-1__carousel-card-logo {
|
|
max-width: 213.3333333333px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-icon-text-carousel-tier-1__carousel-card-logo {
|
|
min-width: 5.55556vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-icon-text-carousel-tier-1__carousel-card-logo {
|
|
min-width: 106.6666666667px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-icon-text-carousel-tier-1__carousel-card-logo {
|
|
min-height: 5.55556vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-icon-text-carousel-tier-1__carousel-card-logo {
|
|
min-height: 106.6666666667px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-icon-text-carousel-tier-1+.rad-icon-text-carousel-tier-2 {
|
|
margin-top: 120px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-icon-text-carousel-tier-1+.rad-icon-text-carousel-tier-2 {
|
|
margin-top: 8.33333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-icon-text-carousel-tier-1+.rad-icon-text-carousel-tier-2 {
|
|
margin-top: 160px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-icon-text-carousel-tier-1+.rad-icon-text-carousel-tier-2 .rad-icon-text-carousel-tier-2__headline {
|
|
margin-bottom: 2.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-icon-text-carousel-tier-1+.rad-icon-text-carousel-tier-2 .rad-icon-text-carousel-tier-2__headline {
|
|
margin-bottom: calc(2.5rem + 2.77778vw - 40px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-icon-text-carousel-tier-1+.rad-icon-text-carousel-tier-2 .rad-icon-text-carousel-tier-2__headline {
|
|
margin-bottom: 3.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-icon-text-carousel-tier-2__headline {
|
|
margin-bottom: 64px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-icon-text-carousel-tier-2__headline {
|
|
margin-bottom: 4.44444vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-icon-text-carousel-tier-2__headline {
|
|
margin-bottom: 85.3333333333px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-icon-text-carousel-tier-2__header {
|
|
width: calc(225% - var(--rad-spacing-sm)*3/4*9 + var(--rad-spacing-sm)*8 + var(--rad-spacing-sm)*0);
|
|
width: calc(112.5% - var(--rad-spacing-sm)*7/8*9 + var(--rad-spacing-sm)*8 + var(--rad-spacing-md)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*11/12*9 + var(--rad-spacing-sm)*8 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-icon-text-carousel-tier-2__grid {
|
|
-webkit-column-gap: 12.5%;
|
|
-moz-column-gap: 12.5%;
|
|
column-gap: 12.5%;
|
|
grid-template-columns: repeat(5, 10%);
|
|
row-gap: 48px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-icon-text-carousel-tier-2__grid {
|
|
row-gap: 3.33333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-icon-text-carousel-tier-2__grid {
|
|
row-gap: 64px
|
|
}
|
|
}
|
|
|
|
.rad-locations {
|
|
padding-left: 1rem;
|
|
padding-right: 1rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-locations {
|
|
padding-left: 3rem;
|
|
padding-right: 3rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1200px) {
|
|
.rad-locations {
|
|
padding-left: 5rem;
|
|
padding-right: 5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-locations {
|
|
padding-right: calc(5rem + 5.55556vw - 80px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-locations {
|
|
padding-right: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-locations {
|
|
padding-left: calc(5rem + 5.55556vw - 80px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-locations {
|
|
padding-left: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-locations__hidden-on-mobile {
|
|
display: none
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-locations__hidden-on-mobile {
|
|
display: block
|
|
}
|
|
|
|
.rad-locations__visible-on-mobile {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.rad-locations__top {
|
|
margin-bottom: 1.5rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-locations__top {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
align-items: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-bottom: 3rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1200px) {
|
|
.rad-locations__top {
|
|
height: 2.6875rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-locations__top {
|
|
height: calc(2.6875rem + 2.98611vw - 43px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-locations__top {
|
|
height: 3.5833333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-locations__top {
|
|
margin-bottom: 5rem;
|
|
margin-bottom: calc(5rem + 5.55556vw - 80px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-locations__top {
|
|
margin-bottom: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-locations__title {
|
|
font-size: 1.25rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.025em;
|
|
line-height: 1.4;
|
|
text-align: center
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-locations__title {
|
|
font-size: 1.5rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-locations__title {
|
|
font-size: 2rem;
|
|
line-height: 1.25
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-locations__title {
|
|
font-size: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-locations__title {
|
|
font-size: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-locations__title {
|
|
text-align: left
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-locations__title {
|
|
font-size: 1.5rem;
|
|
letter-spacing: -2.5%;
|
|
line-height: 1.75rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1200px) {
|
|
.rad-locations__title {
|
|
font-size: 2rem;
|
|
line-height: 2.5rem
|
|
}
|
|
}
|
|
|
|
.rad-locations__cta .rad-button {
|
|
height: 2.5rem;
|
|
margin: 0 auto
|
|
}
|
|
|
|
.rad-locations__cities {
|
|
--image-closed-height: 2rem;
|
|
--image-closed-width: 3rem;
|
|
pointer-events: none
|
|
}
|
|
|
|
@media(max-width:599px) {
|
|
.rad-locations__cities {
|
|
margin-bottom: 1.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-locations__cities {
|
|
--image-closed-height: 2.75rem;
|
|
--image-closed-width: 4.125rem;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
-webkit-column-gap: 1.25rem;
|
|
-moz-column-gap: 1.25rem;
|
|
column-gap: 1.25rem;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
row-gap: 1rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1200px) {
|
|
.rad-locations__cities {
|
|
--image-closed-height: 3.5625rem;
|
|
--image-closed-width: 5.34375rem;
|
|
--image-open-height: 8.8125rem;
|
|
--image-open-width: 5.875rem;
|
|
-webkit-column-gap: .75rem;
|
|
-moz-column-gap: .75rem;
|
|
column-gap: .75rem;
|
|
row-gap: 1.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-locations__cities {
|
|
--image-closed-height: 5.375rem;
|
|
--image-closed-width: 8.0625rem;
|
|
--image-open-height: 13.125rem;
|
|
--image-open-width: 8.75rem;
|
|
--image-closed-height: calc(5.375rem + 5.97222vw - 86px);
|
|
-webkit-column-gap: 2rem;
|
|
-moz-column-gap: 2rem;
|
|
column-gap: 2rem;
|
|
row-gap: 2.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-locations__cities {
|
|
--image-closed-height: 7.1666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-locations__cities {
|
|
--image-closed-width: calc(8.0625rem + 8.95833vw - 129px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-locations__cities {
|
|
--image-closed-width: 10.75rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-locations__cities {
|
|
--image-open-height: calc(13.125rem + 14.58333vw - 210px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-locations__cities {
|
|
--image-open-height: 17.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-locations__cities {
|
|
--image-open-width: calc(8.75rem + 9.72222vw - 140px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-locations__cities {
|
|
--image-open-width: 11.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-locations__cities {
|
|
row-gap: calc(2.5rem + 2.77778vw - 40px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-locations__cities {
|
|
-webkit-column-gap: 1.375rem;
|
|
-moz-column-gap: 1.375rem;
|
|
column-gap: 1.375rem;
|
|
-webkit-column-gap: calc(1.375rem + 1.52778vw - 22px);
|
|
-moz-column-gap: calc(1.375rem + 1.52778vw - 22px);
|
|
column-gap: calc(1.375rem + 1.52778vw - 22px);
|
|
-webkit-column-gap: 1.8333333333rem;
|
|
-moz-column-gap: 1.8333333333rem;
|
|
column-gap: 1.8333333333rem;
|
|
row-gap: 3.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-locations__cities:focus-within .rad-locations__city-link:not(:hover):not(:focus-visible) .rad-locations__city-image,
|
|
.rad-locations__cities:hover .rad-locations__city-link:not(:hover):not(:focus-visible) .rad-locations__city-image {
|
|
opacity: .3
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
|
|
.rad-locations__cities:focus-within .rad-locations__city-link:not(:hover):not(:focus-visible) .rad-locations__city-image,
|
|
.rad-locations__cities:hover .rad-locations__city-link:not(:hover):not(:focus-visible) .rad-locations__city-image {
|
|
opacity: .2
|
|
}
|
|
}
|
|
|
|
.rad-locations__cities:focus-within .rad-locations__city-link:not(:hover):not(:focus-visible) .rad-locations__city-name,
|
|
.rad-locations__cities:focus-within .rad-locations__city-link:not(:hover):not(:focus-visible):after,
|
|
.rad-locations__cities:hover .rad-locations__city-link:not(:hover):not(:focus-visible) .rad-locations__city-name,
|
|
.rad-locations__cities:hover .rad-locations__city-link:not(:hover):not(:focus-visible):after {
|
|
color: #616160;
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: color, -webkit-transform;
|
|
transition-property: color, -webkit-transform;
|
|
transition-property: color, transform;
|
|
transition-property: color, transform, -webkit-transform;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
|
|
.rad-locations__cities:focus-within .rad-locations__city-link:not(:hover):not(:focus-visible) .rad-locations__city-name,
|
|
.rad-locations__cities:focus-within .rad-locations__city-link:not(:hover):not(:focus-visible):after,
|
|
.rad-locations__cities:hover .rad-locations__city-link:not(:hover):not(:focus-visible) .rad-locations__city-name,
|
|
.rad-locations__cities:hover .rad-locations__city-link:not(:hover):not(:focus-visible):after {
|
|
color: #2b2b2b
|
|
}
|
|
}
|
|
|
|
.rad-locations .rad-locations__city {
|
|
margin-bottom: .75rem;
|
|
max-width: 100%;
|
|
overflow: visible;
|
|
pointer-events: auto
|
|
}
|
|
|
|
.rad-locations .rad-locations__city:last-of-type {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-locations .rad-locations__city {
|
|
margin-bottom: 0
|
|
}
|
|
}
|
|
|
|
.rad-locations .rad-locations__city:hover {
|
|
-webkit-transition: none;
|
|
transition: none
|
|
}
|
|
|
|
.rad-locations .rad-locations__city-link {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-ms-flex-negative: 0;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
align-items: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
flex-shrink: 0;
|
|
height: 2.5rem;
|
|
justify-content: center;
|
|
text-decoration: none;
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: opacity;
|
|
transition-property: opacity;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-locations .rad-locations__city-link {
|
|
height: 4rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1200px) {
|
|
.rad-locations .rad-locations__city-link {
|
|
height: 5.25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-locations .rad-locations__city-link {
|
|
height: 7rem;
|
|
height: calc(7rem + 7.77778vw - 112px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-locations .rad-locations__city-link {
|
|
height: 9.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-locations .rad-locations__city-link:after {
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: color;
|
|
transition-property: color;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1)
|
|
}
|
|
|
|
@media(max-width:599px) {
|
|
.rad-locations .rad-locations__city-link:after {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
align-items: center;
|
|
content: "";
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
font-family: icont;
|
|
font-size: .75rem;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
height: 1.5rem;
|
|
justify-content: center;
|
|
width: 1.5rem
|
|
}
|
|
}
|
|
|
|
.rad-locations .rad-locations__city-link:focus-visible,
|
|
.rad-locations .rad-locations__city-link:hover {
|
|
color: #fff;
|
|
cursor: pointer
|
|
}
|
|
|
|
@media(min-width:1200px) {
|
|
.rad-locations .rad-locations__city-link:hover .rad-locations__city-image-sizer {
|
|
height: var(--image-open-height);
|
|
opacity: 1;
|
|
width: var(--image-open-width)
|
|
}
|
|
|
|
.rad-locations .rad-locations__city-link:hover .rad-locations__city-name,
|
|
.rad-locations .rad-locations__city-link:hover:after {
|
|
-webkit-transform: translateX(calc(var(--image-open-width)/2 - var(--image-closed-width)/2));
|
|
transform: translateX(calc(var(--image-open-width)/2 - var(--image-closed-width)/2))
|
|
}
|
|
}
|
|
|
|
.rad-locations .rad-locations__city-link:active .rad-locations__city-image {
|
|
opacity: .7
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-locations .rad-locations__city-link:active .rad-locations__city-image {
|
|
opacity: .8
|
|
}
|
|
}
|
|
|
|
.rad-locations .rad-locations__city-link:active .rad-locations__city-name,
|
|
.rad-locations .rad-locations__city-link:active:after {
|
|
color: #a2a2a0
|
|
}
|
|
|
|
@media(min-width:1200px) {
|
|
|
|
.rad-locations .rad-locations__city-link:active .rad-locations__city-image,
|
|
.rad-locations .rad-locations__city-link:active:after {
|
|
opacity: .5
|
|
}
|
|
}
|
|
|
|
.rad-locations .rad-locations__city-link:visited {
|
|
color: #fff
|
|
}
|
|
|
|
.rad-locations__city-image,
|
|
.rad-locations__city-image-sizer {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
align-items: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: var(--image-closed-height);
|
|
justify-content: center;
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: opacity;
|
|
transition-property: opacity;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
width: var(--image-closed-width)
|
|
}
|
|
|
|
.rad-locations__city-image-sizer {
|
|
-ms-flex-negative: 0;
|
|
flex-shrink: 0;
|
|
overflow: hidden;
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: height, width;
|
|
transition-property: height, width;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1)
|
|
}
|
|
|
|
.rad-locations__city-image-sizer__image {
|
|
width: 100%
|
|
}
|
|
|
|
.rad-locations__city-name {
|
|
font-size: 1.75rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.286;
|
|
margin-left: .5rem;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: color;
|
|
transition-property: color;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
white-space: nowrap
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-locations__city-name {
|
|
font-size: 2.5rem;
|
|
line-height: 1.2
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-locations__city-name {
|
|
font-size: 3rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-locations__city-name {
|
|
font-size: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-locations__city-name {
|
|
font-size: 4rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-locations__city-name {
|
|
margin-left: 0.75rem;
|
|
margin-left: calc(0.75rem + 0.83333vw - 12px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-locations__city-name {
|
|
margin-left: 1rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
|
|
.rad-locations__city-name,
|
|
.rad-locations__city:not(:last-child) .rad-locations__city-link:after {
|
|
content: ",";
|
|
font-size: 2rem;
|
|
font-size: 3.75rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.25;
|
|
line-height: 1.067
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
|
|
.rad-locations__city-name,
|
|
.rad-locations__city:not(:last-child) .rad-locations__city-link:after {
|
|
font-size: calc(3.75rem + 4.16667vw - 60px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
|
|
.rad-locations__city-name,
|
|
.rad-locations__city:not(:last-child) .rad-locations__city-link:after {
|
|
font-size: 5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
|
|
.rad-locations__city-name,
|
|
.rad-locations__city:not(:last-child) .rad-locations__city-link:after {
|
|
font-size: 3.75rem;
|
|
letter-spacing: -4%;
|
|
line-height: 4rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1200px) {
|
|
|
|
.rad-locations__city-name,
|
|
.rad-locations__city:not(:last-child) .rad-locations__city-link:after {
|
|
font-size: 5rem;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.05;
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: color, -webkit-transform;
|
|
transition-property: color, -webkit-transform;
|
|
transition-property: transform, color;
|
|
transition-property: transform, color, -webkit-transform;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
|
|
.rad-locations__city-name,
|
|
.rad-locations__city:not(:last-child) .rad-locations__city-link:after {
|
|
font-size: calc(5rem + 5.55556vw - 80px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
|
|
.rad-locations__city-name,
|
|
.rad-locations__city:not(:last-child) .rad-locations__city-link:after {
|
|
font-size: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
|
|
.rad-locations__city-name,
|
|
.rad-locations__city:not(:last-child) .rad-locations__city-link:after {
|
|
font-size: 3rem;
|
|
font-size: 5rem;
|
|
font-size: 6.25rem;
|
|
font-size: calc(6.25rem + 6.94444vw - 100px);
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.167;
|
|
line-height: 1.05;
|
|
line-height: 1.04
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
|
|
.rad-locations__city-name,
|
|
.rad-locations__city:not(:last-child) .rad-locations__city-link:after {
|
|
font-size: 8.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-component__title--large-text .rad-locations__title {
|
|
font-size: 1.75rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.286
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-component__title--large-text .rad-locations__title {
|
|
font-size: 2.5rem;
|
|
line-height: 1.2
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-component__title--large-text .rad-locations__title {
|
|
font-size: 3rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-component__title--large-text .rad-locations__title {
|
|
font-size: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-component__title--large-text .rad-locations__title {
|
|
font-size: 4rem
|
|
}
|
|
}
|
|
|
|
.rad-mixed-media-and-text {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
max-width: 1920px;
|
|
position: relative
|
|
}
|
|
|
|
.rad-mixed-media-and-text__media {
|
|
aspect-ratio: 1.5;
|
|
margin-bottom: 24px;
|
|
position: relative
|
|
}
|
|
|
|
.rad-mixed-media-and-text__media .rad-mixed-media-and-text__primary-media {
|
|
max-width: 100vw;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-mixed-media-and-text__media .rad-mixed-media-and-text__primary-media .cmp-image {
|
|
height: 100%
|
|
}
|
|
|
|
.rad-mixed-media-and-text__media .rad-mixed-media-and-text__primary-media img,
|
|
.rad-mixed-media-and-text__media .rad-mixed-media-and-text__primary-media video {
|
|
display: block;
|
|
height: 100%;
|
|
max-width: none;
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-mixed-media-and-text__media .rad-mixed-media-and-text__video-play-pause-button {
|
|
bottom: 16px;
|
|
height: 24px;
|
|
left: 16px;
|
|
position: absolute;
|
|
width: 24px
|
|
}
|
|
|
|
.rad-mixed-media-and-text__media img.rad-mixed-media-and-text__secondary-media {
|
|
aspect-ratio: 4/1;
|
|
max-width: none;
|
|
position: absolute;
|
|
top: calc(100% - 12px);
|
|
width: 100%
|
|
}
|
|
|
|
.rad-mixed-media-and-text__text {
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm);
|
|
position: relative
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-mixed-media-and-text__text {
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
.rad-mixed-media-and-text__text>* {
|
|
margin-bottom: 16px;
|
|
margin-top: 16px
|
|
}
|
|
|
|
.rad-mixed-media-and-text__text>:first-child {
|
|
margin-top: 0
|
|
}
|
|
|
|
.rad-mixed-media-and-text__text>:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.rad-mixed-media-and-text__text .rad-mixed-media-and-text__label {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
letter-spacing: .02em;
|
|
line-height: 1.143;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-mixed-media-and-text__text .rad-mixed-media-and-text__label {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-mixed-media-and-text__text .rad-mixed-media-and-text__label {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-mixed-media-and-text__text .rad-mixed-media-and-text__title {
|
|
font-size: 1.5rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.035em;
|
|
line-height: 1.333
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-mixed-media-and-text__text .rad-mixed-media-and-text__title {
|
|
font-size: 2rem;
|
|
line-height: 1.25
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-mixed-media-and-text__text .rad-mixed-media-and-text__title {
|
|
font-size: 2.5rem;
|
|
line-height: 1.2
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-mixed-media-and-text__text .rad-mixed-media-and-text__title {
|
|
font-size: calc(2.5rem + 2.77778vw - 40px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-mixed-media-and-text__text .rad-mixed-media-and-text__title {
|
|
font-size: 3.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-mixed-media-and-text__text .rad-mixed-media-and-text__description {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.429;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-mixed-media-and-text__text .rad-mixed-media-and-text__description {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-mixed-media-and-text__text .rad-mixed-media-and-text__description {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-mixed-media-and-text.rad-mixed-media-and-text--with-optional .rad-mixed-media-and-text__media {
|
|
margin-bottom: calc(12px + 25vw)
|
|
}
|
|
|
|
.rad-mixed-media-and-text-header {
|
|
margin-bottom: 1.5rem;
|
|
margin-left: 1rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-mixed-media-and-text-header {
|
|
-ms-flex-preferred-size: 100%;
|
|
flex-basis: 100%;
|
|
margin-left: 3rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-mixed-media-and-text-header {
|
|
margin-bottom: 2rem;
|
|
margin-left: 5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-mixed-media-and-text-header {
|
|
margin-bottom: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-mixed-media-and-text-header {
|
|
margin-bottom: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-mixed-media-and-text-header {
|
|
margin-left: calc(5rem + 5.55556vw - 80px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-mixed-media-and-text-header {
|
|
margin-left: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-mixed-media-and-text-header__headline {
|
|
font-size: 1.75rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.286;
|
|
width: calc(75% - var(--rad-spacing-sm)*3/4*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-mixed-media-and-text-header__headline {
|
|
font-size: 2.5rem;
|
|
line-height: 1.2
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-mixed-media-and-text-header__headline {
|
|
font-size: 3rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-mixed-media-and-text-header__headline {
|
|
font-size: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-mixed-media-and-text-header__headline {
|
|
font-size: 4rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-mixed-media-and-text-header__headline {
|
|
width: calc(37.5% - var(--rad-spacing-sm)*7/8*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-mixed-media-and-text-header__headline {
|
|
width: calc(25% - var(--rad-spacing-sm)*11/12*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-mixed-media-and-text-header__headline {
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-mixed-media-and-text-header__headline {
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-mixed-media-and-text {
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.rad-mixed-media-and-text__media {
|
|
-ms-flex-item-align: start;
|
|
align-self: start;
|
|
margin: 0;
|
|
width: calc(min(100vw, 1920px)/4*4 - var(--rad-spacing-sm)*2/4*4 - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*1);
|
|
width: calc(min(100vw, 1920px)/8*4 - var(--rad-spacing-md)*2/8*4 - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*1)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-mixed-media-and-text__media {
|
|
width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*1)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-mixed-media-and-text__media .rad-mixed-media-and-text__primary-media {
|
|
aspect-ratio: 1.5
|
|
}
|
|
|
|
.rad-mixed-media-and-text__media .rad-mixed-media-and-text__video-play-pause-button {
|
|
bottom: 24px;
|
|
left: 24px
|
|
}
|
|
|
|
.rad-mixed-media-and-text__text {
|
|
margin-right: var(--rad-spacing-md);
|
|
padding: 0;
|
|
width: calc(min(100vw, 1920px)/4*3 - var(--rad-spacing-sm)*2/4*3 - var(--rad-spacing-sm)*3/4*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0);
|
|
width: calc(min(100vw, 1920px)/8*3 - var(--rad-spacing-md)*2/8*3 - var(--rad-spacing-sm)*7/8*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-mixed-media-and-text__text {
|
|
width: calc(min(100vw, 1920px)/12*3 - var(--rad-spacing-md)*2/12*3 - var(--rad-spacing-sm)*11/12*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-mixed-media-and-text__text>:first-child {
|
|
margin-top: 120px
|
|
}
|
|
|
|
.rad-mixed-media-and-text__text .rad-mixed-media-and-text__description {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
text-underline-offset: .25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-mixed-media-and-text__text .rad-mixed-media-and-text__description {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-mixed-media-and-text__text .rad-mixed-media-and-text__description {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-mixed-media-and-text.rad-mixed-media-and-text--with-optional .rad-mixed-media-and-text__media {
|
|
margin-bottom: 0
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-mixed-media-and-text__media {
|
|
width: calc(min(100vw, 1920px)/4*6 - var(--rad-spacing-sm)*2/4*6 - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*1);
|
|
width: calc(min(100vw, 1920px)/8*6 - var(--rad-spacing-md)*2/8*6 - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*1);
|
|
width: calc(min(100vw, 1920px)/12*6 - var(--rad-spacing-md)*2/12*6 - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*1)
|
|
}
|
|
|
|
.rad-mixed-media-and-text__media .rad-mixed-media-and-text__video-play-pause-button {
|
|
bottom: 32px;
|
|
left: 32px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-mixed-media-and-text__media .rad-mixed-media-and-text__video-play-pause-button {
|
|
bottom: 2.22222vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-mixed-media-and-text__media .rad-mixed-media-and-text__video-play-pause-button {
|
|
bottom: 42.6666666667px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-mixed-media-and-text__media .rad-mixed-media-and-text__video-play-pause-button {
|
|
left: 2.22222vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-mixed-media-and-text__media .rad-mixed-media-and-text__video-play-pause-button {
|
|
left: 42.6666666667px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-mixed-media-and-text__media .rad-mixed-media-and-text__secondary-media {
|
|
top: calc(100% - 24px)
|
|
}
|
|
|
|
.rad-mixed-media-and-text__text {
|
|
width: calc(min(100vw, 1920px)/4*4 - var(--rad-spacing-sm)*2/4*4 - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0);
|
|
width: calc(min(100vw, 1920px)/8*4 - var(--rad-spacing-md)*2/8*4 - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0);
|
|
width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-mixed-media-and-text__text>* {
|
|
margin-bottom: 24px;
|
|
margin-top: 24px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-mixed-media-and-text__text>* {
|
|
margin-bottom: 1.66667vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-mixed-media-and-text__text>* {
|
|
margin-bottom: 32px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-mixed-media-and-text__text>* {
|
|
margin-top: 1.66667vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-mixed-media-and-text__text>* {
|
|
margin-top: 32px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-mixed-media-and-text__text>:first-child {
|
|
margin-top: 184px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-mixed-media-and-text__text>:first-child {
|
|
margin-top: 12.77778vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-mixed-media-and-text__text>:first-child {
|
|
margin-top: 245.3333333333px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-mixed-media-and-text__text .rad-mixed-media-and-text__description {
|
|
font-family: GT Sectra Fine, Palatino;
|
|
font-size: 1rem;
|
|
font-size: 1.125rem;
|
|
font-size: 1.5rem;
|
|
font-weight: 300;
|
|
letter-spacing: 0;
|
|
line-height: 1.5;
|
|
line-height: 1.333
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-mixed-media-and-text__text .rad-mixed-media-and-text__description {
|
|
font-size: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-mixed-media-and-text__text .rad-mixed-media-and-text__description {
|
|
font-size: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-mixed-media-and-text__media .rad-mixed-media-and-text__secondary-media {
|
|
top: calc(100% + 1.66667vw)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-mixed-media-and-text__media .rad-mixed-media-and-text__secondary-media {
|
|
top: calc(100% + 32px)
|
|
}
|
|
}
|
|
|
|
.rad-news {
|
|
overflow: hidden;
|
|
position: relative
|
|
}
|
|
|
|
.rad-news .rad-news-container {
|
|
padding-top: 0;
|
|
position: relative
|
|
}
|
|
|
|
.rad-news .rad-news-slideshow {
|
|
pointer-events: none
|
|
}
|
|
|
|
.rad-news .flickity-page-dots {
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
bottom: 0;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: 1.5rem;
|
|
justify-content: center;
|
|
margin-top: 2.5rem;
|
|
pointer-events: all;
|
|
position: relative;
|
|
right: 0
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-news .flickity-page-dots {
|
|
height: 3rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-news .flickity-page-dots {
|
|
height: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-news .flickity-page-dots {
|
|
height: 4rem
|
|
}
|
|
}
|
|
|
|
.rad-news .flickity-page-dots .flickity-page-dot {
|
|
background: none;
|
|
border-radius: 0;
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0 .25rem;
|
|
position: relative;
|
|
width: .5rem
|
|
}
|
|
|
|
.rad-news .flickity-page-dots .flickity-page-dot:focus-visible {
|
|
outline: .0625rem solid #a100ff;
|
|
outline-offset: -0.0625rem
|
|
}
|
|
|
|
.rad-news .flickity-page-dots .flickity-page-dot:focus {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none
|
|
}
|
|
|
|
.rad-news .flickity-page-dots .flickity-page-dot:after,
|
|
.rad-news .flickity-page-dots .flickity-page-dot:before {
|
|
content: "";
|
|
display: block;
|
|
height: .5rem;
|
|
position: absolute;
|
|
top: 50%;
|
|
translate: 0 -50%
|
|
}
|
|
|
|
.rad-news .flickity-page-dots .flickity-page-dot:first-child {
|
|
overflow: visible
|
|
}
|
|
|
|
.rad-news .flickity-page-dots .flickity-page-dot:first-child:before {
|
|
background: #616160;
|
|
left: 50%;
|
|
-webkit-transition: width 250ms ease 0s;
|
|
transition: width 250ms ease 0s;
|
|
width: calc(var(--dot-index)*100%)
|
|
}
|
|
|
|
.rad-news .flickity-page-dots .flickity-page-dot:after {
|
|
background: #616160;
|
|
left: .25rem;
|
|
width: .5rem
|
|
}
|
|
|
|
.rad-news .flickity-page-dots .flickity-page-dot:hover {
|
|
background: none
|
|
}
|
|
|
|
.rad-news .flickity-page-dots .flickity-page-dot:hover:after {
|
|
background: #a2a2a0
|
|
}
|
|
|
|
.rad-news .flickity-page-dots .flickity-page-dot.is-selected {
|
|
background: none
|
|
}
|
|
|
|
.rad-news .flickity-page-dots .flickity-page-dot.is-selected:after {
|
|
background: #fff
|
|
}
|
|
|
|
.rad-news .flickity-viewport {
|
|
pointer-events: all;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-news .flickity-button {
|
|
display: none
|
|
}
|
|
|
|
.rad-news .rad__range-input-slider-container {
|
|
margin-top: 2.5rem
|
|
}
|
|
|
|
.rad-news-play-pause {
|
|
display: none
|
|
}
|
|
|
|
.rad-news-play-pause:focus-visible {
|
|
outline-offset: 0
|
|
}
|
|
|
|
.rad-news-header {
|
|
font-size: 1.25rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.025em;
|
|
line-height: 1.4;
|
|
margin-bottom: 2.5rem;
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm);
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-news-header {
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-news-header {
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-news-header {
|
|
font-size: 1.5rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-news-header {
|
|
font-size: 2rem;
|
|
line-height: 1.25
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-news-header {
|
|
font-size: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-news-header {
|
|
font-size: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-news-card {
|
|
text-decoration: none
|
|
}
|
|
|
|
.rad-news-card:-moz-any-link {
|
|
color: #fff
|
|
}
|
|
|
|
.rad-news-card:any-link {
|
|
color: #fff
|
|
}
|
|
|
|
.rad-news-card:hover {
|
|
color: #a2a2a0;
|
|
cursor: pointer
|
|
}
|
|
|
|
.rad-news-card:active {
|
|
color: #e3e3df
|
|
}
|
|
|
|
.rad-news-card:focus-visible {
|
|
display: block;
|
|
outline-offset: .0625rem
|
|
}
|
|
|
|
.rad-news-card .rad-news-eyebrow {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.429;
|
|
padding-bottom: 1rem;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-news-card .rad-news-eyebrow {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-news-card .rad-news-eyebrow {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-news-card .rad-news-title {
|
|
font-size: 1.5rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.035em;
|
|
line-height: 1.333
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-news-card .rad-news-title {
|
|
font-size: 2rem;
|
|
line-height: 1.25
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-news-card .rad-news-title {
|
|
font-size: 2.5rem;
|
|
line-height: 1.2
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-news-card .rad-news-title {
|
|
font-size: calc(2.5rem + 2.77778vw - 40px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-news-card .rad-news-title {
|
|
font-size: 3.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-news-carousel-cell {
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-news .flickity-page-dots {
|
|
-webkit-box-pack: end;
|
|
-ms-flex-pack: end;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: 3rem;
|
|
justify-content: flex-end;
|
|
margin-left: auto;
|
|
margin-right: 2.75rem;
|
|
margin-top: 3rem;
|
|
width: -webkit-fit-content;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
.rad-news .rad__range-input-slider-container {
|
|
margin-top: 3rem
|
|
}
|
|
|
|
.rad-news-header {
|
|
margin-bottom: 4rem;
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: 0;
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-news-header {
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-news-carousel-cell {
|
|
margin-top: .09375rem;
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: 0;
|
|
padding-right: calc(min(100vw, 1920px)/4*1 - var(--rad-spacing-sm)*2/4*1 - var(--rad-spacing-sm)*3/4*1 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*-1);
|
|
width: calc(min(100vw, 1920px)/4*7 - var(--rad-spacing-sm)*2/4*7 - var(--rad-spacing-sm)*3/4*7 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(min(100vw, 1920px)/8*7 - var(--rad-spacing-md)*2/8*7 - var(--rad-spacing-sm)*7/8*7 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-news-carousel-cell {
|
|
width: calc(min(100vw, 1920px)/12*7 - var(--rad-spacing-md)*2/12*7 - var(--rad-spacing-sm)*11/12*7 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-news-carousel-cell {
|
|
padding-right: calc(min(100vw, 1920px)/8*1 - var(--rad-spacing-md)*2/8*1 - var(--rad-spacing-sm)*7/8*1 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*-1)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-news-carousel-cell {
|
|
padding-right: calc(min(100vw, 1920px)/12*1 - var(--rad-spacing-md)*2/12*1 - var(--rad-spacing-sm)*11/12*1 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*-1)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-news-card .rad-news-eyebrow {
|
|
padding-bottom: 1.5rem
|
|
}
|
|
|
|
.rad-news-play-pause {
|
|
bottom: 0;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: 3rem;
|
|
margin-left: 2.25rem;
|
|
position: absolute;
|
|
width: 3rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-news .flickity-page-dots {
|
|
margin-right: 4.75rem;
|
|
margin-top: 3.75rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-news .flickity-page-dots {
|
|
margin-right: calc(4.75rem + 5.27778vw - 76px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-news .flickity-page-dots {
|
|
margin-right: 6.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-news .flickity-page-dots {
|
|
margin-top: calc(3.75rem + 4.16667vw - 60px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-news .flickity-page-dots {
|
|
margin-top: 5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-news-carousel-cell {
|
|
padding-right: calc(min(100vw, 1920px)/4*1 - var(--rad-spacing-sm)*2/4*1 - var(--rad-spacing-sm)*3/4*1 + var(--rad-spacing-sm)*1 + var(--rad-spacing-sm)*-1);
|
|
padding-right: calc(min(100vw, 1920px)/8*1 - var(--rad-spacing-md)*2/8*1 - var(--rad-spacing-sm)*7/8*1 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*-1);
|
|
padding-right: calc(min(100vw, 1920px)/12*1 - var(--rad-spacing-md)*2/12*1 - var(--rad-spacing-sm)*11/12*1 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*-1);
|
|
width: calc(min(100vw, 1920px)/4*9 - var(--rad-spacing-sm)*2/4*9 - var(--rad-spacing-sm)*3/4*9 + var(--rad-spacing-sm)*8 + var(--rad-spacing-sm)*0);
|
|
width: calc(min(100vw, 1920px)/8*9 - var(--rad-spacing-md)*2/8*9 - var(--rad-spacing-sm)*7/8*9 + var(--rad-spacing-sm)*8 + var(--rad-spacing-md)*0);
|
|
width: calc(min(100vw, 1920px)/12*9 - var(--rad-spacing-md)*2/12*9 - var(--rad-spacing-sm)*11/12*9 + var(--rad-spacing-sm)*8 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-news-header {
|
|
margin-bottom: 5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-news-header {
|
|
margin-bottom: calc(5rem + 5.55556vw - 80px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-news-header {
|
|
margin-bottom: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-news-eyebrow {
|
|
padding-bottom: 2rem
|
|
}
|
|
|
|
.rad-news-play-pause {
|
|
margin-left: 4.25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-news-play-pause {
|
|
margin-left: calc(4.25rem + 4.72222vw - 68px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-news-play-pause {
|
|
margin-left: 5.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-component__title--large-text .rad-news-header {
|
|
font-size: 1.75rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.286
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-component__title--large-text .rad-news-header {
|
|
font-size: 2.5rem;
|
|
line-height: 1.2
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-component__title--large-text .rad-news-header {
|
|
font-size: 3rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-component__title--large-text .rad-news-header {
|
|
font-size: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-component__title--large-text .rad-news-header {
|
|
font-size: 4rem
|
|
}
|
|
}
|
|
|
|
.rad-related-links {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-related-links {
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
.rad-related-links__section-header {
|
|
font-size: 1.25rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.025em;
|
|
line-height: 1.4;
|
|
margin-bottom: 1rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-related-links__section-header {
|
|
font-size: 1.5rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-related-links__section-header {
|
|
font-size: 2rem;
|
|
line-height: 1.25
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-related-links__section-header {
|
|
font-size: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-related-links__section-header {
|
|
font-size: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-related-links__list {
|
|
font-size: 1.125rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.6;
|
|
padding-left: 48px;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-related-links__list {
|
|
font-size: 1.25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-related-links__list {
|
|
font-size: calc(1.25rem + 1.38889vw - 20px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-related-links__list {
|
|
font-size: 1.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-related-links__list {
|
|
padding-left: 3.33333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-related-links__list {
|
|
padding-left: 64px
|
|
}
|
|
}
|
|
|
|
.rad-related-links__list li {
|
|
margin-bottom: 0.5rem;
|
|
position: relative
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-related-links__list li {
|
|
margin-bottom: calc(0.5rem + 0.55556vw - 8px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-related-links__list li {
|
|
margin-bottom: 0.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-related-links__list li:last-of-type {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.rad-related-links__list li:before {
|
|
color: #a100ff;
|
|
content: "";
|
|
font-family: icont;
|
|
font-size: 0.9375rem;
|
|
position: absolute;
|
|
right: 100%;
|
|
top: 0.375rem;
|
|
translate: -1.8125rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-related-links__list li:before {
|
|
font-size: calc(0.9375rem + 1.04167vw - 15px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-related-links__list li:before {
|
|
font-size: 1.25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-related-links__list li:before {
|
|
top: calc(0.375rem + 0.41667vw - 6px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-related-links__list li:before {
|
|
top: 0.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-related-links__list li:before {
|
|
translate: calc(-1.8125rem - 2.01389vw + 29px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-related-links__list li:before {
|
|
translate: -2.4166666667rem
|
|
}
|
|
}
|
|
|
|
.rad-related-links__list li a {
|
|
background-image: -webkit-gradient(linear, left top, left bottom, from(#dcafff), to(#dcafff));
|
|
background-image: linear-gradient(#dcafff, #dcafff);
|
|
background-position: 0 100%;
|
|
background-repeat: no-repeat;
|
|
background-size: 0 1px;
|
|
text-decoration: none;
|
|
-webkit-transition: background-size 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
transition: background-size 550ms cubic-bezier(0.85, 0, 0, 1)
|
|
}
|
|
|
|
.rad-related-links__list li a:hover {
|
|
background-size: 100% 1px
|
|
}
|
|
|
|
.rad-related-links__list li sup {
|
|
font-size: .625rem;
|
|
font-weight: 600
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-related-links {
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row
|
|
}
|
|
|
|
.rad-related-links__section-header {
|
|
-ms-flex-negative: 0;
|
|
flex-shrink: 0;
|
|
margin-bottom: 0;
|
|
margin-right: calc(0% - var(--rad-spacing-sm)*3/4*0 + var(--rad-spacing-sm)*1 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*3/4*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0);
|
|
width: calc(37.5% - var(--rad-spacing-sm)*7/8*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-related-links__section-header {
|
|
width: calc(25% - var(--rad-spacing-sm)*11/12*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-related-links__section-header {
|
|
margin-right: calc(0% - var(--rad-spacing-sm)*7/8*0 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-related-links__section-header {
|
|
margin-right: calc(0% - var(--rad-spacing-sm)*11/12*0 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-component__title--large-text .rad-related-links__section-header {
|
|
font-size: 1.75rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.286
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-component__title--large-text .rad-related-links__section-header {
|
|
font-size: 2.5rem;
|
|
line-height: 1.2
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-component__title--large-text .rad-related-links__section-header {
|
|
font-size: 3rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-component__title--large-text .rad-related-links__section-header {
|
|
font-size: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-component__title--large-text .rad-related-links__section-header {
|
|
font-size: 4rem
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter {
|
|
padding-bottom: 1.5rem;
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-smart-filter {
|
|
padding-bottom: 3.75rem;
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter {
|
|
padding-bottom: calc(3.75rem + 4.16667vw - 60px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter {
|
|
padding-bottom: 5rem
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter__sticky-header {
|
|
background-color: #000;
|
|
overflow: hidden;
|
|
position: sticky;
|
|
top: var(--rad-nav-height);
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: top;
|
|
transition-property: top;
|
|
z-index: 6
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-smart-filter__sticky-header {
|
|
margin-left: calc(var(--rad-spacing-md)*-1);
|
|
margin-right: calc(var(--rad-spacing-md)*-1);
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter__filter-mobile-controls {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-webkit-box-pack: start;
|
|
-ms-flex-pack: start;
|
|
background-color: #000;
|
|
display: none;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
justify-content: flex-start;
|
|
left: 0;
|
|
position: fixed;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 1001
|
|
}
|
|
|
|
.rad-smart-filter__filter-mobile-controls--open {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-smart-filter__filter-mobile-controls {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter__filter-mobile-controls-header {
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
border-bottom: 1px solid #616160;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding-bottom: 1rem;
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm);
|
|
padding-top: 1rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-smart-filter__filter-mobile-controls-header {
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter__filter-mobile-controls-filters {
|
|
overflow: auto;
|
|
padding-bottom: 2rem;
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm);
|
|
padding-top: 1rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-smart-filter__filter-mobile-controls-filters {
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter__filter-mobile-controls-filters-heading {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
margin-bottom: 1rem;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter__filter-mobile-controls-filters-heading {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter__filter-mobile-controls-filters-heading {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter__filter-mobile-controls-filters-list {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
gap: .75rem .5rem
|
|
}
|
|
|
|
.rad-smart-filter__filter-mobile-controls-footer {
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
border-top: 1px solid #616160;
|
|
justify-content: center;
|
|
margin-top: auto;
|
|
padding: 1rem 0 1.5rem
|
|
}
|
|
|
|
.rad-smart-filter__filter-mobile-controls-footer,
|
|
.rad-smart-filter__filter-toggle-button {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex
|
|
}
|
|
|
|
.rad-smart-filter__filter-toggle-button {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
padding: .75rem 0;
|
|
text-underline-offset: .25rem;
|
|
width: 100%
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter__filter-toggle-button {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter__filter-toggle-button {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter__filter-toggle-button:before {
|
|
content: "";
|
|
display: inline;
|
|
font-family: icont;
|
|
font-size: 75%;
|
|
margin-right: .5rem;
|
|
width: 20px
|
|
}
|
|
|
|
.rad-smart-filter__filter-toggle-button:focus-visible {
|
|
outline-offset: -2px
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-smart-filter__filter-toggle-button {
|
|
padding-bottom: 0.875rem;
|
|
padding-top: 0.875rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter__filter-toggle-button {
|
|
padding-bottom: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter__filter-toggle-button {
|
|
padding-bottom: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter__filter-toggle-button {
|
|
padding-top: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter__filter-toggle-button {
|
|
padding-top: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter__filter-toggle-button--open:before {
|
|
content: "";
|
|
font-size: 10.7142857143%;
|
|
margin-top: 1px
|
|
}
|
|
|
|
.rad-smart-filter__filter-toggle-button-count {
|
|
white-space: pre
|
|
}
|
|
|
|
.rad-smart-filter__filter-list-wrapper {
|
|
display: none;
|
|
padding-bottom: 1.5rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-smart-filter__filter-list-wrapper {
|
|
display: block;
|
|
max-height: 0;
|
|
padding-bottom: 0;
|
|
-webkit-transition: max-height 550ms cubic-bezier(0.85, 0, 0, 1), visibility 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
transition: max-height 550ms cubic-bezier(0.85, 0, 0, 1), visibility 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
visibility: hidden
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter__filter-list-wrapper--open {
|
|
visibility: visible
|
|
}
|
|
|
|
.rad-smart-filter__filter-list {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
gap: .75rem .5rem;
|
|
padding-bottom: 1.5rem;
|
|
padding-top: .625rem
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-smart-filter__filter-list {
|
|
padding-bottom: 1rem;
|
|
padding-top: 1.125rem;
|
|
row-gap: 1rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter__filter-list {
|
|
padding-bottom: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter__filter-list {
|
|
padding-bottom: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter__filter-list {
|
|
padding-top: calc(1.125rem + 1.25vw - 18px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter__filter-list {
|
|
padding-top: 1.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter__filter-list {
|
|
row-gap: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter__filter-list {
|
|
row-gap: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter__filter-controls {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-pack: end;
|
|
-ms-flex-pack: end;
|
|
align-items: center;
|
|
-webkit-column-gap: 2rem;
|
|
-moz-column-gap: 2rem;
|
|
column-gap: 2rem;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
justify-content: flex-end;
|
|
padding-bottom: 1.5rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter__filter-controls {
|
|
-webkit-column-gap: calc(2rem + 2.22222vw - 32px);
|
|
-moz-column-gap: calc(2rem + 2.22222vw - 32px);
|
|
column-gap: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter__filter-controls {
|
|
-webkit-column-gap: 2.6666666667rem;
|
|
-moz-column-gap: 2.6666666667rem;
|
|
column-gap: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter__filter-controls {
|
|
padding-bottom: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter__filter-controls {
|
|
padding-bottom: 2rem
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter__filter-show-results {
|
|
-webkit-box-ordinal-group: 2;
|
|
-ms-flex-order: 1;
|
|
order: 1
|
|
}
|
|
|
|
.rad-smart-filter__results-and-sort {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
border-top: 1px solid #616160;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
margin-bottom: 1rem;
|
|
padding-top: 1.5rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-smart-filter__results-and-sort {
|
|
margin-bottom: 1.5rem;
|
|
padding-top: 2.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter__results-and-sort {
|
|
margin-bottom: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter__results-and-sort {
|
|
margin-bottom: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter__results-and-sort {
|
|
padding-top: calc(2.5rem + 2.77778vw - 40px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter__results-and-sort {
|
|
padding-top: 3.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter__sort {
|
|
margin-left: auto
|
|
}
|
|
|
|
.rad-smart-filter__cards {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
align-items: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column
|
|
}
|
|
|
|
.rad-smart-filter__cards-list {
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
-webkit-column-gap: 48px;
|
|
-moz-column-gap: 48px;
|
|
column-gap: 48px;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
justify-content: center;
|
|
margin-left: calc(var(--rad-spacing-sm)*-1);
|
|
margin-right: calc(var(--rad-spacing-sm)*-1);
|
|
row-gap: 1.5rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter__cards-list {
|
|
-webkit-column-gap: 3.33333vw;
|
|
-moz-column-gap: 3.33333vw;
|
|
column-gap: 3.33333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter__cards-list {
|
|
-webkit-column-gap: 64px;
|
|
-moz-column-gap: 64px;
|
|
column-gap: 64px
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-smart-filter__cards-list {
|
|
margin-left: calc(var(--rad-spacing-md)*-1);
|
|
margin-right: calc(var(--rad-spacing-md)*-1);
|
|
row-gap: 48px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter__cards-list {
|
|
row-gap: 3.33333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter__cards-list {
|
|
row-gap: 64px
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter__cards-row {
|
|
-webkit-column-gap: 3rem;
|
|
-moz-column-gap: 3rem;
|
|
column-gap: 3rem;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: -webkit-transform;
|
|
transition-property: -webkit-transform;
|
|
transition-property: transform;
|
|
transition-property: transform, -webkit-transform;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1)
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter__cards-row {
|
|
-webkit-column-gap: calc(3rem + 3.33333vw - 48px);
|
|
-moz-column-gap: calc(3rem + 3.33333vw - 48px);
|
|
column-gap: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter__cards-row {
|
|
-webkit-column-gap: 4rem;
|
|
-moz-column-gap: 4rem;
|
|
column-gap: 4rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-smart-filter__cards-row {
|
|
width: 600px
|
|
}
|
|
}
|
|
|
|
@media(min-width:924px) {
|
|
.rad-smart-filter__cards-row {
|
|
width: 924px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1248px) {
|
|
.rad-smart-filter__cards-row {
|
|
width: 1248px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter__cards-row {
|
|
width: 86.66667vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter__cards-row {
|
|
width: 1664px
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter__cards-load-more {
|
|
margin-top: 24px
|
|
}
|
|
|
|
.rad-smart-filter__cards-load-more:disabled {
|
|
display: none
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-smart-filter__cards-load-more {
|
|
margin-top: 48px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter__cards-load-more {
|
|
margin-top: 3.33333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter__cards-load-more {
|
|
margin-top: 64px
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter__card {
|
|
-ms-flex-negative: 0;
|
|
background-color: #460073;
|
|
flex-shrink: 0;
|
|
font-size: 1.125rem;
|
|
font-weight: 500;
|
|
height: 424px;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.6;
|
|
padding: 16px;
|
|
text-underline-offset: .25rem;
|
|
-webkit-transition: width 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
transition: width 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
width: 276px
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-smart-filter__card {
|
|
font-size: 1.25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter__card {
|
|
font-size: calc(1.25rem + 1.38889vw - 20px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter__card {
|
|
font-size: 1.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter__card {
|
|
height: 29.44444vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter__card {
|
|
height: 565.3333333333px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter__card {
|
|
padding: 1.11111vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter__card {
|
|
padding: 21.3333333333px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter__card {
|
|
width: 19.16667vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter__card {
|
|
width: 368px
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter__card:hover {
|
|
width: 600px
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter__card:hover {
|
|
width: 41.66667vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter__card:hover {
|
|
width: 800px
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-smart-filter .rad-card--expanded {
|
|
z-index: 0
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter__no-results {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
display: none;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
padding: 3rem 1rem;
|
|
text-align: center
|
|
}
|
|
|
|
.rad-smart-filter__no-results .no-results__header {
|
|
font-size: 1.5rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.035em;
|
|
line-height: 1.167;
|
|
padding-bottom: 1.5rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-smart-filter__no-results .no-results__header {
|
|
font-size: 2rem;
|
|
line-height: 1.25
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-smart-filter__no-results .no-results__header {
|
|
font-size: 2.25rem;
|
|
line-height: 1.111
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter__no-results .no-results__header {
|
|
font-size: calc(2.25rem + 2.5vw - 36px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter__no-results .no-results__header {
|
|
font-size: 3rem
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter__no-results .no-results__subheader {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
padding-bottom: 1.5rem;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter__no-results .no-results__subheader {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter__no-results .no-results__subheader {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter__no-results .no-results__graphic {
|
|
height: 14.125rem;
|
|
margin-top: 3rem;
|
|
width: 20rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-smart-filter__no-results {
|
|
margin: 0 auto;
|
|
padding: 3.75rem 0;
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-smart-filter__no-results {
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-smart-filter__no-results .no-results__graphic {
|
|
-webkit-box-ordinal-group: 0;
|
|
-ms-flex-order: -1;
|
|
margin-bottom: 2rem;
|
|
margin-top: 0;
|
|
order: -1
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-smart-filter__no-results {
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-smart-filter__no-results .no-results__header {
|
|
padding-bottom: 1rem
|
|
}
|
|
|
|
.rad-smart-filter__no-results .no-results__graphic {
|
|
margin-bottom: 3rem
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter__no-results--visible {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-smart-filter .rad-card {
|
|
height: 424px;
|
|
width: 276px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter .rad-card {
|
|
height: 29.44444vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter .rad-card {
|
|
height: 565.3333333333px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter .rad-card {
|
|
width: 19.16667vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter .rad-card {
|
|
width: 368px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-smart-filter .rad-card .rad-card__title {
|
|
max-width: 228px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter .rad-card .rad-card__title {
|
|
max-width: 15.83333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter .rad-card .rad-card__title {
|
|
max-width: 304px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-smart-filter .rad-card .rad-card__top-content {
|
|
padding-left: 1.5rem;
|
|
padding-right: 1.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter .rad-card .rad-card__top-content {
|
|
padding-right: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter .rad-card .rad-card__top-content {
|
|
padding-right: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter .rad-card .rad-card__top-content {
|
|
padding-left: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter .rad-card .rad-card__top-content {
|
|
padding-left: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-smart-filter .rad-card .rad-card__top-content-inner-row {
|
|
width: 552px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter .rad-card .rad-card__top-content-inner-row {
|
|
width: 38.33333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter .rad-card .rad-card__top-content-inner-row {
|
|
width: 736px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-smart-filter .rad-card .rad-card__description {
|
|
left: 300px;
|
|
width: 276px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter .rad-card .rad-card__description {
|
|
width: 19.16667vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter .rad-card .rad-card__description {
|
|
width: 368px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter .rad-card .rad-card__description {
|
|
left: 20.83333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter .rad-card .rad-card__description {
|
|
left: 400px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-smart-filter .rad-card .rad-card__cta {
|
|
width: 600px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter .rad-card .rad-card__cta {
|
|
width: 41.66667vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter .rad-card .rad-card__cta {
|
|
width: 800px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-smart-filter .rad-card .rad-card-feature__facts-figures {
|
|
width: 276px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter .rad-card .rad-card-feature__facts-figures {
|
|
width: 19.16667vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter .rad-card .rad-card-feature__facts-figures {
|
|
width: 368px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-smart-filter .rad-card .rad-card-feature--image-only {
|
|
width: 276px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter .rad-card .rad-card-feature--image-only {
|
|
width: 19.16667vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter .rad-card .rad-card-feature--image-only {
|
|
width: 368px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-smart-filter .rad-card .rad-card-feature-detail {
|
|
width: 228px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter .rad-card .rad-card-feature-detail {
|
|
width: 15.83333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter .rad-card .rad-card-feature-detail {
|
|
width: 304px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-smart-filter .rad-card .rad-card-feature__cover-img {
|
|
height: 212px;
|
|
width: 276px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter .rad-card .rad-card-feature__cover-img {
|
|
height: 14.72222vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter .rad-card .rad-card-feature__cover-img {
|
|
height: 282.6666666667px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter .rad-card .rad-card-feature__cover-img {
|
|
width: 19.16667vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter .rad-card .rad-card-feature__cover-img {
|
|
width: 368px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-smart-filter .rad-card.rad-card--announcement .rad-card-feature__cover-img {
|
|
height: 212px;
|
|
left: unset;
|
|
-webkit-transform: translateX(117px);
|
|
transform: translateX(117px);
|
|
width: 159px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter .rad-card.rad-card--announcement .rad-card-feature__cover-img {
|
|
height: 14.72222vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter .rad-card.rad-card--announcement .rad-card-feature__cover-img {
|
|
height: 282.6666666667px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter .rad-card.rad-card--announcement .rad-card-feature__cover-img {
|
|
width: 11.04167vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter .rad-card.rad-card--announcement .rad-card-feature__cover-img {
|
|
width: 212px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-smart-filter .rad-card.rad-card--expanded {
|
|
height: 424px;
|
|
width: 600px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter .rad-card.rad-card--expanded {
|
|
height: 29.44444vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter .rad-card.rad-card--expanded {
|
|
height: 565.3333333333px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter .rad-card.rad-card--expanded {
|
|
width: 41.66667vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter .rad-card.rad-card--expanded {
|
|
width: 800px
|
|
}
|
|
}
|
|
|
|
.rad-global-header--offscreen .rad-smart-filter__sticky-header {
|
|
top: 0
|
|
}
|
|
|
|
.rad--has-subnav.rad-global-header--offscreen .rad-smart-filter__sticky-header {
|
|
top: 3.25rem
|
|
}
|
|
|
|
.rad--has-subnav .rad-smart-filter__sticky-header {
|
|
top: calc(var(--rad-nav-height) + 3.25rem)
|
|
}
|
|
|
|
.rad-smart-filter-2 {
|
|
padding-bottom: 1.5rem;
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-smart-filter-2 {
|
|
padding-bottom: 3.75rem;
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter-2 {
|
|
padding-bottom: calc(3.75rem + 4.16667vw - 60px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter-2 {
|
|
padding-bottom: 5rem
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter-2__sticky-header {
|
|
background-color: #000;
|
|
overflow: hidden;
|
|
position: sticky;
|
|
top: var(--rad-nav-height);
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: top;
|
|
transition-property: top;
|
|
z-index: 6
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-smart-filter-2__sticky-header {
|
|
margin-left: calc(var(--rad-spacing-md)*-1);
|
|
margin-right: calc(var(--rad-spacing-md)*-1);
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter-2__filter-mobile-controls {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-webkit-box-pack: start;
|
|
-ms-flex-pack: start;
|
|
background-color: #000;
|
|
display: none;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
justify-content: flex-start;
|
|
left: 0;
|
|
position: fixed;
|
|
top: 0;
|
|
width: 100%;
|
|
z-index: 1001
|
|
}
|
|
|
|
.rad-smart-filter-2__filter-mobile-controls--open {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-smart-filter-2__filter-mobile-controls {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter-2__filter-mobile-controls-header {
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
border-bottom: 1px solid #616160;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding-bottom: 1rem;
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm);
|
|
padding-top: 1rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-smart-filter-2__filter-mobile-controls-header {
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter-2__filter-mobile-controls-filters {
|
|
overflow: auto;
|
|
padding-bottom: 2rem;
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm);
|
|
padding-top: 1rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-smart-filter-2__filter-mobile-controls-filters {
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter-2__filter-mobile-controls-filters-heading {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
align-items: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
justify-content: space-between;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
padding: .5rem 0;
|
|
text-underline-offset: .25rem;
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: color;
|
|
transition-property: color;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
width: 100%
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter-2__filter-mobile-controls-filters-heading {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter-2__filter-mobile-controls-filters-heading {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter-2__filter-mobile-controls-filters-heading:after {
|
|
content: "";
|
|
font-family: icont;
|
|
font-size: .5rem;
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: rotate;
|
|
transition-property: rotate;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
width: 1.25rem
|
|
}
|
|
|
|
.rad-smart-filter-2__filter-mobile-controls-filters-heading--open {
|
|
color: #a2a2a0
|
|
}
|
|
|
|
.rad-smart-filter-2__filter-mobile-controls-filters-heading--open:after {
|
|
rotate: -180deg
|
|
}
|
|
|
|
.rad-smart-filter-2__filter-mobile-controls-filters-list {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
gap: .75rem .5rem;
|
|
padding: 1rem 0 1rem 1rem
|
|
}
|
|
|
|
.rad-smart-filter-2__filter-mobile-controls-filters-list-wrapper {
|
|
max-height: 0;
|
|
overflow: hidden;
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: max-height, visibility;
|
|
transition-property: max-height, visibility;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
visibility: hidden
|
|
}
|
|
|
|
.rad-smart-filter-2__filter-mobile-controls-filters-list-wrapper--open {
|
|
visibility: visible
|
|
}
|
|
|
|
.rad-smart-filter-2__filter-mobile-controls-footer {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
align-items: center;
|
|
border-top: 1px solid #616160;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
justify-content: center;
|
|
margin-top: auto;
|
|
padding: 1rem 0 1.5rem
|
|
}
|
|
|
|
.rad-smart-filter-2__filter-toggle-button-container {
|
|
background-color: #616160;
|
|
border-top: 1px solid #616160;
|
|
-webkit-column-gap: .0625rem;
|
|
-moz-column-gap: .0625rem;
|
|
column-gap: .0625rem;
|
|
display: none;
|
|
grid-template-columns: repeat(3, 1fr)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-smart-filter-2__filter-toggle-button-container {
|
|
display: grid
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter-2__filter-mobile-toggle-button,
|
|
.rad-smart-filter-2__filter-toggle-button {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
background-color: #000;
|
|
border-bottom: 1px solid #616160;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
height: 3rem;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
padding: .5rem 0;
|
|
text-underline-offset: .25rem;
|
|
width: 100%
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
|
|
.rad-smart-filter-2__filter-mobile-toggle-button,
|
|
.rad-smart-filter-2__filter-toggle-button {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
|
|
.rad-smart-filter-2__filter-mobile-toggle-button,
|
|
.rad-smart-filter-2__filter-toggle-button {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter-2__filter-mobile-toggle-button:before,
|
|
.rad-smart-filter-2__filter-toggle-button:before {
|
|
content: "";
|
|
display: inline;
|
|
font-family: icont;
|
|
font-size: 75%;
|
|
margin-right: 8px;
|
|
width: 20px
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
|
|
.rad-smart-filter-2__filter-mobile-toggle-button:before,
|
|
.rad-smart-filter-2__filter-toggle-button:before {
|
|
width: 1.38889vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
|
|
.rad-smart-filter-2__filter-mobile-toggle-button:before,
|
|
.rad-smart-filter-2__filter-toggle-button:before {
|
|
width: 26.6666666667px
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
|
|
.rad-smart-filter-2__filter-mobile-toggle-button:before,
|
|
.rad-smart-filter-2__filter-toggle-button:before {
|
|
margin-right: 0.75rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
|
|
.rad-smart-filter-2__filter-mobile-toggle-button:before,
|
|
.rad-smart-filter-2__filter-toggle-button:before {
|
|
margin-right: calc(0.75rem + 0.83333vw - 12px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
|
|
.rad-smart-filter-2__filter-mobile-toggle-button:before,
|
|
.rad-smart-filter-2__filter-toggle-button:before {
|
|
margin-right: 1rem
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter-2__filter-mobile-toggle-button:focus-visible,
|
|
.rad-smart-filter-2__filter-toggle-button:focus-visible {
|
|
outline-offset: -2px
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
|
|
.rad-smart-filter-2__filter-mobile-toggle-button,
|
|
.rad-smart-filter-2__filter-toggle-button {
|
|
height: auto;
|
|
padding: .875rem 1rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
|
|
.rad-smart-filter-2__filter-mobile-toggle-button,
|
|
.rad-smart-filter-2__filter-toggle-button {
|
|
padding-left: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
|
|
.rad-smart-filter-2__filter-mobile-toggle-button,
|
|
.rad-smart-filter-2__filter-toggle-button {
|
|
padding-left: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
|
|
.rad-smart-filter-2__filter-mobile-toggle-button,
|
|
.rad-smart-filter-2__filter-toggle-button {
|
|
padding-right: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
|
|
.rad-smart-filter-2__filter-mobile-toggle-button,
|
|
.rad-smart-filter-2__filter-toggle-button {
|
|
padding-right: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
|
|
.rad-smart-filter-2__filter-mobile-toggle-button,
|
|
.rad-smart-filter-2__filter-toggle-button {
|
|
padding-bottom: 0.875rem;
|
|
padding-top: 0.875rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
|
|
.rad-smart-filter-2__filter-mobile-toggle-button,
|
|
.rad-smart-filter-2__filter-toggle-button {
|
|
padding-bottom: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
|
|
.rad-smart-filter-2__filter-mobile-toggle-button,
|
|
.rad-smart-filter-2__filter-toggle-button {
|
|
padding-bottom: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
|
|
.rad-smart-filter-2__filter-mobile-toggle-button,
|
|
.rad-smart-filter-2__filter-toggle-button {
|
|
padding-top: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
|
|
.rad-smart-filter-2__filter-mobile-toggle-button,
|
|
.rad-smart-filter-2__filter-toggle-button {
|
|
padding-top: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter-2__filter-mobile-toggle-button--open,
|
|
.rad-smart-filter-2__filter-toggle-button--open {
|
|
border-bottom-color: #000
|
|
}
|
|
|
|
.rad-smart-filter-2__filter-mobile-toggle-button--open:before,
|
|
.rad-smart-filter-2__filter-toggle-button--open:before {
|
|
content: "";
|
|
font-size: 10.7142857143%;
|
|
margin-top: 1px
|
|
}
|
|
|
|
.rad-smart-filter-2__filter-mobile-toggle-button-count,
|
|
.rad-smart-filter-2__filter-toggle-button-count {
|
|
white-space: pre
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-smart-filter-2__filter-mobile-toggle-button {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter-2__filter-list-wrapper {
|
|
display: none;
|
|
padding-bottom: 1.5rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-smart-filter-2__filter-list-wrapper {
|
|
border-bottom: 0 solid #616160;
|
|
display: block;
|
|
height: 0;
|
|
padding-bottom: 0;
|
|
position: relative;
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: border-bottom-width, height, visibility;
|
|
transition-property: border-bottom-width, height, visibility;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
visibility: hidden
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter-2__filter-list-wrapper--open {
|
|
border-bottom-width: 1px;
|
|
visibility: visible
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter-2__filter-list-wrapper--open {
|
|
border-bottom-width: 0.06944vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter-2__filter-list-wrapper--open {
|
|
border-bottom-width: 1.3333333333px
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter-2__filter-list {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
gap: .75rem .5rem;
|
|
padding-bottom: 1.5rem;
|
|
padding-top: .625rem;
|
|
position: absolute;
|
|
top: 0;
|
|
visibility: hidden
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-smart-filter-2__filter-list {
|
|
padding-bottom: 1rem;
|
|
padding-top: 1.125rem;
|
|
row-gap: 1rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter-2__filter-list {
|
|
padding-bottom: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter-2__filter-list {
|
|
padding-bottom: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter-2__filter-list {
|
|
padding-top: calc(1.125rem + 1.25vw - 18px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter-2__filter-list {
|
|
padding-top: 1.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter-2__filter-list {
|
|
row-gap: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter-2__filter-list {
|
|
row-gap: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter-2__filter-list--visible {
|
|
visibility: visible
|
|
}
|
|
|
|
.rad-smart-filter-2__filter-controls {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-column-gap: 2rem;
|
|
-moz-column-gap: 2rem;
|
|
column-gap: 2rem;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
padding-bottom: 1.5rem;
|
|
position: absolute;
|
|
right: 0
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter-2__filter-controls {
|
|
-webkit-column-gap: calc(2rem + 2.22222vw - 32px);
|
|
-moz-column-gap: calc(2rem + 2.22222vw - 32px);
|
|
column-gap: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter-2__filter-controls {
|
|
-webkit-column-gap: 2.6666666667rem;
|
|
-moz-column-gap: 2.6666666667rem;
|
|
column-gap: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter-2__filter-controls {
|
|
padding-bottom: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter-2__filter-controls {
|
|
padding-bottom: 2rem
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter-2__filter-show-results {
|
|
-webkit-box-ordinal-group: 2;
|
|
-ms-flex-order: 1;
|
|
order: 1
|
|
}
|
|
|
|
.rad-smart-filter-2__results-and-sort {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
margin-bottom: 1rem;
|
|
padding-top: 1.5rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-smart-filter-2__results-and-sort {
|
|
margin-bottom: 1.5rem;
|
|
padding-top: 2.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter-2__results-and-sort {
|
|
margin-bottom: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter-2__results-and-sort {
|
|
margin-bottom: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter-2__results-and-sort {
|
|
padding-top: calc(2.5rem + 2.77778vw - 40px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter-2__results-and-sort {
|
|
padding-top: 3.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter-2__sort {
|
|
margin-left: auto
|
|
}
|
|
|
|
.rad-smart-filter-2__cards {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
align-items: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column
|
|
}
|
|
|
|
.rad-smart-filter-2__cards-list {
|
|
-webkit-column-gap: 48px;
|
|
-moz-column-gap: 48px;
|
|
column-gap: 48px;
|
|
display: grid;
|
|
margin-left: calc(var(--rad-spacing-sm)*-1);
|
|
margin-right: calc(var(--rad-spacing-sm)*-1);
|
|
row-gap: 1.5rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter-2__cards-list {
|
|
-webkit-column-gap: 3.33333vw;
|
|
-moz-column-gap: 3.33333vw;
|
|
column-gap: 3.33333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter-2__cards-list {
|
|
-webkit-column-gap: 64px;
|
|
-moz-column-gap: 64px;
|
|
column-gap: 64px
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-smart-filter-2__cards-list {
|
|
grid-template-columns: repeat(2, 1fr);
|
|
margin-left: calc(var(--rad-spacing-md)*-1);
|
|
margin-right: calc(var(--rad-spacing-md)*-1);
|
|
row-gap: 48px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter-2__cards-list {
|
|
row-gap: 3.33333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter-2__cards-list {
|
|
row-gap: 64px
|
|
}
|
|
}
|
|
|
|
@media(min-width:924px) {
|
|
.rad-smart-filter-2__cards-list {
|
|
grid-template-columns: repeat(3, 1fr)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1248px) {
|
|
.rad-smart-filter-2__cards-list {
|
|
grid-template-columns: repeat(4, 1fr)
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter-2__cards-row {
|
|
-webkit-column-gap: 3rem;
|
|
-moz-column-gap: 3rem;
|
|
column-gap: 3rem;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: -webkit-transform;
|
|
transition-property: -webkit-transform;
|
|
transition-property: transform;
|
|
transition-property: transform, -webkit-transform;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1)
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter-2__cards-row {
|
|
-webkit-column-gap: calc(3rem + 3.33333vw - 48px);
|
|
-moz-column-gap: calc(3rem + 3.33333vw - 48px);
|
|
column-gap: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter-2__cards-row {
|
|
-webkit-column-gap: 4rem;
|
|
-moz-column-gap: 4rem;
|
|
column-gap: 4rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-smart-filter-2__cards-row {
|
|
width: 600px
|
|
}
|
|
}
|
|
|
|
@media(min-width:924px) {
|
|
.rad-smart-filter-2__cards-row {
|
|
width: 924px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1248px) {
|
|
.rad-smart-filter-2__cards-row {
|
|
width: 1248px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter-2__cards-row {
|
|
width: 86.66667vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter-2__cards-row {
|
|
width: 1664px
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter-2__cards-load-more {
|
|
margin-top: 24px
|
|
}
|
|
|
|
.rad-smart-filter-2__cards-load-more:disabled {
|
|
display: none
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-smart-filter-2__cards-load-more {
|
|
margin-top: 48px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter-2__cards-load-more {
|
|
margin-top: 3.33333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter-2__cards-load-more {
|
|
margin-top: 64px
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter-2__no-results {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
display: none;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
padding: 3rem 1rem;
|
|
text-align: center
|
|
}
|
|
|
|
.rad-smart-filter-2__no-results .no-results__header {
|
|
font-size: 1.5rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.035em;
|
|
line-height: 1.167;
|
|
padding-bottom: 1.5rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-smart-filter-2__no-results .no-results__header {
|
|
font-size: 2rem;
|
|
line-height: 1.25
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-smart-filter-2__no-results .no-results__header {
|
|
font-size: 2.25rem;
|
|
line-height: 1.111
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter-2__no-results .no-results__header {
|
|
font-size: calc(2.25rem + 2.5vw - 36px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter-2__no-results .no-results__header {
|
|
font-size: 3rem
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter-2__no-results .no-results__subheader {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
padding-bottom: 1.5rem;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-smart-filter-2__no-results .no-results__subheader {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-smart-filter-2__no-results .no-results__subheader {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter-2__no-results .no-results__graphic {
|
|
height: 14.125rem;
|
|
margin-top: 3rem;
|
|
width: 20rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-smart-filter-2__no-results {
|
|
margin: 0 auto;
|
|
padding: 3.75rem 0;
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-smart-filter-2__no-results {
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-smart-filter-2__no-results .no-results__graphic {
|
|
-webkit-box-ordinal-group: 0;
|
|
-ms-flex-order: -1;
|
|
margin-bottom: 2rem;
|
|
margin-top: 0;
|
|
order: -1
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-smart-filter-2__no-results {
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-smart-filter-2__no-results .no-results__header {
|
|
padding-bottom: 1rem
|
|
}
|
|
|
|
.rad-smart-filter-2__no-results .no-results__graphic {
|
|
margin-bottom: 3rem
|
|
}
|
|
}
|
|
|
|
.rad-smart-filter-2__no-results--visible {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex
|
|
}
|
|
|
|
.rad-global-header--offscreen .rad-smart-filter-2__sticky-header {
|
|
top: 0
|
|
}
|
|
|
|
.rad--has-subnav.rad-global-header--offscreen .rad-smart-filter-2__sticky-header {
|
|
top: 3.25rem
|
|
}
|
|
|
|
.rad--has-subnav .rad-smart-filter-2__sticky-header {
|
|
top: calc(var(--rad-nav-height) + 3.25rem)
|
|
}
|
|
|
|
@-webkit-keyframes rad-vertical-tabs-description-mobile-slide-in {
|
|
0% {
|
|
translate: var(--description-slide-start-amount)
|
|
}
|
|
|
|
to {
|
|
translate: 0
|
|
}
|
|
}
|
|
|
|
@keyframes rad-vertical-tabs-description-mobile-slide-in {
|
|
0% {
|
|
translate: var(--description-slide-start-amount)
|
|
}
|
|
|
|
to {
|
|
translate: 0
|
|
}
|
|
}
|
|
|
|
.rad-vertical-tabs {
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-vertical-tabs {
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
.rad-vertical-tabs__header {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
margin-bottom: 2.5rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-vertical-tabs__header {
|
|
margin-bottom: 3.75rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-vertical-tabs__header {
|
|
margin-bottom: calc(3.75rem + 4.16667vw - 60px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-vertical-tabs__header {
|
|
margin-bottom: 5rem
|
|
}
|
|
}
|
|
|
|
.rad-vertical-tabs__header-large-headline {
|
|
font-size: 3rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.167;
|
|
text-align: center
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-vertical-tabs__header-large-headline {
|
|
font-size: 5rem;
|
|
font-size: 2rem;
|
|
font-size: 3.75rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.05;
|
|
line-height: 1.25;
|
|
line-height: 1.067
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-vertical-tabs__header-large-headline {
|
|
font-size: calc(3.75rem + 4.16667vw - 60px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-vertical-tabs__header-large-headline {
|
|
font-size: 5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:768px) {
|
|
.rad-vertical-tabs__header-large-headline {
|
|
font-size: 3rem;
|
|
font-size: 5rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.167;
|
|
line-height: 1.05
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-vertical-tabs__header-large-headline {
|
|
font-size: 6.25rem;
|
|
line-height: 1.04
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-vertical-tabs__header-large-headline {
|
|
font-size: calc(6.25rem + 6.94444vw - 100px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-vertical-tabs__header-large-headline {
|
|
font-size: 8.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-vertical-tabs__header-large-headline+.rad-vertical-tabs__header-sub-header {
|
|
margin-top: .5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-vertical-tabs__header-large-headline+.rad-vertical-tabs__header-sub-header {
|
|
margin-top: 1rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-vertical-tabs__header-large-headline+.rad-vertical-tabs__header-sub-header {
|
|
margin-top: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-vertical-tabs__header-large-headline+.rad-vertical-tabs__header-sub-header {
|
|
margin-top: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-vertical-tabs__header-sub-header {
|
|
-ms-flex-item-align: center;
|
|
align-self: center;
|
|
font-family: GT Sectra Fine, Palatino;
|
|
font-size: 1rem;
|
|
font-weight: 300;
|
|
line-height: 1.5;
|
|
text-align: center
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-vertical-tabs__header-sub-header {
|
|
font-size: 1.125rem;
|
|
line-height: 1.333
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-vertical-tabs__header-sub-header {
|
|
font-size: 1.5rem;
|
|
line-height: 1.333
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-vertical-tabs__header-sub-header {
|
|
font-size: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-vertical-tabs__header-sub-header {
|
|
font-size: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-vertical-tabs__header-sub-header {
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-vertical-tabs__header-sub-header {
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0);
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1200px) {
|
|
.rad-vertical-tabs__header-sub-header {
|
|
font-family: GT Sectra Fine, Palatino;
|
|
font-size: 1.125rem;
|
|
font-size: 1.5rem;
|
|
font-size: 1.75rem;
|
|
font-weight: 300;
|
|
line-height: 1.333;
|
|
line-height: 1.286
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-vertical-tabs__header-sub-header {
|
|
font-size: calc(1.75rem + 1.94444vw - 28px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-vertical-tabs__header-sub-header {
|
|
font-size: 2.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-vertical-tabs__header-label {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
letter-spacing: .02em;
|
|
line-height: 1.143;
|
|
margin-bottom: 1rem;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-vertical-tabs__header-label {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-vertical-tabs__header-label {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-vertical-tabs__header-label {
|
|
margin-bottom: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-vertical-tabs__header-label {
|
|
margin-bottom: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-vertical-tabs__header-small-headline {
|
|
font-size: 1.75rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.286
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-vertical-tabs__header-small-headline {
|
|
font-size: 2.5rem;
|
|
line-height: 1.2
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-vertical-tabs__header-small-headline {
|
|
font-size: 3rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-vertical-tabs__header-small-headline {
|
|
font-size: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-vertical-tabs__header-small-headline {
|
|
font-size: 4rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-vertical-tabs__header-small-headline {
|
|
margin-bottom: 1.25rem
|
|
}
|
|
}
|
|
|
|
.rad-vertical-tabs__tabs {
|
|
position: relative
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-vertical-tabs__tabs {
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
justify-content: space-between
|
|
}
|
|
}
|
|
|
|
.rad-vertical-tabs__tabs-list {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
font-size: 1.25rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.025em;
|
|
line-height: 1.4;
|
|
row-gap: 1rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-vertical-tabs__tabs-list {
|
|
font-size: 1.5rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-vertical-tabs__tabs-list {
|
|
font-size: 2rem;
|
|
line-height: 1.25
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-vertical-tabs__tabs-list {
|
|
font-size: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-vertical-tabs__tabs-list {
|
|
font-size: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-vertical-tabs__tabs-list {
|
|
row-gap: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-vertical-tabs__tabs-list {
|
|
row-gap: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-vertical-tabs__tabs-list {
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0);
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-vertical-tabs__tabs-list {
|
|
font-size: 1.5rem;
|
|
font-size: 2rem;
|
|
font-size: 2.25rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.035em;
|
|
line-height: 1.167;
|
|
line-height: 1.25;
|
|
line-height: 1.111;
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0);
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-vertical-tabs__tabs-list {
|
|
font-size: calc(2.25rem + 2.5vw - 36px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-vertical-tabs__tabs-list {
|
|
font-size: 3rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-vertical-tabs__tabs-list {
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0);
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-vertical-tabs__tabs-list-entry {
|
|
--entry-transition-duration: 100ms;
|
|
position: relative;
|
|
text-align: left;
|
|
width: 100%
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-vertical-tabs__tabs-list-entry {
|
|
--dot-size: 6px;
|
|
min-width: 3em;
|
|
-webkit-transition: color var(--entry-transition-duration) cubic-bezier(0.85, 0, 0, 1), translate var(--entry-transition-duration) cubic-bezier(0.85, 0, 0, 1);
|
|
transition: color var(--entry-transition-duration) cubic-bezier(0.85, 0, 0, 1), translate var(--entry-transition-duration) cubic-bezier(0.85, 0, 0, 1);
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-vertical-tabs__tabs-list-entry {
|
|
--dot-size: 8px
|
|
}
|
|
}
|
|
|
|
.rad-vertical-tabs__tabs-list--active .rad-vertical-tabs__tabs-list-entry {
|
|
color: #616160
|
|
}
|
|
|
|
.rad-vertical-tabs__tabs-list--active .rad-vertical-tabs__tabs-list-entry--active {
|
|
color: #fff
|
|
}
|
|
|
|
.rad-vertical-tabs__tabs-list-entry:before {
|
|
background-color: #a100ff;
|
|
content: "";
|
|
display: block;
|
|
height: var(--dot-size);
|
|
left: 0;
|
|
opacity: 0;
|
|
position: absolute;
|
|
top: 1ex;
|
|
-webkit-transition: opacity var(--entry-transition-duration) cubic-bezier(0.85, 0, 0, 1), translate var(--entry-transition-duration) cubic-bezier(0.85, 0, 0, 1);
|
|
transition: opacity var(--entry-transition-duration) cubic-bezier(0.85, 0, 0, 1), translate var(--entry-transition-duration) cubic-bezier(0.85, 0, 0, 1);
|
|
translate: 0 -50%;
|
|
width: var(--dot-size)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-vertical-tabs__tabs-list-entry--active {
|
|
translate: calc(16px + var(--dot-size))
|
|
}
|
|
|
|
.rad-vertical-tabs__tabs-list-entry--active:before {
|
|
opacity: 1;
|
|
translate: calc(-100% - 16px) -50%
|
|
}
|
|
}
|
|
|
|
.rad-vertical-tabs__tabs-list-entry--mobile-active {
|
|
color: #fff
|
|
}
|
|
|
|
.rad-vertical-tabs__tabs-list-entry--mobile-inactive {
|
|
color: #616160
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-vertical-tabs__tabs-description-positioner {
|
|
height: 100%;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
width: calc(75% - var(--rad-spacing-sm)*3/4*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0);
|
|
width: calc(37.5% - var(--rad-spacing-sm)*7/8*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-vertical-tabs__tabs-description-positioner {
|
|
width: calc(25% - var(--rad-spacing-sm)*11/12*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0);
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0);
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-vertical-tabs__tabs-description {
|
|
height: 100%;
|
|
left: 0;
|
|
overflow-x: hidden;
|
|
position: fixed;
|
|
top: 0;
|
|
translate: 100%;
|
|
width: 100%;
|
|
z-index: 1001
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-vertical-tabs__tabs-description {
|
|
height: -webkit-fit-content;
|
|
height: -moz-fit-content;
|
|
height: fit-content;
|
|
overflow: visible;
|
|
position: sticky;
|
|
top: 180px;
|
|
translate: 0;
|
|
visibility: visible;
|
|
z-index: 1
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-vertical-tabs__tabs-description {
|
|
top: 12.5vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-vertical-tabs__tabs-description {
|
|
top: 240px
|
|
}
|
|
}
|
|
|
|
.rad-vertical-tabs__tabs-description-card {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
background-color: #000;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
min-height: 100%;
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-vertical-tabs__tabs-description-card {
|
|
-ms-flex-item-align: start;
|
|
align-self: flex-start;
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md);
|
|
padding: 0
|
|
}
|
|
}
|
|
|
|
.rad-vertical-tabs--mobile .rad-vertical-tabs__tabs-list--active .rad-vertical-tabs__tabs-description {
|
|
--description-slide-start-amount: 100%;
|
|
-webkit-animation: rad-vertical-tabs-description-mobile-slide-in .5s cubic-bezier(0.77, 0, 0.18, 1) 0s 1 forwards running;
|
|
animation: rad-vertical-tabs-description-mobile-slide-in .5s cubic-bezier(0.77, 0, 0.18, 1) 0s 1 forwards running
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-vertical-tabs--mobile .rad-vertical-tabs__tabs-list--active .rad-vertical-tabs__tabs-description {
|
|
-webkit-animation: none;
|
|
animation: none
|
|
}
|
|
}
|
|
|
|
.rad-vertical-tabs--mobile .rad-vertical-tabs__tabs-list--active .rad-vertical-tabs__tabs-description .rad-vertical-tabs__tabs-description-header {
|
|
--description-slide-start-amount: 8vw;
|
|
-webkit-animation: rad-vertical-tabs-description-mobile-slide-in .5s cubic-bezier(0.77, 0, 0.18, 1) .04s 1 both running;
|
|
animation: rad-vertical-tabs-description-mobile-slide-in .5s cubic-bezier(0.77, 0, 0.18, 1) .04s 1 both running
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-vertical-tabs--mobile .rad-vertical-tabs__tabs-list--active .rad-vertical-tabs__tabs-description .rad-vertical-tabs__tabs-description-header {
|
|
-webkit-animation: none;
|
|
animation: none
|
|
}
|
|
}
|
|
|
|
.rad-vertical-tabs--mobile .rad-vertical-tabs__tabs-list--active .rad-vertical-tabs__tabs-description .rad-vertical-tabs__tabs-description-sub-header {
|
|
--description-slide-start-amount: 10vw;
|
|
-webkit-animation: rad-vertical-tabs-description-mobile-slide-in .5s cubic-bezier(0.77, 0, 0.18, 1) .05s 1 both running;
|
|
animation: rad-vertical-tabs-description-mobile-slide-in .5s cubic-bezier(0.77, 0, 0.18, 1) .05s 1 both running
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-vertical-tabs--mobile .rad-vertical-tabs__tabs-list--active .rad-vertical-tabs__tabs-description .rad-vertical-tabs__tabs-description-sub-header {
|
|
-webkit-animation: none;
|
|
animation: none
|
|
}
|
|
}
|
|
|
|
.rad-vertical-tabs--mobile .rad-vertical-tabs__tabs-list--active .rad-vertical-tabs__tabs-description .rad-vertical-tabs__tabs-description-body {
|
|
--description-slide-start-amount: 10vw;
|
|
-webkit-animation: rad-vertical-tabs-description-mobile-slide-in .5s cubic-bezier(0.77, 0, 0.18, 1) .05s 1 both running;
|
|
animation: rad-vertical-tabs-description-mobile-slide-in .5s cubic-bezier(0.77, 0, 0.18, 1) .05s 1 both running
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-vertical-tabs--mobile .rad-vertical-tabs__tabs-list--active .rad-vertical-tabs__tabs-description .rad-vertical-tabs__tabs-description-body {
|
|
-webkit-animation: none;
|
|
animation: none
|
|
}
|
|
}
|
|
|
|
.rad-vertical-tabs--mobile .rad-vertical-tabs__tabs-list--active .rad-vertical-tabs__tabs-description .rad-vertical-tabs__tabs-description-button {
|
|
--description-slide-start-amount: 12vw;
|
|
-webkit-animation: rad-vertical-tabs-description-mobile-slide-in .5s cubic-bezier(0.77, 0, 0.18, 1) .06s 1 both running;
|
|
animation: rad-vertical-tabs-description-mobile-slide-in .5s cubic-bezier(0.77, 0, 0.18, 1) .06s 1 both running
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-vertical-tabs--mobile .rad-vertical-tabs__tabs-list--active .rad-vertical-tabs__tabs-description .rad-vertical-tabs__tabs-description-button {
|
|
-webkit-animation: none;
|
|
animation: none
|
|
}
|
|
}
|
|
|
|
.rad-vertical-tabs--mobile .rad-vertical-tabs__tabs-list--active .rad-vertical-tabs__tabs-description .cmp-image {
|
|
--description-slide-start-amount: 14vw;
|
|
-webkit-animation: rad-vertical-tabs-description-mobile-slide-in .5s cubic-bezier(0.77, 0, 0.18, 1) .07s 1 both running;
|
|
animation: rad-vertical-tabs-description-mobile-slide-in .5s cubic-bezier(0.77, 0, 0.18, 1) .07s 1 both running
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-vertical-tabs--mobile .rad-vertical-tabs__tabs-list--active .rad-vertical-tabs__tabs-description .cmp-image {
|
|
-webkit-animation: none;
|
|
animation: none
|
|
}
|
|
}
|
|
|
|
.rad-vertical-tabs__tabs-description-close-button {
|
|
-ms-flex-item-align: end;
|
|
-ms-flex-negative: 0;
|
|
align-self: flex-end;
|
|
flex-shrink: 0;
|
|
height: 48px;
|
|
margin: .75rem -0.25rem .5rem 0;
|
|
width: 48px
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-vertical-tabs__tabs-description-close-button {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.rad-vertical-tabs__tabs-description-header {
|
|
font-size: 1.5rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.035em;
|
|
line-height: 1.333;
|
|
margin-bottom: 1rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-vertical-tabs__tabs-description-header {
|
|
font-size: 2rem;
|
|
line-height: 1.25
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-vertical-tabs__tabs-description-header {
|
|
font-size: 2.5rem;
|
|
line-height: 1.2
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-vertical-tabs__tabs-description-header {
|
|
font-size: calc(2.5rem + 2.77778vw - 40px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-vertical-tabs__tabs-description-header {
|
|
font-size: 3.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-vertical-tabs__tabs-description-header {
|
|
margin-bottom: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-vertical-tabs__tabs-description-header {
|
|
margin-bottom: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-vertical-tabs__tabs-description-header {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.rad-vertical-tabs__tabs-description-sub-header {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.02em;
|
|
line-height: 1.5;
|
|
margin-bottom: 1rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-vertical-tabs__tabs-description-sub-header {
|
|
font-size: 1.125rem;
|
|
line-height: 1.33
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-vertical-tabs__tabs-description-sub-header {
|
|
font-size: 1.5rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-vertical-tabs__tabs-description-sub-header {
|
|
font-size: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-vertical-tabs__tabs-description-sub-header {
|
|
font-size: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-vertical-tabs__tabs-description-sub-header {
|
|
margin-bottom: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-vertical-tabs__tabs-description-sub-header {
|
|
margin-bottom: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-vertical-tabs__tabs-description-body {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-vertical-tabs__tabs-description-body {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-vertical-tabs__tabs-description-body {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-vertical-tabs__tabs-description-button {
|
|
-ms-flex-item-align: end;
|
|
align-self: flex-end;
|
|
margin-top: 1rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-vertical-tabs__tabs-description-button {
|
|
margin-top: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-vertical-tabs__tabs-description-button {
|
|
margin-top: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-vertical-tabs__tabs-description-button {
|
|
-ms-flex-item-align: start;
|
|
align-self: flex-start
|
|
}
|
|
}
|
|
|
|
.rad-vertical-tabs__tabs-description .cmp-image {
|
|
aspect-ratio: 16/9;
|
|
margin-top: 2.5rem;
|
|
overflow: hidden
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-vertical-tabs__tabs-description .cmp-image {
|
|
margin-top: 3rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-vertical-tabs__tabs-description .cmp-image {
|
|
margin-top: 4rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-vertical-tabs__tabs-description .cmp-image {
|
|
margin-top: calc(4rem + 4.44444vw - 64px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-vertical-tabs__tabs-description .cmp-image {
|
|
margin-top: 5.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-vertical-tabs__tabs-description .cmp-image__image {
|
|
height: 100%;
|
|
margin-left: calc(var(--rad-spacing-sm)*-1);
|
|
margin-right: calc(var(--rad-spacing-sm)*-1);
|
|
max-width: calc(100% + var(--rad-spacing-sm)*2);
|
|
-o-object-fit: cover;
|
|
object-fit: cover;
|
|
width: 100%
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-vertical-tabs__tabs-description .cmp-image__image {
|
|
margin-left: 0;
|
|
margin-right: 0;
|
|
max-width: 100%
|
|
}
|
|
}
|
|
|
|
.rad-vertical-tabs__tabs-description--hidden {
|
|
display: none
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-vertical-tabs__tabs-description--hidden {
|
|
display: block;
|
|
visibility: hidden
|
|
}
|
|
}
|
|
|
|
.rad-vertical-tabs__button {
|
|
margin-top: var(--rad-spacing-sm)
|
|
}
|
|
|
|
.rad-client-carousel {
|
|
position: relative
|
|
}
|
|
|
|
.rad-client-carousel .flickity-cell {
|
|
bottom: 0
|
|
}
|
|
|
|
.rad-client-carousel .flickity-page-dots {
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
bottom: -1rem;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: 24px;
|
|
justify-content: center;
|
|
position: relative;
|
|
right: 0
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-client-carousel .flickity-page-dots {
|
|
height: 48px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-client-carousel .flickity-page-dots {
|
|
height: 3.33333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-client-carousel .flickity-page-dots {
|
|
height: 64px
|
|
}
|
|
}
|
|
|
|
.rad-client-carousel .flickity-page-dots .flickity-page-dot {
|
|
background: none;
|
|
border-radius: 0;
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
height: 100%;
|
|
margin: 0;
|
|
padding: 0 .25rem;
|
|
position: relative;
|
|
width: .5rem
|
|
}
|
|
|
|
.rad-client-carousel .flickity-page-dots .flickity-page-dot:focus-visible {
|
|
outline: .0625rem solid #a100ff;
|
|
outline-offset: -0.0625rem
|
|
}
|
|
|
|
.rad-client-carousel .flickity-page-dots .flickity-page-dot:focus {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none
|
|
}
|
|
|
|
.rad-client-carousel .flickity-page-dots .flickity-page-dot:after,
|
|
.rad-client-carousel .flickity-page-dots .flickity-page-dot:before {
|
|
content: "";
|
|
display: block;
|
|
height: .5rem;
|
|
position: absolute;
|
|
top: 50%;
|
|
translate: 0 -50%
|
|
}
|
|
|
|
.rad-client-carousel .flickity-page-dots .flickity-page-dot:first-child {
|
|
overflow: visible
|
|
}
|
|
|
|
.rad-client-carousel .flickity-page-dots .flickity-page-dot:first-child:before {
|
|
background: #616160;
|
|
left: 50%;
|
|
-webkit-transition: width 250ms ease 0s;
|
|
transition: width 250ms ease 0s;
|
|
width: calc(var(--dot-index)*100%)
|
|
}
|
|
|
|
.rad-client-carousel .flickity-page-dots .flickity-page-dot:after {
|
|
background: #616160;
|
|
left: .25rem;
|
|
width: .5rem
|
|
}
|
|
|
|
.rad-client-carousel .flickity-page-dots .flickity-page-dot:hover {
|
|
background: none
|
|
}
|
|
|
|
.rad-client-carousel .flickity-page-dots .flickity-page-dot:hover:after {
|
|
background: #a2a2a0
|
|
}
|
|
|
|
.rad-client-carousel .flickity-page-dots .flickity-page-dot.is-selected {
|
|
background: none
|
|
}
|
|
|
|
.rad-client-carousel .flickity-page-dots .flickity-page-dot.is-selected:after {
|
|
background: #fff
|
|
}
|
|
|
|
.rad-client-carousel__container {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
margin-bottom: 1rem
|
|
}
|
|
|
|
.rad-client-carousel__container .flickity-button {
|
|
display: none
|
|
}
|
|
|
|
.rad-client-carousel__cell,
|
|
.rad-client-carousel__left {
|
|
width: 100%
|
|
}
|
|
|
|
.rad-client-carousel__left .rad-client-carousel__image-container .rad-client-carousel__image {
|
|
display: block;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-client-carousel__right {
|
|
padding: 0 1rem 1rem;
|
|
position: static;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-client-carousel__right .rad-client-carousel__cell {
|
|
padding-top: 1.5rem
|
|
}
|
|
|
|
.rad-client-carousel__right .rad-client-carousel__title {
|
|
font-size: 1.25rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.025em;
|
|
line-height: 1.4;
|
|
margin-bottom: 1rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-client-carousel__right .rad-client-carousel__title {
|
|
font-size: 1.5rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-client-carousel__right .rad-client-carousel__title {
|
|
font-size: 2rem;
|
|
line-height: 1.25
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-client-carousel__right .rad-client-carousel__title {
|
|
font-size: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-client-carousel__right .rad-client-carousel__title {
|
|
font-size: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-client-carousel__right .rad-client-carousel__info {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
margin-bottom: 1rem;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-client-carousel__right .rad-client-carousel__info {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-client-carousel__right .rad-client-carousel__info {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-client-carousel__right .rad-client-carousel__read {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
padding: 0;
|
|
text-underline-offset: .25rem;
|
|
visibility: hidden
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-client-carousel__right .rad-client-carousel__read {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-client-carousel__right .rad-client-carousel__read {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-client-carousel__right .rad-client-carousel__cell.is-selected .rad-client-carousel__read {
|
|
visibility: visible
|
|
}
|
|
|
|
.rad-client-carousel__controllers {
|
|
display: none
|
|
}
|
|
|
|
.rad-carousel-header {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
padding: 0 1rem 1.5rem;
|
|
row-gap: 8px;
|
|
width: calc(min(100vw, 1920px)/4*4 - var(--rad-spacing-sm)*2/4*4 - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-carousel-header {
|
|
width: calc(min(100vw, 1920px)/8*4 - var(--rad-spacing-md)*2/8*4 - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-carousel-header {
|
|
width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-carousel-header {
|
|
padding: 0 0 2rem 3rem;
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-carousel-header {
|
|
padding-bottom: 3rem;
|
|
padding-left: 5rem;
|
|
row-gap: 1rem;
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0);
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-carousel-header {
|
|
padding-bottom: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-carousel-header {
|
|
padding-bottom: 4rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-carousel-header {
|
|
row-gap: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-carousel-header {
|
|
row-gap: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-carousel-header {
|
|
padding-left: calc(5rem + 5.55556vw - 80px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-carousel-header {
|
|
padding-left: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-carousel-header {
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-carousel-header__title {
|
|
font-size: 1.25rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.025em;
|
|
line-height: 1.4
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-carousel-header__title {
|
|
font-size: 1.5rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-carousel-header__title {
|
|
font-size: 2rem;
|
|
line-height: 1.25
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-carousel-header__title {
|
|
font-size: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-carousel-header__title {
|
|
font-size: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-carousel-header__headline {
|
|
font-size: 1.75rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.286
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-carousel-header__headline {
|
|
font-size: 2.5rem;
|
|
line-height: 1.2
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-carousel-header__headline {
|
|
font-size: 3rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-carousel-header__headline {
|
|
font-size: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-carousel-header__headline {
|
|
font-size: 4rem
|
|
}
|
|
}
|
|
|
|
.rad-carousel-header__subheader {
|
|
font-family: GT Sectra Fine, Palatino;
|
|
font-size: 1rem;
|
|
font-weight: 300;
|
|
line-height: 1.5
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-carousel-header__subheader {
|
|
font-size: 1.125rem;
|
|
line-height: 1.333
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-carousel-header__subheader {
|
|
font-size: 1.5rem;
|
|
line-height: 1.333
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-carousel-header__subheader {
|
|
font-size: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-carousel-header__subheader {
|
|
font-size: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-client-carousel {
|
|
padding-left: 0;
|
|
padding-right: 3rem;
|
|
position: relative
|
|
}
|
|
|
|
.rad-client-carousel .flickity-cell {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.rad-client-carousel .flickity-page-dots {
|
|
margin-right: 3rem;
|
|
margin-top: 0;
|
|
position: absolute;
|
|
top: calc(100% - 60px);
|
|
width: auto
|
|
}
|
|
|
|
.rad-client-carousel__container {
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-webkit-box-align: baseline;
|
|
-ms-flex-align: baseline;
|
|
align-items: baseline;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
margin-bottom: 1.5rem
|
|
}
|
|
|
|
.rad-client-carousel__container .flickity-enabled:focus-visible {
|
|
outline: .125rem solid #a100ff
|
|
}
|
|
|
|
.rad-client-carousel__read {
|
|
margin-bottom: -0.5rem
|
|
}
|
|
|
|
.rad-client-carousel__controllers {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
gap: 4px;
|
|
margin-left: 2.25rem;
|
|
position: absolute;
|
|
top: calc(100% - 60px)
|
|
}
|
|
|
|
.rad-client-carousel__controllers .rad-icon-button {
|
|
width: 48px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-client-carousel__controllers .rad-icon-button {
|
|
width: 3.33333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-client-carousel__controllers .rad-icon-button {
|
|
width: 64px
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-client-carousel__controllers .rad-icon-button:focus-visible {
|
|
outline-offset: 0
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-client-carousel-pause {
|
|
display: none
|
|
}
|
|
|
|
.rad-client-carousel__left {
|
|
-ms-flex-negative: 0;
|
|
flex-shrink: 0;
|
|
width: calc(min(100vw, 1920px)/4*4 - var(--rad-spacing-sm)*2/4*4 - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*1);
|
|
width: calc(min(100vw, 1920px)/8*4 - var(--rad-spacing-md)*2/8*4 - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*1)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-client-carousel__left {
|
|
width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*1)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-client-carousel__right {
|
|
padding: 0
|
|
}
|
|
|
|
.rad-client-carousel__right .flickity-viewport {
|
|
height: 12.5rem
|
|
}
|
|
|
|
.rad-client-carousel__right .rad-client-carousel__cell {
|
|
padding-left: calc(min(100vw, 1920px)/4*1 - var(--rad-spacing-sm)*2/4*1 - var(--rad-spacing-sm)*3/4*1 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0);
|
|
padding-left: calc(min(100vw, 1920px)/8*1 - var(--rad-spacing-md)*2/8*1 - var(--rad-spacing-sm)*7/8*1 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0);
|
|
padding-top: 0
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-client-carousel__right .rad-client-carousel__cell {
|
|
padding-left: calc(min(100vw, 1920px)/12*1 - var(--rad-spacing-md)*2/12*1 - var(--rad-spacing-sm)*11/12*1 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-client-carousel__right .rad-client-carousel__title {
|
|
font-size: 1.125rem;
|
|
font-size: 1.25rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.02em;
|
|
line-height: 1.5;
|
|
line-height: 1.4;
|
|
margin-bottom: 1rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-client-carousel__right .rad-client-carousel__title {
|
|
font-size: 1.75rem;
|
|
line-height: 1.286
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-client-carousel__right .rad-client-carousel__title {
|
|
font-size: calc(1.75rem + 1.94444vw - 28px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-client-carousel__right .rad-client-carousel__title {
|
|
font-size: 2.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-client-carousel__right .rad-client-carousel__content {
|
|
width: auto
|
|
}
|
|
|
|
.rad-client-carousel__right .rad-client-carousel__info {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.429;
|
|
margin-bottom: 0;
|
|
text-underline-offset: .25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-client-carousel__right .rad-client-carousel__info {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-client-carousel__right .rad-client-carousel__info {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-client-carousel__right .rad-client-carousel__read {
|
|
margin-top: 1rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-client-carousel__container {
|
|
margin-bottom: 2rem
|
|
}
|
|
|
|
.rad-client-carousel {
|
|
padding-right: 5rem
|
|
}
|
|
|
|
.rad-client-carousel .flickity-page-dots {
|
|
margin-right: 5rem;
|
|
top: calc(100% - 5rem)
|
|
}
|
|
|
|
.rad-client-carousel__controllers {
|
|
margin-left: 4.25rem;
|
|
top: calc(100% - 5rem)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-client-carousel__controllers {
|
|
margin-left: calc(4.25rem + 4.72222vw - 68px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-client-carousel__controllers {
|
|
margin-left: 5.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-client-carousel__left {
|
|
width: calc(min(100vw, 1920px)/4*6 - var(--rad-spacing-sm)*2/4*6 - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*1);
|
|
width: calc(min(100vw, 1920px)/8*6 - var(--rad-spacing-md)*2/8*6 - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*1);
|
|
width: calc(min(100vw, 1920px)/12*6 - var(--rad-spacing-md)*2/12*6 - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*1)
|
|
}
|
|
|
|
.rad-client-carousel__right .flickity-viewport {
|
|
min-height: 14.0625rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-client-carousel__right .flickity-viewport {
|
|
min-height: calc(14.0625rem + 15.625vw - 225px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-client-carousel__right .flickity-viewport {
|
|
min-height: 18.75rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-client-carousel__right .rad-client-carousel__title {
|
|
margin-bottom: 1.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-client-carousel__right .rad-client-carousel__title {
|
|
margin-bottom: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-client-carousel__right .rad-client-carousel__title {
|
|
margin-bottom: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-client-carousel__right .rad-client-carousel__read {
|
|
margin-top: 1.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-client-carousel__right .rad-client-carousel__read {
|
|
margin-top: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-client-carousel__right .rad-client-carousel__read {
|
|
margin-top: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-client-carousel__right .rad-client-carousel__cell {
|
|
padding-left: calc(min(100vw, 1920px)/4*2 - var(--rad-spacing-sm)*2/4*2 - var(--rad-spacing-sm)*3/4*2 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0);
|
|
padding-left: calc(min(100vw, 1920px)/8*2 - var(--rad-spacing-md)*2/8*2 - var(--rad-spacing-sm)*7/8*2 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0);
|
|
padding-left: calc(min(100vw, 1920px)/12*2 - var(--rad-spacing-md)*2/12*2 - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0);
|
|
padding-top: 0
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-client-carousel__container {
|
|
margin-bottom: 3.333125rem
|
|
}
|
|
}
|
|
|
|
.rad-absorb-image__wrapper img {
|
|
display: block;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-absorb-image__caption {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.429;
|
|
padding-top: .5rem;
|
|
text-underline-offset: .25rem;
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0)
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-absorb-image__caption {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-absorb-image__caption {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-absorb-image__caption {
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-absorb-image__caption {
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-absorb-image__caption {
|
|
padding-left: 0;
|
|
width: calc(125% - var(--rad-spacing-sm)*3/4*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-sm)*0);
|
|
width: calc(62.5% - var(--rad-spacing-sm)*7/8*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-absorb-image__caption {
|
|
padding-top: 0.75rem;
|
|
width: calc(41.66667% - var(--rad-spacing-sm)*11/12*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0);
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0);
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-absorb-image__caption {
|
|
padding-top: calc(0.75rem + 0.83333vw - 12px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-absorb-image__caption {
|
|
padding-top: 1rem
|
|
}
|
|
}
|
|
|
|
.rad-absorb-image__caption-text {
|
|
color: #a2a2a0;
|
|
padding-top: .5rem
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-absorb-image__caption-text {
|
|
padding-top: 0.25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-absorb-image__caption-text {
|
|
padding-top: calc(0.25rem + 0.27778vw - 4px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-absorb-image__caption-text {
|
|
padding-top: 0.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-absorb-image__caption-text:first-child {
|
|
color: #fff
|
|
}
|
|
|
|
.rad-absorb-image--img-large .rad-absorb-image__caption,
|
|
.rad-absorb-image--img-large .rad-absorb-image__wrapper {
|
|
margin: 0 var(--rad-spacing-sm)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
|
|
.rad-absorb-image--img-large .rad-absorb-image__caption,
|
|
.rad-absorb-image--img-large .rad-absorb-image__wrapper {
|
|
margin: 0 var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
.rad-absorb-image--img-large.rad-absorb-image--flush .rad-absorb-image__wrapper {
|
|
margin: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-absorb-image--img-medium {
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-absorb-image--img-medium {
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
.rad-absorb-image--img-medium .rad-absorb-image__wrapper {
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-absorb-image--img-medium .rad-absorb-image__wrapper {
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-absorb-image--img-medium .rad-absorb-image__wrapper {
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-absorb-image--img-medium .rad-absorb-image__wrapper {
|
|
width: calc(125% - var(--rad-spacing-sm)*3/4*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-sm)*0);
|
|
width: calc(62.5% - var(--rad-spacing-sm)*7/8*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-absorb-image--img-medium .rad-absorb-image__wrapper {
|
|
width: calc(41.66667% - var(--rad-spacing-sm)*11/12*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0);
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-absorb-image--img-medium.rad-absorb-image--flush .rad-absorb-image__wrapper {
|
|
margin-left: calc(var(--rad-spacing-sm)*-1);
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*1)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-absorb-image--img-medium.rad-absorb-image--flush .rad-absorb-image__wrapper {
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*1)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-absorb-image--img-medium.rad-absorb-image--flush .rad-absorb-image__wrapper {
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*1)
|
|
}
|
|
}
|
|
|
|
.rad-absorb-image--img-medium.rad-absorb-image--flush .rad-absorb-image__wrapper img {
|
|
max-width: none
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-absorb-image--img-medium.rad-absorb-image--flush .rad-absorb-image__wrapper {
|
|
margin-left: calc(var(--rad-spacing-md)*-1);
|
|
width: calc(125% - var(--rad-spacing-sm)*3/4*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-sm)*1);
|
|
width: calc(62.5% - var(--rad-spacing-sm)*7/8*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*1)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-absorb-image--img-medium.rad-absorb-image--flush .rad-absorb-image__wrapper {
|
|
width: calc(41.66667% - var(--rad-spacing-sm)*11/12*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*1);
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*1);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*1);
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*1)
|
|
}
|
|
}
|
|
|
|
.rad-absorb-image--img-medium.rad-absorb-image--align-right.rad-absorb-image--flush .rad-absorb-image__wrapper {
|
|
margin-left: 0;
|
|
margin-right: calc(var(--rad-spacing-sm)*-1)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-absorb-image--img-medium.rad-absorb-image--align-right.rad-absorb-image--flush .rad-absorb-image__wrapper {
|
|
margin-right: calc(var(--rad-spacing-md)*-1)
|
|
}
|
|
}
|
|
|
|
.rad-absorb-image--img-small {
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-absorb-image--img-small {
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
.rad-absorb-image--img-small .rad-absorb-image__wrapper {
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-absorb-image--img-small .rad-absorb-image__wrapper {
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0);
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-absorb-image--img-small .rad-absorb-image__wrapper {
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0);
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0);
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-absorb-image--img-small.rad-absorb-image--flush .rad-absorb-image__wrapper {
|
|
margin-left: calc(var(--rad-spacing-sm)*-1);
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*1)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-absorb-image--img-small.rad-absorb-image--flush .rad-absorb-image__wrapper {
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*1)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-absorb-image--img-small.rad-absorb-image--flush .rad-absorb-image__wrapper {
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*1)
|
|
}
|
|
}
|
|
|
|
.rad-absorb-image--img-small.rad-absorb-image--flush .rad-absorb-image__wrapper img {
|
|
max-width: none
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-absorb-image--img-small.rad-absorb-image--flush .rad-absorb-image__wrapper {
|
|
margin-left: calc(var(--rad-spacing-md)*-1)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-absorb-image--img-small.rad-absorb-image--flush .rad-absorb-image__wrapper {
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*1);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*1);
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*1)
|
|
}
|
|
}
|
|
|
|
.rad-absorb-image--img-small.rad-absorb-image--align-right.rad-absorb-image--flush .rad-absorb-image__wrapper {
|
|
margin-left: 0;
|
|
margin-right: calc(var(--rad-spacing-sm)*-1)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-absorb-image--img-small.rad-absorb-image--align-right.rad-absorb-image--flush .rad-absorb-image__wrapper {
|
|
margin-right: calc(var(--rad-spacing-md)*-1)
|
|
}
|
|
}
|
|
|
|
.rad-absorb-image--align-right {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
|
|
.rad-absorb-image--align-right .rad-absorb-image__caption,
|
|
.rad-absorb-image--align-right .rad-absorb-image__wrapper {
|
|
-ms-flex-item-align: end;
|
|
align-self: flex-end;
|
|
text-align: right
|
|
}
|
|
}
|
|
|
|
@media(max-width:599px) {
|
|
.rad-absorb-image--standard {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-absorb-image--mobile {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.rad-authors {
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-authors {
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-authors {
|
|
padding-left: 0;
|
|
padding-top: 8.75rem;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0
|
|
}
|
|
}
|
|
|
|
.rad-authors__label {
|
|
border-bottom: 1px;
|
|
border-color: #202020;
|
|
border-style: solid;
|
|
color: #a2a2a0;
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
letter-spacing: .02em;
|
|
line-height: 1.143;
|
|
padding-bottom: 16px
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-authors__label {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-authors__label {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-authors__label {
|
|
padding-bottom: 24px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-authors__label {
|
|
border-bottom-width: 0;
|
|
padding-bottom: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-authors__label {
|
|
padding-bottom: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-authors__label {
|
|
padding-bottom: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-authors__author {
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
-webkit-box-align: start;
|
|
-ms-flex-align: start;
|
|
align-items: flex-start;
|
|
border-bottom: 1px;
|
|
border-color: #202020;
|
|
border-style: solid;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
gap: 24px;
|
|
justify-content: space-between
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-authors__author {
|
|
gap: 32px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-authors__author {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
border-bottom-width: 0;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
gap: 4px;
|
|
padding-bottom: 1.5rem;
|
|
width: calc(min(100vw, 1920px)/4*2 - var(--rad-spacing-sm)*2/4*2 - var(--rad-spacing-sm)*3/4*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-sm)*0);
|
|
width: calc(min(100vw, 1920px)/8*2 - var(--rad-spacing-md)*2/8*2 - var(--rad-spacing-sm)*7/8*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0);
|
|
width: calc(min(100vw, 1920px)/12*2 - var(--rad-spacing-md)*2/12*2 - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-authors__author {
|
|
padding-bottom: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-authors__author {
|
|
padding-bottom: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-authors__author:last-child {
|
|
padding-bottom: 0
|
|
}
|
|
}
|
|
|
|
.rad-authors__text {
|
|
max-width: calc(100% - 7rem);
|
|
padding: var(--rad-spacing-sm) 0
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-authors__text {
|
|
max-width: calc(100% - 10rem);
|
|
padding-bottom: 16px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-authors__text {
|
|
max-width: unset;
|
|
padding-bottom: 0;
|
|
padding-top: 0
|
|
}
|
|
}
|
|
|
|
.rad-authors__author-name {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.429;
|
|
margin-bottom: 4px;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-authors__author-name {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-authors__author-name {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-authors__author-name {
|
|
margin-bottom: 0
|
|
}
|
|
}
|
|
|
|
.rad-authors__author-title {
|
|
color: #a2a2a0;
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.429;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-authors__author-title {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-authors__author-title {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-authors__author-social {
|
|
-webkit-box-flex: 0;
|
|
-ms-flex-positive: 0;
|
|
-ms-flex-negative: 0;
|
|
-webkit-box-pack: right;
|
|
-ms-flex-pack: right;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
gap: 16px;
|
|
justify-content: right;
|
|
padding-top: .5rem;
|
|
width: 80px
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-authors__author-social {
|
|
padding-top: 1rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-authors__author-social {
|
|
padding-top: 0
|
|
}
|
|
}
|
|
|
|
.rad-authors__author-social .rad-icon-button {
|
|
-webkit-box-flex: 0;
|
|
-ms-flex-positive: 0;
|
|
-ms-flex-negative: 0;
|
|
color: #a2a2a0;
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
height: 3rem;
|
|
width: 3rem
|
|
}
|
|
|
|
.rad-authors__author-social .rad-icon-button:hover {
|
|
color: #fff
|
|
}
|
|
|
|
.rad-authors__author-social .rad-icon-button:first-child {
|
|
-ms-flex-item-align: left;
|
|
align-self: left
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-authors__author-social {
|
|
-webkit-box-pack: left;
|
|
-ms-flex-pack: left;
|
|
gap: 0;
|
|
justify-content: left;
|
|
margin-left: -14px
|
|
}
|
|
}
|
|
|
|
.rad-absorb-stats {
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-absorb-stats {
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
.rad-absorb-stats__title {
|
|
font-size: 1.25rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.025em;
|
|
line-height: 1.4;
|
|
margin-bottom: 2rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-absorb-stats__title {
|
|
font-size: 1.5rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-absorb-stats__title {
|
|
font-size: 2rem;
|
|
line-height: 1.25
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-absorb-stats__title {
|
|
font-size: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-absorb-stats__title {
|
|
font-size: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-absorb-stats__title {
|
|
margin-bottom: 3rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-absorb-stats__title {
|
|
margin-bottom: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-absorb-stats__title {
|
|
margin-bottom: 4rem
|
|
}
|
|
}
|
|
|
|
.rad-absorb-stats__cards-container {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.rad-absorb-stats__card {
|
|
-ms-flex-negative: 0;
|
|
flex-shrink: 0;
|
|
position: relative;
|
|
width: calc(50% - var(--rad-spacing-sm)*3/4*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-sm)*0)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-absorb-stats__card {
|
|
width: calc(25% - var(--rad-spacing-sm)*7/8*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-absorb-stats__card {
|
|
width: calc(16.66667% - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-absorb-stats__card {
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0);
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-absorb-stats__card {
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*3/4*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0);
|
|
width: calc(37.5% - var(--rad-spacing-sm)*7/8*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0);
|
|
width: calc(25% - var(--rad-spacing-sm)*11/12*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-absorb-stats__card:nth-child(odd) {
|
|
margin-right: calc(0% - var(--rad-spacing-sm)*3/4*0 + var(--rad-spacing-sm)*1 + var(--rad-spacing-sm)*0)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-absorb-stats__card:nth-child(odd) {
|
|
margin-right: calc(0% - var(--rad-spacing-sm)*7/8*0 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-absorb-stats__card:nth-child(odd) {
|
|
margin-right: calc(0% - var(--rad-spacing-sm)*11/12*0 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-absorb-stats__card:not(:last-child) {
|
|
margin-right: calc(0% - var(--rad-spacing-sm)*3/4*0 + var(--rad-spacing-sm)*1 + var(--rad-spacing-sm)*0);
|
|
margin-right: calc(0% - var(--rad-spacing-sm)*7/8*0 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0);
|
|
margin-right: calc(0% - var(--rad-spacing-sm)*11/12*0 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(max-width:1023px) {
|
|
.rad-absorb-stats__card:nth-child(n+3) {
|
|
margin-top: 2rem
|
|
}
|
|
}
|
|
|
|
.rad-absorb-stats__card--media {
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-absorb-stats__card--media {
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-absorb-stats__card--media {
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-absorb-stats__card--media .rad-absorb-stats__card-text {
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0);
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-absorb-stats__card--media .rad-absorb-stats__card-text {
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-absorb-stats__card--media .rad-absorb-stats__card-stat {
|
|
font-size: 3rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.167
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-absorb-stats__card--media .rad-absorb-stats__card-stat {
|
|
font-size: 5rem;
|
|
line-height: 1.05
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-absorb-stats__card--media .rad-absorb-stats__card-stat {
|
|
font-size: 6.25rem;
|
|
line-height: 1.04
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-absorb-stats__card--media .rad-absorb-stats__card-stat {
|
|
font-size: calc(6.25rem + 6.94444vw - 100px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-absorb-stats__card--media .rad-absorb-stats__card-stat {
|
|
font-size: 8.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-absorb-stats__card--media .rad-absorb-stats__card-stat {
|
|
font-size: 1.75rem;
|
|
font-size: 2.5rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.286;
|
|
line-height: 1.2
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-absorb-stats__card--media .rad-absorb-stats__card-stat {
|
|
font-size: 3rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-absorb-stats__card--media .rad-absorb-stats__card-stat {
|
|
font-size: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-absorb-stats__card--media .rad-absorb-stats__card-stat {
|
|
font-size: 4rem
|
|
}
|
|
}
|
|
|
|
.rad-absorb-stats__card--media .rad-absorb-stats__card-detail {
|
|
margin-bottom: 2rem
|
|
}
|
|
|
|
@media(max-width:599px) {
|
|
.rad-absorb-stats__card--media .rad-absorb-stats__card-image-container {
|
|
margin: 0 -1rem;
|
|
max-width: 100vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-absorb-stats__card--media .rad-absorb-stats__card-image-container {
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0);
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-absorb-stats__card--media .rad-absorb-stats__card-image-container {
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0);
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0);
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-absorb-stats__card--media .rad-absorb-stats__card-image {
|
|
display: block
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-absorb-stats__card--media {
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-absorb-stats__card--media {
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(300% - var(--rad-spacing-sm)*3/4*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-sm)*0);
|
|
width: calc(150% - var(--rad-spacing-sm)*7/8*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-md)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*11/12*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-absorb-stats__card-text:before {
|
|
background: #a100ff;
|
|
content: "";
|
|
display: block;
|
|
height: 0.25rem;
|
|
margin-bottom: .5rem;
|
|
width: 1.5rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-absorb-stats__card-text:before {
|
|
height: calc(0.25rem + 0.27778vw - 4px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-absorb-stats__card-text:before {
|
|
height: 0.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-absorb-stats__card-text:before {
|
|
margin-bottom: 1rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-absorb-stats__card-text:before {
|
|
margin-bottom: 1.5rem;
|
|
width: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-absorb-stats__card-text:before {
|
|
margin-bottom: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-absorb-stats__card-text:before {
|
|
margin-bottom: 2rem
|
|
}
|
|
}
|
|
|
|
.rad-absorb-stats__card-stat {
|
|
font-size: 1.75rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.286;
|
|
margin-bottom: .5rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-absorb-stats__card-stat {
|
|
font-size: 2.5rem;
|
|
line-height: 1.2
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-absorb-stats__card-stat {
|
|
font-size: 3rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-absorb-stats__card-stat {
|
|
font-size: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-absorb-stats__card-stat {
|
|
font-size: 4rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-absorb-stats__card-stat {
|
|
margin-bottom: 1rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-absorb-stats__card-stat {
|
|
margin-bottom: 1.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-absorb-stats__card-stat {
|
|
margin-bottom: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-absorb-stats__card-stat {
|
|
margin-bottom: 2rem
|
|
}
|
|
}
|
|
|
|
.rad-absorb-stats__card-detail {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.429;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-absorb-stats__card-detail {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-absorb-stats__card-detail {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-absorb-stats__card-detail {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
text-underline-offset: .25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-absorb-stats__card-detail {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-absorb-stats__card-detail {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-absorb-stats.rad-absorb-stats--five-or-six-cards .rad-absorb-stats__card {
|
|
margin-right: calc(0% - var(--rad-spacing-sm)*3/4*0 + var(--rad-spacing-sm)*1 + var(--rad-spacing-sm)*0);
|
|
margin-right: calc(0% - var(--rad-spacing-sm)*7/8*0 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0);
|
|
margin-right: calc(0% - var(--rad-spacing-sm)*11/12*0 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-absorb-stats.rad-absorb-stats--five-or-six-cards .rad-absorb-stats__card:nth-child(n+4) {
|
|
margin-top: 3rem
|
|
}
|
|
}
|
|
|
|
.rad-component__title--large-text .rad-absorb-stats__title {
|
|
font-size: 1.75rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.286
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-component__title--large-text .rad-absorb-stats__title {
|
|
font-size: 2.5rem;
|
|
line-height: 1.2
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-component__title--large-text .rad-absorb-stats__title {
|
|
font-size: 3rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-component__title--large-text .rad-absorb-stats__title {
|
|
font-size: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-component__title--large-text .rad-absorb-stats__title {
|
|
font-size: 4rem
|
|
}
|
|
}
|
|
|
|
.rad-quote-container {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-quote-container {
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
.rad-image-qoute .rad-quote-container {
|
|
padding-left: 0
|
|
}
|
|
|
|
.rad-quote-content {
|
|
padding-left: 1rem;
|
|
padding-top: 1.5rem;
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-quote-content {
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-quote-content {
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-quote-image {
|
|
-webkit-filter: grayscale(1);
|
|
filter: grayscale(1);
|
|
height: auto;
|
|
width: calc(min(100vw, 1920px)/4*2 - var(--rad-spacing-sm)*2/4*2 - var(--rad-spacing-sm)*3/4*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-sm)*1)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-quote-image {
|
|
width: calc(min(100vw, 1920px)/8*2 - var(--rad-spacing-md)*2/8*2 - var(--rad-spacing-sm)*7/8*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*1)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-quote-image {
|
|
width: calc(min(100vw, 1920px)/12*2 - var(--rad-spacing-md)*2/12*2 - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*1)
|
|
}
|
|
}
|
|
|
|
.rad-quote-headline {
|
|
font-size: 1.5rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.035em;
|
|
line-height: 1.333;
|
|
margin-bottom: 1rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-quote-headline {
|
|
font-size: 2rem;
|
|
line-height: 1.25
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-quote-headline {
|
|
font-size: 2.5rem;
|
|
line-height: 1.2
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-quote-headline {
|
|
font-size: calc(2.5rem + 2.77778vw - 40px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-quote-headline {
|
|
font-size: 3.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-quote-headline .rad-quote-text:before {
|
|
content: "“"
|
|
}
|
|
|
|
.rad-quote-headline .rad-quote-text:after {
|
|
content: "”"
|
|
}
|
|
|
|
.rad-quote-body {
|
|
color: #a2a2a0;
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.429;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-quote-body {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-quote-body {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-quote-right .rad-quote-container {
|
|
-webkit-box-pack: end;
|
|
-ms-flex-pack: end;
|
|
justify-content: flex-end
|
|
}
|
|
|
|
.rad-quote-left .rad-quote-content,
|
|
.rad-quote-right .rad-quote-content {
|
|
margin: 0;
|
|
padding: 0
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-quote-container {
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row
|
|
}
|
|
|
|
.rad-quote-content {
|
|
margin: auto 0;
|
|
padding-left: 0;
|
|
padding-left: calc(min(100vw, 1920px)/4*1 - var(--rad-spacing-sm)*2/4*1 - var(--rad-spacing-sm)*3/4*1 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0);
|
|
padding-top: 0;
|
|
width: calc(min(100vw, 1920px)/4*5 - var(--rad-spacing-sm)*2/4*5 - var(--rad-spacing-sm)*3/4*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-sm)*2);
|
|
width: calc(min(100vw, 1920px)/8*5 - var(--rad-spacing-md)*2/8*5 - var(--rad-spacing-sm)*7/8*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*2)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-quote-content {
|
|
width: calc(min(100vw, 1920px)/12*5 - var(--rad-spacing-md)*2/12*5 - var(--rad-spacing-sm)*11/12*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*2)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-quote-content {
|
|
padding-left: calc(min(100vw, 1920px)/8*1 - var(--rad-spacing-md)*2/8*1 - var(--rad-spacing-sm)*7/8*1 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-quote-content {
|
|
padding-left: calc(min(100vw, 1920px)/12*1 - var(--rad-spacing-md)*2/12*1 - var(--rad-spacing-sm)*11/12*1 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-quote-headline {
|
|
margin-bottom: 1.5rem
|
|
}
|
|
|
|
.rad-quote-left .rad-quote-content,
|
|
.rad-quote-right .rad-quote-content {
|
|
margin-left: 0;
|
|
max-width: 31.125rem;
|
|
padding-left: 0
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-quote-image {
|
|
width: calc(min(100vw, 1920px)/4*4 - var(--rad-spacing-sm)*2/4*4 - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*1);
|
|
width: calc(min(100vw, 1920px)/8*4 - var(--rad-spacing-md)*2/8*4 - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*1);
|
|
width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*1)
|
|
}
|
|
|
|
.rad-quote-headline {
|
|
margin-bottom: 2rem
|
|
}
|
|
|
|
.rad-quote-content {
|
|
max-width: 45.75rem;
|
|
width: calc(min(100vw, 1920px)/4*7 - var(--rad-spacing-sm)*2/4*7 - var(--rad-spacing-sm)*3/4*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-sm)*2);
|
|
width: calc(min(100vw, 1920px)/8*7 - var(--rad-spacing-md)*2/8*7 - var(--rad-spacing-sm)*7/8*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-md)*2);
|
|
width: calc(min(100vw, 1920px)/12*7 - var(--rad-spacing-md)*2/12*7 - var(--rad-spacing-sm)*11/12*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-md)*2)
|
|
}
|
|
|
|
.rad-quote-left .rad-quote-content,
|
|
.rad-quote-right .rad-quote-content {
|
|
min-width: 52.625rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
|
|
.rad-quote-left .rad-quote-content,
|
|
.rad-quote-right .rad-quote-content {
|
|
min-width: calc(52.625rem + 58.47222vw - 842px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
|
|
.rad-quote-left .rad-quote-content,
|
|
.rad-quote-right .rad-quote-content {
|
|
min-width: 70.1666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-quote-container {
|
|
padding-bottom: 80px;
|
|
padding-right: 80px;
|
|
padding-top: 80px;
|
|
padding-top: 5.55556vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-quote-container {
|
|
padding-top: 106.6666666667px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-quote-container {
|
|
padding-right: 5.55556vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-quote-container {
|
|
padding-right: 106.6666666667px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-quote-container {
|
|
padding-bottom: 5.55556vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-quote-container {
|
|
padding-bottom: 106.6666666667px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-quote-content {
|
|
max-width: 876px;
|
|
max-width: 60.83333vw;
|
|
padding-left: 143px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-quote-content {
|
|
max-width: 1168px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-quote-content {
|
|
padding-left: 9.93056vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-quote-content {
|
|
padding-left: 190.6666666667px
|
|
}
|
|
}
|
|
|
|
.rad-quote--no-marks .rad-quote-headline .rad-quote-text:after,
|
|
.rad-quote--no-marks .rad-quote-headline .rad-quote-text:before {
|
|
display: none
|
|
}
|
|
|
|
.rad-awards-card {
|
|
--rad-award-card-height: 378px;
|
|
--rad-award-card-width: 252px;
|
|
color: #fff;
|
|
height: var(--rad-award-card-height);
|
|
overflow: hidden;
|
|
position: relative;
|
|
width: var(--rad-award-card-width)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-awards-card {
|
|
--rad-award-card-height: 273px;
|
|
--rad-award-card-width: 410px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-awards-card {
|
|
--rad-award-card-height: 343px;
|
|
--rad-award-card-width: 515px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-awards-card {
|
|
--rad-award-card-height: 23.81944vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-awards-card {
|
|
--rad-award-card-height: 457.3333333333px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-awards-card {
|
|
--rad-award-card-width: 35.76389vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-awards-card {
|
|
--rad-award-card-width: 686.6666666667px
|
|
}
|
|
}
|
|
|
|
.rad-awards-card--purple {
|
|
background-color: #460073
|
|
}
|
|
|
|
.rad-awards-card--purple .rad-awards-card__motion-bg {
|
|
opacity: .3
|
|
}
|
|
|
|
.rad-awards-card--blue {
|
|
background-color: #0041f0
|
|
}
|
|
|
|
.rad-awards-card--blue .rad-awards-card__motion-bg {
|
|
opacity: .3
|
|
}
|
|
|
|
.rad-awards-card--red {
|
|
background-color: #e2062e
|
|
}
|
|
|
|
.rad-awards-card--red .rad-awards-card__motion-bg {
|
|
opacity: .5
|
|
}
|
|
|
|
.rad-awards-card__toggle {
|
|
clip: rect(0 0 0 0);
|
|
-webkit-clip-path: inset(50%);
|
|
clip-path: inset(50%);
|
|
height: 1px;
|
|
white-space: nowrap;
|
|
width: 1px
|
|
}
|
|
|
|
.rad-awards-card__motion-bg,
|
|
.rad-awards-card__toggle {
|
|
height: 100%;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-awards-card__motion-bg {
|
|
pointer-events: none;
|
|
-webkit-transition-timing-function: linear;
|
|
transition-timing-function: linear
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-awards-card__motion-bg {
|
|
height: 105%;
|
|
margin-left: -3%;
|
|
margin-top: -1%;
|
|
width: 105%
|
|
}
|
|
}
|
|
|
|
.rad-awards-card__motion-bg .rad-awards-card__lp {
|
|
display: block;
|
|
height: 378px;
|
|
margin-left: -157px;
|
|
width: 567px
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-awards-card__motion-bg .rad-awards-card__lp {
|
|
height: 100%;
|
|
margin-left: 0;
|
|
width: 100%
|
|
}
|
|
}
|
|
|
|
.rad-awards-card__cover {
|
|
font-family: GT Sectra Fine, Palatino;
|
|
font-size: 1.125rem;
|
|
font-weight: 300;
|
|
height: 100%;
|
|
line-height: 1.333;
|
|
position: relative
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-awards-card__cover {
|
|
font-size: 1.5rem;
|
|
line-height: 1.333
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-awards-card__cover {
|
|
font-size: 1.75rem;
|
|
line-height: 1.286
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-awards-card__cover {
|
|
font-size: calc(1.75rem + 1.94444vw - 28px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-awards-card__cover {
|
|
font-size: 2.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-awards-card__title {
|
|
bottom: 0;
|
|
padding: 24px;
|
|
position: absolute
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-awards-card__title {
|
|
padding: 32px
|
|
}
|
|
}
|
|
|
|
.rad-awards-card__detail {
|
|
bottom: 0;
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
position: absolute;
|
|
text-underline-offset: .25rem;
|
|
top: 0;
|
|
visibility: hidden;
|
|
width: 100%
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-awards-card__detail {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-awards-card__detail {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-awards-card__description {
|
|
padding: 24px;
|
|
-webkit-transform: translateY(460px);
|
|
transform: translateY(460px)
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-awards-card__description {
|
|
padding: 32px
|
|
}
|
|
}
|
|
|
|
.rad-awards-card .rad-button {
|
|
bottom: 24px;
|
|
position: absolute;
|
|
right: 24px;
|
|
-webkit-transform: translateY(460px);
|
|
transform: translateY(460px)
|
|
}
|
|
|
|
.rad-awards-card:focus-within {
|
|
outline: 2px solid #a100ff;
|
|
outline-offset: 8px
|
|
}
|
|
|
|
.rad-awards-card:not(.rad-awards-card--expanded) .rad-awards-card__cover,
|
|
.rad-awards-card:not(.rad-awards-card--expanded) .rad-awards-card__toggle,
|
|
.rad-awards-card:not(.rad-awards-card--expanded):focus-within .rad-awards-card__cover,
|
|
.rad-awards-card:not(.rad-awards-card--expanded):focus-within .rad-awards-card__toggle {
|
|
border: 1px solid transparent;
|
|
bottom: 0;
|
|
rotate: none;
|
|
scale: none;
|
|
top: 0;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
translate: none
|
|
}
|
|
|
|
.rad-awards-card:not(.rad-awards-card--expanded) .rad-awards-card__title,
|
|
.rad-awards-card:not(.rad-awards-card--expanded):focus-within .rad-awards-card__title {
|
|
rotate: none;
|
|
scale: none;
|
|
-webkit-transform: translate(0);
|
|
transform: translate(0);
|
|
translate: none
|
|
}
|
|
|
|
.rad-awards {
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm);
|
|
position: relative
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-awards {
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
.rad-awards__stage {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: 100svh;
|
|
position: sticky;
|
|
top: 0;
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-awards__stage {
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-awards__stage {
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-awards__stage {
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-awards__stage {
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(300% - var(--rad-spacing-sm)*3/4*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-sm)*0);
|
|
width: calc(150% - var(--rad-spacing-sm)*7/8*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-md)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*11/12*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-awards__stage {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: calc(250% - var(--rad-spacing-sm)*3/4*10 + var(--rad-spacing-sm)*9 + var(--rad-spacing-sm)*0);
|
|
width: calc(125% - var(--rad-spacing-sm)*7/8*10 + var(--rad-spacing-sm)*9 + var(--rad-spacing-md)*0);
|
|
width: calc(83.33333% - var(--rad-spacing-sm)*11/12*10 + var(--rad-spacing-sm)*9 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-awards__headline {
|
|
color: #fff;
|
|
font-size: 3rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.167;
|
|
text-align: center
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-awards__headline {
|
|
font-size: 5rem;
|
|
line-height: 1.05
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-awards__headline {
|
|
font-size: 6.25rem;
|
|
line-height: 1.04
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-awards__headline {
|
|
font-size: calc(6.25rem + 6.94444vw - 100px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-awards__headline {
|
|
font-size: 8.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-awards-cards__presenter {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
padding-bottom: 100svh;
|
|
-webkit-transform: translateZ(0);
|
|
transform: translateZ(0);
|
|
width: calc(100% - var(--rad-spacing-sm)*2)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-awards-cards__presenter {
|
|
width: calc(100% - var(--rad-spacing-md)*2)
|
|
}
|
|
}
|
|
|
|
.rad-awards .cmp-floating-awards-card:nth-child(2) {
|
|
margin: 80px 0 80px auto
|
|
}
|
|
|
|
.rad-awards .cmp-floating-awards-card:nth-child(3) {
|
|
margin-left: auto;
|
|
margin-right: auto
|
|
}
|
|
|
|
.rad-awards-grid {
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-awards-grid {
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
.rad-awards-grid__heading-and-cta {
|
|
margin-bottom: 2.5rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-awards-grid__heading-and-cta {
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-bottom: 3.75rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-awards-grid__heading-and-cta {
|
|
margin-bottom: 5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-awards-grid__heading-and-cta {
|
|
margin-bottom: calc(5rem + 5.55556vw - 80px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-awards-grid__heading-and-cta {
|
|
margin-bottom: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-awards-grid__heading {
|
|
font-size: 1.75rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.286
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-awards-grid__heading {
|
|
font-size: 2.5rem;
|
|
line-height: 1.2
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-awards-grid__heading {
|
|
font-size: 3rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-awards-grid__heading {
|
|
font-size: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-awards-grid__heading {
|
|
font-size: 4rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-awards-grid__heading {
|
|
width: calc(125% - var(--rad-spacing-sm)*3/4*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-sm)*0);
|
|
width: calc(62.5% - var(--rad-spacing-sm)*7/8*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-awards-grid__heading {
|
|
width: calc(41.66667% - var(--rad-spacing-sm)*11/12*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0);
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-awards-grid__cta {
|
|
margin-top: .5rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-awards-grid__cta {
|
|
margin-top: .25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-awards-grid__cta {
|
|
margin-top: 0.75rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-awards-grid__cta {
|
|
margin-top: calc(0.75rem + 0.83333vw - 12px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-awards-grid__cta {
|
|
margin-top: 1rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-awards-grid__grid {
|
|
-webkit-column-gap: 1.5rem;
|
|
-moz-column-gap: 1.5rem;
|
|
column-gap: 1.5rem;
|
|
display: grid;
|
|
grid-template-columns: 1fr 1fr;
|
|
row-gap: 1.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-awards-grid__grid {
|
|
-webkit-column-gap: 2rem;
|
|
-moz-column-gap: 2rem;
|
|
column-gap: 2rem;
|
|
grid-template-columns: 1fr 1fr 1fr;
|
|
row-gap: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-awards-grid__grid {
|
|
-webkit-column-gap: calc(2rem + 2.22222vw - 32px);
|
|
-moz-column-gap: calc(2rem + 2.22222vw - 32px);
|
|
column-gap: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-awards-grid__grid {
|
|
-webkit-column-gap: 2.6666666667rem;
|
|
-moz-column-gap: 2.6666666667rem;
|
|
column-gap: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-awards-grid__grid {
|
|
row-gap: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-awards-grid__grid {
|
|
row-gap: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-awards-grid .rad-awards-card {
|
|
-ms-flex-negative: 0;
|
|
flex-shrink: 0;
|
|
height: 13.6875rem;
|
|
width: 100%
|
|
}
|
|
|
|
@media(max-width:599px) {
|
|
.rad-awards-grid .rad-awards-card {
|
|
margin-top: 1.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-awards-grid .rad-awards-card {
|
|
height: 13.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-awards-grid .rad-awards-card {
|
|
height: 16.875rem;
|
|
height: calc(16.875rem + 18.75vw - 270px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-awards-grid .rad-awards-card {
|
|
height: 22.5rem
|
|
}
|
|
}
|
|
|
|
.rad-awards-grid .rad-awards-card__motion-bg lottie-player {
|
|
margin-left: 0
|
|
}
|
|
|
|
.rad-awards-grid .rad-awards-card__description,
|
|
.rad-awards-grid .rad-awards-card__title {
|
|
padding: 1.5rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
|
|
.rad-awards-grid .rad-awards-card__description,
|
|
.rad-awards-grid .rad-awards-card__title {
|
|
padding: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
|
|
.rad-awards-grid .rad-awards-card__description,
|
|
.rad-awards-grid .rad-awards-card__title {
|
|
padding: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-awards-grid .rad-awards-card__title {
|
|
font-family: GT Sectra Fine, Palatino;
|
|
font-size: 1rem;
|
|
font-size: 1.125rem;
|
|
font-weight: 300;
|
|
line-height: 1.5;
|
|
line-height: 1.333
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-awards-grid .rad-awards-card__title {
|
|
font-size: 1.5rem;
|
|
line-height: 1.333
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-awards-grid .rad-awards-card__title {
|
|
font-size: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-awards-grid .rad-awards-card__title {
|
|
font-size: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-awards-grid .rad-awards-card__title {
|
|
font-size: 1.125rem;
|
|
line-height: 1.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-awards-grid .rad-awards-card__title {
|
|
font-size: 1.5rem;
|
|
line-height: 2rem
|
|
}
|
|
}
|
|
|
|
.rad-awards-grid .rad-awards-card__description {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.429;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-awards-grid .rad-awards-card__description {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-awards-grid .rad-awards-card__description {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-awards-grid .rad-awards-card__description {
|
|
font-size: 1rem;
|
|
font-size: calc(1rem + 1.11111vw - 16px);
|
|
font-weight: 500;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
text-underline-offset: .25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-awards-grid .rad-awards-card__description {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-awards-grid .rad-awards-card .rad-button {
|
|
bottom: 1rem;
|
|
right: 1rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-awards-grid .rad-awards-card .rad-button {
|
|
bottom: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-awards-grid .rad-awards-card .rad-button {
|
|
bottom: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-awards-grid .rad-awards-card .rad-button {
|
|
right: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-awards-grid .rad-awards-card .rad-button {
|
|
right: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-frontpage-hero {
|
|
aspect-ratio: 360/250;
|
|
margin-bottom: 0;
|
|
max-width: 100vw
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-frontpage-hero {
|
|
aspect-ratio: 770/360
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-frontpage-hero {
|
|
aspect-ratio: 1170/260
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-frontpage-hero {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
max-width: 1920px
|
|
}
|
|
}
|
|
|
|
.rad-frontpage-hero__wrapper-link {
|
|
display: block
|
|
}
|
|
|
|
.rad-frontpage-hero__heading {
|
|
clip: rect(0 0 0 0);
|
|
-webkit-clip-path: inset(50%);
|
|
clip-path: inset(50%);
|
|
height: 1px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
white-space: nowrap;
|
|
width: 1px
|
|
}
|
|
|
|
.rad-frontpage-hero__lottie-wrapper {
|
|
margin: 0 auto
|
|
}
|
|
|
|
.rad-text-block-with-icon {
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-text-block-with-icon {
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
.rad-text-block-with-icon__headline {
|
|
font-size: 1.25rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.025em;
|
|
line-height: 1.4;
|
|
margin-bottom: 2rem;
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-text-block-with-icon__headline {
|
|
font-size: 1.5rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-text-block-with-icon__headline {
|
|
font-size: 2rem;
|
|
line-height: 1.25
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-text-block-with-icon__headline {
|
|
font-size: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-text-block-with-icon__headline {
|
|
font-size: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-text-block-with-icon__headline {
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-text-block-with-icon__headline {
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-text-block-with-icon__headline {
|
|
margin-bottom: 3rem;
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-text-block-with-icon__headline {
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-text-block-with-icon__headline {
|
|
margin-bottom: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-text-block-with-icon__headline {
|
|
margin-bottom: 4rem
|
|
}
|
|
}
|
|
|
|
.rad-text-block-with-icon__block-container {
|
|
-webkit-column-gap: var(--rad-spacing-sm);
|
|
-moz-column-gap: var(--rad-spacing-sm);
|
|
column-gap: var(--rad-spacing-sm);
|
|
display: grid;
|
|
grid-template-columns: 1fr
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-text-block-with-icon__block-container {
|
|
grid-template-columns: repeat(2, 1fr)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-text-block-with-icon__block-container {
|
|
grid-template-columns: repeat(3, 1fr);
|
|
width: calc(225% - var(--rad-spacing-sm)*3/4*9 + var(--rad-spacing-sm)*8 + var(--rad-spacing-sm)*0);
|
|
width: calc(112.5% - var(--rad-spacing-sm)*7/8*9 + var(--rad-spacing-sm)*8 + var(--rad-spacing-md)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*11/12*9 + var(--rad-spacing-sm)*8 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-text-block-with-icon__block {
|
|
margin-bottom: 2rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-text-block-with-icon__block {
|
|
margin-bottom: 3rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-text-block-with-icon__block {
|
|
margin-bottom: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-text-block-with-icon__block {
|
|
margin-bottom: 4rem
|
|
}
|
|
}
|
|
|
|
.rad-text-block-with-icon__block-pictogram img {
|
|
display: block;
|
|
height: 3rem;
|
|
margin-bottom: 1rem;
|
|
width: 3rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-text-block-with-icon__block-pictogram img {
|
|
margin-bottom: 1.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440) {
|
|
.rad-text-block-with-icon__block-pictogram img {
|
|
height: 3rem;
|
|
margin-bottom: 1.5rem;
|
|
width: 3rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-text-block-with-icon__block-pictogram img {
|
|
margin-bottom: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-text-block-with-icon__block-pictogram img {
|
|
margin-bottom: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-text-block-with-icon__block-pictogram img {
|
|
width: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-text-block-with-icon__block-pictogram img {
|
|
width: 4rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-text-block-with-icon__block-pictogram img {
|
|
height: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-text-block-with-icon__block-pictogram img {
|
|
height: 4rem
|
|
}
|
|
}
|
|
|
|
.rad-text-block-with-icon__block-title {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.02em;
|
|
line-height: 1.5;
|
|
margin-bottom: .5rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-text-block-with-icon__block-title {
|
|
font-size: 1.125rem;
|
|
line-height: 1.33
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-text-block-with-icon__block-title {
|
|
font-size: 1.5rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-text-block-with-icon__block-title {
|
|
font-size: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-text-block-with-icon__block-title {
|
|
font-size: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-text-block-with-icon__block-title {
|
|
margin-bottom: 1rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-text-block-with-icon__block-title {
|
|
margin-bottom: 1rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-text-block-with-icon__block-title {
|
|
margin-bottom: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-text-block-with-icon__block-title {
|
|
margin-bottom: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-text-block-with-icon__block-body {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-text-block-with-icon__block-body {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-text-block-with-icon__block-body {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-text-block-with-icon__block .rad-button {
|
|
margin-top: .5rem
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-text-block-with-icon__block .rad-button {
|
|
margin-top: 1rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-text-block-with-icon__block .rad-button {
|
|
margin-top: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-text-block-with-icon__block .rad-button {
|
|
margin-top: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-text-block-with-icon--four-blocks .rad-text-block-with-icon__block-container {
|
|
grid-template-columns: repeat(4, 1fr);
|
|
width: calc(300% - var(--rad-spacing-sm)*3/4*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-sm)*0);
|
|
width: calc(150% - var(--rad-spacing-sm)*7/8*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-md)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*11/12*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-component__title--large-text .rad-text-block-with-icon__headline {
|
|
font-size: 1.75rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.286
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-component__title--large-text .rad-text-block-with-icon__headline {
|
|
font-size: 2.5rem;
|
|
line-height: 1.2
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-component__title--large-text .rad-text-block-with-icon__headline {
|
|
font-size: 3rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-component__title--large-text .rad-text-block-with-icon__headline {
|
|
font-size: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-component__title--large-text .rad-text-block-with-icon__headline {
|
|
font-size: 4rem
|
|
}
|
|
}
|
|
|
|
.rad-hero-image {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-hero-image {
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
.rad-hero-image__btn {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
gap: 1rem;
|
|
width: -webkit-fit-content;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-hero-image__btn {
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
gap: 1.5rem;
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-hero-image__btn {
|
|
gap: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-hero-image__btn {
|
|
gap: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-hero-image__btn {
|
|
gap: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-hero-image__btn .rad-button {
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
text-align: center;
|
|
width: 100%
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-hero-image__btn .rad-button {
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
.rad-hero-image__content {
|
|
padding-top: 2.5rem
|
|
}
|
|
|
|
.rad-hero-image__photo {
|
|
display: block;
|
|
height: auto;
|
|
margin-left: calc(var(--rad-spacing-sm)*-1);
|
|
width: 258px
|
|
}
|
|
|
|
.rad-hero-image__headline {
|
|
font-size: 2rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.25;
|
|
margin-bottom: 1rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-hero-image__headline {
|
|
font-size: 3.75rem;
|
|
line-height: 1.067
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-hero-image__headline {
|
|
font-size: calc(3.75rem + 4.16667vw - 60px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-hero-image__headline {
|
|
font-size: 5rem
|
|
}
|
|
}
|
|
|
|
.rad-hero-image__body {
|
|
font-family: GT Sectra Fine, Palatino;
|
|
font-size: 1rem;
|
|
font-weight: 300;
|
|
line-height: 1.5;
|
|
margin-bottom: var(--rad-spacing-sm)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-hero-image__body {
|
|
font-size: 1.125rem;
|
|
line-height: 1.333
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-hero-image__body {
|
|
font-size: 1.5rem;
|
|
line-height: 1.333
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-hero-image__body {
|
|
font-size: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-hero-image__body {
|
|
font-size: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-hero-image__headline {
|
|
margin-bottom: 1.5rem
|
|
}
|
|
|
|
.rad-hero-image__photo {
|
|
margin-left: calc(var(--rad-spacing-md)*-1)
|
|
}
|
|
|
|
.rad-hero-image__content {
|
|
padding-top: 3.75rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:768px) {
|
|
.rad-hero-image {
|
|
-webkit-box-align: end;
|
|
-ms-flex-align: end;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
align-items: flex-end;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.rad-hero-image__photo {
|
|
width: calc(75% - var(--rad-spacing-sm)*3/4*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*1);
|
|
width: calc(37.5% - var(--rad-spacing-sm)*7/8*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*1)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-hero-image__photo {
|
|
width: calc(25% - var(--rad-spacing-sm)*11/12*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*1)
|
|
}
|
|
}
|
|
|
|
@media(min-width:768px) {
|
|
.rad-hero-image__content {
|
|
padding-bottom: 3.75rem;
|
|
padding-top: 0;
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0);
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-hero-image__content {
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-hero-image__photo {
|
|
width: calc(125% - var(--rad-spacing-sm)*3/4*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-sm)*1);
|
|
width: calc(62.5% - var(--rad-spacing-sm)*7/8*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*1);
|
|
width: calc(41.66667% - var(--rad-spacing-sm)*11/12*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*1)
|
|
}
|
|
|
|
.rad-hero-image__headline {
|
|
margin-bottom: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-hero-image__headline {
|
|
margin-bottom: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-hero-image__headline {
|
|
margin-bottom: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-hero-image__content {
|
|
padding-bottom: var(--rad-spacing-md);
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0);
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-leaders {
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-leaders {
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
.rad-leaders__heading-and-cta {
|
|
margin-bottom: 1.5rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-leaders__heading-and-cta {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
align-items: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
margin-bottom: 3.75rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-leaders__heading-and-cta {
|
|
margin-bottom: 3.75rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-leaders__heading-and-cta {
|
|
margin-bottom: calc(3.75rem + 4.16667vw - 60px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-leaders__heading-and-cta {
|
|
margin-bottom: 5rem
|
|
}
|
|
}
|
|
|
|
.rad-leaders__heading {
|
|
font-size: 1.75rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.286
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-leaders__heading {
|
|
font-size: 2.5rem;
|
|
line-height: 1.2
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-leaders__heading {
|
|
font-size: 3rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-leaders__heading {
|
|
font-size: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-leaders__heading {
|
|
font-size: 4rem
|
|
}
|
|
}
|
|
|
|
@media(max-width:599px) {
|
|
.rad-leaders__heading {
|
|
margin-bottom: .5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-leaders__heading {
|
|
width: calc(125% - var(--rad-spacing-sm)*3/4*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-sm)*0);
|
|
width: calc(62.5% - var(--rad-spacing-sm)*7/8*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-leaders__heading {
|
|
width: calc(41.66667% - var(--rad-spacing-sm)*11/12*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0);
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-leaders__cta {
|
|
-ms-flex-negative: 0;
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.rad-leaders__leader {
|
|
-webkit-column-gap: var(--rad-spacing-sm);
|
|
-moz-column-gap: var(--rad-spacing-sm);
|
|
column-gap: var(--rad-spacing-sm);
|
|
display: grid;
|
|
grid-template-areas: "image-container leader-name" "image-container role" "image-container linkedin" "bio bio";
|
|
grid-template-columns: 30% auto;
|
|
grid-template-rows: auto auto 1fr auto;
|
|
width: 100%
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-leaders__leader {
|
|
grid-template-areas: "image-container leader-name" "image-container role" "image-container linkedin" "image-container bio";
|
|
grid-template-columns: calc(25% - var(--rad-spacing-sm)*7/8*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0) 1fr;
|
|
grid-template-rows: auto auto auto 1fr
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-leaders__leader {
|
|
grid-template-columns: calc(16.66667% - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0) 1fr
|
|
}
|
|
}
|
|
|
|
.rad-leaders__leader-image-container {
|
|
grid-area: image-container
|
|
}
|
|
|
|
.rad-leaders__leader-image,
|
|
.rad-leaders__leader-image-container .cmp-image {
|
|
-webkit-filter: grayscale(1);
|
|
filter: grayscale(1)
|
|
}
|
|
|
|
.rad-leaders__leader-image {
|
|
display: block;
|
|
min-width: 100%
|
|
}
|
|
|
|
.rad-leaders__leader-name {
|
|
font-size: 1.125rem;
|
|
font-weight: 500;
|
|
grid-area: leader-name;
|
|
letter-spacing: -0.02em;
|
|
line-height: 1.5
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-leaders__leader-name {
|
|
font-size: 1.25rem;
|
|
line-height: 1.4
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-leaders__leader-name {
|
|
font-size: 1.75rem;
|
|
line-height: 1.286
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-leaders__leader-name {
|
|
font-size: calc(1.75rem + 1.94444vw - 28px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-leaders__leader-name {
|
|
font-size: 2.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-leaders__leader-role {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
grid-area: role;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.429;
|
|
margin-top: 0.5rem;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-leaders__leader-role {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-leaders__leader-role {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-leaders__leader-role {
|
|
margin-top: calc(0.5rem + 0.55556vw - 8px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-leaders__leader-role {
|
|
margin-top: 0.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-leaders__leader-linkedin-container {
|
|
grid-area: linkedin;
|
|
margin-top: 0.5rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-leaders__leader-linkedin-container {
|
|
margin-top: calc(0.5rem + 0.55556vw - 8px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-leaders__leader-linkedin-container {
|
|
margin-top: 0.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-leaders__leader-linkedin {
|
|
margin: -0.9375rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-leaders__leader-linkedin {
|
|
margin: calc(-0.9375rem - 1.04167vw + 15px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-leaders__leader-linkedin {
|
|
margin: -1.25rem
|
|
}
|
|
}
|
|
|
|
.rad-leaders__leader-bio {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
grid-area: bio;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.429;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-leaders__leader-bio {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-leaders__leader-bio {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-leaders__leader-bio {
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*5/6*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-leaders__leader-bio {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
text-underline-offset: .25rem;
|
|
width: calc(60% - var(--rad-spacing-sm)*9/10*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-leaders__leader-bio {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-leaders__leader-bio {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
|
|
.rad-leader--bio .rad-leaders__leader-linkedin-container,
|
|
.rad-leader--bio .rad-leaders__leader-name,
|
|
.rad-leader--bio .rad-leaders__leader-role {
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*5/6*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
|
|
.rad-leader--bio .rad-leaders__leader-linkedin-container,
|
|
.rad-leader--bio .rad-leaders__leader-name,
|
|
.rad-leader--bio .rad-leaders__leader-role {
|
|
width: calc(57.14286% - var(--rad-spacing-sm)*6/7*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-leader--bio .rad-leaders__leader-bio {
|
|
margin-top: auto;
|
|
padding-top: 1rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-leader--bio .rad-leaders__leader-bio {
|
|
padding-top: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-leader--bio .rad-leaders__leader-bio {
|
|
padding-top: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-leaders--list .rad-leaders__leaders-container {
|
|
-webkit-column-gap: var(--rad-spacing-sm);
|
|
-moz-column-gap: var(--rad-spacing-sm);
|
|
column-gap: var(--rad-spacing-sm);
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 1fr)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-leaders--list .rad-leaders__leaders-container {
|
|
margin-left: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*4 + var(--rad-spacing-sm)*0);
|
|
margin-left: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0);
|
|
margin-left: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-leaders--list .rad-leaders__leader {
|
|
grid-template-columns: 30% auto;
|
|
margin-bottom: 1.5rem;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-leaders--list .rad-leaders__leader:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-leaders--list .rad-leaders__leader {
|
|
-ms-flex-negative: 0;
|
|
-webkit-column-gap: 1rem;
|
|
-moz-column-gap: 1rem;
|
|
column-gap: 1rem;
|
|
flex-shrink: 0;
|
|
grid-template-areas: "image-container leader-name" "image-container role" "image-container linkedin";
|
|
grid-template-rows: auto auto 1fr;
|
|
margin-bottom: 2rem
|
|
}
|
|
|
|
.rad-leaders--list .rad-leaders__leader:nth-child(odd):nth-last-child(2) {
|
|
margin-bottom: 0
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-leaders--list .rad-leaders__leader {
|
|
-webkit-column-gap: 1.5rem;
|
|
-moz-column-gap: 1.5rem;
|
|
column-gap: 1.5rem;
|
|
margin-bottom: 2.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-leaders--list .rad-leaders__leader {
|
|
margin-bottom: calc(2.5rem + 2.77778vw - 40px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-leaders--list .rad-leaders__leader {
|
|
margin-bottom: 3.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-leaders--list .rad-leaders__leader {
|
|
-webkit-column-gap: calc(1.5rem + 1.66667vw - 24px);
|
|
-moz-column-gap: calc(1.5rem + 1.66667vw - 24px);
|
|
column-gap: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-leaders--list .rad-leaders__leader {
|
|
-webkit-column-gap: 2rem;
|
|
-moz-column-gap: 2rem;
|
|
column-gap: 2rem
|
|
}
|
|
}
|
|
|
|
.rad-leaders--list .rad-leaders__leader-name {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.02em;
|
|
line-height: 1.5
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-leaders--list .rad-leaders__leader-name {
|
|
font-size: 1.125rem;
|
|
line-height: 1.33
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-leaders--list .rad-leaders__leader-name {
|
|
font-size: 1.5rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-leaders--list .rad-leaders__leader-name {
|
|
font-size: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-leaders--list .rad-leaders__leader-name {
|
|
font-size: 2rem
|
|
}
|
|
}
|
|
|
|
.rad-leaders--list .rad-leaders__leader-linkedin-container {
|
|
margin-top: auto;
|
|
padding-top: .5rem
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-leaders--list-single .rad-leaders__leaders-container {
|
|
display: block;
|
|
margin-left: 0
|
|
}
|
|
|
|
.rad-leaders--list-single .rad-leaders__leader {
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0);
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0);
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-hero-text__help-button {
|
|
margin-left: var(--rad-spacing-sm)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-hero-text__help-button {
|
|
margin-left: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
.rad-hero-text__text-content {
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-hero-text__text-content {
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
.rad-hero-text__eyebrow {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
letter-spacing: .02em;
|
|
line-height: 1.143;
|
|
padding: 1.5rem 0;
|
|
text-transform: uppercase;
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0)
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-hero-text__eyebrow {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-hero-text__eyebrow {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-hero-text__eyebrow {
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-hero-text__eyebrow {
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-hero-text__eyebrow {
|
|
padding: 3.75rem 0 1.5rem;
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-hero-text__eyebrow {
|
|
padding-bottom: 2rem;
|
|
padding-top: 3.75rem;
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0);
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-hero-text__eyebrow {
|
|
padding-top: calc(3.75rem + 4.16667vw - 60px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-hero-text__eyebrow {
|
|
padding-top: 5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-hero-text__eyebrow {
|
|
padding-bottom: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-hero-text__eyebrow {
|
|
padding-bottom: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-hero-text__headline {
|
|
font-size: 2rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.25;
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-hero-text__headline {
|
|
font-size: 3.75rem;
|
|
line-height: 1.067
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-hero-text__headline {
|
|
font-size: calc(3.75rem + 4.16667vw - 60px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-hero-text__headline {
|
|
font-size: 5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-hero-text__headline {
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-hero-text__headline {
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-hero-text__headline {
|
|
width: calc(175% - var(--rad-spacing-sm)*3/4*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-sm)*0);
|
|
width: calc(87.5% - var(--rad-spacing-sm)*7/8*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-hero-text__headline {
|
|
width: calc(58.33333% - var(--rad-spacing-sm)*11/12*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-md)*0);
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-hero-text__subheader {
|
|
font-family: GT Sectra Fine, Palatino;
|
|
font-size: 1.125rem;
|
|
font-weight: 300;
|
|
line-height: 1.333;
|
|
padding-top: 1rem;
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-hero-text__subheader {
|
|
font-size: 1.5rem;
|
|
line-height: 1.333
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-hero-text__subheader {
|
|
font-size: 1.75rem;
|
|
line-height: 1.286
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-hero-text__subheader {
|
|
font-size: calc(1.75rem + 1.94444vw - 28px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-hero-text__subheader {
|
|
font-size: 2.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-hero-text__subheader {
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-hero-text__subheader {
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-hero-text__subheader {
|
|
padding-top: 1.5rem;
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-hero-text__subheader {
|
|
padding-top: 2rem;
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(225% - var(--rad-spacing-sm)*3/4*9 + var(--rad-spacing-sm)*8 + var(--rad-spacing-sm)*0);
|
|
width: calc(112.5% - var(--rad-spacing-sm)*7/8*9 + var(--rad-spacing-sm)*8 + var(--rad-spacing-md)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*11/12*9 + var(--rad-spacing-sm)*8 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-hero-text__subheader {
|
|
padding-top: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-hero-text__subheader {
|
|
padding-top: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-hero-text__more-about {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
padding-top: 1rem;
|
|
text-underline-offset: .25rem;
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0)
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-hero-text__more-about {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-hero-text__more-about {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-hero-text__more-about {
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-hero-text__more-about {
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-hero-text__more-about {
|
|
padding-top: 1.5rem;
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-hero-text__more-about {
|
|
padding-top: 2rem;
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0);
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-hero-text__more-about {
|
|
padding-top: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-hero-text__more-about {
|
|
padding-top: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-hero-text--no-top-padding {
|
|
padding-top: 0
|
|
}
|
|
|
|
.rad-hero-text--no-bottom-padding {
|
|
padding-bottom: 0
|
|
}
|
|
|
|
.rad-hero-text--no-eyebrow .rad-hero-text__headline {
|
|
padding-top: 40px
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-hero-text--no-eyebrow .rad-hero-text__headline {
|
|
padding-top: 40px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-hero-text--no-eyebrow .rad-hero-text__headline {
|
|
padding-top: 5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-hero-text--no-eyebrow .rad-hero-text__headline {
|
|
padding-top: calc(5rem + 5.55556vw - 80px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-hero-text--no-eyebrow .rad-hero-text__headline {
|
|
padding-top: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-hero-text__btn {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
gap: 1rem;
|
|
margin-top: 1.5rem;
|
|
width: -webkit-fit-content;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-hero-text__btn {
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
gap: 1.5rem;
|
|
margin-top: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-hero-text__btn {
|
|
gap: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-hero-text__btn {
|
|
gap: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-hero-text__btn {
|
|
margin-top: 3rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-hero-text__btn {
|
|
margin-top: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-hero-text__btn {
|
|
margin-top: 4rem
|
|
}
|
|
}
|
|
|
|
.rad-hero-text__btn .rad-button {
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center;
|
|
text-align: center;
|
|
width: 100%
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-hero-text__btn .rad-button {
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
.rad-hero-text--no-back .rad-hero-text__eyebrow {
|
|
padding-top: 0
|
|
}
|
|
|
|
.rad-hero-text--headline-xl .rad-hero-text__headline {
|
|
font-size: 3rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.167
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-hero-text--headline-xl .rad-hero-text__headline {
|
|
font-size: 5rem;
|
|
line-height: 1.05
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-hero-text--headline-xl .rad-hero-text__headline {
|
|
font-size: 6.25rem;
|
|
line-height: 1.04
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-hero-text--headline-xl .rad-hero-text__headline {
|
|
font-size: calc(6.25rem + 6.94444vw - 100px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-hero-text--headline-xl .rad-hero-text__headline {
|
|
font-size: 8.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-hero-text--headline-xl .rad-hero-text__headline {
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-hero-text--headline-xl .rad-hero-text__headline {
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-hero-text--center-aligned .rad-hero-text__text-content {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
text-align: center
|
|
}
|
|
|
|
.rad-quote-carousel .flickity-page-dots {
|
|
-webkit-box-align: stretch;
|
|
-ms-flex-align: stretch;
|
|
-webkit-box-pack: end;
|
|
-ms-flex-pack: end;
|
|
align-items: stretch;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: 24px;
|
|
justify-content: flex-end;
|
|
margin: 0 auto;
|
|
max-width: 1920px;
|
|
width: auto
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-quote-carousel .flickity-page-dots {
|
|
height: 48px;
|
|
margin: 0 2.75rem 0 auto
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-quote-carousel .flickity-page-dots {
|
|
height: 3.33333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-quote-carousel .flickity-page-dots {
|
|
height: 64px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-quote-carousel .flickity-page-dots {
|
|
margin-right: 4.75rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-quote-carousel .flickity-page-dots {
|
|
margin-right: calc(4.75rem + 5.27778vw - 76px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-quote-carousel .flickity-page-dots {
|
|
margin-right: 6.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-quote-carousel .flickity-page-dot {
|
|
background: none;
|
|
border-radius: 0;
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
height: auto;
|
|
margin: 0;
|
|
padding: .25rem;
|
|
position: relative;
|
|
width: .5rem;
|
|
z-index: 1
|
|
}
|
|
|
|
.rad-quote-carousel .flickity-page-dot:focus-visible {
|
|
outline: .0625rem solid #a100ff;
|
|
outline-offset: -0.0625rem
|
|
}
|
|
|
|
.rad-quote-carousel .flickity-page-dot:focus {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none
|
|
}
|
|
|
|
.rad-quote-carousel .flickity-page-dot:after,
|
|
.rad-quote-carousel .flickity-page-dot:before {
|
|
content: "";
|
|
display: block;
|
|
height: .5rem;
|
|
position: absolute;
|
|
top: 50%;
|
|
translate: 0 -50%
|
|
}
|
|
|
|
.rad-quote-carousel .flickity-page-dot:first-child {
|
|
overflow: visible
|
|
}
|
|
|
|
.rad-quote-carousel .flickity-page-dot:first-child:before {
|
|
background: #616160;
|
|
left: 50%;
|
|
-webkit-transition: width 250ms ease 0s;
|
|
transition: width 250ms ease 0s;
|
|
width: calc(var(--dot-index)*100%)
|
|
}
|
|
|
|
.rad-quote-carousel .flickity-page-dot:after {
|
|
background: #616160;
|
|
left: .25rem;
|
|
width: .5rem
|
|
}
|
|
|
|
.rad-quote-carousel .flickity-page-dot:hover {
|
|
background: none
|
|
}
|
|
|
|
.rad-quote-carousel .flickity-page-dot:hover:after {
|
|
background: #a2a2a0
|
|
}
|
|
|
|
.rad-quote-carousel .flickity-page-dot.is-selected {
|
|
background: none
|
|
}
|
|
|
|
.rad-quote-carousel .flickity-page-dot.is-selected:after {
|
|
background: #fff
|
|
}
|
|
|
|
.rad-quote-carousel .flickity-enabled {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.rad-quote-carousel .flickity-viewport {
|
|
-ms-flex-preferred-size: 100%;
|
|
flex-basis: 100%
|
|
}
|
|
|
|
.rad-quote-carousel .flickity-prev-next-button {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
align-items: center;
|
|
background: none;
|
|
border-radius: 0;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: 48px;
|
|
justify-content: center;
|
|
left: 0;
|
|
margin-top: -12px;
|
|
position: relative;
|
|
right: 0;
|
|
-webkit-transform: unset;
|
|
transform: unset;
|
|
width: 48px
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-quote-carousel .flickity-prev-next-button {
|
|
width: 3.33333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-quote-carousel .flickity-prev-next-button {
|
|
width: 64px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-quote-carousel .flickity-prev-next-button {
|
|
height: 3.33333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-quote-carousel .flickity-prev-next-button {
|
|
height: 64px
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-quote-carousel .flickity-prev-next-button {
|
|
margin-top: 0
|
|
}
|
|
}
|
|
|
|
.rad-quote-carousel .flickity-prev-next-button:focus {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none
|
|
}
|
|
|
|
.rad-quote-carousel .flickity-prev-next-button.previous {
|
|
margin-left: 2.25rem
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-quote-carousel .flickity-prev-next-button.previous {
|
|
margin-left: 4.25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-quote-carousel .flickity-prev-next-button.previous {
|
|
margin-left: calc(4.25rem + 4.72222vw - 68px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-quote-carousel .flickity-prev-next-button.previous {
|
|
margin-left: 5.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-quote-carousel .flickity-prev-next-button.next {
|
|
margin-left: 0.25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-quote-carousel .flickity-prev-next-button.next {
|
|
margin-left: calc(0.25rem + 0.27778vw - 4px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-quote-carousel .flickity-prev-next-button.next {
|
|
margin-left: 0.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-quote-carousel .flickity-button-icon {
|
|
fill: #fff;
|
|
position: static;
|
|
width: 1.25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-quote-carousel .flickity-button-icon {
|
|
width: calc(1.25rem + 1.38889vw - 20px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-quote-carousel .flickity-button-icon {
|
|
width: 1.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-quote-carousel .rad-quote-carousel-title__container {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
justify-content: space-between;
|
|
padding-bottom: var(--rad-spacing-lg);
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-top: 0;
|
|
row-gap: 1rem
|
|
}
|
|
|
|
.rad-quote-carousel .rad-quote-carousel-title {
|
|
font-size: 1.25rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.025em;
|
|
line-height: 1.4
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-quote-carousel .rad-quote-carousel-title {
|
|
font-size: 1.5rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-quote-carousel .rad-quote-carousel-title {
|
|
font-size: 2rem;
|
|
line-height: 1.25
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-quote-carousel .rad-quote-carousel-title {
|
|
font-size: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-quote-carousel .rad-quote-carousel-title {
|
|
font-size: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-quote-carousel .rad-quote-carousel__sub {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-quote-carousel .rad-quote-carousel__sub {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-quote-carousel .rad-quote-carousel__sub {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-quote-carousel .flickity-cell {
|
|
bottom: 0
|
|
}
|
|
|
|
.rad-quote-carousel .flickity-prev-next-button {
|
|
display: none
|
|
}
|
|
|
|
.rad-quote-carousel .flickity-page-dots {
|
|
bottom: 0;
|
|
margin-top: 16px;
|
|
position: relative;
|
|
right: 0
|
|
}
|
|
|
|
.rad-quote-carousel__container {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-webkit-box-align: baseline;
|
|
-ms-flex-align: baseline;
|
|
align-items: baseline;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
position: relative
|
|
}
|
|
|
|
.rad-quote-carousel__cell,
|
|
.rad-quote-carousel__left {
|
|
width: 100%
|
|
}
|
|
|
|
.rad-quote-carousel__left .rad-quote-carousel__image-container .rad-quote-carousel__image {
|
|
display: block;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-quote-carousel__right {
|
|
padding: 0 1rem;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-quote-carousel__right .rad-quote-carousel__cell {
|
|
padding-top: 1.5rem
|
|
}
|
|
|
|
.rad-quote-carousel__right .rad-quote-carousel__cell.is-selected .rad-quote-carousel__read {
|
|
visibility: visible
|
|
}
|
|
|
|
.rad-quote-carousel__right .rad-quote-headline {
|
|
margin-bottom: 1.5rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-quote-carousel {
|
|
padding-right: 3rem
|
|
}
|
|
|
|
.rad-quote-carousel .rad-quote-carousel-title__container {
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
padding-bottom: var(--rad-spacing-md);
|
|
padding-left: var(--rad-spacing-md)
|
|
}
|
|
|
|
.rad-quote-carousel .flickity-enabled {
|
|
position: static
|
|
}
|
|
|
|
.rad-quote-carousel .flickity-cell {
|
|
bottom: auto;
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.rad-quote-carousel .flickity-prev-next-button {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
align-items: center;
|
|
bottom: -24px;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
justify-content: center;
|
|
position: absolute;
|
|
top: auto;
|
|
translate: 0 100%
|
|
}
|
|
|
|
.rad-quote-carousel .flickity-prev-next-button svg {
|
|
height: 1.875rem;
|
|
position: static
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-quote-carousel .flickity-prev-next-button svg {
|
|
height: calc(1.875rem + 2.08333vw - 30px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-quote-carousel .flickity-prev-next-button svg {
|
|
height: 2.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-quote-carousel .flickity-prev-next-button.next {
|
|
margin-left: 86px
|
|
}
|
|
|
|
.rad-quote-carousel .flickity-page-dots {
|
|
bottom: -24px;
|
|
margin-top: 0;
|
|
padding: 0;
|
|
position: absolute;
|
|
right: calc(var(--rad-spacing-md)*-1);
|
|
translate: 0 100%;
|
|
width: auto
|
|
}
|
|
|
|
.rad-quote-carousel__container {
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
margin-bottom: 4.0625rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-quote-carousel__container .flickity-enabled:focus-visible {
|
|
outline: .125rem solid #a100ff
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-quote-carousel__left {
|
|
-ms-flex-negative: 0;
|
|
flex-shrink: 0;
|
|
width: calc(min(100vw, 1920px)/4*2 - var(--rad-spacing-sm)*2/4*2 - var(--rad-spacing-sm)*3/4*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-sm)*1);
|
|
width: calc(min(100vw, 1920px)/8*2 - var(--rad-spacing-md)*2/8*2 - var(--rad-spacing-sm)*7/8*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*1)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-quote-carousel__left {
|
|
width: calc(min(100vw, 1920px)/12*2 - var(--rad-spacing-md)*2/12*2 - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*1)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-quote-carousel__right {
|
|
margin: auto 0;
|
|
padding: 0
|
|
}
|
|
|
|
.rad-quote-carousel__right .flickity-viewport {
|
|
height: 12.5rem
|
|
}
|
|
|
|
.rad-quote-carousel__right .flickity-slider {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex
|
|
}
|
|
|
|
.rad-quote-carousel__right .rad-quote-carousel__cell {
|
|
padding-left: calc(min(100vw, 1920px)/4*1 - var(--rad-spacing-sm)*2/4*1 - var(--rad-spacing-sm)*3/4*1 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0);
|
|
padding-left: calc(min(100vw, 1920px)/8*1 - var(--rad-spacing-md)*2/8*1 - var(--rad-spacing-sm)*7/8*1 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0);
|
|
padding-top: 0
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-quote-carousel {
|
|
padding-right: 5rem
|
|
}
|
|
|
|
.rad-quote-carousel .flickity-prev-next-button {
|
|
bottom: -2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-quote-carousel .flickity-prev-next-button {
|
|
bottom: calc(-2rem - 2.22222vw + 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-quote-carousel .flickity-prev-next-button {
|
|
bottom: -2.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-quote-carousel .flickity-prev-next-button.next {
|
|
margin-left: 120px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-quote-carousel .flickity-prev-next-button.next {
|
|
margin-left: 8.33333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-quote-carousel .flickity-prev-next-button.next {
|
|
margin-left: 160px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-quote-carousel .flickity-page-dots {
|
|
bottom: -2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-quote-carousel .flickity-page-dots {
|
|
bottom: calc(-2rem - 2.22222vw + 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-quote-carousel .flickity-page-dots {
|
|
bottom: -2.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-quote-carousel__containers {
|
|
margin-bottom: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-quote-carousel__containers {
|
|
margin-bottom: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-quote-carousel__containers {
|
|
margin-bottom: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-quote-carousel__left {
|
|
width: calc(min(100vw, 1920px)/4*4 - var(--rad-spacing-sm)*2/4*4 - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*1);
|
|
width: calc(min(100vw, 1920px)/8*4 - var(--rad-spacing-md)*2/8*4 - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*1);
|
|
width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*1)
|
|
}
|
|
|
|
.rad-quote-carousel__right .flickity-viewport {
|
|
min-height: 14.0625rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-quote-carousel__right .flickity-viewport {
|
|
min-height: calc(14.0625rem + 15.625vw - 225px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-quote-carousel__right .flickity-viewport {
|
|
min-height: 18.75rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-quote-carousel__right .rad-quote-carousel__title {
|
|
margin-bottom: 1.25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-quote-carousel__right .rad-quote-carousel__title {
|
|
margin-bottom: calc(1.25rem + 1.38889vw - 20px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-quote-carousel__right .rad-quote-carousel__title {
|
|
margin-bottom: 1.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-quote-carousel__right .rad-quote-carousel__info {
|
|
margin-bottom: 1.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-quote-carousel__right .rad-quote-carousel__info {
|
|
margin-bottom: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-quote-carousel__right .rad-quote-carousel__info {
|
|
margin-bottom: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-quote-carousel__right .rad-quote-carousel__cell {
|
|
padding-left: calc(min(100vw, 1920px)/4*1 - var(--rad-spacing-sm)*2/4*1 - var(--rad-spacing-sm)*3/4*1 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0);
|
|
padding-left: calc(min(100vw, 1920px)/8*1 - var(--rad-spacing-md)*2/8*1 - var(--rad-spacing-sm)*7/8*1 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0);
|
|
padding-left: calc(min(100vw, 1920px)/12*1 - var(--rad-spacing-md)*2/12*1 - var(--rad-spacing-sm)*11/12*1 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0);
|
|
padding-top: 0
|
|
}
|
|
|
|
.rad-quote-carousel__right .rad-quote-headline {
|
|
margin-bottom: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-quote-carousel__right .rad-quote-headline {
|
|
margin-bottom: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-quote-carousel__right .rad-quote-headline {
|
|
margin-bottom: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-component__title--large-text .rad-quote-carousel-title {
|
|
font-size: 1.75rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.286
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-component__title--large-text .rad-quote-carousel-title {
|
|
font-size: 2.5rem;
|
|
line-height: 1.2
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-component__title--large-text .rad-quote-carousel-title {
|
|
font-size: 3rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-component__title--large-text .rad-quote-carousel-title {
|
|
font-size: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-component__title--large-text .rad-quote-carousel-title {
|
|
font-size: 4rem
|
|
}
|
|
}
|
|
|
|
:root {
|
|
--rad-subnav-margin-tablet: 48px;
|
|
--rad-subnav-margin-desktop: 80px;
|
|
--rad-subnav-margin-wide-desktop: 107px
|
|
}
|
|
|
|
.subnavigation {
|
|
padding-bottom: 3.25rem
|
|
}
|
|
|
|
.rad-subnav {
|
|
background-color: #460073;
|
|
color: #fff;
|
|
height: 3.25rem;
|
|
position: fixed;
|
|
top: var(--rad-nav-height);
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: top;
|
|
transition-property: top;
|
|
width: 100%;
|
|
z-index: 10
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-subnav {
|
|
margin-left: calc(-50vw + 960px);
|
|
margin-right: calc(-50vw + 960px)
|
|
}
|
|
}
|
|
|
|
.rad-global-header--offscreen .rad-subnav {
|
|
top: 0
|
|
}
|
|
|
|
.rad-subnav-bar {
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-flow: row nowrap;
|
|
flex-flow: row nowrap;
|
|
justify-content: space-between;
|
|
margin: 0 auto;
|
|
max-width: 1920px;
|
|
padding: 0 1rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-subnav-bar {
|
|
padding: 0 var(--rad-subnav-margin-tablet)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-subnav-bar {
|
|
padding: 0 var(--rad-subnav-margin-desktop)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-subnav-bar {
|
|
padding-left: 5rem;
|
|
padding-left: calc(5rem + 5.55556vw - 80px);
|
|
padding-right: 5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-subnav-bar {
|
|
padding-left: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-subnav-bar {
|
|
padding-right: calc(5rem + 5.55556vw - 80px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-subnav-bar {
|
|
padding-right: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-subnav-bar__title {
|
|
-webkit-box-align: stretch;
|
|
-ms-flex-align: stretch;
|
|
align-items: stretch;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
height: 3.25rem;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.429;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
text-underline-offset: .25rem;
|
|
vertical-align: middle;
|
|
white-space: nowrap
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-subnav-bar__title {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-subnav-bar__title {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-subnav-bar__title {
|
|
-webkit-box-flex: 0;
|
|
-ms-flex: 0 0 auto;
|
|
flex: 0 0 auto;
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
padding-right: 2.5rem;
|
|
text-underline-offset: .25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-subnav-bar__title {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-subnav-bar__title {
|
|
font-size: 1.3333333333rem;
|
|
padding-right: 3.3125rem
|
|
}
|
|
}
|
|
|
|
.rad-subnav-bar__anchor-top {
|
|
-ms-flex-item-align: center;
|
|
align-self: center;
|
|
padding: .875rem 0;
|
|
text-decoration: none
|
|
}
|
|
|
|
.rad-subnav-bar__anchor-top:hover,
|
|
.rad-subnav-bar__anchor-top:visited {
|
|
color: #fff
|
|
}
|
|
|
|
.rad-subnav-bar .subnav-bar__link,
|
|
.rad-subnav-bar .subnav-bar__link--anchor {
|
|
text-decoration: none
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-subnav-bar__items {
|
|
-webkit-box-pack: end;
|
|
-ms-flex-pack: end;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: 3.25rem;
|
|
justify-content: flex-end
|
|
}
|
|
}
|
|
|
|
.rad-subnav-bar__items .subnav-menu-toggle {
|
|
padding-right: 1rem;
|
|
width: auto
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-subnav-bar__items .subnav-menu-toggle {
|
|
display: none;
|
|
margin-right: -10px
|
|
}
|
|
}
|
|
|
|
.rad-subnav-bar__items .rad-subnav-bar__section-display {
|
|
display: none;
|
|
padding-left: 1.5rem;
|
|
padding-right: 1rem
|
|
}
|
|
|
|
.rad-subnav-bar__dropdown-links {
|
|
background-color: #202020;
|
|
border-bottom: 1px solid #616160;
|
|
border-top: 1px solid #7500c0;
|
|
display: none;
|
|
font-size: 0.875rem;
|
|
font-size: .875rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
height: 0;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.429;
|
|
padding: .5rem 1rem;
|
|
position: absolute;
|
|
text-underline-offset: .25rem;
|
|
-webkit-transition-duration: 250ms;
|
|
transition-duration: 250ms;
|
|
-webkit-transition-property: display, height;
|
|
transition-property: display, height;
|
|
-webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.18, 1);
|
|
transition-timing-function: cubic-bezier(0.77, 0, 0.18, 1);
|
|
width: 100%
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-subnav-bar__dropdown-links {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-subnav-bar__dropdown-links {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-subnav-bar__dropdown-links .subnav-bar__link,
|
|
.rad-subnav-bar__dropdown-links .subnav-bar__link--anchor {
|
|
color: #fff;
|
|
display: block;
|
|
padding: 1rem 0;
|
|
text-align: left;
|
|
-webkit-transition-duration: 50ms;
|
|
transition-duration: 50ms;
|
|
-webkit-transition-property: font-weight;
|
|
transition-property: font-weight;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1)
|
|
}
|
|
|
|
.rad-subnav-bar__dropdown-links .subnav-bar__link--anchor.current-section,
|
|
.rad-subnav-bar__dropdown-links .subnav-bar__link--anchor:hover,
|
|
.rad-subnav-bar__dropdown-links .subnav-bar__link.current-section,
|
|
.rad-subnav-bar__dropdown-links .subnav-bar__link:hover {
|
|
color: #fff;
|
|
font-weight: 500
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-subnav-bar__dropdown-links {
|
|
margin-top: 3.25rem;
|
|
padding-left: 3rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-subnav-bar__dropdown-links {
|
|
padding-left: 5rem
|
|
}
|
|
}
|
|
|
|
.rad-subnav-bar__links {
|
|
display: none;
|
|
font-size: 0.875rem;
|
|
font-size: .875rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.429;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-subnav-bar__links {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-subnav-bar__links {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-subnav-bar__links .rad-subnav-bar__link-text {
|
|
position: relative
|
|
}
|
|
|
|
.rad-subnav-bar__links .rad-subnav-bar__link-text:after {
|
|
border-bottom: 1px solid;
|
|
bottom: 0;
|
|
content: "";
|
|
display: block;
|
|
left: 0;
|
|
position: absolute;
|
|
-webkit-transition: width 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
transition: width 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
width: 0
|
|
}
|
|
|
|
:hover>.rad-subnav-bar__link-text:after {
|
|
width: 100%
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-subnav-bar__links {
|
|
-webkit-box-align: stretch;
|
|
-ms-flex-align: stretch;
|
|
align-items: stretch;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
padding: 0
|
|
}
|
|
}
|
|
|
|
.rad-subnav-bar__links .subnav-bar__link,
|
|
.rad-subnav-bar__links .subnav-bar__link--anchor {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
color: #fff;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: 3.25rem;
|
|
padding: 0 1.25rem;
|
|
-webkit-transition-duration: 50ms;
|
|
transition-duration: 50ms;
|
|
-webkit-transition-property: background-color;
|
|
transition-property: background-color;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
white-space: nowrap
|
|
}
|
|
|
|
.rad-subnav-bar__links .subnav-bar__link--anchor:hover,
|
|
.rad-subnav-bar__links .subnav-bar__link:hover {
|
|
background-color: #7500c0;
|
|
color: #fff
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
|
|
.rad-subnav-bar__links .subnav-bar__link,
|
|
.rad-subnav-bar__links .subnav-bar__link--anchor {
|
|
padding-left: 1.25rem;
|
|
padding-left: calc(1.25rem + 1.38889vw - 20px);
|
|
padding-left: 1.6666666667rem;
|
|
padding-right: 1.25rem;
|
|
padding-right: calc(1.25rem + 1.38889vw - 20px);
|
|
padding-right: 1.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-subnav--links-inline .rad-subnav-bar__links {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
margin-right: -1.25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-subnav--links-inline .rad-subnav-bar__links {
|
|
margin-right: -1.25rem;
|
|
margin-right: calc(-1.25rem - 1.38889vw + 20px);
|
|
margin-right: -1.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
|
|
.rad-subnav--links-inline .rad-subnav-bar__section-display,
|
|
.rad-subnav--links-inline .subnav-menu-toggle {
|
|
display: none
|
|
}
|
|
|
|
.rad-subnav.rad-subnav__highlights--visible:not(.rad-subnav--links-inline) .rad-subnav-bar__links {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
visibility: hidden
|
|
}
|
|
|
|
.rad-subnav.rad-subnav__highlights--visible:not(.rad-subnav--links-inline) .rad-subnav-bar__section-display {
|
|
-ms-flex-item-align: center;
|
|
align-self: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
visibility: visible;
|
|
white-space: nowrap
|
|
}
|
|
}
|
|
|
|
.rad-subnav.rad-subnav__highlights--visible .rad-subnav-bar__links .subnav-bar__link--anchor.current-section {
|
|
background-color: #7500c0;
|
|
color: #fff
|
|
}
|
|
|
|
.rad-subnav.rad-subnav__dropdown--active .rad-subnav-bar__dropdown-links,
|
|
.rad-subnav.rad-subnav__dropdown--active.rad-subnav__highlights--visible .rad-subnav-bar__dropdown-links {
|
|
display: block;
|
|
height: auto;
|
|
left: 0;
|
|
max-height: 100dvh;
|
|
right: 0
|
|
}
|
|
|
|
.rad-subnav.rad-subnav__dropdown--active .subnav-menu-toggle .rad-icon,
|
|
.rad-subnav.rad-subnav__dropdown--active.rad-subnav__highlights--visible .subnav-menu-toggle .rad-icon {
|
|
rotate: 180deg
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
|
|
.rad-subnav.rad-subnav__dropdown--active .rad-subnav-bar__section-display,
|
|
.rad-subnav.rad-subnav__dropdown--active.rad-subnav__highlights--visible .rad-subnav-bar__section-display {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.rad-accordion {
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-accordion {
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
.rad-accordion__header-container {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
padding-bottom: 1.5rem;
|
|
row-gap: 1rem
|
|
}
|
|
|
|
.rad-accordion__headline {
|
|
font-size: 1.5rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.035em;
|
|
line-height: 1.333
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-accordion__headline {
|
|
font-size: 2rem;
|
|
line-height: 1.25
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-accordion__headline {
|
|
font-size: 2.5rem;
|
|
line-height: 1.2
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__headline {
|
|
font-size: calc(2.5rem + 2.77778vw - 40px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__headline {
|
|
font-size: 3.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-accordion__more {
|
|
margin-top: 1rem
|
|
}
|
|
|
|
.rad-accordion__more .rad-button:focus-visible {
|
|
margin-left: .125rem;
|
|
outline-offset: 0
|
|
}
|
|
|
|
.rad-accordion__header-title {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
gap: 1rem;
|
|
letter-spacing: -0.02em;
|
|
line-height: 1.5
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-accordion__header-title {
|
|
font-size: 1.125rem;
|
|
line-height: 1.33
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-accordion__header-title {
|
|
font-size: 1.5rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__header-title {
|
|
font-size: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__header-title {
|
|
font-size: 2rem
|
|
}
|
|
}
|
|
|
|
.rad-accordion__subheader {
|
|
font-family: GT Sectra Fine, Palatino;
|
|
font-size: 1rem;
|
|
font-weight: 300;
|
|
line-height: 1.5
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-accordion__subheader {
|
|
font-size: 1.125rem;
|
|
line-height: 1.333
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-accordion__subheader {
|
|
font-size: 1.5rem;
|
|
line-height: 1.333
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__subheader {
|
|
font-size: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__subheader {
|
|
font-size: 2rem
|
|
}
|
|
}
|
|
|
|
.rad-accordion__content {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
margin-right: 3.25rem;
|
|
padding-bottom: 1.5rem;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__content {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__content {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-accordion__header {
|
|
-webkit-box-align: start;
|
|
-ms-flex-align: start;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
align-items: flex-start;
|
|
cursor: pointer;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
gap: 16px;
|
|
justify-content: space-between;
|
|
letter-spacing: -0.02em;
|
|
line-height: 1.5;
|
|
padding: 16px 11px 16px 0;
|
|
text-align: left;
|
|
width: 100%
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-accordion__header {
|
|
font-size: 1.125rem;
|
|
line-height: 1.33
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-accordion__header {
|
|
font-size: 1.5rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__header {
|
|
font-size: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__header {
|
|
font-size: 2rem
|
|
}
|
|
}
|
|
|
|
.rad-accordion__header:focus-visible {
|
|
border: 2px solid #a100ff;
|
|
outline-offset: 0
|
|
}
|
|
|
|
.rad-accordion .rad-accordion__container--open:hover .accordioncard .rad-accordion__purple {
|
|
border-top-color: #a100ff
|
|
}
|
|
|
|
.rad-accordion .rad-accordion__container--open .rad-accordion__header {
|
|
border-top-color: #616160;
|
|
color: #a2a2a0
|
|
}
|
|
|
|
.rad-accordion .rad-accordion__container--open .rad-accordion__header .rad-accordion__icon:after,
|
|
.rad-accordion .rad-accordion__container--open .rad-accordion__header .rad-accordion__icon:before {
|
|
background-color: #a2a2a0
|
|
}
|
|
|
|
.rad-accordion .rad-accordion__container--open .rad-accordion__purple {
|
|
border-top: 2px solid #a100ff
|
|
}
|
|
|
|
.rad-accordion .rad-accordion__container--open .accordioncard:last-child .rad-accordion__item {
|
|
border-bottom-color: #616160
|
|
}
|
|
|
|
.rad-accordion__container {
|
|
pointer-events: none
|
|
}
|
|
|
|
.rad-accordion__container .accordioncard .rad-accordion__item--open .rad-accordion__header {
|
|
border-color: #a100ff;
|
|
color: #fff
|
|
}
|
|
|
|
.rad-accordion__container .accordioncard .rad-accordion__item--open .rad-accordion__header .rad-accordion__icon:after,
|
|
.rad-accordion__container .accordioncard .rad-accordion__item--open .rad-accordion__header .rad-accordion__icon:before {
|
|
background-color: #fff
|
|
}
|
|
|
|
.rad-accordion__container:hover .accordioncard .rad-accordion__header {
|
|
border-top-color: #616160;
|
|
color: #a2a2a0
|
|
}
|
|
|
|
.rad-accordion__container:hover .accordioncard .rad-accordion__item--open .rad-accordion__header {
|
|
border-top-color: #a100ff;
|
|
color: #fff
|
|
}
|
|
|
|
.rad-accordion__container:hover .accordioncard:last-child .rad-accordion__item {
|
|
border-bottom-color: #616160
|
|
}
|
|
|
|
.rad-accordion .rad-accordion__header {
|
|
border-top: 2px solid #a100ff
|
|
}
|
|
|
|
.rad-accordion .accordioncard {
|
|
pointer-events: auto
|
|
}
|
|
|
|
.rad-accordion .accordioncard:last-child .rad-accordion__item {
|
|
border-bottom: 2px solid #a100ff
|
|
}
|
|
|
|
.rad-accordion .accordioncard:last-child .rad-accordion__item.rad-accordion__item--open {
|
|
border-color: #a100ff
|
|
}
|
|
|
|
.rad-accordion .accordioncard:hover .rad-accordion__header {
|
|
border-color: #a100ff;
|
|
color: #fff
|
|
}
|
|
|
|
.rad-accordion .accordioncard:hover:last-child .rad-accordion__item {
|
|
border-bottom-color: #a100ff
|
|
}
|
|
|
|
.rad-accordion .accordioncard:hover .rad-accordion__icon:after,
|
|
.rad-accordion .accordioncard:hover .rad-accordion__icon:before {
|
|
background-color: #fff
|
|
}
|
|
|
|
.rad-accordion .accordioncard:hover+.accordioncard .rad-accordion__header {
|
|
border-top: 2px solid #a100ff
|
|
}
|
|
|
|
.rad-accordion__item.rad-accordion__item--open .rad-accordion__icon:after {
|
|
rotate: 0deg
|
|
}
|
|
|
|
.rad-accordion__item.rad-accordion__item--open .rad-accordion__content-wrapper {
|
|
visibility: visible
|
|
}
|
|
|
|
.rad-accordion__icon {
|
|
-ms-flex-negative: 0;
|
|
flex-shrink: 0;
|
|
height: 14px;
|
|
margin: .3125rem auto;
|
|
position: relative;
|
|
width: 14px
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__icon {
|
|
height: 0.97222vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__icon {
|
|
height: 18.6666666667px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__icon {
|
|
width: 0.97222vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__icon {
|
|
width: 18.6666666667px
|
|
}
|
|
}
|
|
|
|
.rad-accordion__icon:after,
|
|
.rad-accordion__icon:before {
|
|
background-color: #fff;
|
|
content: "";
|
|
display: block;
|
|
height: 2px;
|
|
position: absolute;
|
|
top: 50%;
|
|
-webkit-transition: rotate 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
transition: rotate 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
translate: 0 -50%;
|
|
width: 100%
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
|
|
.rad-accordion__icon:after,
|
|
.rad-accordion__icon:before {
|
|
height: 0.13889vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
|
|
.rad-accordion__icon:after,
|
|
.rad-accordion__icon:before {
|
|
height: 2.6666666667px
|
|
}
|
|
}
|
|
|
|
.rad-accordion__icon:after {
|
|
rotate: -90deg
|
|
}
|
|
|
|
.rad-accordion__footer {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-webkit-box-align: end;
|
|
-ms-flex-align: end;
|
|
align-items: flex-end;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
gap: .5rem;
|
|
padding-top: 1.5rem
|
|
}
|
|
|
|
.rad-accordion__footer-title {
|
|
font-size: 1.25rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.025em;
|
|
line-height: 1.4;
|
|
text-align: right
|
|
}
|
|
|
|
.rad-accordion__content-wrapper {
|
|
max-height: 0;
|
|
overflow: hidden;
|
|
-webkit-transition: max-height 550ms cubic-bezier(0.85, 0, 0, 1), visibility 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
transition: max-height 550ms cubic-bezier(0.85, 0, 0, 1), visibility 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
visibility: hidden
|
|
}
|
|
|
|
.rad-accordion__content-wrapper>h2,
|
|
.rad-accordion__content-wrapper>h3,
|
|
.rad-accordion__content-wrapper>h4,
|
|
.rad-accordion__content-wrapper>h5,
|
|
.rad-accordion__content-wrapper>ol,
|
|
.rad-accordion__content-wrapper>p,
|
|
.rad-accordion__content-wrapper>ul {
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
|
|
.rad-accordion__content-wrapper>h2,
|
|
.rad-accordion__content-wrapper>h3,
|
|
.rad-accordion__content-wrapper>h4,
|
|
.rad-accordion__content-wrapper>h5,
|
|
.rad-accordion__content-wrapper>ol,
|
|
.rad-accordion__content-wrapper>p,
|
|
.rad-accordion__content-wrapper>ul {
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
|
|
.rad-accordion__content-wrapper>h2,
|
|
.rad-accordion__content-wrapper>h3,
|
|
.rad-accordion__content-wrapper>h4,
|
|
.rad-accordion__content-wrapper>h5,
|
|
.rad-accordion__content-wrapper>ol,
|
|
.rad-accordion__content-wrapper>p,
|
|
.rad-accordion__content-wrapper>ul {
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h2 {
|
|
font-size: 1.75rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.286
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-accordion__content-wrapper h2 {
|
|
font-size: 2.5rem;
|
|
line-height: 1.2
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-accordion__content-wrapper h2 {
|
|
font-size: 3rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__content-wrapper h2 {
|
|
font-size: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__content-wrapper h2 {
|
|
font-size: 4rem
|
|
}
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h2+h2,
|
|
.rad-accordion__content-wrapper h2+h3 {
|
|
margin-top: 1rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h2+h4 {
|
|
margin-top: 1.5rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h2+h5 {
|
|
margin-top: 1rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h2+ol,
|
|
.rad-accordion__content-wrapper h2+p,
|
|
.rad-accordion__content-wrapper h2+ul {
|
|
margin-top: 1.5rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h3 {
|
|
font-size: 1.25rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.025em;
|
|
line-height: 1.4
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-accordion__content-wrapper h3 {
|
|
font-size: 1.5rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-accordion__content-wrapper h3 {
|
|
font-size: 2rem;
|
|
line-height: 1.25
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__content-wrapper h3 {
|
|
font-size: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__content-wrapper h3 {
|
|
font-size: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h3+h2 {
|
|
margin-top: 2rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h3+h3 {
|
|
margin-top: 1rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h3+h4 {
|
|
margin-top: 1.5rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h3+h5 {
|
|
margin-top: 1rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h3+ol,
|
|
.rad-accordion__content-wrapper h3+p,
|
|
.rad-accordion__content-wrapper h3+ul {
|
|
margin-top: 1.5rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h4 {
|
|
font-size: 1.125rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.6;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-accordion__content-wrapper h4 {
|
|
font-size: 1.25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__content-wrapper h4 {
|
|
font-size: calc(1.25rem + 1.38889vw - 20px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__content-wrapper h4 {
|
|
font-size: 1.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h4+h2,
|
|
.rad-accordion__content-wrapper h4+h3 {
|
|
margin-top: 2rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h4+h4 {
|
|
margin-top: .5rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h4+h5 {
|
|
margin-top: 2rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h4+ol,
|
|
.rad-accordion__content-wrapper h4+p,
|
|
.rad-accordion__content-wrapper h4+ul {
|
|
margin-top: .5rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h5 {
|
|
font-family: GT Sectra Fine, Palatino;
|
|
font-size: 1.125rem;
|
|
font-weight: 300;
|
|
line-height: 1.333
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-accordion__content-wrapper h5 {
|
|
font-size: 1.5rem;
|
|
line-height: 1.333
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-accordion__content-wrapper h5 {
|
|
font-size: 1.75rem;
|
|
line-height: 1.286
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__content-wrapper h5 {
|
|
font-size: calc(1.75rem + 1.94444vw - 28px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__content-wrapper h5 {
|
|
font-size: 2.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h5+h2,
|
|
.rad-accordion__content-wrapper h5+h3 {
|
|
margin-top: 2rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h5+h4 {
|
|
margin-top: 1.5rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h5+h5 {
|
|
margin-top: 1rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h5+ol,
|
|
.rad-accordion__content-wrapper h5+p,
|
|
.rad-accordion__content-wrapper h5+ul {
|
|
margin-top: 1.5rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper ol,
|
|
.rad-accordion__content-wrapper p,
|
|
.rad-accordion__content-wrapper ul {
|
|
font-size: 1.125rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.6;
|
|
padding-right: var(--scrollbar-width);
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
|
|
.rad-accordion__content-wrapper ol,
|
|
.rad-accordion__content-wrapper p,
|
|
.rad-accordion__content-wrapper ul {
|
|
font-size: 1.25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
|
|
.rad-accordion__content-wrapper ol,
|
|
.rad-accordion__content-wrapper p,
|
|
.rad-accordion__content-wrapper ul {
|
|
font-size: calc(1.25rem + 1.38889vw - 20px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
|
|
.rad-accordion__content-wrapper ol,
|
|
.rad-accordion__content-wrapper p,
|
|
.rad-accordion__content-wrapper ul {
|
|
font-size: 1.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-accordion__content-wrapper ol a,
|
|
.rad-accordion__content-wrapper p a,
|
|
.rad-accordion__content-wrapper ul a {
|
|
font-weight: 500
|
|
}
|
|
|
|
.rad-accordion__content-wrapper ol a:focus-visible,
|
|
.rad-accordion__content-wrapper p a:focus-visible,
|
|
.rad-accordion__content-wrapper ul a:focus-visible {
|
|
outline-offset: 2px
|
|
}
|
|
|
|
.rad-accordion__content-wrapper ol+h2,
|
|
.rad-accordion__content-wrapper ol+h3,
|
|
.rad-accordion__content-wrapper ol+h4,
|
|
.rad-accordion__content-wrapper ol+h5,
|
|
.rad-accordion__content-wrapper p+h2,
|
|
.rad-accordion__content-wrapper p+h3,
|
|
.rad-accordion__content-wrapper p+h4,
|
|
.rad-accordion__content-wrapper p+h5,
|
|
.rad-accordion__content-wrapper ul+h2,
|
|
.rad-accordion__content-wrapper ul+h3,
|
|
.rad-accordion__content-wrapper ul+h4,
|
|
.rad-accordion__content-wrapper ul+h5 {
|
|
margin-top: 2rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper ol+ol,
|
|
.rad-accordion__content-wrapper ol+p,
|
|
.rad-accordion__content-wrapper ol+ul,
|
|
.rad-accordion__content-wrapper p+ol,
|
|
.rad-accordion__content-wrapper p+p,
|
|
.rad-accordion__content-wrapper p+ul,
|
|
.rad-accordion__content-wrapper ul+ol,
|
|
.rad-accordion__content-wrapper ul+p,
|
|
.rad-accordion__content-wrapper ul+ul {
|
|
margin-top: .5rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper ol li {
|
|
counter-increment: li;
|
|
list-style-type: none;
|
|
padding-left: 30px;
|
|
position: relative
|
|
}
|
|
|
|
.rad-accordion__content-wrapper ol li:before {
|
|
color: #a100ff;
|
|
content: counter(li) attr(start) ". ";
|
|
left: 0;
|
|
position: absolute
|
|
}
|
|
|
|
.rad-accordion__content-wrapper ul {
|
|
list-style: none;
|
|
padding-left: 0
|
|
}
|
|
|
|
.rad-accordion__content-wrapper ul li {
|
|
padding-left: 29px;
|
|
position: relative
|
|
}
|
|
|
|
.rad-accordion__content-wrapper ul li:before {
|
|
background-color: #a100ff;
|
|
content: "";
|
|
display: inline-block;
|
|
height: .375rem;
|
|
left: 0;
|
|
position: absolute;
|
|
text-align: center;
|
|
top: 10px;
|
|
width: .375rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__content-wrapper ul li:before {
|
|
top: 0.69444vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__content-wrapper ul li:before {
|
|
top: 13.3333333333px
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
|
|
.rad-accordion__content-wrapper>h2,
|
|
.rad-accordion__content-wrapper>h3,
|
|
.rad-accordion__content-wrapper>h4,
|
|
.rad-accordion__content-wrapper>h5,
|
|
.rad-accordion__content-wrapper>ol,
|
|
.rad-accordion__content-wrapper>p,
|
|
.rad-accordion__content-wrapper>ul {
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
|
|
.rad-accordion__content-wrapper>h2,
|
|
.rad-accordion__content-wrapper>h3,
|
|
.rad-accordion__content-wrapper>h4,
|
|
.rad-accordion__content-wrapper>h5,
|
|
.rad-accordion__content-wrapper>ol,
|
|
.rad-accordion__content-wrapper>p,
|
|
.rad-accordion__content-wrapper>ul {
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
|
|
.rad-accordion__content-wrapper h2+h2,
|
|
.rad-accordion__content-wrapper h2+h3 {
|
|
margin-top: 1.5rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h2+h4 {
|
|
margin-top: 2rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h2+h5 {
|
|
margin-top: 1.5rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h2+ol,
|
|
.rad-accordion__content-wrapper h2+p,
|
|
.rad-accordion__content-wrapper h2+ul {
|
|
margin-top: 2rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h3+h2 {
|
|
margin-top: 3rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h3+h3 {
|
|
margin-top: 1.5rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h3+h4 {
|
|
margin-top: 2rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h3+h5 {
|
|
margin-top: 1.5rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h3+ol,
|
|
.rad-accordion__content-wrapper h3+p,
|
|
.rad-accordion__content-wrapper h3+ul {
|
|
margin-top: 2rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h4+h2,
|
|
.rad-accordion__content-wrapper h4+h3 {
|
|
margin-top: 3rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h4+h4 {
|
|
margin-top: 1rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h4+h5 {
|
|
margin-top: 3rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h4+ol,
|
|
.rad-accordion__content-wrapper h4+p,
|
|
.rad-accordion__content-wrapper h4+ul {
|
|
margin-top: 1rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h5+h2,
|
|
.rad-accordion__content-wrapper h5+h3 {
|
|
margin-top: 3rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h5+h4 {
|
|
margin-top: 2rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h5+h5 {
|
|
margin-top: 1.5rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h5+ol,
|
|
.rad-accordion__content-wrapper h5+p,
|
|
.rad-accordion__content-wrapper h5+ul {
|
|
margin-top: 2rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper ol,
|
|
.rad-accordion__content-wrapper p,
|
|
.rad-accordion__content-wrapper ul {
|
|
padding-right: 0
|
|
}
|
|
|
|
.rad-accordion__content-wrapper ol+h2,
|
|
.rad-accordion__content-wrapper ol+h3,
|
|
.rad-accordion__content-wrapper ol+h4,
|
|
.rad-accordion__content-wrapper ol+h5,
|
|
.rad-accordion__content-wrapper p+h2,
|
|
.rad-accordion__content-wrapper p+h3,
|
|
.rad-accordion__content-wrapper p+h4,
|
|
.rad-accordion__content-wrapper p+h5,
|
|
.rad-accordion__content-wrapper ul+h2,
|
|
.rad-accordion__content-wrapper ul+h3,
|
|
.rad-accordion__content-wrapper ul+h4,
|
|
.rad-accordion__content-wrapper ul+h5 {
|
|
margin-top: 3rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper ol+ol,
|
|
.rad-accordion__content-wrapper ol+p,
|
|
.rad-accordion__content-wrapper ol+ul,
|
|
.rad-accordion__content-wrapper p+ol,
|
|
.rad-accordion__content-wrapper p+p,
|
|
.rad-accordion__content-wrapper p+ul,
|
|
.rad-accordion__content-wrapper ul+ol,
|
|
.rad-accordion__content-wrapper ul+p,
|
|
.rad-accordion__content-wrapper ul+ul {
|
|
margin-top: 1rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper ol li:before,
|
|
.rad-accordion__content-wrapper ul li:before {
|
|
height: .5rem;
|
|
width: .5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
|
|
.rad-accordion__content-wrapper>h2,
|
|
.rad-accordion__content-wrapper>h3,
|
|
.rad-accordion__content-wrapper>h4,
|
|
.rad-accordion__content-wrapper>h5,
|
|
.rad-accordion__content-wrapper>ol,
|
|
.rad-accordion__content-wrapper>p,
|
|
.rad-accordion__content-wrapper>ul {
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h2+h2,
|
|
.rad-accordion__content-wrapper h2+h3 {
|
|
margin-top: 2rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h2+h4 {
|
|
margin-top: 3rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h2+h5 {
|
|
margin-top: 2rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h2+ol,
|
|
.rad-accordion__content-wrapper h2+p,
|
|
.rad-accordion__content-wrapper h2+ul {
|
|
margin-top: 3rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h3+h2 {
|
|
margin-top: 4rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h3+h3 {
|
|
margin-top: 2rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h3+h4 {
|
|
margin-top: 3rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h3+h5 {
|
|
margin-top: 2rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h3+ol,
|
|
.rad-accordion__content-wrapper h3+p,
|
|
.rad-accordion__content-wrapper h3+ul {
|
|
margin-top: 3rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h4+h2,
|
|
.rad-accordion__content-wrapper h4+h3 {
|
|
margin-top: 4rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h4+h4 {
|
|
margin-top: 1.5rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h4+h5 {
|
|
margin-top: 4rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h4+ol,
|
|
.rad-accordion__content-wrapper h4+p,
|
|
.rad-accordion__content-wrapper h4+ul {
|
|
margin-top: 1.5rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h5+h2,
|
|
.rad-accordion__content-wrapper h5+h3 {
|
|
margin-top: 4rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h5+h4 {
|
|
margin-top: 3rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h5+h5 {
|
|
margin-top: 2rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper h5+ol,
|
|
.rad-accordion__content-wrapper h5+p,
|
|
.rad-accordion__content-wrapper h5+ul {
|
|
margin-top: 3rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper ol+h2,
|
|
.rad-accordion__content-wrapper ol+h3,
|
|
.rad-accordion__content-wrapper ol+h4,
|
|
.rad-accordion__content-wrapper ol+h5,
|
|
.rad-accordion__content-wrapper p+h2,
|
|
.rad-accordion__content-wrapper p+h3,
|
|
.rad-accordion__content-wrapper p+h4,
|
|
.rad-accordion__content-wrapper p+h5,
|
|
.rad-accordion__content-wrapper ul+h2,
|
|
.rad-accordion__content-wrapper ul+h3,
|
|
.rad-accordion__content-wrapper ul+h4,
|
|
.rad-accordion__content-wrapper ul+h5 {
|
|
margin-top: 4rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper ol+ol,
|
|
.rad-accordion__content-wrapper ol+p,
|
|
.rad-accordion__content-wrapper ol+ul,
|
|
.rad-accordion__content-wrapper p+ol,
|
|
.rad-accordion__content-wrapper p+p,
|
|
.rad-accordion__content-wrapper p+ul,
|
|
.rad-accordion__content-wrapper ul+ol,
|
|
.rad-accordion__content-wrapper ul+p,
|
|
.rad-accordion__content-wrapper ul+ul {
|
|
margin-top: 1.5rem
|
|
}
|
|
}
|
|
|
|
.rad-accordion__content-wrapper ol li {
|
|
translate: .375rem
|
|
}
|
|
|
|
.rad-accordion__content-wrapper ul li {
|
|
translate: .125rem
|
|
}
|
|
|
|
.rad-accordion .rad-accordion__image {
|
|
aspect-ratio: 5/3;
|
|
display: block;
|
|
overflow: hidden
|
|
}
|
|
|
|
.rad-accordion .rad-accordion__image img {
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-accordion {
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-accordion {
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-accordion__header-container {
|
|
padding-bottom: 2.5rem;
|
|
row-gap: 1rem
|
|
}
|
|
|
|
.rad-accordion__header {
|
|
gap: 1.5rem;
|
|
padding-right: 0.875rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__header {
|
|
padding-right: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__header {
|
|
padding-right: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-accordion__headline {
|
|
font-size: 1.75rem;
|
|
font-size: 2.5rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.286;
|
|
line-height: 1.2
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-accordion__headline {
|
|
font-size: 3rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__headline {
|
|
font-size: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__headline {
|
|
font-size: 4rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-accordion__header-title {
|
|
gap: 1.5rem;
|
|
width: calc(175% - var(--rad-spacing-sm)*3/4*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-sm)*0);
|
|
width: calc(87.5% - var(--rad-spacing-sm)*7/8*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-accordion__header-title {
|
|
width: calc(58.33333% - var(--rad-spacing-sm)*11/12*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-accordion__content {
|
|
font-size: 1.125rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.6;
|
|
margin-right: 0;
|
|
padding-bottom: 1.5rem;
|
|
text-underline-offset: .25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-accordion__content {
|
|
font-size: 1.25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__content {
|
|
font-size: calc(1.25rem + 1.38889vw - 20px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__content {
|
|
font-size: 1.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__content {
|
|
padding-bottom: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__content {
|
|
padding-bottom: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-accordion__detail {
|
|
width: calc(175% - var(--rad-spacing-sm)*3/4*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-sm)*0);
|
|
width: calc(87.5% - var(--rad-spacing-sm)*7/8*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-accordion__detail {
|
|
width: calc(58.33333% - var(--rad-spacing-sm)*11/12*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-accordion__subheader {
|
|
font-family: GT Sectra Fine, Palatino;
|
|
font-size: 1.125rem;
|
|
font-size: 1.5rem;
|
|
font-weight: 300;
|
|
line-height: 1.333
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-accordion__subheader {
|
|
font-size: 1.75rem;
|
|
line-height: 1.286
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__subheader {
|
|
font-size: calc(1.75rem + 1.94444vw - 28px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__subheader {
|
|
font-size: 2.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-accordion__footer {
|
|
padding-top: 2.5rem
|
|
}
|
|
|
|
.rad-accordion__footer-title {
|
|
font-size: 1.25rem;
|
|
font-size: 1.5rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.025em;
|
|
line-height: 1.4;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-accordion__footer-title {
|
|
font-size: 2rem;
|
|
line-height: 1.25
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__footer-title {
|
|
font-size: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__footer-title {
|
|
font-size: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-accordion__icon-container {
|
|
width: 9%
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-accordion {
|
|
width: calc(300% - var(--rad-spacing-sm)*3/4*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-sm)*0);
|
|
width: calc(150% - var(--rad-spacing-sm)*7/8*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-md)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*11/12*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-accordion__header-container {
|
|
padding-bottom: 4rem;
|
|
row-gap: 1.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__header-container {
|
|
row-gap: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__header-container {
|
|
row-gap: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__header-container {
|
|
padding-bottom: calc(4rem + 4.44444vw - 64px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__header-container {
|
|
padding-bottom: 5.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-accordion__headline {
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-accordion__header {
|
|
padding-bottom: 1.5rem;
|
|
padding-top: 1.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__header {
|
|
padding-top: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__header {
|
|
padding-top: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__header {
|
|
padding-bottom: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__header {
|
|
padding-bottom: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-accordion__header-title {
|
|
gap: 2rem;
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__header-title {
|
|
gap: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__header-title {
|
|
gap: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-accordion__header-title {
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-accordion__subheader {
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0);
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-accordion__icon {
|
|
margin-bottom: 0.4375rem;
|
|
margin-top: 0.4375rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__icon {
|
|
margin-top: calc(0.4375rem + 0.48611vw - 7px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__icon {
|
|
margin-top: 0.5833333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__icon {
|
|
margin-bottom: calc(0.4375rem + 0.48611vw - 7px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__icon {
|
|
margin-bottom: 0.5833333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-accordion__detail {
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-accordion__footer {
|
|
gap: 1.5rem;
|
|
padding-top: 4rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__footer {
|
|
padding-top: calc(4rem + 4.44444vw - 64px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__footer {
|
|
padding-top: 5.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__footer {
|
|
gap: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__footer {
|
|
gap: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-accordion__footer-title {
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0);
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-accordion__icon-container {
|
|
width: 6%
|
|
}
|
|
}
|
|
|
|
.rad-accordion__stat .rad-accordion__stat-text:before {
|
|
background-color: #a100ff;
|
|
content: "";
|
|
display: block;
|
|
height: 0.25rem;
|
|
margin-bottom: 1rem;
|
|
width: 2rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__stat .rad-accordion__stat-text:before {
|
|
height: calc(0.25rem + 0.27778vw - 4px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__stat .rad-accordion__stat-text:before {
|
|
height: 0.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-accordion__stat .rad-accordion__stat-percentage {
|
|
font-size: 3rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.167;
|
|
margin-bottom: 1rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-accordion__stat .rad-accordion__stat-percentage {
|
|
font-size: 5rem;
|
|
line-height: 1.05
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-accordion__stat .rad-accordion__stat-percentage {
|
|
font-size: 6.25rem;
|
|
line-height: 1.04
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__stat .rad-accordion__stat-percentage {
|
|
font-size: calc(6.25rem + 6.94444vw - 100px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__stat .rad-accordion__stat-percentage {
|
|
font-size: 8.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-accordion__stat .rad-accordion__stat-detail {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.429;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__stat .rad-accordion__stat-detail {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__stat .rad-accordion__stat-detail {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-accordion__stat .rad-accordion__more {
|
|
margin-bottom: 2rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__stat .rad-accordion__more {
|
|
margin-bottom: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__stat .rad-accordion__more {
|
|
margin-bottom: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-accordion__stat .rad-accordion__content-text {
|
|
width: calc(125% - var(--rad-spacing-sm)*3/4*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-sm)*0);
|
|
width: calc(62.5% - var(--rad-spacing-sm)*7/8*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-accordion__stat .rad-accordion__content-text {
|
|
width: calc(41.66667% - var(--rad-spacing-sm)*11/12*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-accordion__stat .rad-accordion__stat-content {
|
|
-ms-flex-item-align: end;
|
|
align-self: flex-end;
|
|
margin-right: calc(25% - var(--rad-spacing-sm)*3/4*1 + var(--rad-spacing-sm)*1 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0);
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-accordion__stat .rad-accordion__stat-content {
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-accordion__stat .rad-accordion__stat-content {
|
|
margin-right: calc(12.5% - var(--rad-spacing-sm)*7/8*1 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-accordion__stat .rad-accordion__stat-content {
|
|
margin-right: calc(8.33333% - var(--rad-spacing-sm)*11/12*1 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-accordion__stat .rad-accordion__stat-percentage {
|
|
font-size: 1.75rem;
|
|
font-size: 2.5rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.286;
|
|
line-height: 1.2
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-accordion__stat .rad-accordion__stat-percentage {
|
|
font-size: 3rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__stat .rad-accordion__stat-percentage {
|
|
font-size: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__stat .rad-accordion__stat-percentage {
|
|
font-size: 4rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-accordion__stat .rad-accordion__stat-detail {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
text-underline-offset: .25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__stat .rad-accordion__stat-detail {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__stat .rad-accordion__stat-detail {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-accordion__stat .rad-accordion__content {
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
justify-content: space-between
|
|
}
|
|
|
|
.rad-accordion__stat .rad-accordion__content-text {
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0);
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-accordion__stat .rad-accordion__stat-content {
|
|
-ms-flex-item-align: stretch;
|
|
align-self: stretch;
|
|
width: calc(75% - var(--rad-spacing-sm)*3/4*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0);
|
|
width: calc(37.5% - var(--rad-spacing-sm)*7/8*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0);
|
|
width: calc(25% - var(--rad-spacing-sm)*11/12*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-accordion__stat .rad-accordion__stat-percentage,
|
|
.rad-accordion__stat .rad-accordion__stat-text:before {
|
|
margin-bottom: 1.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
|
|
.rad-accordion__stat .rad-accordion__stat-percentage,
|
|
.rad-accordion__stat .rad-accordion__stat-text:before {
|
|
margin-bottom: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
|
|
.rad-accordion__stat .rad-accordion__stat-percentage,
|
|
.rad-accordion__stat .rad-accordion__stat-text:before {
|
|
margin-bottom: 2rem
|
|
}
|
|
}
|
|
|
|
.rad-accordion__top-image .rad-accordion__more:before {
|
|
background-color: #a100ff;
|
|
content: "";
|
|
display: block;
|
|
height: 0.25rem;
|
|
margin-bottom: .5rem;
|
|
width: 2rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__top-image .rad-accordion__more:before {
|
|
height: calc(0.25rem + 0.27778vw - 4px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__top-image .rad-accordion__more:before {
|
|
height: 0.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-accordion__top-image .rad-accordion__image {
|
|
margin-bottom: 1rem
|
|
}
|
|
|
|
.rad-accordion__top-image .rad-accordion__detail {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.429;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__top-image .rad-accordion__detail {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__top-image .rad-accordion__detail {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-accordion__top-image .rad-accordion__content {
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-accordion__top-image .rad-accordion__content {
|
|
-webkit-box-align: end;
|
|
-ms-flex-align: end;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
align-items: flex-end;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
justify-content: space-between;
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0);
|
|
width: 100%
|
|
}
|
|
|
|
.rad-accordion__top-image .rad-accordion__image {
|
|
margin: 0;
|
|
width: calc(175% - var(--rad-spacing-sm)*3/4*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-sm)*0);
|
|
width: calc(87.5% - var(--rad-spacing-sm)*7/8*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-md)*0);
|
|
width: calc(58.33333% - var(--rad-spacing-sm)*11/12*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-accordion__top-image .rad-accordion__detail {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
margin-right: calc(25% - var(--rad-spacing-sm)*3/4*1 + var(--rad-spacing-sm)*1 + var(--rad-spacing-sm)*0);
|
|
text-underline-offset: .25rem;
|
|
width: calc(75% - var(--rad-spacing-sm)*3/4*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0);
|
|
width: calc(37.5% - var(--rad-spacing-sm)*7/8*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0);
|
|
width: calc(25% - var(--rad-spacing-sm)*11/12*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-accordion__top-image .rad-accordion__detail {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-accordion__top-image .rad-accordion__detail {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-accordion__top-image .rad-accordion__detail {
|
|
margin-right: calc(12.5% - var(--rad-spacing-sm)*7/8*1 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0);
|
|
margin-right: calc(8.33333% - var(--rad-spacing-sm)*11/12*1 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-accordion__bottom-image .rad-accordion__stat-content {
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0);
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0);
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-mosaic {
|
|
--gap: 24px;
|
|
padding-left: 16px;
|
|
padding-right: 16px
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-mosaic {
|
|
--card-ht: 17rem;
|
|
--short-row-ht: calc(var(--card-ht) - var(--gap));
|
|
--s-clump: var(--card-ht) var(--short-row-ht) var(--card-ht);
|
|
padding-left: 48px;
|
|
padding-right: 48px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-mosaic {
|
|
--gap: 32px;
|
|
--card-ht: 17.5rem;
|
|
padding-left: 80px;
|
|
padding-right: 80px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-mosaic {
|
|
--card-ht: 18.75rem;
|
|
--card-ht: calc(18.75rem + 20.83333vw - 300px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-mosaic {
|
|
--card-ht: 25rem
|
|
}
|
|
}
|
|
|
|
.rad-mosaic__heading {
|
|
font-size: 1.25rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.025em;
|
|
line-height: 1.4;
|
|
margin-bottom: 32px
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-mosaic__heading {
|
|
font-size: 1.5rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-mosaic__heading {
|
|
font-size: 2rem;
|
|
line-height: 1.25
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-mosaic__heading {
|
|
font-size: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-mosaic__heading {
|
|
font-size: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-mosaic__heading {
|
|
margin-bottom: 48px
|
|
}
|
|
}
|
|
|
|
.rad-mosaic__grid {
|
|
display: grid;
|
|
gap: var(--gap)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-mosaic__grid {
|
|
grid-template-columns: repeat(2, 1fr)
|
|
}
|
|
}
|
|
|
|
.rad-mosaic .rad-icon-button {
|
|
background: -webkit-gradient(linear, left top, right top, color-stop(50%, #7500c0), color-stop(50%, #a100ff));
|
|
background: linear-gradient(90deg, #7500c0 50%, #a100ff 0);
|
|
background-position-x: 100%;
|
|
background-size: 200% 200%;
|
|
bottom: 0;
|
|
height: 2.5rem;
|
|
position: absolute;
|
|
right: 0;
|
|
-webkit-transition: background-position-x 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
transition: background-position-x 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
width: 2.5rem
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-mosaic .rad-icon-button {
|
|
height: 3.25rem;
|
|
width: 3.25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-mosaic .rad-icon-button {
|
|
height: calc(3.25rem + 3.61111vw - 52px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-mosaic .rad-icon-button {
|
|
height: 4.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-mosaic .rad-icon-button {
|
|
width: calc(3.25rem + 3.61111vw - 52px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-mosaic .rad-icon-button {
|
|
width: 4.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-mosaic--1-card .rad-mosaic__grid {
|
|
grid-template-rows: var(--card-ht)
|
|
}
|
|
|
|
.rad-mosaic--2-cards .rad-mosaic__grid {
|
|
grid-template-rows: var(--card-ht) var(--short-row-ht)
|
|
}
|
|
|
|
.rad-mosaic--3-cards .rad-mosaic__grid {
|
|
grid-template-rows: var(--card-ht) var(--card-ht) var(--short-row-ht)
|
|
}
|
|
|
|
.rad-mosaic--4-cards .rad-mosaic__grid {
|
|
grid-template-rows: var(--s-clump)
|
|
}
|
|
|
|
.rad-mosaic--5-cards .rad-mosaic__grid {
|
|
grid-template-rows: var(--card-ht) var(--s-clump)
|
|
}
|
|
|
|
.rad-mosaic--6-cards .rad-mosaic__grid {
|
|
grid-template-rows: var(--s-clump) var(--card-ht)
|
|
}
|
|
|
|
.rad-mosaic--7-cards .rad-mosaic__grid {
|
|
grid-template-rows: var(--card-ht) var(--s-clump) var(--card-ht)
|
|
}
|
|
|
|
.rad-mosaic--8-cards .rad-mosaic__grid {
|
|
grid-template-rows: repeat(2, var(--s-clump))
|
|
}
|
|
|
|
.rad-mosaic--9-cards .rad-mosaic__grid {
|
|
grid-template-rows: var(--card-ht) repeat(2, var(--s-clump))
|
|
}
|
|
|
|
.rad-mosaic--10-cards .rad-mosaic__grid {
|
|
grid-template-rows: var(--s-clump) var(--card-ht) var(--s-clump)
|
|
}
|
|
|
|
.rad-mosaic--11-cards .rad-mosaic__grid {
|
|
grid-template-rows: var(--card-ht) var(--s-clump) var(--card-ht) var(--s-clump)
|
|
}
|
|
|
|
.rad-mosaic--12-cards .rad-mosaic__grid {
|
|
grid-template-rows: repeat(2, var(--s-clump) var(--card-ht))
|
|
}
|
|
}
|
|
|
|
.rad-mosaic__card {
|
|
background: #202020;
|
|
display: grid;
|
|
grid-column: auto/span 1;
|
|
outline-offset: .5rem;
|
|
overflow: hidden;
|
|
position: relative;
|
|
text-decoration: none;
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: background-color;
|
|
transition-property: background-color;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1)
|
|
}
|
|
|
|
.rad-mosaic__card-description {
|
|
padding: 24px
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-mosaic__card-description {
|
|
padding-bottom: 0
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-mosaic__card-description {
|
|
padding: 40px 80px 0 40px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-mosaic__card-description {
|
|
padding-right: 108px
|
|
}
|
|
}
|
|
|
|
.rad-mosaic__card-description-eyebrow {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
letter-spacing: .02em;
|
|
line-height: 1.143;
|
|
margin-bottom: 16px;
|
|
text-align: left;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-mosaic__card-description-eyebrow {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-mosaic__card-description-eyebrow {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-mosaic__card-description-eyebrow {
|
|
margin-bottom: 24px
|
|
}
|
|
}
|
|
|
|
.rad-mosaic__card-description-eyebrow:before {
|
|
background: #a100ff;
|
|
content: "";
|
|
display: block;
|
|
height: .25rem;
|
|
margin-bottom: 16px;
|
|
width: 2rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-mosaic__card-description-eyebrow:before {
|
|
width: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-mosaic__card-description-eyebrow:before {
|
|
margin-bottom: 24px
|
|
}
|
|
}
|
|
|
|
.rad-mosaic__card-description-title {
|
|
font-size: 1.25rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.025em;
|
|
line-height: 1.4;
|
|
text-align: left
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-mosaic__card-description-title {
|
|
font-size: 1.5rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-mosaic__card-description-title {
|
|
font-size: 2rem;
|
|
line-height: 1.25
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-mosaic__card-description-title {
|
|
font-size: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-mosaic__card-description-title {
|
|
font-size: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-mosaic__card-description-title {
|
|
font-size: 1.125rem;
|
|
font-size: 1.25rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.02em;
|
|
line-height: 1.5;
|
|
line-height: 1.4
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-mosaic__card-description-title {
|
|
font-size: 1.75rem;
|
|
font-size: 1rem;
|
|
font-size: 1.125rem;
|
|
font-size: 1.5rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.02em;
|
|
line-height: 1.286;
|
|
line-height: 1.5;
|
|
line-height: 1.33;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-mosaic__card-description-title {
|
|
font-size: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-mosaic__card-description-title {
|
|
font-size: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-mosaic__card-description-title {
|
|
font-size: 1.125rem;
|
|
font-size: 1.25rem;
|
|
font-size: 1.75rem;
|
|
font-size: calc(1.75rem + 1.94444vw - 28px);
|
|
font-weight: 500;
|
|
letter-spacing: -0.02em;
|
|
line-height: 1.5;
|
|
line-height: 1.4;
|
|
line-height: 1.286
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-mosaic__card-description-title {
|
|
font-size: 2.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-mosaic__card:hover {
|
|
background: #2b2b2b;
|
|
color: #fff
|
|
}
|
|
|
|
.rad-mosaic__card:hover .rad-icon-button {
|
|
background-position-x: 0
|
|
}
|
|
|
|
.rad-mosaic__card:active {
|
|
background: #101010
|
|
}
|
|
|
|
.rad-mosaic__card:active .rad-icon-button {
|
|
background: #57008f
|
|
}
|
|
|
|
.rad-mosaic__card:visited {
|
|
color: #fff
|
|
}
|
|
|
|
.rad-mosaic__card:not([aria-haspopup], a):hover {
|
|
background: #202020
|
|
}
|
|
|
|
.rad-mosaic__card--no-image .rad-mosaic__card-description {
|
|
padding-bottom: 64px
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-mosaic__card--no-image .rad-mosaic__card-description {
|
|
padding-bottom: 0
|
|
}
|
|
}
|
|
|
|
.rad-mosaic__image-card {
|
|
padding-bottom: 0
|
|
}
|
|
|
|
.rad-mosaic__image-card-image {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: 200px;
|
|
min-height: 100%
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-mosaic__image-card-image {
|
|
height: 100%
|
|
}
|
|
}
|
|
|
|
.rad-mosaic__image-card-image .cmp-image {
|
|
height: 100%;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-mosaic__image-card-image img {
|
|
display: block;
|
|
min-width: 100%;
|
|
-o-object-fit: cover;
|
|
object-fit: cover
|
|
}
|
|
|
|
.rad-mosaic__stat-card-stat {
|
|
padding-bottom: 2.5rem;
|
|
padding-left: 24px;
|
|
padding-right: 40px
|
|
}
|
|
|
|
.rad-mosaic__stat-card-stat-figure {
|
|
font-size: 3rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.167;
|
|
margin-bottom: 16px;
|
|
text-align: left
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-mosaic__stat-card-stat-figure {
|
|
font-size: 5rem;
|
|
line-height: 1.05
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-mosaic__stat-card-stat-figure {
|
|
font-size: 6.25rem;
|
|
line-height: 1.04
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-mosaic__stat-card-stat-figure {
|
|
font-size: calc(6.25rem + 6.94444vw - 100px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-mosaic__stat-card-stat-figure {
|
|
font-size: 8.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-mosaic__stat-card-stat-figure {
|
|
font-size: 2rem;
|
|
font-size: 3.75rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.25;
|
|
line-height: 1.067
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-mosaic__stat-card-stat-figure {
|
|
font-size: calc(3.75rem + 4.16667vw - 60px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-mosaic__stat-card-stat-figure {
|
|
font-size: 5rem
|
|
}
|
|
}
|
|
|
|
.rad-mosaic__stat-card-stat-text {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.429;
|
|
text-align: left;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-mosaic__stat-card-stat-text {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-mosaic__stat-card-stat-text {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-mosaic__stat-card-stat-text {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
text-underline-offset: .25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-mosaic__stat-card-stat-text {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-mosaic__stat-card-stat-text {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-mosaic__stat-card-stat-text {
|
|
padding-right: 64px
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-mosaic__card--horizontal {
|
|
display: grid;
|
|
gap: var(--gap);
|
|
grid-column: auto/span 2;
|
|
grid-template-columns: repeat(2, 1fr)
|
|
}
|
|
|
|
.rad-mosaic__card--horizontal .rad-mosaic__card-description {
|
|
padding-right: 0
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-mosaic__card--horizontal .rad-mosaic__card-description {
|
|
padding-right: calc(80px - var(--gap))
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-mosaic__card--horizontal .rad-mosaic__card-description {
|
|
padding-right: 76px
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-mosaic__stat-card.rad-mosaic__card--horizontal .rad-mosaic__stat-card-stat {
|
|
padding: 44px 40px 72px 0
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-mosaic__stat-card.rad-mosaic__card--horizontal .rad-mosaic__stat-card-stat {
|
|
padding: 64px 148px 44px 0
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-mosaic__card--vertical {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
grid-row: span 2;
|
|
justify-content: space-between;
|
|
row-gap: 24px
|
|
}
|
|
|
|
.rad-mosaic__card--vertical .rad-mosaic__image-card-image {
|
|
height: var(--card-ht);
|
|
min-height: 0;
|
|
min-width: 100%
|
|
}
|
|
|
|
.rad-mosaic__stat-card.rad-mosaic__card--vertical .rad-mosaic__stat-card-stat {
|
|
padding: 0 40px 2.5rem 24px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-mosaic__stat-card.rad-mosaic__card--vertical .rad-mosaic__stat-card-stat {
|
|
padding: 0 80px 4.75rem 40px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1200px) {
|
|
.rad-mosaic__stat-card.rad-mosaic__card--vertical .rad-mosaic__stat-card-stat {
|
|
padding-right: 108px
|
|
}
|
|
}
|
|
|
|
.rad-component__title--large-text .rad-mosaic__heading {
|
|
font-size: 1.75rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.286
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-component__title--large-text .rad-mosaic__heading {
|
|
font-size: 2.5rem;
|
|
line-height: 1.2
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-component__title--large-text .rad-mosaic__heading {
|
|
font-size: 3rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-component__title--large-text .rad-mosaic__heading {
|
|
font-size: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-component__title--large-text .rad-mosaic__heading {
|
|
font-size: 4rem
|
|
}
|
|
}
|
|
|
|
.mosaic-modal {
|
|
-ms-scroll-chaining: none;
|
|
background-color: #000;
|
|
bottom: 0;
|
|
color: #fff;
|
|
cursor: -webkit-grab;
|
|
cursor: grab;
|
|
height: 100%;
|
|
left: 100vw;
|
|
overflow-x: scroll;
|
|
overscroll-behavior: none;
|
|
position: fixed;
|
|
right: -100vw;
|
|
scrollbar-color: #a100ff #460073;
|
|
scrollbar-width: thin;
|
|
top: 0;
|
|
-webkit-transition-duration: 1.25s;
|
|
transition-duration: 1.25s;
|
|
-webkit-transition-property: right, left;
|
|
transition-property: right, left;
|
|
-webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.18, 1);
|
|
transition-timing-function: cubic-bezier(0.77, 0, 0.18, 1);
|
|
visibility: hidden
|
|
}
|
|
|
|
.mosaic-modal::-webkit-scrollbar {
|
|
height: 4px;
|
|
width: 4px
|
|
}
|
|
|
|
.mosaic-modal::-webkit-scrollbar-track {
|
|
background-color: #460073
|
|
}
|
|
|
|
.mosaic-modal::-webkit-scrollbar-thumb {
|
|
background-color: #a100ff
|
|
}
|
|
|
|
.mosaic-modal:active {
|
|
cursor: -webkit-grabbing;
|
|
cursor: grabbing
|
|
}
|
|
|
|
.mosaic-modal.mosaic-modal--visible {
|
|
visibility: visible;
|
|
z-index: 8
|
|
}
|
|
|
|
.mosaic-modal.mosaic-modal--visible .mosaic-modal__mobile-next-button .rad-icon:after {
|
|
-webkit-animation-delay: 200ms;
|
|
animation-delay: 200ms;
|
|
-webkit-animation-direction: alternate;
|
|
animation-direction: alternate;
|
|
-webkit-animation-duration: .55s;
|
|
animation-duration: .55s;
|
|
-webkit-animation-iteration-count: 10;
|
|
animation-iteration-count: 10;
|
|
-webkit-animation-name: arrowBounce;
|
|
animation-name: arrowBounce;
|
|
-webkit-animation-timing-function: cubic-bezier(0.75, 0, 0.75, 0.9);
|
|
animation-timing-function: cubic-bezier(0.75, 0, 0.75, 0.9);
|
|
-webkit-transform: translateX(0);
|
|
transform: translateX(0)
|
|
}
|
|
|
|
.mosaic-modal.mosaic-modal--animating {
|
|
left: 0;
|
|
right: 0;
|
|
visibility: visible;
|
|
z-index: 8
|
|
}
|
|
|
|
.mosaic-modal.mosaic-modal--animating .mosaic-modal__close {
|
|
right: .75rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.mosaic-modal.mosaic-modal--animating .mosaic-modal__close {
|
|
right: 2.25rem
|
|
}
|
|
|
|
.mosaic-modal.mosaic-modal--animating .mosaic-modal__cta {
|
|
right: 3rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
|
|
.mosaic-modal.mosaic-modal--animating .mosaic-modal__close,
|
|
.mosaic-modal.mosaic-modal--animating .mosaic-modal__cta {
|
|
right: 5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.mosaic-modal {
|
|
padding-top: 3rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.mosaic-modal {
|
|
padding-top: 0
|
|
}
|
|
}
|
|
|
|
.mosaic-modal .modal-hero {
|
|
-ms-flex-negative: 0;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
flex-shrink: 0;
|
|
justify-content: center;
|
|
padding: 0 1rem;
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.mosaic-modal .modal-hero {
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.mosaic-modal .modal-hero {
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.mosaic-modal .modal-hero {
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
padding-left: 3rem;
|
|
width: calc(125% - var(--rad-spacing-sm)*3/4*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-sm)*0);
|
|
width: calc(62.5% - var(--rad-spacing-sm)*7/8*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.mosaic-modal .modal-hero {
|
|
padding-left: 5rem;
|
|
width: calc(41.66667% - var(--rad-spacing-sm)*11/12*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0);
|
|
width: calc(min(100vw, 1920px)/4*8 - var(--rad-spacing-sm)*2/4*8 - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(min(100vw, 1920px)/8*8 - var(--rad-spacing-md)*2/8*8 - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(min(100vw, 1920px)/12*8 - var(--rad-spacing-md)*2/12*8 - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.mosaic-modal .modal-hero__eyebrow {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
letter-spacing: .02em;
|
|
line-height: 1.143;
|
|
padding-bottom: 1.5rem;
|
|
padding-top: 1.5rem;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.mosaic-modal .modal-hero__eyebrow {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.mosaic-modal .modal-hero__eyebrow {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.mosaic-modal .modal-hero__eyebrow {
|
|
padding-bottom: 2rem;
|
|
padding-top: 0
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.mosaic-modal .modal-hero__eyebrow {
|
|
padding-bottom: 1.5rem
|
|
}
|
|
}
|
|
|
|
.mosaic-modal .modal-hero__headline {
|
|
font-size: 1.5rem;
|
|
font-size: 2rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.035em;
|
|
line-height: 1.333
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.mosaic-modal .modal-hero__headline {
|
|
font-size: 2rem;
|
|
line-height: 1.25
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.mosaic-modal .modal-hero__headline {
|
|
font-size: 2.5rem;
|
|
line-height: 1.2
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.mosaic-modal .modal-hero__headline {
|
|
font-size: calc(2.5rem + 2.77778vw - 40px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.mosaic-modal .modal-hero__headline {
|
|
font-size: 3.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px)and (min-height:1036px) {
|
|
.mosaic-modal .modal-hero__headline {
|
|
font-size: 1.75rem;
|
|
font-size: 2.5rem;
|
|
font-size: 3rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.286;
|
|
line-height: 1.2;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px)and (min-height:1036px) {
|
|
.mosaic-modal .modal-hero__headline {
|
|
font-size: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px)and (min-height:1036px) {
|
|
.mosaic-modal .modal-hero__headline {
|
|
font-size: 4rem
|
|
}
|
|
}
|
|
|
|
.mosaic-modal .modal-hero__subheader {
|
|
font-family: GT Sectra Fine, Palatino;
|
|
font-size: 1rem;
|
|
font-weight: 300;
|
|
line-height: 1.5
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.mosaic-modal .modal-hero__subheader {
|
|
font-size: 1.125rem;
|
|
line-height: 1.333
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.mosaic-modal .modal-hero__subheader {
|
|
font-size: 1.5rem;
|
|
line-height: 1.333
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.mosaic-modal .modal-hero__subheader {
|
|
font-size: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.mosaic-modal .modal-hero__subheader {
|
|
font-size: 2rem
|
|
}
|
|
}
|
|
|
|
.mosaic-modal .modal-hero:focus-visible {
|
|
outline-offset: -0.5rem
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.mosaic-modal .modal-hero:focus-visible {
|
|
outline-offset: -1rem
|
|
}
|
|
}
|
|
|
|
.mosaic-modal .modal-inner-scroll {
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
-ms-flex-wrap: nowrap;
|
|
flex-wrap: nowrap;
|
|
gap: 3rem;
|
|
height: 100%;
|
|
min-height: -webkit-max-content;
|
|
min-height: -moz-max-content;
|
|
min-height: max-content;
|
|
padding-bottom: 3rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.mosaic-modal .modal-inner-scroll {
|
|
gap: 14.5vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.mosaic-modal .modal-inner-scroll {
|
|
gap: 6.6vw;
|
|
padding: 100px 0
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px)and (min-height:868px) {
|
|
.mosaic-modal .modal-inner-scroll {
|
|
gap: 10vw;
|
|
padding: 104px 0
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px)and (min-height:1036px) {
|
|
.mosaic-modal .modal-inner-scroll {
|
|
padding: 136px 0
|
|
}
|
|
}
|
|
|
|
.mosaic-modal--with-stat .modal-hero {
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
justify-content: space-between
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.mosaic-modal--with-stat .modal-hero {
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
justify-content: center
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px)and (min-height:868px) {
|
|
.mosaic-modal--with-stat .modal-hero {
|
|
gap: 3rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px)and (min-height:1036px) {
|
|
.mosaic-modal--with-stat .modal-hero {
|
|
gap: 5rem
|
|
}
|
|
}
|
|
|
|
.mosaic-modal--with-stat .modal-hero__stat {
|
|
margin-right: 20%;
|
|
padding-top: 2rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.mosaic-modal--with-stat .modal-hero__stat {
|
|
padding-top: 3rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.mosaic-modal--with-stat .modal-hero__stat {
|
|
width: calc(min(100vw, 1920px)/4*4 - var(--rad-spacing-sm)*2/4*4 - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0);
|
|
width: calc(min(100vw, 1920px)/8*4 - var(--rad-spacing-md)*2/8*4 - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0);
|
|
width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.mosaic-modal--with-stat .modal-hero__stat .stat__digits {
|
|
font-size: 1.75rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.286;
|
|
padding-bottom: 1rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.mosaic-modal--with-stat .modal-hero__stat .stat__digits {
|
|
font-size: 2.5rem;
|
|
line-height: 1.2
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.mosaic-modal--with-stat .modal-hero__stat .stat__digits {
|
|
font-size: 3rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.mosaic-modal--with-stat .modal-hero__stat .stat__digits {
|
|
font-size: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.mosaic-modal--with-stat .modal-hero__stat .stat__digits {
|
|
font-size: 4rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px)and (min-height:868px) {
|
|
.mosaic-modal--with-stat .modal-hero__stat .stat__digits {
|
|
padding-bottom: 1.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px)and (min-height:868px) {
|
|
.mosaic-modal--with-stat .modal-hero__stat .stat__digits {
|
|
padding-bottom: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px)and (min-height:868px) {
|
|
.mosaic-modal--with-stat .modal-hero__stat .stat__digits {
|
|
padding-bottom: 2rem
|
|
}
|
|
}
|
|
|
|
.mosaic-modal--with-stat .modal-hero__stat .stat__digits:before {
|
|
background: #a100ff;
|
|
content: "";
|
|
display: block;
|
|
height: .25rem;
|
|
margin-bottom: 1rem;
|
|
width: 1.5rem
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.mosaic-modal--with-stat .modal-hero__stat .stat__digits:before {
|
|
width: 2rem
|
|
}
|
|
}
|
|
|
|
.mosaic-modal--with-stat .modal-hero__stat .stat__detail {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.429;
|
|
padding-bottom: 2rem;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.mosaic-modal--with-stat .modal-hero__stat .stat__detail {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.mosaic-modal--with-stat .modal-hero__stat .stat__detail {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px)and (max-width:1023px) {
|
|
.mosaic-modal--with-stat .modal-hero__stat .stat__detail {
|
|
padding-bottom: 5.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.mosaic-modal--with-stat .modal-hero__stat .stat__detail {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
text-underline-offset: .25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.mosaic-modal--with-stat .modal-hero__stat .stat__detail {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.mosaic-modal--with-stat .modal-hero__stat .stat__detail {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px)and (max-height:868px) {
|
|
.mosaic-modal--with-stat .modal-hero {
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-item-align: center;
|
|
align-self: center;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
gap: 6.6%;
|
|
width: calc(275% - var(--rad-spacing-sm)*3/4*11 + var(--rad-spacing-sm)*10 + var(--rad-spacing-sm)*0);
|
|
width: calc(137.5% - var(--rad-spacing-sm)*7/8*11 + var(--rad-spacing-sm)*10 + var(--rad-spacing-md)*0);
|
|
width: calc(91.66667% - var(--rad-spacing-sm)*11/12*11 + var(--rad-spacing-sm)*10 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.mosaic-modal--with-stat .modal-hero__top {
|
|
padding-bottom: 2.25rem;
|
|
padding-top: 2.25rem;
|
|
width: calc(min(100vw, 1920px)/4*8 - var(--rad-spacing-sm)*2/4*8 - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(min(100vw, 1920px)/8*8 - var(--rad-spacing-md)*2/8*8 - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(min(100vw, 1920px)/12*8 - var(--rad-spacing-md)*2/12*8 - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.mosaic-modal--with-stat .modal-hero__subheader {
|
|
padding-bottom: 2.25rem
|
|
}
|
|
|
|
.mosaic-modal--with-stat .modal-hero__stat {
|
|
margin-right: 5vw;
|
|
padding-top: 60px;
|
|
width: calc(min(100vw, 1920px)/4*3 - var(--rad-spacing-sm)*2/4*3 - var(--rad-spacing-sm)*3/4*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0);
|
|
width: calc(min(100vw, 1920px)/8*3 - var(--rad-spacing-md)*2/8*3 - var(--rad-spacing-sm)*7/8*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0);
|
|
width: calc(min(100vw, 1920px)/12*3 - var(--rad-spacing-md)*2/12*3 - var(--rad-spacing-sm)*11/12*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.mosaic-modal--with-stat .modal-inner-scroll {
|
|
gap: 0
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px)and (min-height:1036px) {
|
|
.mosaic-modal--with-stat {
|
|
padding-top: 3rem
|
|
}
|
|
|
|
.mosaic-modal--with-stat .modal-inner-scroll {
|
|
gap: 10vw
|
|
}
|
|
}
|
|
|
|
.modal__card-stack {
|
|
-ms-flex-item-align: center;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-webkit-box-align: start;
|
|
-ms-flex-align: start;
|
|
align-items: flex-start;
|
|
align-self: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
-ms-flex-wrap: nowrap;
|
|
flex-wrap: nowrap;
|
|
gap: 3rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.modal__card-stack {
|
|
gap: 10vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.modal__card-stack {
|
|
gap: 5vw;
|
|
padding-right: 5rem
|
|
}
|
|
}
|
|
|
|
.modal__card-stack .card {
|
|
-ms-flex-negative: 0;
|
|
flex-shrink: 0;
|
|
width: 72.4vw
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.modal__card-stack .card {
|
|
width: calc(min(100vw, 1920px)/4*5 - var(--rad-spacing-sm)*2/4*5 - var(--rad-spacing-sm)*3/4*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-sm)*0);
|
|
width: calc(min(100vw, 1920px)/8*5 - var(--rad-spacing-md)*2/8*5 - var(--rad-spacing-sm)*7/8*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.modal__card-stack .card {
|
|
width: calc(min(100vw, 1920px)/12*5 - var(--rad-spacing-md)*2/12*5 - var(--rad-spacing-sm)*11/12*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0);
|
|
width: calc(min(100vw, 1920px)/4*4 - var(--rad-spacing-sm)*2/4*4 - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0);
|
|
width: calc(min(100vw, 1920px)/8*4 - var(--rad-spacing-md)*2/8*4 - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0);
|
|
width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.modal__card-stack .card img {
|
|
height: 5rem;
|
|
width: 5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.modal__card-stack .card img {
|
|
height: calc(5rem + 5.55556vw - 80px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.modal__card-stack .card img {
|
|
height: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.modal__card-stack .card img {
|
|
width: calc(5rem + 5.55556vw - 80px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.modal__card-stack .card img {
|
|
width: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
.modal__card-stack .card__title {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.02em;
|
|
line-height: 1.5;
|
|
padding-bottom: .5rem;
|
|
padding-top: 1rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.modal__card-stack .card__title {
|
|
font-size: 1.125rem;
|
|
line-height: 1.33
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.modal__card-stack .card__title {
|
|
font-size: 1.5rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.modal__card-stack .card__title {
|
|
font-size: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.modal__card-stack .card__title {
|
|
font-size: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.modal__card-stack .card__title {
|
|
padding-bottom: 1.5rem;
|
|
padding-top: 1.5rem
|
|
}
|
|
}
|
|
|
|
.modal__card-stack .card__body {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.modal__card-stack .card__body {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.modal__card-stack .card__body {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-button--no-text-mobile .rad-button__text {
|
|
clip: rect(0 0 0 0);
|
|
-webkit-clip-path: inset(50%);
|
|
clip-path: inset(50%);
|
|
height: 1px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
white-space: nowrap;
|
|
width: 1px
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-button--no-text-mobile .rad-button__text {
|
|
clip: none;
|
|
-webkit-clip-path: none;
|
|
clip-path: none;
|
|
height: auto;
|
|
overflow: visible;
|
|
position: relative;
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
.rad-button--no-text-mobile .rad-button__icon-right {
|
|
margin-left: 0
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-button--no-text-mobile .rad-button__icon-right {
|
|
margin-left: .5rem
|
|
}
|
|
}
|
|
|
|
.rad-button--no-text-mobile:hover:after {
|
|
width: 0
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-button--no-text-mobile:hover:after {
|
|
width: 100%
|
|
}
|
|
}
|
|
|
|
.mosaic-modal__close {
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
height: 3rem;
|
|
justify-content: center;
|
|
position: fixed;
|
|
right: -100vw;
|
|
top: .75rem;
|
|
-webkit-transition-duration: 1.25s;
|
|
transition-duration: 1.25s;
|
|
-webkit-transition-property: right, left;
|
|
transition-property: right, left;
|
|
-webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.18, 1);
|
|
transition-timing-function: cubic-bezier(0.77, 0, 0.18, 1);
|
|
width: 3rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.mosaic-modal__close {
|
|
top: 2.25rem
|
|
}
|
|
}
|
|
|
|
@media(max-width:1023px) {
|
|
.mosaic-modal__close {
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
height: 3rem;
|
|
justify-content: center;
|
|
width: 3rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.mosaic-modal__close {
|
|
top: 1.5rem
|
|
}
|
|
}
|
|
|
|
.mosaic-modal__buttons-wrapper {
|
|
height: 1px
|
|
}
|
|
|
|
.mosaic-modal__mobile-next-button {
|
|
bottom: 3rem;
|
|
height: 1.5rem;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
right: 1rem;
|
|
width: 1.5rem
|
|
}
|
|
|
|
@-webkit-keyframes arrowBounce {
|
|
0% {
|
|
-webkit-transform: translateX(0);
|
|
transform: translateX(0)
|
|
}
|
|
|
|
to {
|
|
-webkit-transform: translateX(-5px);
|
|
transform: translateX(-5px)
|
|
}
|
|
}
|
|
|
|
@keyframes arrowBounce {
|
|
0% {
|
|
-webkit-transform: translateX(0);
|
|
transform: translateX(0)
|
|
}
|
|
|
|
to {
|
|
-webkit-transform: translateX(-5px);
|
|
transform: translateX(-5px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.mosaic-modal__mobile-next-button {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.mosaic-modal__cta {
|
|
background-color: #000;
|
|
position: absolute;
|
|
top: calc(100% - 5.5rem);
|
|
-webkit-transform: translateX(140vw);
|
|
transform: translateX(140vw)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.mosaic-modal__cta {
|
|
bottom: 3rem;
|
|
position: fixed;
|
|
right: -100vw;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
-webkit-transition-duration: 1.25s;
|
|
transition-duration: 1.25s;
|
|
-webkit-transition-property: right, left;
|
|
transition-property: right, left;
|
|
-webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.18, 1);
|
|
transition-timing-function: cubic-bezier(0.77, 0, 0.18, 1)
|
|
}
|
|
}
|
|
|
|
.mosaic-modal__cta--is-fixed {
|
|
padding-left: 1.875rem;
|
|
position: fixed;
|
|
right: 1rem;
|
|
top: calc(100% - 4px - 5.5rem);
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
|
|
.background-dimmer {
|
|
background-color: #000;
|
|
bottom: 0;
|
|
left: 0;
|
|
opacity: 0;
|
|
position: fixed;
|
|
right: 0;
|
|
top: 0;
|
|
-webkit-transition-duration: .7s;
|
|
transition-duration: .7s;
|
|
-webkit-transition-property: opacity;
|
|
transition-property: opacity;
|
|
-webkit-transition-timing-function: linear;
|
|
transition-timing-function: linear
|
|
}
|
|
|
|
.background-dimmer--darkened {
|
|
opacity: 1
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
#main .rad-global-nav {
|
|
margin-left: calc(-50vw + 960px);
|
|
margin-right: calc(-50vw + 960px)
|
|
}
|
|
}
|
|
|
|
.rad-global-nav {
|
|
-ms-scroll-chaining: none;
|
|
overscroll-behavior: none;
|
|
padding-top: var(--rad-nav-height)
|
|
}
|
|
|
|
.rad-global-nav__wrapper {
|
|
-webkit-animation-duration: 550ms;
|
|
animation-duration: 550ms;
|
|
-webkit-animation-name: enter-from-top;
|
|
animation-name: enter-from-top;
|
|
-webkit-animation-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
animation-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
background-color: #000;
|
|
position: fixed;
|
|
top: 0;
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: top;
|
|
transition-property: top;
|
|
width: 100%;
|
|
z-index: 10
|
|
}
|
|
|
|
@-webkit-keyframes enter-from-top {
|
|
0% {
|
|
top: calc(var(--rad-nav-height)*-1)
|
|
}
|
|
}
|
|
|
|
@keyframes enter-from-top {
|
|
0% {
|
|
top: calc(var(--rad-nav-height)*-1)
|
|
}
|
|
}
|
|
|
|
.rad-global-nav__container {
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
background-color: #000;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: var(--rad-nav-height);
|
|
justify-content: space-between;
|
|
padding-left: .125rem;
|
|
padding-right: .125rem
|
|
}
|
|
|
|
.rad-global-nav__container a:focus-visible,
|
|
.rad-global-nav__container button:focus-visible {
|
|
outline-offset: 0
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-global-nav__container {
|
|
padding-left: 2.125rem;
|
|
padding-right: 3rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-global-nav__container {
|
|
padding-left: 5rem;
|
|
padding-right: 5rem;
|
|
position: absolute;
|
|
width: 100%
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-global-nav__container {
|
|
left: 50%;
|
|
max-width: 1920px;
|
|
padding-left: 5rem;
|
|
padding-left: calc(5rem + 5.55556vw - 80px);
|
|
padding-right: 5rem;
|
|
-webkit-transform: translateX(-50%);
|
|
transform: translateX(-50%)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-global-nav__container {
|
|
padding-left: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-global-nav__container {
|
|
padding-right: calc(5rem + 5.55556vw - 80px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-global-nav__container {
|
|
padding-right: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-global-nav__menu .rad-icon__menu {
|
|
height: 1.25rem;
|
|
width: 1.25rem
|
|
}
|
|
|
|
.rad-global-nav__menu .rad-icon__menu:after {
|
|
font-size: .833125rem
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-global-nav__menu {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.rad-global-nav__logo {
|
|
left: 50vw;
|
|
position: absolute;
|
|
-webkit-transform: translateX(-50%);
|
|
transform: translateX(-50%)
|
|
}
|
|
|
|
.rad-global-nav__logo .cmp-logo {
|
|
display: none
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-global-nav__logo {
|
|
left: 45vw;
|
|
position: absolute;
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-global-nav__logo {
|
|
position: static
|
|
}
|
|
|
|
.rad-global-nav__logo a:focus-visible {
|
|
outline-offset: 8px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1200px) {
|
|
.rad-global-nav__logo .cmp-logo {
|
|
display: block;
|
|
height: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-global-nav__logo .cmp-logo {
|
|
height: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-global-nav__logo .cmp-logo {
|
|
height: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1200px) {
|
|
.rad-global-nav__logo .cmp-logo__svg-wrapper {
|
|
width: 7.625rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-global-nav__logo .cmp-logo__svg-wrapper {
|
|
width: calc(7.625rem + 8.47222vw - 122px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-global-nav__logo .cmp-logo__svg-wrapper {
|
|
width: 10.1666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-global-nav__static-logo {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
align-items: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: 3rem;
|
|
justify-content: center;
|
|
width: 3rem
|
|
}
|
|
|
|
.rad-global-nav__static-logo svg {
|
|
height: 1.5rem;
|
|
width: 1.5rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-global-nav__static-logo {
|
|
translate: -8px
|
|
}
|
|
|
|
.rad-global-nav__static-logo svg {
|
|
height: 2rem;
|
|
width: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-global-nav__static-logo {
|
|
height: 2.5rem;
|
|
translate: none;
|
|
width: 2.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1200px) {
|
|
.rad-global-nav__static-logo {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.rad-global-nav__mobile-footer {
|
|
display: none
|
|
}
|
|
|
|
.rad-global-nav__primary-nav {
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
background-color: #202020;
|
|
bottom: 0;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
height: 100svh;
|
|
justify-content: space-between;
|
|
left: 100vw;
|
|
position: absolute;
|
|
top: 0;
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: left;
|
|
transition-property: left;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
width: 100vw
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-global-nav__primary-nav {
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
background-color: transparent;
|
|
bottom: unset;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
height: 100%;
|
|
left: unset;
|
|
position: static;
|
|
top: unset;
|
|
-webkit-transition: none;
|
|
transition: none;
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
.rad-global-nav__menu-close {
|
|
left: .125rem;
|
|
position: absolute;
|
|
top: .25rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-global-nav__menu-close {
|
|
left: 2.125rem;
|
|
top: .5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-global-nav__menu-close {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.rad-global-nav__menu-close .rad-icon__close:after {
|
|
font-size: .729375rem
|
|
}
|
|
|
|
.rad-global-nav__menu-close .rad-icon__search {
|
|
height: 20px;
|
|
width: 20px
|
|
}
|
|
|
|
.rad-global-nav__menu-items {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
margin-top: var(--rad-nav-height);
|
|
padding: 1rem 1rem 0;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-global-nav__menu-items {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-global-nav__menu-items {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-global-nav__menu-items {
|
|
padding-left: 3rem;
|
|
padding-right: 3rem;
|
|
padding-top: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-global-nav__menu-items {
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
gap: .5rem;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.429;
|
|
margin-top: 0;
|
|
padding-top: 0;
|
|
text-underline-offset: .25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-global-nav__menu-items {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-global-nav__menu-items {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-global-nav__l1--button,
|
|
.rad-global-nav__l1--link {
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
height: 100%;
|
|
justify-content: space-between;
|
|
width: 100%
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
|
|
.rad-global-nav__l1--button,
|
|
.rad-global-nav__l1--link {
|
|
-webkit-box-pack: normal;
|
|
-ms-flex-pack: normal;
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
justify-content: normal;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.429;
|
|
padding-left: .5rem;
|
|
padding-right: .5rem;
|
|
text-underline-offset: .25rem;
|
|
white-space: nowrap;
|
|
width: auto
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
|
|
.rad-global-nav__l1--button,
|
|
.rad-global-nav__l1--link {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
|
|
.rad-global-nav__l1--button,
|
|
.rad-global-nav__l1--link {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
|
|
.rad-global-nav__l1--button .rad-button__icon-right,
|
|
.rad-global-nav__l1--link .rad-button__icon-right {
|
|
margin-left: 0.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
|
|
.rad-global-nav__l1--button .rad-button__icon-right,
|
|
.rad-global-nav__l1--link .rad-button__icon-right {
|
|
margin-left: calc(0.5rem + 0.55556vw - 8px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
|
|
.rad-global-nav__l1--button .rad-button__icon-right,
|
|
.rad-global-nav__l1--link .rad-button__icon-right {
|
|
margin-left: 0.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
|
|
.rad-global-nav__l1--button .rad-button__text:after,
|
|
.rad-global-nav__l1--link .rad-button__text:after {
|
|
display: none;
|
|
-webkit-transition: none;
|
|
transition: none
|
|
}
|
|
|
|
.rad-global-nav__l1--button:active,
|
|
.rad-global-nav__l1--link:active {
|
|
color: #e3e3df
|
|
}
|
|
|
|
.rad-global-nav__l1--button:hover,
|
|
.rad-global-nav__l1--link:hover {
|
|
color: #a2a2a0
|
|
}
|
|
|
|
.rad-global-nav__l1--button:hover .rad-button__text:after,
|
|
.rad-global-nav__l1--link:hover .rad-button__text:after {
|
|
display: none;
|
|
-webkit-transition: none;
|
|
transition: none
|
|
}
|
|
|
|
.rad-global-nav__l1--button.rad-global-nav__l1--long-content .rad-button__text,
|
|
.rad-global-nav__l1--link.rad-global-nav__l1--long-content .rad-button__text {
|
|
text-align: center;
|
|
white-space: normal
|
|
}
|
|
}
|
|
|
|
.rad-global-nav__l1--button .rad-icon__chevron-down:after,
|
|
.rad-global-nav__l1--link .rad-icon__chevron-down:after {
|
|
-webkit-transform: rotate(-90deg);
|
|
transform: rotate(-90deg);
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: -webkit-transform;
|
|
transition-property: -webkit-transform;
|
|
transition-property: transform;
|
|
transition-property: transform, -webkit-transform;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1)
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
|
|
.rad-global-nav__l1--button .rad-icon__chevron-down:after,
|
|
.rad-global-nav__l1--link .rad-icon__chevron-down:after {
|
|
-webkit-transform: rotate(0);
|
|
transform: rotate(0)
|
|
}
|
|
}
|
|
|
|
.rad-global-nav__l1--active .rad-global-nav__l1--button .rad-icon__chevron-down:after {
|
|
-webkit-transform: rotate(-180deg);
|
|
transform: rotate(-180deg)
|
|
}
|
|
|
|
.rad-global-nav__l1--active .rad-global-nav__l1--button .rad-button__text {
|
|
position: relative
|
|
}
|
|
|
|
.rad-global-nav__l1--active .rad-global-nav__l1--button .rad-button__text:after {
|
|
border-bottom: 1px solid;
|
|
bottom: 0;
|
|
content: "";
|
|
display: block;
|
|
left: 0;
|
|
position: absolute;
|
|
-webkit-transition: width 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
transition: width 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
-webkit-transition: none;
|
|
transition: none;
|
|
width: 0;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-global-nav__l1--active .rad-global-nav__l1--button:active {
|
|
color: #e3e3df
|
|
}
|
|
|
|
.rad-global-nav__l1--active .rad-global-nav__l1--button:hover {
|
|
color: #a2a2a0
|
|
}
|
|
|
|
.rad-global-nav__l1--active .rad-global-nav__l1--button:focus-visible {
|
|
color: #fff
|
|
}
|
|
|
|
.rad-global-nav__l2-button {
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
justify-content: space-between;
|
|
padding: .5rem 0;
|
|
text-align: left;
|
|
text-decoration: none;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-global-nav__l2-button:visited {
|
|
color: #fff
|
|
}
|
|
|
|
@media(max-width:1023px) {
|
|
.rad-global-nav__l2-button {
|
|
position: static
|
|
}
|
|
|
|
.rad-global-nav__l2-button:after {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.rad-global-nav__l2-label {
|
|
display: none
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-global-nav .rad-global-nav__l2-button {
|
|
display: none
|
|
}
|
|
|
|
.rad-global-nav .rad-global-nav__l2-label {
|
|
color: #a2a2a0;
|
|
display: block;
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.429;
|
|
text-underline-offset: .25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-global-nav .rad-global-nav__l2-label {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-global-nav .rad-global-nav__l2-label {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-global-nav__menu-item-content {
|
|
background-color: #202020;
|
|
bottom: 0;
|
|
height: calc(100svh - var(--rad-nav-height));
|
|
left: 100vw;
|
|
padding-top: 1rem;
|
|
position: absolute;
|
|
top: var(--rad-nav-height);
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: left;
|
|
transition-property: left;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
width: 100%;
|
|
z-index: 3
|
|
}
|
|
|
|
.rad-global-nav__menu-item-content a:focus-visible {
|
|
outline-offset: -2px
|
|
}
|
|
|
|
.rad-global-nav__menu-item-content.rad-global-nav__drawer--open {
|
|
left: 0
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-global-nav__menu-item-content {
|
|
padding-left: 3rem;
|
|
padding-top: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-global-nav__menu-item-content {
|
|
bottom: unset;
|
|
height: 0;
|
|
left: 0;
|
|
overflow: hidden;
|
|
padding-left: 5rem;
|
|
padding-right: 5rem;
|
|
padding-top: 0;
|
|
right: 0;
|
|
top: 4.5rem;
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: height;
|
|
transition-property: height;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
width: 100vw;
|
|
z-index: -1
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-global-nav__menu-item-content {
|
|
top: calc(4.5rem + 5vw - 72px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-global-nav__menu-item-content {
|
|
top: 6rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-global-nav__menu-item-content {
|
|
padding-left: calc(5rem + 5.55556vw - 80px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-global-nav__menu-item-content {
|
|
padding-left: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-global-nav__menu-item-content {
|
|
padding-right: calc(5rem + 5.55556vw - 80px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-global-nav__menu-item-content {
|
|
padding-right: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-global-nav__menu-item-content a:focus-visible {
|
|
outline-offset: 8px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-global-nav__menu-item-content:before {
|
|
background-color: transparent;
|
|
content: "";
|
|
display: block;
|
|
height: 3.75rem;
|
|
position: relative;
|
|
width: 100%
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-global-nav__menu-item-content:before {
|
|
height: calc(3.75rem + 4.16667vw - 60px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-global-nav__menu-item-content:before {
|
|
height: 5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-global-nav__menu-item-content.rad-global-nav__drawer--open {
|
|
border-bottom: 1px solid #616160;
|
|
max-height: calc(100vh - var(--rad-nav-height))
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
|
|
.rad-global-nav__menu-item-content,
|
|
.rad-global-nav__menu-item-content.rad-global-nav__drawer--open {
|
|
left: 50%;
|
|
-webkit-transform: translateX(-50%);
|
|
transform: translateX(-50%)
|
|
}
|
|
}
|
|
|
|
.rad-global-nav .rad-global-nav__menu-items .aem-Grid .rad-global-nav__menu-item-content {
|
|
width: 100vw
|
|
}
|
|
|
|
.rad-global-nav .menu-item-content__back-button {
|
|
background-color: #202020;
|
|
height: 3rem;
|
|
margin-left: 1rem;
|
|
margin-top: .25rem;
|
|
position: absolute;
|
|
top: calc(var(--rad-nav-height)*-1);
|
|
visibility: hidden
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-global-nav .menu-item-content__back-button {
|
|
margin-left: 0;
|
|
margin-top: .5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-global-nav .menu-item-content__back-button {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.rad-global-nav .rad-submenu__cta-wrapper {
|
|
padding-bottom: 2rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-global-nav .rad-submenu__cta-wrapper {
|
|
padding-bottom: 3rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-global-nav .rad-submenu__cta-wrapper {
|
|
margin: 0 auto;
|
|
max-width: 1920px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-global-nav .rad-submenu__cta-wrapper {
|
|
margin-left: 50%;
|
|
max-width: unset;
|
|
padding-left: 5rem;
|
|
padding-left: calc(5rem + 5.55556vw - 80px);
|
|
padding-left: 6.6666666667rem;
|
|
padding-right: 5rem;
|
|
padding-right: calc(5rem + 5.55556vw - 80px);
|
|
padding-right: 6.6666666667rem;
|
|
-webkit-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
width: 1920px
|
|
}
|
|
}
|
|
|
|
.rad-global-nav .rad-submenu__cta {
|
|
font-size: 1.25rem;
|
|
font-weight: 500;
|
|
height: 2.75rem;
|
|
letter-spacing: -0.025em;
|
|
line-height: 1.4;
|
|
margin-left: 1rem;
|
|
position: relative
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-global-nav .rad-submenu__cta {
|
|
font-size: 1.5rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-global-nav .rad-submenu__cta {
|
|
font-size: 2rem;
|
|
line-height: 1.25
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-global-nav .rad-submenu__cta {
|
|
font-size: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-global-nav .rad-submenu__cta {
|
|
font-size: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-global-nav .rad-submenu__cta .rad-button__text:after {
|
|
border-bottom: 1px solid;
|
|
bottom: 0;
|
|
content: "";
|
|
display: block;
|
|
left: 0;
|
|
position: absolute;
|
|
-webkit-transition: width 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
transition: width 550ms cubic-bezier(0.85, 0, 0, 1);
|
|
width: 0
|
|
}
|
|
|
|
.rad-global-nav .rad-submenu__cta:hover .rad-button__text:after {
|
|
width: 100%
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-global-nav .rad-submenu__cta {
|
|
margin-left: 0
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-global-nav .rad-submenu__cta {
|
|
height: 3.5rem;
|
|
padding-bottom: 0.5rem;
|
|
padding-top: 0.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-global-nav .rad-submenu__cta {
|
|
height: calc(3.5rem + 3.88889vw - 56px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-global-nav .rad-submenu__cta {
|
|
height: 4.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-global-nav .rad-submenu__cta {
|
|
padding-top: calc(0.5rem + 0.55556vw - 8px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-global-nav .rad-submenu__cta {
|
|
padding-top: 0.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-global-nav .rad-submenu__cta {
|
|
padding-bottom: calc(0.5rem + 0.55556vw - 8px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-global-nav .rad-submenu__cta {
|
|
padding-bottom: 0.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-global-nav__submenu {
|
|
max-height: 100%;
|
|
overflow: auto;
|
|
padding: 0 1rem 7.5rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-global-nav__submenu {
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
gap: 1.5rem;
|
|
padding-left: 0;
|
|
padding-right: 0;
|
|
row-gap: 3rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px)and (max-width:1023px) {
|
|
.rad-global-nav__submenu .l2-item {
|
|
width: calc(50% - 12px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-global-nav__submenu {
|
|
-ms-flex-wrap: nowrap;
|
|
flex-wrap: nowrap;
|
|
gap: 2rem;
|
|
margin: 0 auto;
|
|
max-height: unset;
|
|
overflow: visible;
|
|
padding: 0 0 3.75rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-global-nav__submenu {
|
|
padding-bottom: calc(3.75rem + 4.16667vw - 60px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-global-nav__submenu {
|
|
padding-bottom: 5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-global-nav__submenu {
|
|
gap: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-global-nav__submenu {
|
|
gap: 2.6666666667rem;
|
|
margin-left: 50%;
|
|
padding-left: 5rem;
|
|
padding-left: calc(5rem + 5.55556vw - 80px);
|
|
padding-left: 6.6666666667rem;
|
|
padding-right: 5rem;
|
|
padding-right: calc(5rem + 5.55556vw - 80px);
|
|
padding-right: 6.6666666667rem;
|
|
-webkit-transform: translateX(-50%);
|
|
transform: translateX(-50%);
|
|
width: 1920px
|
|
}
|
|
}
|
|
|
|
.rad-global-nav .l2-links {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
height: 0;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
overflow: hidden;
|
|
text-underline-offset: .25rem;
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: height;
|
|
transition-property: height;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1)
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-global-nav .l2-links {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-global-nav .l2-links {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-global-nav .l2-links .rad-global-nav__l2-link:first-child {
|
|
margin-top: 8px
|
|
}
|
|
|
|
.rad-global-nav .l2-links .rad-global-nav__l2-link:last-child {
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-global-nav .l2-links {
|
|
height: auto;
|
|
overflow: visible;
|
|
padding: 1rem 0 0
|
|
}
|
|
|
|
.rad-global-nav .l2-links.l2-links--long-list {
|
|
padding-bottom: 3rem
|
|
}
|
|
|
|
.rad-global-nav .l2-links .rad-global-nav__l2-link:first-child,
|
|
.rad-global-nav .l2-links .rad-global-nav__l2-link:last-child {
|
|
margin: 0
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-global-nav .l2-links {
|
|
padding-bottom: 0;
|
|
padding-top: 1rem;
|
|
width: calc(min(100vw, 1920px)/4*3 - var(--rad-spacing-sm)*2/4*3 - var(--rad-spacing-sm)*3/4*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0);
|
|
width: calc(min(100vw, 1920px)/8*3 - var(--rad-spacing-md)*2/8*3 - var(--rad-spacing-sm)*7/8*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0);
|
|
width: calc(min(100vw, 1920px)/12*3 - var(--rad-spacing-md)*2/12*3 - var(--rad-spacing-sm)*11/12*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-global-nav .l2-links.l2-links--long-list {
|
|
-webkit-columns: 2;
|
|
-moz-columns: 2;
|
|
column-count: 2;
|
|
-webkit-column-gap: 2rem;
|
|
-moz-column-gap: 2rem;
|
|
column-gap: 2rem;
|
|
padding-bottom: 0;
|
|
width: calc(min(100vw, 1920px)/4*6 - var(--rad-spacing-sm)*2/4*6 - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(min(100vw, 1920px)/8*6 - var(--rad-spacing-md)*2/8*6 - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0);
|
|
width: calc(min(100vw, 1920px)/12*6 - var(--rad-spacing-md)*2/12*6 - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-global-nav__l2-button:after {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
-webkit-font-smoothing: antialiased;
|
|
align-items: center;
|
|
content: "";
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
font-family: icont;
|
|
font-size: 0.625rem;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
justify-content: center;
|
|
text-decoration: none;
|
|
-webkit-transform: rotate(90deg);
|
|
transform: rotate(90deg);
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: -webkit-transform;
|
|
transition-property: -webkit-transform;
|
|
transition-property: transform;
|
|
transition-property: transform, -webkit-transform;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1)
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-global-nav__l2-button:after {
|
|
font-size: calc(0.625rem + 0.69444vw - 10px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-global-nav__l2-button:after {
|
|
font-size: 0.8333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-global-nav__l2-button:after {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.rad-global-nav .l2-item--active .rad-global-nav__l2-button {
|
|
color: #a2a2a0
|
|
}
|
|
|
|
.rad-global-nav .l2-item--active .rad-global-nav__l2-button:after {
|
|
-webkit-transform: rotate(-90deg);
|
|
transform: rotate(-90deg)
|
|
}
|
|
|
|
.rad-global-nav__l2-link {
|
|
display: block;
|
|
padding: .5rem 0 .5rem 1rem;
|
|
text-decoration: none
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-global-nav__l2-link {
|
|
padding-left: 0
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-global-nav__l2-link {
|
|
margin: .5rem 0;
|
|
padding: 0
|
|
}
|
|
|
|
.rad-global-nav__l2-link:after {
|
|
content: "";
|
|
display: block
|
|
}
|
|
}
|
|
|
|
.rad-global-nav__l2-link:visited {
|
|
color: #fff
|
|
}
|
|
|
|
.rad-global-nav__l2-link:hover {
|
|
color: #fff;
|
|
text-decoration: underline
|
|
}
|
|
|
|
.rad-global-nav__utility-nav {
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
background-color: transparent;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-global-nav__utility-nav {
|
|
width: -webkit-max-content;
|
|
width: -moz-max-content;
|
|
width: max-content
|
|
}
|
|
|
|
.rad-global-nav .rad-header__search {
|
|
margin-right: .625rem
|
|
}
|
|
}
|
|
|
|
.rad-global-nav .rad-header__search .rad-icon:after {
|
|
font-size: .9375rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-global-nav .rad-header__search .rad-icon:after {
|
|
font-size: 0.9375rem;
|
|
font-size: calc(0.9375rem + 1.04167vw - 15px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-global-nav .rad-header__search .rad-icon:after {
|
|
font-size: 1.25rem
|
|
}
|
|
}
|
|
|
|
.rad-global-nav .rad-global-nav__language-container {
|
|
display: none;
|
|
margin-right: 1rem;
|
|
-webkit-transform: translateX(100vw);
|
|
transform: translateX(100vw);
|
|
-webkit-transition-duration: 550ms;
|
|
transition-duration: 550ms;
|
|
-webkit-transition-property: z-index, -webkit-transform;
|
|
transition-property: z-index, -webkit-transform;
|
|
transition-property: transform, z-index;
|
|
transition-property: transform, z-index, -webkit-transform;
|
|
-webkit-transition-timing-function: cubic-bezier(0.85, 0, 0, 1);
|
|
transition-timing-function: cubic-bezier(0.85, 0, 0, 1)
|
|
}
|
|
|
|
.rad-global-nav .rad-global-nav__language-container a:focus-visible {
|
|
outline-offset: 8px
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-global-nav .rad-global-nav__language-container {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-transform: none;
|
|
transform: none
|
|
}
|
|
}
|
|
|
|
.rad-global-nav .cmp-global-header__language-selector {
|
|
background-color: transparent;
|
|
margin: 0
|
|
}
|
|
|
|
.rad-global-nav__overlay {
|
|
background-color: #000;
|
|
bottom: 0;
|
|
display: none;
|
|
height: 100vh;
|
|
left: 0;
|
|
opacity: .5;
|
|
position: fixed;
|
|
right: 0;
|
|
top: 0;
|
|
width: 100vw
|
|
}
|
|
|
|
.rad-global-nav--menu-open .rad-global-nav__utility-nav {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: var(--rad-nav-height);
|
|
position: absolute;
|
|
right: 0;
|
|
top: 0;
|
|
width: -webkit-max-content;
|
|
width: -moz-max-content;
|
|
width: max-content;
|
|
z-index: 3
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-global-nav--menu-open .rad-global-nav__utility-nav {
|
|
right: 3rem
|
|
}
|
|
}
|
|
|
|
.rad-global-nav--menu-open .rad-global-nav__language-container {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-webkit-transform: translateX(0);
|
|
transform: translateX(0)
|
|
}
|
|
|
|
.rad-global-nav--menu-open .rad-header__search {
|
|
display: none
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-global-nav--menu-open .rad-header__search {
|
|
display: initial
|
|
}
|
|
}
|
|
|
|
.rad-global-nav--menu-open .rad-global-nav__primary-nav {
|
|
left: 0;
|
|
z-index: 2
|
|
}
|
|
|
|
.rad-global-nav--menu-open .rad-global-nav__mobile-footer {
|
|
display: block;
|
|
padding-bottom: 3rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-global-nav--menu-open .rad-global-nav__mobile-footer {
|
|
padding-bottom: 3.75rem
|
|
}
|
|
}
|
|
|
|
.rad-global-nav--menu-open .rad-global-nav__utility-links {
|
|
padding: 0 1rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-global-nav--menu-open .rad-global-nav__utility-links {
|
|
padding: 0 3rem
|
|
}
|
|
}
|
|
|
|
.rad-global-nav--menu-open .rad-global-nav__footer-link {
|
|
display: block;
|
|
height: 2.5rem;
|
|
line-height: 1.5rem;
|
|
padding: .5rem 0;
|
|
text-decoration: none
|
|
}
|
|
|
|
.rad-global-nav--menu-open .rad-global-nav__footer-link:hover {
|
|
color: #fff;
|
|
text-decoration: underline
|
|
}
|
|
|
|
.rad-global-nav--menu-open .rad-global-nav__social-links {
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
gap: .25rem;
|
|
padding-left: 8px;
|
|
padding-top: 32px
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-global-nav--menu-open .rad-global-nav__social-links {
|
|
padding-left: 2.25rem
|
|
}
|
|
}
|
|
|
|
.rad-global-nav--menu-open .rad-nav-icon-button .rad-icon {
|
|
height: 1.25rem;
|
|
width: 1.25rem
|
|
}
|
|
|
|
.rad-global-nav--menu-open .rad-global-nav__overlay {
|
|
display: block;
|
|
z-index: 1
|
|
}
|
|
|
|
.rad-global-nav--menu-open.rad-global-nav--submenu-open .rad-global-nav__mobile-footer {
|
|
display: none
|
|
}
|
|
|
|
.rad-global-nav--dropdown-open .rad-global-nav__overlay {
|
|
display: block;
|
|
z-index: 1
|
|
}
|
|
|
|
.rad-global-header--offscreen .rad-global-nav__wrapper {
|
|
top: calc(var(--rad-nav-height)*-1)
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-global-header--offscreen .rad-global-nav__wrapper {
|
|
top: -4.5rem;
|
|
top: calc(-4.5rem - 5vw + 72px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-global-header--offscreen .rad-global-nav__wrapper {
|
|
top: -6rem
|
|
}
|
|
}
|
|
|
|
.rad-global-nav__language-selector {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
border: none;
|
|
color: #fff;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: 48px;
|
|
min-height: 100%;
|
|
opacity: 1
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-global-nav__language-selector {
|
|
height: 3.33333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-global-nav__language-selector {
|
|
height: 64px
|
|
}
|
|
}
|
|
|
|
.rad-global-nav__language-selector:before {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
align-items: center;
|
|
content: "";
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
font-family: icont;
|
|
font-size: 1.03125rem;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
justify-content: center
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-global-nav__language-selector:before {
|
|
font-size: 1.03125rem;
|
|
font-size: calc(1.03125rem + 1.14583vw - 16.5px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-global-nav__language-selector:before {
|
|
font-size: 1.375rem
|
|
}
|
|
}
|
|
|
|
.rad-global-nav__language-selector .current-country-text {
|
|
padding-left: 6px
|
|
}
|
|
|
|
.rad-global-nav__language-selector:focus,
|
|
.rad-global-nav__language-selector:hover {
|
|
outline-offset: -1px
|
|
}
|
|
|
|
.rad-global-nav__language-selector .icon-down-caret {
|
|
display: inline-block;
|
|
height: 24px;
|
|
position: relative;
|
|
width: 24px
|
|
}
|
|
|
|
.rad-global-nav__language-selector .icon-down-caret:before {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
align-items: center;
|
|
content: "";
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
font-family: icont;
|
|
font-size: .46875rem;
|
|
font-style: normal;
|
|
font-weight: 400;
|
|
height: 100%;
|
|
justify-content: center;
|
|
-webkit-transition: -webkit-transform .5s ease-in-out;
|
|
transition: -webkit-transform .5s ease-in-out;
|
|
transition: transform .5s ease-in-out;
|
|
transition: transform .5s ease-in-out, -webkit-transform .5s ease-in-out
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-global-nav__language-selector .icon-down-caret:before {
|
|
font-size: 0.46875rem;
|
|
font-size: calc(0.46875rem + 0.52083vw - 7.5px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-global-nav__language-selector .icon-down-caret:before {
|
|
font-size: 0.625rem
|
|
}
|
|
}
|
|
|
|
.rad-global-nav__language-selector[aria-expanded=true] .icon-down-caret:before {
|
|
-webkit-transform: rotate(180deg);
|
|
transform: rotate(180deg)
|
|
}
|
|
|
|
.rad-global-nav__language-options {
|
|
background-color: #202020;
|
|
display: none;
|
|
position: absolute;
|
|
right: 20px;
|
|
top: var(--rad-nav-height);
|
|
width: 304px
|
|
}
|
|
|
|
.rad-global-nav__language-options .arrow-up {
|
|
display: none
|
|
}
|
|
|
|
.rad-global-nav__language-options .input-group {
|
|
height: 16px;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-global-nav__language-options .country-list {
|
|
height: 410px;
|
|
overflow-x: hidden;
|
|
overflow-y: auto;
|
|
scrollbar-color: #a100ff #460073;
|
|
scrollbar-width: thin
|
|
}
|
|
|
|
.rad-global-nav__language-options .country-list::-webkit-scrollbar {
|
|
height: 4px;
|
|
width: 4px
|
|
}
|
|
|
|
.rad-global-nav__language-options .country-list::-webkit-scrollbar-track {
|
|
background-color: #460073
|
|
}
|
|
|
|
.rad-global-nav__language-options .country-list::-webkit-scrollbar-thumb {
|
|
background-color: #a100ff
|
|
}
|
|
|
|
.rad-global-nav__language-menu {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
list-style-type: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-global-nav__language-menu {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-global-nav__language-menu {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-global-nav__language-menu li {
|
|
-webkit-box-shadow: inset 0 -1px 0 0 hsla(0, 0%, 100%, .2);
|
|
box-shadow: inset 0 -1px 0 0 hsla(0, 0%, 100%, .2);
|
|
padding: 12px 32px
|
|
}
|
|
|
|
.rad-global-nav__language-menu li a {
|
|
color: #fff;
|
|
text-decoration: none
|
|
}
|
|
|
|
.rad-global-nav__language-menu li :hover {
|
|
color: #a2a2a0;
|
|
text-decoration: underline
|
|
}
|
|
|
|
.rad-global-nav__language-menu li :focus {
|
|
text-decoration: underline
|
|
}
|
|
|
|
.rad-global-nav__language-menu .default {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.429;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-global-nav__language-menu .default {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-global-nav__language-menu .default {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-global-nav__language-menu .dropdown-header {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none;
|
|
color: #fff;
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
letter-spacing: .02em;
|
|
line-height: 1.143;
|
|
padding-bottom: 24px;
|
|
padding-top: 32px
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-global-nav__language-menu .dropdown-header {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-global-nav__language-menu .dropdown-header {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-global-nav .rad-global-nav__language-selector--show,
|
|
.rad-global-nav .rad-global-nav__signed-in-option-selector--show {
|
|
display: block
|
|
}
|
|
|
|
#rad-global-nav__current-country {
|
|
display: none
|
|
}
|
|
|
|
.rad-vidyard-player iframe {
|
|
aspect-ratio: 16/9;
|
|
display: block;
|
|
height: 100%;
|
|
margin: 0 auto;
|
|
width: 100%
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-vidyard-player__container {
|
|
padding-left: 5rem;
|
|
padding-right: 5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-vidyard-player__container {
|
|
padding-right: calc(5rem + 5.55556vw - 80px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-vidyard-player__container {
|
|
padding-right: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-vidyard-player__container {
|
|
padding-left: calc(5rem + 5.55556vw - 80px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-vidyard-player__container {
|
|
padding-left: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-vidyard-player__transcript {
|
|
-webkit-box-pack: end;
|
|
-ms-flex-pack: end;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
gap: 5rem;
|
|
justify-content: flex-end;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
padding-right: 1rem;
|
|
padding-top: 1rem;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-vidyard-player__transcript {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-vidyard-player__transcript {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-vidyard-player__transcript {
|
|
padding-top: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-vidyard-player__transcript {
|
|
padding-top: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-vidyard-player__transcript {
|
|
padding-right: 3rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-vidyard-player__transcript {
|
|
padding-right: 0
|
|
}
|
|
}
|
|
|
|
.rad-article-table {
|
|
color: #fff
|
|
}
|
|
|
|
.rad-article-table__container {
|
|
overflow-x: auto;
|
|
padding-bottom: .5rem;
|
|
scrollbar-color: #a100ff #460073;
|
|
scrollbar-width: thin;
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-article-table__container {
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-article-table__container {
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-article-table__container::-webkit-scrollbar {
|
|
height: 4px;
|
|
width: 4px
|
|
}
|
|
|
|
.rad-article-table__container::-webkit-scrollbar-track {
|
|
background-color: #460073
|
|
}
|
|
|
|
.rad-article-table__container::-webkit-scrollbar-thumb {
|
|
background-color: #a100ff
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-article-table__container {
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-article-table__container {
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0);
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-article-table__headline {
|
|
font-size: 1.125rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.6;
|
|
margin-bottom: 1rem;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-article-table__headline {
|
|
font-size: 1.25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-article-table__headline {
|
|
font-size: calc(1.25rem + 1.38889vw - 20px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-article-table__headline {
|
|
font-size: 1.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-article-table__headline {
|
|
margin-bottom: 1.5rem
|
|
}
|
|
}
|
|
|
|
.rad-article-table table {
|
|
background-color: #000;
|
|
border: 1px solid #a2a2a0;
|
|
border-collapse: collapse;
|
|
border-top: 0 solid #a2a2a0;
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-article-table table {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-article-table table {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-article-table table caption {
|
|
clip: rect(0 0 0 0);
|
|
-webkit-clip-path: inset(50%);
|
|
clip-path: inset(50%);
|
|
display: inline;
|
|
height: 1px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
white-space: nowrap;
|
|
width: 1px
|
|
}
|
|
|
|
.rad-article-table__caption {
|
|
color: #a2a2a0;
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.429;
|
|
padding-top: .5rem;
|
|
text-underline-offset: .25rem;
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0)
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-article-table__caption {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-article-table__caption {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-article-table__caption {
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-article-table__caption {
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-article-table__caption {
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-article-table__caption {
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-article-table td,
|
|
.rad-article-table th {
|
|
border: 1px solid #a2a2a0;
|
|
border-collapse: collapse;
|
|
max-width: 43.5rem;
|
|
min-width: 9rem
|
|
}
|
|
|
|
.rad-article-table th {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
padding: 1rem .5rem;
|
|
text-align: left;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-article-table th {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-article-table th {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-article-table th {
|
|
padding: 1.5rem 1rem
|
|
}
|
|
}
|
|
|
|
.rad-article-table td {
|
|
padding: .5rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-article-table td {
|
|
padding: 1rem
|
|
}
|
|
}
|
|
|
|
.rad-article-table--grey-headers th {
|
|
background-color: #2b2b2b
|
|
}
|
|
|
|
.rad-article-table--purple-headers th {
|
|
background-color: #7500c0
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-article-table--long-table .rad-article-table__container {
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-article-table--long-table .rad-article-table__container {
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(300% - var(--rad-spacing-sm)*3/4*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-sm)*0);
|
|
width: calc(150% - var(--rad-spacing-sm)*7/8*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-md)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*11/12*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-grid-card-carousel .flickity-page-dots {
|
|
-webkit-box-align: stretch;
|
|
-ms-flex-align: stretch;
|
|
-webkit-box-pack: end;
|
|
-ms-flex-pack: end;
|
|
align-items: stretch;
|
|
bottom: 0;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: 24px;
|
|
justify-content: flex-end;
|
|
margin: 0 auto;
|
|
max-width: 1920px;
|
|
position: relative;
|
|
right: 0;
|
|
width: auto
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-grid-card-carousel .flickity-page-dots {
|
|
height: 48px;
|
|
margin: 0 2.75rem 0 auto
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-grid-card-carousel .flickity-page-dots {
|
|
height: 3.33333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-grid-card-carousel .flickity-page-dots {
|
|
height: 64px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-grid-card-carousel .flickity-page-dots {
|
|
margin-right: 4.75rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-grid-card-carousel .flickity-page-dots {
|
|
margin-right: calc(4.75rem + 5.27778vw - 76px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-grid-card-carousel .flickity-page-dots {
|
|
margin-right: 6.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-grid-card-carousel .flickity-page-dot {
|
|
background: none;
|
|
border-radius: 0;
|
|
-webkit-box-sizing: content-box;
|
|
box-sizing: content-box;
|
|
height: auto;
|
|
margin: 0;
|
|
padding: .25rem;
|
|
position: relative;
|
|
width: .5rem;
|
|
z-index: 1
|
|
}
|
|
|
|
.rad-grid-card-carousel .flickity-page-dot:focus-visible {
|
|
outline: .0625rem solid #a100ff;
|
|
outline-offset: -0.0625rem
|
|
}
|
|
|
|
.rad-grid-card-carousel .flickity-page-dot:focus {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none
|
|
}
|
|
|
|
.rad-grid-card-carousel .flickity-page-dot:after,
|
|
.rad-grid-card-carousel .flickity-page-dot:before {
|
|
content: "";
|
|
display: block;
|
|
height: .5rem;
|
|
position: absolute;
|
|
top: 50%;
|
|
translate: 0 -50%
|
|
}
|
|
|
|
.rad-grid-card-carousel .flickity-page-dot:first-child {
|
|
overflow: visible
|
|
}
|
|
|
|
.rad-grid-card-carousel .flickity-page-dot:first-child:before {
|
|
background: #616160;
|
|
left: 50%;
|
|
-webkit-transition: width 250ms ease 0s;
|
|
transition: width 250ms ease 0s;
|
|
width: calc(var(--dot-index)*100%)
|
|
}
|
|
|
|
.rad-grid-card-carousel .flickity-page-dot:after {
|
|
background: #616160;
|
|
left: .25rem;
|
|
width: .5rem
|
|
}
|
|
|
|
.rad-grid-card-carousel .flickity-page-dot:hover {
|
|
background: none
|
|
}
|
|
|
|
.rad-grid-card-carousel .flickity-page-dot:hover:after {
|
|
background: #a2a2a0
|
|
}
|
|
|
|
.rad-grid-card-carousel .flickity-page-dot.is-selected {
|
|
background: none
|
|
}
|
|
|
|
.rad-grid-card-carousel .flickity-page-dot.is-selected:after {
|
|
background: #fff
|
|
}
|
|
|
|
.rad-grid-card-carousel .flickity-enabled {
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap
|
|
}
|
|
|
|
.rad-grid-card-carousel .flickity-viewport {
|
|
-ms-flex-preferred-size: 100%;
|
|
flex-basis: 100%
|
|
}
|
|
|
|
.rad-grid-card-carousel .flickity-prev-next-button {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
align-items: center;
|
|
background: none;
|
|
border-radius: 0;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: 48px;
|
|
justify-content: center;
|
|
left: 0;
|
|
margin-top: -12px;
|
|
position: relative;
|
|
right: 0;
|
|
-webkit-transform: unset;
|
|
transform: unset;
|
|
width: 48px
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-grid-card-carousel .flickity-prev-next-button {
|
|
width: 3.33333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-grid-card-carousel .flickity-prev-next-button {
|
|
width: 64px
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-grid-card-carousel .flickity-prev-next-button {
|
|
height: 3.33333vw
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-grid-card-carousel .flickity-prev-next-button {
|
|
height: 64px
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-grid-card-carousel .flickity-prev-next-button {
|
|
margin-top: 0
|
|
}
|
|
}
|
|
|
|
.rad-grid-card-carousel .flickity-prev-next-button:focus {
|
|
-webkit-box-shadow: none;
|
|
box-shadow: none
|
|
}
|
|
|
|
.rad-grid-card-carousel .flickity-prev-next-button.previous {
|
|
margin-left: 2.25rem
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-grid-card-carousel .flickity-prev-next-button.previous {
|
|
margin-left: 4.25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-grid-card-carousel .flickity-prev-next-button.previous {
|
|
margin-left: calc(4.25rem + 4.72222vw - 68px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-grid-card-carousel .flickity-prev-next-button.previous {
|
|
margin-left: 5.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-grid-card-carousel .flickity-prev-next-button.next {
|
|
margin-left: 0.25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-grid-card-carousel .flickity-prev-next-button.next {
|
|
margin-left: calc(0.25rem + 0.27778vw - 4px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-grid-card-carousel .flickity-prev-next-button.next {
|
|
margin-left: 0.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-grid-card-carousel .flickity-button-icon {
|
|
fill: #fff;
|
|
position: static;
|
|
width: 1.25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-grid-card-carousel .flickity-button-icon {
|
|
width: calc(1.25rem + 1.38889vw - 20px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-grid-card-carousel .flickity-button-icon {
|
|
width: 1.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-grid-card-carousel__text-container {
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-grid-card-carousel__text-container {
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md)
|
|
}
|
|
}
|
|
|
|
.rad-grid-card-carousel__heading {
|
|
font-size: 1.75rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.286;
|
|
margin-bottom: 1rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-grid-card-carousel__heading {
|
|
font-size: 2.5rem;
|
|
line-height: 1.2
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-grid-card-carousel__heading {
|
|
font-size: 3rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-grid-card-carousel__heading {
|
|
font-size: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-grid-card-carousel__heading {
|
|
font-size: 4rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-grid-card-carousel__heading {
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-grid-card-carousel__heading {
|
|
margin-bottom: 2rem;
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0);
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-grid-card-carousel__heading {
|
|
margin-bottom: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-grid-card-carousel__heading {
|
|
margin-bottom: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-grid-card-carousel__sub-heading {
|
|
font-family: GT Sectra Fine, Palatino;
|
|
font-size: 1.125rem;
|
|
font-weight: 300;
|
|
line-height: 1.333;
|
|
margin-bottom: 2rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-grid-card-carousel__sub-heading {
|
|
font-size: 1.5rem;
|
|
line-height: 1.333
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-grid-card-carousel__sub-heading {
|
|
font-size: 1.75rem;
|
|
line-height: 1.286
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-grid-card-carousel__sub-heading {
|
|
font-size: calc(1.75rem + 1.94444vw - 28px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-grid-card-carousel__sub-heading {
|
|
font-size: 2.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-grid-card-carousel__sub-heading {
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-grid-card-carousel__sub-heading {
|
|
margin-bottom: 3rem;
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0);
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-grid-card-carousel__sub-heading {
|
|
margin-bottom: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-grid-card-carousel__sub-heading {
|
|
margin-bottom: 4rem
|
|
}
|
|
}
|
|
|
|
.rad-grid-card-carousel__view-all-button-wrapper {
|
|
margin-bottom: 2rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-grid-card-carousel__view-all-button-wrapper {
|
|
margin-bottom: 1rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-grid-card-carousel__view-all-button-wrapper {
|
|
margin-bottom: 1.94rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-grid-card-carousel__view-all-button-wrapper {
|
|
margin-bottom: calc(1.94rem + 2.15556vw - 31.04px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-grid-card-carousel__view-all-button-wrapper {
|
|
margin-bottom: 2.5866666667rem
|
|
}
|
|
}
|
|
|
|
@media(max-width:599px) {
|
|
.rad-grid-card-carousel__slider-receiver {
|
|
-ms-overflow-style: none;
|
|
overflow-x: scroll;
|
|
scrollbar-width: none
|
|
}
|
|
|
|
.rad-grid-card-carousel__slider-receiver::-webkit-scrollbar {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
@media(max-width:599px) {
|
|
.rad-grid-card-carousel__cards-container {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-column-gap: 1rem;
|
|
-moz-column-gap: 1rem;
|
|
column-gap: 1rem;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: 26.5rem;
|
|
padding: 0 1rem;
|
|
width: -webkit-fit-content;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
}
|
|
|
|
.rad-grid-card-carousel .rad-content-grid-card {
|
|
-ms-flex-negative: 0;
|
|
flex-shrink: 0
|
|
}
|
|
|
|
.rad-grid-card-carousel .flickity-viewport {
|
|
height: 28.81rem;
|
|
margin-bottom: 1.47rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-grid-card-carousel .flickity-viewport {
|
|
margin-bottom: .94rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-grid-card-carousel .flickity-viewport {
|
|
height: 28.81rem;
|
|
margin-bottom: 1.845rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-grid-card-carousel .flickity-viewport {
|
|
margin-bottom: calc(1.845rem + 2.05vw - 29.52px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-grid-card-carousel .flickity-viewport {
|
|
margin-bottom: 2.46rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-grid-card-carousel .flickity-viewport {
|
|
height: calc(28.81rem + 32.01111vw - 460.96px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-grid-card-carousel .flickity-viewport {
|
|
height: 38.4133333333rem
|
|
}
|
|
}
|
|
|
|
.rad-grid-card-carousel .flickity-cell {
|
|
height: 100%;
|
|
padding-left: 1rem;
|
|
width: 17.94rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-grid-card-carousel .flickity-cell {
|
|
padding-left: 2.5rem;
|
|
width: 20.25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-grid-card-carousel .flickity-cell {
|
|
width: 20.25rem;
|
|
width: calc(20.25rem + 22.5vw - 324px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-grid-card-carousel .flickity-cell {
|
|
width: 27rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-grid-card-carousel__card-wrapper {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-pack: center;
|
|
-ms-flex-pack: center;
|
|
align-items: center;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: 27.56rem;
|
|
justify-content: center;
|
|
width: 17.25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-grid-card-carousel__card-wrapper {
|
|
height: 27.56rem;
|
|
width: 17.25rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-grid-card-carousel__card-wrapper {
|
|
height: calc(27.56rem + 30.62222vw - 440.96px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-grid-card-carousel__card-wrapper {
|
|
height: 36.7466666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-grid-card-carousel__card-wrapper {
|
|
width: calc(17.25rem + 19.16667vw - 276px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-grid-card-carousel__card-wrapper {
|
|
width: 23rem
|
|
}
|
|
}
|
|
|
|
.rad-grid-card-carousel__card-size-maintainer {
|
|
height: 26.5rem;
|
|
width: 18.75rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-grid-card-carousel__card-size-maintainer {
|
|
height: unset;
|
|
width: 276px
|
|
}
|
|
}
|
|
|
|
.rad-grid-card-carousel__slider-container {
|
|
margin: 2rem auto 0;
|
|
width: -webkit-fit-content;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-grid-card-carousel__slider-container {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.rad-grid-card-carousel__slider-container .rad__range-input-slider-for-carousel {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
background: transparent;
|
|
display: block;
|
|
margin: 0;
|
|
padding: .5rem 0;
|
|
width: 17.25rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-grid-card-carousel__slider-container .rad__range-input-slider-for-carousel {
|
|
padding: 1.25rem 0
|
|
}
|
|
}
|
|
|
|
.rad-grid-card-carousel__slider-container ::-webkit-slider-thumb {
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
background: #fff;
|
|
border: none;
|
|
border-radius: 0;
|
|
-webkit-box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000;
|
|
box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000;
|
|
cursor: -webkit-grab;
|
|
cursor: grab;
|
|
height: .5rem;
|
|
width: .5rem
|
|
}
|
|
|
|
.rad-grid-card-carousel__slider-container ::-moz-range-thumb {
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
background: #fff;
|
|
border: none;
|
|
border-radius: 0;
|
|
box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000;
|
|
cursor: grab;
|
|
height: .5rem;
|
|
width: .5rem
|
|
}
|
|
|
|
.rad-grid-card-carousel__slider-container ::-ms-thumb {
|
|
appearance: none;
|
|
background: #fff;
|
|
border: none;
|
|
border-radius: 0;
|
|
box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000;
|
|
cursor: grab;
|
|
height: .5rem;
|
|
width: .5rem
|
|
}
|
|
|
|
.rad-grid-card-carousel__slider-container ::-webkit-slider-runnable-track {
|
|
background: #616160;
|
|
cursor: pointer;
|
|
height: .5rem;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-grid-card-carousel__slider-container ::-moz-range-track {
|
|
background: #616160;
|
|
cursor: pointer;
|
|
height: .5rem;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-grid-card-carousel__slider-container ::-ms-track {
|
|
background: #616160;
|
|
cursor: pointer;
|
|
height: .5rem;
|
|
width: 100%
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-grid-card-carousel__slider-container {
|
|
display: none
|
|
}
|
|
|
|
.rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__view-all-button-wrapper {
|
|
margin-bottom: 1.47rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__view-all-button-wrapper {
|
|
margin-bottom: 2.47rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__view-all-button-wrapper {
|
|
margin-bottom: 2.47rem;
|
|
margin-bottom: calc(2.47rem + 2.74444vw - 39.52px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__view-all-button-wrapper {
|
|
margin-bottom: 3.2933333333rem
|
|
}
|
|
}
|
|
|
|
.rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__cards-container {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
align-items: center;
|
|
-webkit-column-gap: 1rem;
|
|
-moz-column-gap: 1rem;
|
|
column-gap: 1rem;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
height: 26.5rem;
|
|
padding: 0 1rem;
|
|
width: -webkit-fit-content;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__cards-container {
|
|
-webkit-column-gap: 3rem;
|
|
-moz-column-gap: 3rem;
|
|
column-gap: 3rem;
|
|
height: calc(26.5rem + 20px);
|
|
padding: 0 3rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__cards-container {
|
|
height: 28.81rem;
|
|
height: calc(28.81rem + 32.01111vw - 460.96px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__cards-container {
|
|
height: 38.4133333333rem
|
|
}
|
|
}
|
|
|
|
.rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__slider-container {
|
|
display: block;
|
|
margin: 2rem auto 0;
|
|
width: -webkit-fit-content;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__slider-container {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__slider-container .rad__range-input-slider-for-carousel {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
background: transparent;
|
|
display: block;
|
|
margin: 0;
|
|
padding: .5rem 0;
|
|
width: 17.25rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__slider-container .rad__range-input-slider-for-carousel {
|
|
padding: 1.25rem 0
|
|
}
|
|
}
|
|
|
|
.rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__slider-container ::-webkit-slider-thumb {
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
background: #fff;
|
|
border: none;
|
|
border-radius: 0;
|
|
-webkit-box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000;
|
|
box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000;
|
|
cursor: -webkit-grab;
|
|
cursor: grab;
|
|
height: .5rem;
|
|
width: .5rem
|
|
}
|
|
|
|
.rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__slider-container ::-moz-range-thumb {
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
background: #fff;
|
|
border: none;
|
|
border-radius: 0;
|
|
box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000;
|
|
cursor: grab;
|
|
height: .5rem;
|
|
width: .5rem
|
|
}
|
|
|
|
.rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__slider-container ::-ms-thumb {
|
|
appearance: none;
|
|
background: #fff;
|
|
border: none;
|
|
border-radius: 0;
|
|
box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000;
|
|
cursor: grab;
|
|
height: .5rem;
|
|
width: .5rem
|
|
}
|
|
|
|
.rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__slider-container ::-webkit-slider-runnable-track {
|
|
background: #616160;
|
|
cursor: pointer;
|
|
height: .5rem;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__slider-container ::-moz-range-track {
|
|
background: #616160;
|
|
cursor: pointer;
|
|
height: .5rem;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__slider-container ::-ms-track {
|
|
background: #616160;
|
|
cursor: pointer;
|
|
height: .5rem;
|
|
width: 100%
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__slider-container {
|
|
margin-top: 1.47rem
|
|
}
|
|
}
|
|
|
|
.rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__slider-receiver {
|
|
-ms-overflow-style: none;
|
|
overflow-x: scroll;
|
|
scrollbar-width: none
|
|
}
|
|
|
|
.rad-grid-card-carousel.rad-grid-card-carousel--min-cards .rad-grid-card-carousel__slider-receiver::-webkit-scrollbar {
|
|
display: none
|
|
}
|
|
|
|
.rad-card-grid__cards-viewport {
|
|
-ms-overflow-style: none;
|
|
margin-top: -10px;
|
|
overflow-y: scroll;
|
|
padding-top: 10px;
|
|
scrollbar-width: none
|
|
}
|
|
|
|
.rad-card-grid__cards-viewport::-webkit-scrollbar {
|
|
display: none
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-card-grid__cards-viewport {
|
|
margin-top: 0;
|
|
overflow-y: unset;
|
|
padding-top: 0
|
|
}
|
|
}
|
|
|
|
.rad-card-grid__cards-container {
|
|
-webkit-box-align: center;
|
|
-ms-flex-align: center;
|
|
-webkit-box-pack: start;
|
|
-ms-flex-pack: start;
|
|
-ms-overflow-style: none;
|
|
align-items: center;
|
|
-webkit-column-gap: 1rem;
|
|
-moz-column-gap: 1rem;
|
|
column-gap: 1rem;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
justify-content: flex-start;
|
|
margin-bottom: 1.5rem;
|
|
padding-left: 1rem;
|
|
padding-right: 1rem;
|
|
scrollbar-width: none;
|
|
width: -webkit-fit-content;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
.rad-card-grid__cards-container::-webkit-scrollbar {
|
|
display: none
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-card-grid__cards-container {
|
|
-webkit-column-gap: 3rem;
|
|
-moz-column-gap: 3rem;
|
|
column-gap: 3rem;
|
|
display: grid;
|
|
grid-template-columns: repeat(2, 1fr);
|
|
margin: 0 auto 3rem;
|
|
padding: 0;
|
|
row-gap: 3rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card-grid__cards-container {
|
|
-webkit-column-gap: calc(3rem + 3.33333vw - 48px);
|
|
-moz-column-gap: calc(3rem + 3.33333vw - 48px);
|
|
column-gap: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card-grid__cards-container {
|
|
-webkit-column-gap: 4rem;
|
|
-moz-column-gap: 4rem;
|
|
column-gap: 4rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card-grid__cards-container {
|
|
row-gap: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card-grid__cards-container {
|
|
row-gap: 4rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card-grid__cards-container {
|
|
margin-bottom: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card-grid__cards-container {
|
|
margin-bottom: 4rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:924px) {
|
|
.rad-card-grid__cards-container {
|
|
grid-template-columns: repeat(3, 1fr)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1248px) {
|
|
.rad-card-grid__cards-container {
|
|
grid-template-columns: repeat(4, 1fr)
|
|
}
|
|
}
|
|
|
|
.rad-card-grid__slider-container {
|
|
margin: 0 auto 1.5rem;
|
|
width: -webkit-fit-content;
|
|
width: -moz-fit-content;
|
|
width: fit-content
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-card-grid__slider-container {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.rad-card-grid__slider-container .rad__range-input-slider-for-carousel {
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
background: transparent;
|
|
display: block;
|
|
margin: 0;
|
|
padding: .5rem 0;
|
|
width: 17.25rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-card-grid__slider-container .rad__range-input-slider-for-carousel {
|
|
padding: 1.25rem 0
|
|
}
|
|
}
|
|
|
|
.rad-card-grid__slider-container ::-webkit-slider-thumb {
|
|
-webkit-appearance: none;
|
|
appearance: none;
|
|
background: #fff;
|
|
border: none;
|
|
border-radius: 0;
|
|
-webkit-box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000;
|
|
box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000;
|
|
cursor: -webkit-grab;
|
|
cursor: grab;
|
|
height: .5rem;
|
|
width: .5rem
|
|
}
|
|
|
|
.rad-card-grid__slider-container ::-moz-range-thumb {
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
background: #fff;
|
|
border: none;
|
|
border-radius: 0;
|
|
box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000;
|
|
cursor: grab;
|
|
height: .5rem;
|
|
width: .5rem
|
|
}
|
|
|
|
.rad-card-grid__slider-container ::-ms-thumb {
|
|
appearance: none;
|
|
background: #fff;
|
|
border: none;
|
|
border-radius: 0;
|
|
box-shadow: .5rem 0 0 #000, -0.5rem 0 0 #000;
|
|
cursor: grab;
|
|
height: .5rem;
|
|
width: .5rem
|
|
}
|
|
|
|
.rad-card-grid__slider-container ::-webkit-slider-runnable-track {
|
|
background: #616160;
|
|
cursor: pointer;
|
|
height: .5rem;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-card-grid__slider-container ::-moz-range-track {
|
|
background: #616160;
|
|
cursor: pointer;
|
|
height: .5rem;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-card-grid__slider-container ::-ms-track {
|
|
background: #616160;
|
|
cursor: pointer;
|
|
height: .5rem;
|
|
width: 100%
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-card-grid__slider-container {
|
|
margin-bottom: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-card-grid__slider-container {
|
|
margin-bottom: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-card-grid__slider-container {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.rad-card-grid__explore-more {
|
|
margin: 0 auto
|
|
}
|
|
|
|
.rad-editorial-grid__header {
|
|
padding-left: 1rem;
|
|
padding-right: 1rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-editorial-grid__header {
|
|
padding-left: 3rem;
|
|
padding-right: 3rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-editorial-grid__header {
|
|
padding-left: 5rem;
|
|
padding-right: 5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-editorial-grid__header {
|
|
padding-left: calc(5rem + 5.55556vw - 80px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-editorial-grid__header {
|
|
padding-left: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-editorial-grid__header {
|
|
padding-right: calc(5rem + 5.55556vw - 80px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-editorial-grid__header {
|
|
padding-right: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-editorial-grid__headline {
|
|
font-size: 1.75rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.286
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-editorial-grid__headline {
|
|
font-size: 2.5rem;
|
|
line-height: 1.2
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-editorial-grid__headline {
|
|
font-size: 3rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-editorial-grid__headline {
|
|
font-size: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-editorial-grid__headline {
|
|
font-size: 4rem
|
|
}
|
|
}
|
|
|
|
.rad-editorial-grid__headline+.rad-editorial-grid__subheader {
|
|
margin-top: .5rem
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-editorial-grid__headline+.rad-editorial-grid__subheader {
|
|
margin-top: 1rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-editorial-grid__headline+.rad-editorial-grid__subheader {
|
|
margin-top: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-editorial-grid__headline+.rad-editorial-grid__subheader {
|
|
margin-top: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-editorial-grid__subheader {
|
|
font-family: GT Sectra Fine, Palatino;
|
|
font-size: 1.125rem;
|
|
font-weight: 300;
|
|
line-height: 1.333;
|
|
margin-bottom: 1.5rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-editorial-grid__subheader {
|
|
font-size: 1.5rem;
|
|
line-height: 1.333
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-editorial-grid__subheader {
|
|
font-size: 1.75rem;
|
|
line-height: 1.286
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-editorial-grid__subheader {
|
|
font-size: calc(1.75rem + 1.94444vw - 28px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-editorial-grid__subheader {
|
|
font-size: 2.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-editorial-grid__subheader {
|
|
margin-bottom: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-editorial-grid__subheader {
|
|
margin-bottom: 3rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-editorial-grid__subheader {
|
|
margin-bottom: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-editorial-grid__subheader {
|
|
margin-bottom: 4rem
|
|
}
|
|
}
|
|
|
|
.rad-editorial-grid__card {
|
|
-ms-flex-negative: 0;
|
|
flex-shrink: 0;
|
|
text-decoration: none;
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-editorial-grid__card {
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-editorial-grid__card {
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-editorial-grid__card .editorial-grid-card__copy-wrapper {
|
|
padding-top: 1.5rem
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-editorial-grid__card .editorial-grid-card__copy-wrapper {
|
|
padding-top: 1.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-editorial-grid__card .editorial-grid-card__copy-wrapper {
|
|
padding-top: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-editorial-grid__card .editorial-grid-card__copy-wrapper {
|
|
padding-top: 2rem
|
|
}
|
|
}
|
|
|
|
.rad-editorial-grid__card .editorial-grid-card__label {
|
|
font-size: 0.875rem;
|
|
font-weight: 500;
|
|
letter-spacing: .02em;
|
|
line-height: 1.143;
|
|
margin-bottom: .5rem;
|
|
text-transform: uppercase
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-editorial-grid__card .editorial-grid-card__label {
|
|
font-size: calc(0.875rem + 0.97222vw - 14px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-editorial-grid__card .editorial-grid-card__label {
|
|
font-size: 1.1666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-editorial-grid__card .editorial-grid-card__label {
|
|
margin-bottom: 0.75rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-editorial-grid__card .editorial-grid-card__label {
|
|
margin-bottom: calc(0.75rem + 0.83333vw - 12px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-editorial-grid__card .editorial-grid-card__label {
|
|
margin-bottom: 1rem
|
|
}
|
|
}
|
|
|
|
.rad-editorial-grid__card .editorial-grid-card__title {
|
|
font-size: 1.25rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.025em;
|
|
line-height: 1.4
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-editorial-grid__card .editorial-grid-card__title {
|
|
font-size: 1.5rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-editorial-grid__card .editorial-grid-card__title {
|
|
font-size: 2rem;
|
|
line-height: 1.25
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-editorial-grid__card .editorial-grid-card__title {
|
|
font-size: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-editorial-grid__card .editorial-grid-card__title {
|
|
font-size: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-editorial-grid__card .editorial-grid-card__body {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
margin-top: .5rem;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-editorial-grid__card .editorial-grid-card__body {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-editorial-grid__card .editorial-grid-card__body {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-editorial-grid__card .editorial-grid-card__body {
|
|
margin-top: 0.75rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-editorial-grid__card .editorial-grid-card__body {
|
|
margin-top: calc(0.75rem + 0.83333vw - 12px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-editorial-grid__card .editorial-grid-card__body {
|
|
margin-top: 1rem
|
|
}
|
|
}
|
|
|
|
.rad-editorial-grid__card .rad-button {
|
|
margin-top: .5rem
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-editorial-grid__card .rad-button {
|
|
margin-top: 1rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-editorial-grid__card .rad-button {
|
|
margin-top: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-editorial-grid__card .rad-button {
|
|
margin-top: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-editorial-grid__card:hover {
|
|
color: #fff
|
|
}
|
|
|
|
@media(max-width:599px) {
|
|
.rad-editorial-grid__card.rad-editorial-grid__card--mobile-img-disabled:before {
|
|
border: solid #a100ff;
|
|
border-width: .25rem 0 0;
|
|
content: "";
|
|
display: block;
|
|
height: 1.5rem;
|
|
width: 2rem
|
|
}
|
|
|
|
.rad-editorial-grid__card.rad-editorial-grid__card--mobile-img-disabled .editorial-grid-card__image {
|
|
display: none
|
|
}
|
|
}
|
|
|
|
.rad-editorial-grid__card:hover,
|
|
.rad-editorial-grid__card:visited {
|
|
color: #fff
|
|
}
|
|
|
|
.rad-editorial-grid .editorial-grid-card__image {
|
|
width: 100%
|
|
}
|
|
|
|
.rad-editorial-grid .editorial-grid-card__image .cmp-image__image {
|
|
display: block;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-editorial-grid__cards-container {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
gap: 2.5rem;
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-editorial-grid__cards-container {
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
-ms-flex-wrap: wrap;
|
|
flex-wrap: wrap;
|
|
gap: 1.5rem;
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md);
|
|
row-gap: 3.75rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-editorial-grid__cards-container {
|
|
gap: 2rem;
|
|
row-gap: 5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-editorial-grid__cards-container {
|
|
gap: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-editorial-grid__cards-container {
|
|
gap: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-editorial-grid__cards-container {
|
|
row-gap: calc(5rem + 5.55556vw - 80px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-editorial-grid__cards-container {
|
|
row-gap: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-editorial-grid.rad-editorial-grid--three-items-a .rad-editorial-grid__header {
|
|
text-align: center
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-editorial-grid.rad-editorial-grid--two-items .rad-editorial-grid__card:nth-child(2) {
|
|
width: calc(125% - var(--rad-spacing-sm)*3/4*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-sm)*0);
|
|
width: calc(62.5% - var(--rad-spacing-sm)*7/8*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0);
|
|
width: calc(41.66667% - var(--rad-spacing-sm)*11/12*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-editorial-grid.rad-editorial-grid--three-items-b .rad-editorial-grid__card:nth-child(3) {
|
|
margin-left: calc(50% - var(--rad-spacing-sm)*3/4*2 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0);
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-editorial-grid.rad-editorial-grid--three-items-b .rad-editorial-grid__card:nth-child(3) {
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-editorial-grid.rad-editorial-grid--three-items-b .rad-editorial-grid__card:nth-child(3) {
|
|
margin-left: calc(25% - var(--rad-spacing-sm)*7/8*2 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-editorial-grid.rad-editorial-grid--three-items-b .rad-editorial-grid__card:nth-child(3) {
|
|
margin-left: calc(16.66667% - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-editorial-grid.rad-editorial-grid--three-items-b .rad-editorial-grid__cards-container {
|
|
display: grid;
|
|
gap: 2rem;
|
|
grid-template-areas: "one two two ." "one . three three";
|
|
grid-template-columns: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) calc(min(100vw, 1920px)/12*2 - var(--rad-spacing-md)*2/12*2 - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0) calc(min(100vw, 1920px)/12*2 - var(--rad-spacing-md)*2/12*2 - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0) calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0);
|
|
grid-template-rows: minmax(calc(min(100vw, 1920px)/12*4/2*3 - var(--rad-spacing-md)*2/12*4/2*3 - var(--rad-spacing-sm)*11/12*4/2*3 + var(--rad-spacing-sm)*3/2*3 + var(--rad-spacing-md)*0/2*3), -webkit-max-content) 1fr;
|
|
grid-template-rows: minmax(calc(min(100vw, 1920px)/12*4/2*3 - var(--rad-spacing-md)*2/12*4/2*3 - var(--rad-spacing-sm)*11/12*4/2*3 + var(--rad-spacing-sm)*3/2*3 + var(--rad-spacing-md)*0/2*3), max-content) 1fr;
|
|
row-gap: 5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-editorial-grid.rad-editorial-grid--three-items-b .rad-editorial-grid__cards-container {
|
|
gap: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-editorial-grid.rad-editorial-grid--three-items-b .rad-editorial-grid__cards-container {
|
|
gap: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-editorial-grid.rad-editorial-grid--three-items-b .rad-editorial-grid__cards-container {
|
|
row-gap: calc(5rem + 5.55556vw - 80px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-editorial-grid.rad-editorial-grid--three-items-b .rad-editorial-grid__cards-container {
|
|
row-gap: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-editorial-grid.rad-editorial-grid--three-items-b .rad-editorial-grid__cards-container>* {
|
|
height: -webkit-fit-content;
|
|
height: -moz-fit-content;
|
|
height: fit-content;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-editorial-grid.rad-editorial-grid--three-items-b .rad-editorial-grid__cards-container>:first-child {
|
|
grid-area: one;
|
|
width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-editorial-grid.rad-editorial-grid--three-items-b .rad-editorial-grid__cards-container>:nth-child(2) {
|
|
grid-area: two;
|
|
width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-editorial-grid.rad-editorial-grid--three-items-b .rad-editorial-grid__cards-container>:nth-child(3) {
|
|
grid-area: three;
|
|
margin-left: 0;
|
|
width: calc(min(100vw, 1920px)/12*6 - var(--rad-spacing-md)*2/12*6 - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-editorial-grid.rad-editorial-grid--four-items .rad-editorial-grid__card:nth-child(3) {
|
|
margin-left: calc(50% - var(--rad-spacing-sm)*3/4*2 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0);
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-editorial-grid.rad-editorial-grid--four-items .rad-editorial-grid__card:nth-child(3) {
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-editorial-grid.rad-editorial-grid--four-items .rad-editorial-grid__card:nth-child(3) {
|
|
margin-left: calc(25% - var(--rad-spacing-sm)*7/8*2 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-editorial-grid.rad-editorial-grid--four-items .rad-editorial-grid__card:nth-child(3) {
|
|
margin-left: calc(16.66667% - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-editorial-grid.rad-editorial-grid--four-items .rad-editorial-grid__card:nth-child(4) {
|
|
width: calc(125% - var(--rad-spacing-sm)*3/4*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-sm)*0);
|
|
width: calc(62.5% - var(--rad-spacing-sm)*7/8*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-editorial-grid.rad-editorial-grid--four-items .rad-editorial-grid__card:nth-child(4) {
|
|
width: calc(41.66667% - var(--rad-spacing-sm)*11/12*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-editorial-grid.rad-editorial-grid--four-items .rad-editorial-grid__cards-container {
|
|
display: grid;
|
|
gap: 2rem;
|
|
grid-template-areas: "one two two ." "one . three three" "four four . .";
|
|
grid-template-columns: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) calc(min(100vw, 1920px)/12*2 - var(--rad-spacing-md)*2/12*2 - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0) calc(min(100vw, 1920px)/12*2 - var(--rad-spacing-md)*2/12*2 - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0) calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0);
|
|
grid-template-rows: minmax(calc(min(100vw, 1920px)/12*4/2*3 - var(--rad-spacing-md)*2/12*4/2*3 - var(--rad-spacing-sm)*11/12*4/2*3 + var(--rad-spacing-sm)*3/2*3 + var(--rad-spacing-md)*0/2*3), -webkit-max-content) 1fr;
|
|
grid-template-rows: minmax(calc(min(100vw, 1920px)/12*4/2*3 - var(--rad-spacing-md)*2/12*4/2*3 - var(--rad-spacing-sm)*11/12*4/2*3 + var(--rad-spacing-sm)*3/2*3 + var(--rad-spacing-md)*0/2*3), max-content) 1fr;
|
|
row-gap: 5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-editorial-grid.rad-editorial-grid--four-items .rad-editorial-grid__cards-container {
|
|
gap: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-editorial-grid.rad-editorial-grid--four-items .rad-editorial-grid__cards-container {
|
|
gap: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-editorial-grid.rad-editorial-grid--four-items .rad-editorial-grid__cards-container {
|
|
row-gap: calc(5rem + 5.55556vw - 80px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-editorial-grid.rad-editorial-grid--four-items .rad-editorial-grid__cards-container {
|
|
row-gap: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-editorial-grid.rad-editorial-grid--four-items .rad-editorial-grid__cards-container>* {
|
|
height: -webkit-fit-content;
|
|
height: -moz-fit-content;
|
|
height: fit-content;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-editorial-grid.rad-editorial-grid--four-items .rad-editorial-grid__cards-container>:first-child {
|
|
grid-area: one;
|
|
width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-editorial-grid.rad-editorial-grid--four-items .rad-editorial-grid__cards-container>:nth-child(2) {
|
|
grid-area: two;
|
|
width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-editorial-grid.rad-editorial-grid--four-items .rad-editorial-grid__cards-container>:nth-child(3) {
|
|
grid-area: three;
|
|
margin-left: 0;
|
|
width: calc(min(100vw, 1920px)/12*6 - var(--rad-spacing-md)*2/12*6 - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-editorial-grid.rad-editorial-grid--four-items .rad-editorial-grid__cards-container>:nth-child(4) {
|
|
grid-area: four;
|
|
width: calc(min(100vw, 1920px)/12*7 - var(--rad-spacing-md)*2/12*7 - var(--rad-spacing-sm)*11/12*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-editorial-grid.rad-editorial-grid--five-items .rad-editorial-grid__card:nth-child(3) {
|
|
margin-left: calc(50% - var(--rad-spacing-sm)*3/4*2 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0);
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-editorial-grid.rad-editorial-grid--five-items .rad-editorial-grid__card:nth-child(3) {
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-editorial-grid.rad-editorial-grid--five-items .rad-editorial-grid__card:nth-child(3) {
|
|
margin-left: calc(25% - var(--rad-spacing-sm)*7/8*2 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-editorial-grid.rad-editorial-grid--five-items .rad-editorial-grid__card:nth-child(3) {
|
|
margin-left: calc(16.66667% - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-editorial-grid.rad-editorial-grid--five-items .rad-editorial-grid__cards-container {
|
|
display: grid;
|
|
gap: 2rem;
|
|
grid-template-areas: "one two two ." "one . three three" "four five five .";
|
|
grid-template-columns: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) calc(min(100vw, 1920px)/12*2 - var(--rad-spacing-md)*2/12*2 - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0) calc(min(100vw, 1920px)/12*2 - var(--rad-spacing-md)*2/12*2 - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0) calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0);
|
|
grid-template-rows: minmax(calc(min(100vw, 1920px)/12*4/2*3 - var(--rad-spacing-md)*2/12*4/2*3 - var(--rad-spacing-sm)*11/12*4/2*3 + var(--rad-spacing-sm)*3/2*3 + var(--rad-spacing-md)*0/2*3), -webkit-max-content) 1fr;
|
|
grid-template-rows: minmax(calc(min(100vw, 1920px)/12*4/2*3 - var(--rad-spacing-md)*2/12*4/2*3 - var(--rad-spacing-sm)*11/12*4/2*3 + var(--rad-spacing-sm)*3/2*3 + var(--rad-spacing-md)*0/2*3), max-content) 1fr;
|
|
row-gap: 5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-editorial-grid.rad-editorial-grid--five-items .rad-editorial-grid__cards-container {
|
|
gap: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-editorial-grid.rad-editorial-grid--five-items .rad-editorial-grid__cards-container {
|
|
gap: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-editorial-grid.rad-editorial-grid--five-items .rad-editorial-grid__cards-container {
|
|
row-gap: calc(5rem + 5.55556vw - 80px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-editorial-grid.rad-editorial-grid--five-items .rad-editorial-grid__cards-container {
|
|
row-gap: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-editorial-grid.rad-editorial-grid--five-items .rad-editorial-grid__cards-container>* {
|
|
height: -webkit-fit-content;
|
|
height: -moz-fit-content;
|
|
height: fit-content;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-editorial-grid.rad-editorial-grid--five-items .rad-editorial-grid__cards-container>:first-child {
|
|
grid-area: one;
|
|
width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-editorial-grid.rad-editorial-grid--five-items .rad-editorial-grid__cards-container>:nth-child(2) {
|
|
grid-area: two;
|
|
width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-editorial-grid.rad-editorial-grid--five-items .rad-editorial-grid__cards-container>:nth-child(3) {
|
|
grid-area: three;
|
|
margin-left: 0;
|
|
width: calc(min(100vw, 1920px)/12*6 - var(--rad-spacing-md)*2/12*6 - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-editorial-grid.rad-editorial-grid--five-items .rad-editorial-grid__cards-container>:nth-child(4) {
|
|
grid-area: four;
|
|
width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-editorial-grid.rad-editorial-grid--five-items .rad-editorial-grid__cards-container>:nth-child(5) {
|
|
grid-area: five;
|
|
width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container--group-one {
|
|
padding-bottom: 3.75rem
|
|
}
|
|
|
|
.rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container--group-one .rad-editorial-grid__card:nth-child(3) {
|
|
margin-left: calc(50% - var(--rad-spacing-sm)*3/4*2 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0);
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container--group-one .rad-editorial-grid__card:nth-child(3) {
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container--group-one .rad-editorial-grid__card:nth-child(3) {
|
|
margin-left: calc(25% - var(--rad-spacing-sm)*7/8*2 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container--group-one .rad-editorial-grid__card:nth-child(3) {
|
|
margin-left: calc(16.66667% - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container--group-two .rad-editorial-grid__card:first-child {
|
|
width: calc(125% - var(--rad-spacing-sm)*3/4*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-sm)*0);
|
|
width: calc(62.5% - var(--rad-spacing-sm)*7/8*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container--group-two .rad-editorial-grid__card:first-child {
|
|
width: calc(41.66667% - var(--rad-spacing-sm)*11/12*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container--group-two .rad-editorial-grid__card:nth-child(2) {
|
|
width: calc(75% - var(--rad-spacing-sm)*3/4*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0);
|
|
width: calc(37.5% - var(--rad-spacing-sm)*7/8*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container--group-two .rad-editorial-grid__card:nth-child(2) {
|
|
width: calc(25% - var(--rad-spacing-sm)*11/12*3 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container--group-two .rad-editorial-grid__card:nth-child(3) {
|
|
margin-left: calc(50% - var(--rad-spacing-sm)*3/4*2 + var(--rad-spacing-sm)*2 + var(--rad-spacing-sm)*0);
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container--group-two .rad-editorial-grid__card:nth-child(3) {
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container--group-two .rad-editorial-grid__card:nth-child(3) {
|
|
margin-left: calc(25% - var(--rad-spacing-sm)*7/8*2 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container--group-two .rad-editorial-grid__card:nth-child(3) {
|
|
margin-left: calc(16.66667% - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*2 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-one {
|
|
display: grid;
|
|
gap: 2rem;
|
|
grid-template-areas: "one two two ." "one . three three";
|
|
grid-template-columns: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0) calc(min(100vw, 1920px)/12*2 - var(--rad-spacing-md)*2/12*2 - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0) calc(min(100vw, 1920px)/12*2 - var(--rad-spacing-md)*2/12*2 - var(--rad-spacing-sm)*11/12*2 + var(--rad-spacing-sm)*1 + var(--rad-spacing-md)*0) calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0);
|
|
grid-template-rows: minmax(calc(min(100vw, 1920px)/12*4/2*3 - var(--rad-spacing-md)*2/12*4/2*3 - var(--rad-spacing-sm)*11/12*4/2*3 + var(--rad-spacing-sm)*3/2*3 + var(--rad-spacing-md)*0/2*3), -webkit-max-content) 1fr;
|
|
grid-template-rows: minmax(calc(min(100vw, 1920px)/12*4/2*3 - var(--rad-spacing-md)*2/12*4/2*3 - var(--rad-spacing-sm)*11/12*4/2*3 + var(--rad-spacing-sm)*3/2*3 + var(--rad-spacing-md)*0/2*3), max-content) 1fr;
|
|
padding-bottom: 5rem;
|
|
row-gap: 5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-one {
|
|
padding-bottom: calc(5rem + 5.55556vw - 80px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-one {
|
|
padding-bottom: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-one {
|
|
gap: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-one {
|
|
gap: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-one {
|
|
row-gap: calc(5rem + 5.55556vw - 80px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-one {
|
|
row-gap: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-one>* {
|
|
height: -webkit-fit-content;
|
|
height: -moz-fit-content;
|
|
height: fit-content;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-one>:first-child {
|
|
grid-area: one;
|
|
width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-one>:nth-child(2) {
|
|
grid-area: two;
|
|
width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-one>:nth-child(3) {
|
|
grid-area: three;
|
|
margin-left: 0;
|
|
width: calc(min(100vw, 1920px)/12*6 - var(--rad-spacing-md)*2/12*6 - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-two {
|
|
display: grid;
|
|
gap: 2rem;
|
|
grid-template-areas: "one one two" ". three three";
|
|
grid-template-columns: calc(min(100vw, 1920px)/12*6 - var(--rad-spacing-md)*2/12*6 - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0) calc(min(100vw, 1920px)/12*1 - var(--rad-spacing-md)*2/12*1 - var(--rad-spacing-sm)*11/12*1 + var(--rad-spacing-sm)*0 + var(--rad-spacing-md)*0) calc(min(100vw, 1920px)/12*5 - var(--rad-spacing-md)*2/12*5 - var(--rad-spacing-sm)*11/12*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0);
|
|
row-gap: 5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-two {
|
|
gap: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-two {
|
|
gap: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-two {
|
|
row-gap: calc(5rem + 5.55556vw - 80px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-two {
|
|
row-gap: 6.6666666667rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-two>* {
|
|
height: -webkit-fit-content;
|
|
height: -moz-fit-content;
|
|
height: fit-content;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-two>:first-child {
|
|
grid-area: one;
|
|
width: calc(min(100vw, 1920px)/12*7 - var(--rad-spacing-md)*2/12*7 - var(--rad-spacing-sm)*11/12*7 + var(--rad-spacing-sm)*6 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-two>:nth-child(2) {
|
|
grid-area: two;
|
|
width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-editorial-grid.rad-editorial-grid--six-items .rad-editorial-grid__cards-container.rad-editorial-grid__cards-container--group-two>:nth-child(3) {
|
|
grid-area: three;
|
|
margin-left: 0;
|
|
width: calc(min(100vw, 1920px)/12*6 - var(--rad-spacing-md)*2/12*6 - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-editorial-grid__header--centered .rad-editorial-grid__header {
|
|
text-align: center
|
|
}
|
|
|
|
.rad-editorial-grid__headline--xl .rad-editorial-grid__headline {
|
|
font-size: 3rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.167
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-editorial-grid__headline--xl .rad-editorial-grid__headline {
|
|
font-size: 5rem;
|
|
line-height: 1.05
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-editorial-grid__headline--xl .rad-editorial-grid__headline {
|
|
font-size: 6.25rem;
|
|
line-height: 1.04
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-editorial-grid__headline--xl .rad-editorial-grid__headline {
|
|
font-size: calc(6.25rem + 6.94444vw - 100px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-editorial-grid__headline--xl .rad-editorial-grid__headline {
|
|
font-size: 8.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-banner-image-and-text {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
padding-left: var(--rad-spacing-sm);
|
|
padding-right: var(--rad-spacing-sm);
|
|
position: relative
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-banner-image-and-text {
|
|
padding-left: var(--rad-spacing-md);
|
|
padding-right: var(--rad-spacing-md);
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-banner-image-and-text {
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(300% - var(--rad-spacing-sm)*3/4*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-sm)*0);
|
|
width: calc(150% - var(--rad-spacing-sm)*7/8*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-md)*0);
|
|
width: calc(100% - var(--rad-spacing-sm)*11/12*12 + var(--rad-spacing-sm)*11 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-banner-image-and-text__container {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-banner-image-and-text__container {
|
|
-webkit-box-pack: justify;
|
|
-ms-flex-pack: justify;
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: normal;
|
|
-ms-flex-direction: row;
|
|
flex-direction: row;
|
|
justify-content: space-between
|
|
}
|
|
}
|
|
|
|
.rad-banner-image-and-text__image {
|
|
margin-bottom: 1rem
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-banner-image-and-text__image {
|
|
margin: 0;
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0);
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-banner-image-and-text__image {
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0);
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0);
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-banner-image-and-text__image .rad-banner-image-and-text__primary-image {
|
|
display: block;
|
|
width: 100%
|
|
}
|
|
|
|
.rad-banner-image-and-text__text {
|
|
position: relative;
|
|
text-decoration: none
|
|
}
|
|
|
|
.rad-banner-image-and-text__text:hover,
|
|
.rad-banner-image-and-text__text:visited {
|
|
color: #fff
|
|
}
|
|
|
|
.rad-banner-image-and-text__text>* {
|
|
margin-bottom: 8px
|
|
}
|
|
|
|
.rad-banner-image-and-text__text>:last-child {
|
|
margin-bottom: 0
|
|
}
|
|
|
|
.rad-banner-image-and-text__text-title {
|
|
font-size: 1.25rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.025em;
|
|
line-height: 1.4
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-banner-image-and-text__text-title {
|
|
font-size: 1.5rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-banner-image-and-text__text-title {
|
|
font-size: 2rem;
|
|
line-height: 1.25
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-banner-image-and-text__text-title {
|
|
font-size: calc(2rem + 2.22222vw - 32px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-banner-image-and-text__text-title {
|
|
font-size: 2.6666666667rem
|
|
}
|
|
}
|
|
|
|
.rad-banner-image-and-text__text-description {
|
|
font-size: 1rem;
|
|
font-weight: 500;
|
|
font-weight: 400;
|
|
letter-spacing: -0.005em;
|
|
line-height: 1.5;
|
|
text-underline-offset: .25rem
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-banner-image-and-text__text-description {
|
|
font-size: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-banner-image-and-text__text-description {
|
|
font-size: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-banner-image-and-text__text {
|
|
width: calc(min(100vw, 1920px)/4*4 - var(--rad-spacing-sm)*2/4*4 - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0)
|
|
}
|
|
|
|
.rad-banner-image-and-text__text>* {
|
|
margin-bottom: 1rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-banner-image-and-text__text>* {
|
|
margin-bottom: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-banner-image-and-text__text>* {
|
|
margin-bottom: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-banner-image-and-text__text-description {
|
|
margin-bottom: .5rem
|
|
}
|
|
|
|
.rad-banner-image-and-text__text:before {
|
|
background-color: #a100ff;
|
|
content: "";
|
|
display: block;
|
|
height: .25rem;
|
|
margin-bottom: 1rem;
|
|
width: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-banner-image-and-text__text:before {
|
|
margin-bottom: 1.5rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-banner-image-and-text__text:before {
|
|
margin-bottom: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-banner-image-and-text__text:before {
|
|
margin-bottom: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-banner-image-and-text__text {
|
|
width: calc(min(100vw, 1920px)/8*4 - var(--rad-spacing-md)*2/8*4 - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-banner-image-and-text__text {
|
|
margin: auto 0;
|
|
width: calc(min(100vw, 1920px)/12*4 - var(--rad-spacing-md)*2/12*4 - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0);
|
|
width: calc(125% - var(--rad-spacing-sm)*3/4*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-sm)*0);
|
|
width: calc(62.5% - var(--rad-spacing-sm)*7/8*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0);
|
|
width: calc(41.66667% - var(--rad-spacing-sm)*11/12*5 + var(--rad-spacing-sm)*4 + var(--rad-spacing-md)*0)
|
|
}
|
|
|
|
.rad-banner-image-and-text__text-description {
|
|
margin-bottom: 1rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-banner-image-and-text__text-description {
|
|
margin-bottom: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-banner-image-and-text__text-description {
|
|
margin-bottom: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
.rad-banner-image-and-text__header {
|
|
-webkit-box-orient: vertical;
|
|
-webkit-box-direction: normal;
|
|
display: -webkit-box;
|
|
display: -ms-flexbox;
|
|
display: flex;
|
|
-ms-flex-direction: column;
|
|
flex-direction: column;
|
|
margin-bottom: 1.5rem;
|
|
row-gap: .5rem;
|
|
width: calc(100% - var(--rad-spacing-sm)*3/4*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-sm)*0)
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-banner-image-and-text__header {
|
|
width: calc(50% - var(--rad-spacing-sm)*7/8*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-banner-image-and-text__header {
|
|
width: calc(33.33333% - var(--rad-spacing-sm)*11/12*4 + var(--rad-spacing-sm)*3 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-banner-image-and-text__header {
|
|
margin-bottom: 2rem;
|
|
width: calc(150% - var(--rad-spacing-sm)*3/4*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-sm)*0);
|
|
width: calc(75% - var(--rad-spacing-sm)*7/8*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-banner-image-and-text__header {
|
|
margin-bottom: 3rem;
|
|
row-gap: 1rem;
|
|
width: calc(50% - var(--rad-spacing-sm)*11/12*6 + var(--rad-spacing-sm)*5 + var(--rad-spacing-md)*0);
|
|
width: calc(200% - var(--rad-spacing-sm)*3/4*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-sm)*0)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-banner-image-and-text__header {
|
|
margin-bottom: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-banner-image-and-text__header {
|
|
margin-bottom: 4rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-banner-image-and-text__header {
|
|
row-gap: calc(1rem + 1.11111vw - 16px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-banner-image-and-text__header {
|
|
row-gap: 1.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-banner-image-and-text__header {
|
|
width: calc(100% - var(--rad-spacing-sm)*7/8*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0);
|
|
width: calc(66.66667% - var(--rad-spacing-sm)*11/12*8 + var(--rad-spacing-sm)*7 + var(--rad-spacing-md)*0)
|
|
}
|
|
}
|
|
|
|
.rad-banner-image-and-text__header-headline {
|
|
font-size: 1.75rem;
|
|
font-weight: 500;
|
|
letter-spacing: -0.04em;
|
|
line-height: 1.286
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-banner-image-and-text__header-headline {
|
|
font-size: 2.5rem;
|
|
line-height: 1.2
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-banner-image-and-text__header-headline {
|
|
font-size: 3rem;
|
|
line-height: 1.167
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-banner-image-and-text__header-headline {
|
|
font-size: calc(3rem + 3.33333vw - 48px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-banner-image-and-text__header-headline {
|
|
font-size: 4rem
|
|
}
|
|
}
|
|
|
|
.rad-banner-image-and-text__header-subheadline {
|
|
font-family: GT Sectra Fine, Palatino;
|
|
font-size: 1.125rem;
|
|
font-weight: 300;
|
|
line-height: 1.333
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-banner-image-and-text__header-subheadline {
|
|
font-family: GT Sectra Fine, Palatino;
|
|
font-size: 1.5rem;
|
|
font-size: 1rem;
|
|
font-size: 1.125rem;
|
|
font-weight: 300;
|
|
line-height: 1.333;
|
|
line-height: 1.5
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-banner-image-and-text__header-subheadline {
|
|
font-size: 1.5rem;
|
|
line-height: 1.333
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-banner-image-and-text__header-subheadline {
|
|
font-size: calc(1.5rem + 1.66667vw - 24px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-banner-image-and-text__header-subheadline {
|
|
font-size: 2rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:1024px) {
|
|
.rad-banner-image-and-text__header-subheadline {
|
|
font-family: GT Sectra Fine, Palatino;
|
|
font-size: 1.125rem;
|
|
font-size: 1.5rem;
|
|
font-size: 1.75rem;
|
|
font-weight: 300;
|
|
line-height: 1.333;
|
|
line-height: 1.286
|
|
}
|
|
}
|
|
|
|
@media(min-width:1440px) {
|
|
.rad-banner-image-and-text__header-subheadline {
|
|
font-size: calc(1.75rem + 1.94444vw - 28px)
|
|
}
|
|
}
|
|
|
|
@media(min-width:1920px) {
|
|
.rad-banner-image-and-text__header-subheadline {
|
|
font-size: 2.3333333333rem
|
|
}
|
|
}
|
|
|
|
@media(min-width:600px) {
|
|
.rad-banner-image-and-text--image-right .rad-banner-image-and-text__container {
|
|
-webkit-box-orient: horizontal;
|
|
-webkit-box-direction: reverse;
|
|
-ms-flex-direction: row-reverse;
|
|
flex-direction: row-reverse
|
|
}
|
|
}
|
|
|
|
.rad-banner-image-and-text--bottom-padding-disabled {
|
|
padding-bottom: 0
|
|
}
|
|
|
|
.rad-banner-image-and-text--top-padding-disabled {
|
|
padding-top: 0
|
|
} |