section.svelte-zvkcya {
display: grid;
grid-auto-flow: row;
row-gap: 1.6rem;
}
strong {
font-weight: 600;
}
em {
font-style: italic;
}
ul.svelte-1iwlesj > li.svelte-1iwlesj {
list-style: initial;
}
ul.svelte-1iwlesj.svelte-1iwlesj {
-webkit-margin-start: 1.6rem;
margin-inline-start: 1.6rem;
-webkit-margin-end: 1.6rem;
margin-inline-end: 1.6rem;
}
a {
color: #ff5c28;
cursor: pointer;
text-decoration: underline;
font-weight: inherit;
}
table.svelte-1iwlesj.svelte-1iwlesj {
border: 1px solid #efefef;
}
td.svelte-1iwlesj.svelte-1iwlesj {
padding: 0.8rem;
vertical-align: top;
border: 1px solid #efefef;
}
th.svelte-1iwlesj.svelte-1iwlesj {
padding: 0.8rem;
vertical-align: top;
border: 1px solid #efefef;
}
thead.svelte-1iwlesj.svelte-1iwlesj {
background-color: #ff5c28;
font-weight: 600;
}
.h2 {
font-size: 2.8rem;
line-height: 3.2rem;
letter-spacing: -0.105rem;
}
@media (min-width: 37.5em) {
.h2 {
font-size: 3.2rem;
line-height: 4rem;
letter-spacing: -0.056rem;
}
}
.h3 {
font-size: 2.2rem;
line-height: 2.8rem;
letter-spacing: -0.024rem;
}
@media (min-width: 37.5em) {
.h3 {
font-size: 2.8rem;
line-height: 3.2rem;
letter-spacing: -0.048rem;
}
}
.h4 {
font-size: 2rem;
line-height: 2.8rem;
letter-spacing: -0.02rem;
font-weight: 500;
}
@media (min-width: 37.5em) {
.h4 {
font-size: 2.2rem;
line-height: 2.8rem;
letter-spacing: -0.024rem;
}
}
.h5 {
font-size: 1.8rem;
line-height: 2.4rem;
letter-spacing: -0.02rem;
}
@media (min-width: 37.5em) {
.h5 {
font-size: 2rem;
line-height: 2.8rem;
letter-spacing: -0.02rem;
}
}
.h6 {
font-size: 1.6rem;
line-height: 2.4rem;
letter-spacing: -0.016rem;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
p {
display: inline;
margin: 0;
padding: 0;
}
ol.svelte-1iwlesj.svelte-1iwlesj {
display: grid;
grid-auto-flow: row;
gap: 1.6rem;
}
ol.deep-nested.start.svelte-1iwlesj.svelte-1iwlesj {
counter-reset: deep-nested-section;
}
ol.deep-nested.svelte-1iwlesj > li.svelte-1iwlesj {
counter-increment: deep-nested-section;
display: grid;
grid-template-columns: 7.2rem 1fr;
align-items: center;
}
ol.deep-nested.svelte-1iwlesj > li.svelte-1iwlesj::before {
content: "" counter(section) "." counter(nested-section) "."
counter(deep-nested-section) " ";
}
ol.nested.start.svelte-1iwlesj.svelte-1iwlesj {
counter-reset: nested-section;
}
ol.nested.svelte-1iwlesj > li.svelte-1iwlesj {
counter-increment: nested-section;
display: grid;
grid-template-columns: 5.6rem 1fr;
align-items: center;
}
ol.nested.svelte-1iwlesj > li.svelte-1iwlesj::before {
content: "" counter(section) "." counter(nested-section) " ";
}
ol.title.svelte-1iwlesj.svelte-1iwlesj:first-of-type {
counter-reset: section;
}
ol.title.svelte-1iwlesj > li.svelte-1iwlesj {
counter-increment: section;
display: grid;
grid-template-columns: 4rem 1fr;
align-items: center;
}
ol.title.svelte-1iwlesj > li.svelte-1iwlesj::before {
content: "" counter(section, decimal) " ";
font-size: 3.2rem;
line-height: 4rem;
letter-spacing: -0.056rem;
font-weight: 700;
}
.top-level.svelte-1iwlesj.svelte-1iwlesj {
-webkit-margin-start: 4.8rem;
margin-inline-start: 4.8rem;
}
.grid-container.svelte-1a0c8ut {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-row-gap: 1.6rem;
grid-column-gap: 0.8rem;
margin: 0 2.4rem;
padding: 4.8rem 0;
}
@media (min-width: 37.5em) {
.grid-container.svelte-1a0c8ut {
grid-column-gap: 1.6rem;
grid-row-gap: 4.2rem;
grid-template-columns: repeat(12, 1fr);
margin: 0 3.2rem;
padding: 6.4rem 0;
}
}
@media (min-width: 56.25em) {
.grid-container.svelte-1a0c8ut {
grid-column-gap: 2.4rem;
margin: 0 8rem;
padding: 8rem 0;
}
}
@media (min-width: 75em) {
.grid-container.svelte-1a0c8ut {
grid-column-gap: 3.2rem;
grid-template-columns: repeat(12, 6.4rem);
margin: 0 calc((100vw - 112rem) / 2);
}
}
@media (min-width: 112.5em) {
.grid-container.svelte-1a0c8ut {
grid-template-columns: repeat(12, 8.8rem);
margin: 0 calc((100vw - 140.8rem) / 2);
}
}
.grid-container--custom.svelte-1a0c8ut {
-webkit-padding-before: var(--paddingTopMobileUp);
padding-block-start: var(--paddingTopMobileUp);
-webkit-padding-after: var(--paddingBottomMobileUp);
padding-block-end: var(--paddingBottomMobileUp);
}
@media (min-width: 37.5em) {
.grid-container--custom.svelte-1a0c8ut {
-webkit-padding-before: var(--paddingTopTabletUp);
padding-block-start: var(--paddingTopTabletUp);
-webkit-padding-after: var(--paddingBottomTabletUp);
padding-block-end: var(--paddingBottomTabletUp);
grid-row-gap: var(--rowGapTabletUp);
}
}
@media (min-width: 75em) {
.grid-container--custom.svelte-1a0c8ut {
-webkit-padding-before: var(--paddingTopDesktopUp);
padding-block-start: var(--paddingTopDesktopUp);
-webkit-padding-after: var(--paddingBottomDesktopUp);
padding-block-end: var(--paddingBottomDesktopUp);
grid-row-gap: var(--rowGapDesktopUp);
}
}
.grid-item.svelte-1rh2wlm {
grid-column: var(--columnMobile);
grid-row: var(--rowMobile);
-webkit-margin-before: var(--marginTopMobileUp);
margin-block-start: var(--marginTopMobileUp);
}
@media (min-width: 37.5em) {
.grid-item.svelte-1rh2wlm {
grid-column: var(--columnMobileUp);
grid-row: var(--rowMobileUp);
}
}
@media (min-width: 56.25em) {
.grid-item.svelte-1rh2wlm {
grid-column: var(--columnTabletUp);
grid-row: var(--rowTabletUp);
}
}
@media (min-width: 75em) {
.grid-item.svelte-1rh2wlm {
grid-column: var(--columnDesktopUp);
grid-row: var(--rowDesktopUp);
}
}
@media (min-width: 112.5em) {
.grid-item.svelte-1rh2wlm {
grid-column: var(--columnWideUp);
grid-row: var(--rowWideUp);
}
}
.page-wrapper.svelte-1u09phw {
margin-top: 8rem;
}
p {
display: block;
}
@media only screen and (min-width: 1200px) {
.document-wrapper.svelte-1u09phw {
margin: 0 auto;
}
}
.legacy-wrapper ul {
list-style: disc;
}
.legacy-wrapper li {
list-style: disc;
}
.legacy-wrapper :is(h1, h2, h3, h4, h5, h6) {
display: block;
}
.legacy-wrapper h3 {
margin-top: 24px;
}
.indent {
display: inline;
margin-left: 20px;
}
ul.bulletWithNone li {
list-style: disc;
margin-left: 10px;
}
ul.bulletWithNone li ul {
margin-left: 15px;
}
ul.bulletWithNone li ul li {
list-style: none;
}
.paragraph-container {
display: inline;
flex-direction: row;
justify-content: space-around;
}
.paragraph-container {
display: flex;
margin-top: 10px;
}
.paragraph-container-inner {
display: flex;
margin-top: 10px;
}
.paragraph-container {
display: inline;
min-width: 30px;
}
.paragraph-container-inner div {
display: inline;
min-width: 30px;
}
html[dir="rtl"] .indent {
margin-right: 20px;
}
html[dir="rtl"] ul.bulletWithNone li {
margin-right: 10px;
}
html[dir="rtl"] ul.bulletWithNone li ul {
margin-right: 15px;
}
.loaderwrapp.svelte-10ggxo7.svelte-10ggxo7 {
width: 100%;
height: 100%;
z-index: 3000;
opacity: 1;
transition: opacity 0.5s ease-in-out;
display: block;
position: absolute;
left: 50%;
top: 50%;
-webkit-margin-end: -50%;
margin-inline-end: -50%;
transform: translate(-50%, -50%);
}
[dir="rtl"] .loaderwrapp.svelte-10ggxo7.svelte-10ggxo7 {
-webkit-margin-end: unset;
margin-inline-end: unset;
-webkit-margin-start: -50%;
margin-inline-start: -50%;
}
div.tb.svelte-10ggxo7.svelte-10ggxo7 {
display: table;
width: 100%;
height: 100%;
vertical-align: middle;
position: relative;
overflow: hidden;
}
div.cn.svelte-10ggxo7.svelte-10ggxo7 {
display: table-cell;
width: 100%;
height: 100%;
vertical-align: middle;
position: relative;
}
.loader.svelte-10ggxo7.svelte-10ggxo7 {
width: 15rem;
height: 15rem;
margin: 0 auto;
font-size: 1.75rem;
color: #fff;
display: block;
line-height: 6rem;
z-index: 3000;
text-align: center;
background: #000;
opacity: 80%;
-webkit-font-smoothing: antialiased;
outline: 10rem solid transparent;
-moz-osx-font-smoothing: grayscale;
border-radius: 2rem;
}
.lds-spinner.svelte-10ggxo7.svelte-10ggxo7 {
position: absolute;
width: 8rem;
height: 8rem;
left: 50%;
top: 50%;
-webkit-margin-end: -50%;
margin-inline-end: -50%;
transform: translate(-50%, -50%);
}
[dir="rtl"] .lds-spinner.svelte-10ggxo7.svelte-10ggxo7 {
-webkit-margin-end: unset;
margin-inline-end: unset;
-webkit-margin-start: -50%;
margin-inline-start: -50%;
}
.lds-spinner.svelte-10ggxo7 div.svelte-10ggxo7 {
transform-origin: 3.7rem 3.7rem;
-webkit-animation: svelte-10ggxo7-lds-spinner 1.2s linear infinite;
animation: svelte-10ggxo7-lds-spinner 1.2s linear infinite;
}
.lds-spinner.svelte-10ggxo7 div.svelte-10ggxo7::after {
content: " ";
display: block;
position: absolute;
top: 0.188rem;
left: 3.5rem;
width: 0.5rem;
height: 2rem;
border-radius: 20%;
background: #fff;
}
.lds-spinner.svelte-10ggxo7 div.svelte-10ggxo7:nth-child(1) {
transform: rotate(0);
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.lds-spinner.svelte-10ggxo7 div.svelte-10ggxo7:nth-child(2) {
transform: rotate(30deg);
-webkit-animation-delay: -1s;
animation-delay: -1s;
}
.lds-spinner.svelte-10ggxo7 div.svelte-10ggxo7:nth-child(3) {
transform: rotate(60deg);
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
.lds-spinner.svelte-10ggxo7 div.svelte-10ggxo7:nth-child(4) {
transform: rotate(90deg);
-webkit-animation-delay: -0.8s;
animation-delay: -0.8s;
}
.lds-spinner.svelte-10ggxo7 div.svelte-10ggxo7:nth-child(5) {
transform: rotate(120deg);
-webkit-animation-delay: -0.7s;
animation-delay: -0.7s;
}
.lds-spinner.svelte-10ggxo7 div.svelte-10ggxo7:nth-child(6) {
transform: rotate(150deg);
-webkit-animation-delay: -0.6s;
animation-delay: -0.6s;
}
.lds-spinner.svelte-10ggxo7 div.svelte-10ggxo7:nth-child(7) {
transform: rotate(180deg);
-webkit-animation-delay: -0.5s;
animation-delay: -0.5s;
}
.lds-spinner.svelte-10ggxo7 div.svelte-10ggxo7:nth-child(8) {
transform: rotate(210deg);
-webkit-animation-delay: -0.4s;
animation-delay: -0.4s;
}
.lds-spinner.svelte-10ggxo7 div.svelte-10ggxo7:nth-child(9) {
transform: rotate(240deg);
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.lds-spinner.svelte-10ggxo7 div.svelte-10ggxo7:nth-child(10) {
transform: rotate(270deg);
-webkit-animation-delay: -0.2s;
animation-delay: -0.2s;
}
.lds-spinner.svelte-10ggxo7 div.svelte-10ggxo7:nth-child(11) {
transform: rotate(300deg);
-webkit-animation-delay: -0.1s;
animation-delay: -0.1s;
}
.lds-spinner.svelte-10ggxo7 div.svelte-10ggxo7:nth-child(12) {
transform: rotate(330deg);
-webkit-animation-delay: 0s;
animation-delay: 0s;
}
@-webkit-keyframes svelte-10ggxo7-lds-spinner {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes svelte-10ggxo7-lds-spinner {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
.alert-container.svelte-1g8widw {
display: flex;
font-size: 1.6rem;
-webkit-padding-start: 1.6rem;
padding-inline-start: 1.6rem;
-webkit-padding-end: 1.6rem;
padding-inline-end: 1.6rem;
-webkit-padding-before: 1.6rem;
padding-block-start: 1.6rem;
-webkit-padding-after: 1.6rem;
padding-block-end: 1.6rem;
border-radius: 0.4rem;
-webkit-margin-after: 1.6rem;
margin-block-end: 1.6rem;
}
@media (min-width: 37.5em) {
.alert-container.svelte-1g8widw {
-webkit-margin-after: 2.4rem;
margin-block-end: 2.4rem;
}
}
.alert-content.svelte-1g8widw {
display: flex;
align-items: center;
-webkit-padding-start: 1.6rem;
padding-inline-start: 1.6rem;
}
.alert-error.svelte-1g8widw {
background-color: #fbeaea;
color: #984148;
}
.alert-warning.svelte-1g8widw {
background-color: #fff0d8;
color: #825810;
}
.alert-info.svelte-1g8widw {
background-color: #ecf4f9;
color: #475d68;
}
.text-error.svelte-1g8widw {
color: #984148;
}
.text-warning.svelte-1g8widw {
color: #825810;
}
.heading.svelte-143wlsg {
display: block;
margin: 0;
padding: 0;
font-weight: 600;
white-space: break-spaces;
word-break: keep-all;
}
.heading--display-1.svelte-143wlsg {
font-size: 5.8rem;
line-height: 6.4rem;
letter-spacing: -0.102rem;
-webkit-margin-after: 2.4rem;
margin-block-end: 2.4rem;
}
@media (min-width: 37.5em) {
.heading--display-1.svelte-143wlsg {
font-size: 9.3rem;
line-height: 8.8rem;
letter-spacing: -0.163rem;
-webkit-margin-after: 3.2rem;
margin-block-end: 3.2rem;
}
}
.heading--display-2.svelte-143wlsg {
font-size: 4.6rem;
line-height: 4.8rem;
letter-spacing: -0.083rem;
-webkit-margin-after: 2.4rem;
margin-block-end: 2.4rem;
}
@media (min-width: 37.5em) {
.heading--display-2.svelte-143wlsg {
font-size: 7.2rem;
line-height: 7.6rem;
letter-spacing: -0.128rem;
-webkit-margin-after: 3.2rem;
margin-block-end: 3.2rem;
}
}
.heading--title-2xl.svelte-143wlsg {
font-size: 3.2rem;
line-height: 4rem;
letter-spacing: -0.105rem;
-webkit-margin-after: 2.4rem;
margin-block-end: 2.4rem;
}
@media (min-width: 37.5em) {
.heading--title-2xl.svelte-143wlsg {
font-size: 5.8rem;
line-height: 6.4rem;
letter-spacing: -0.105rem;
}
}
.heading--title-xl.svelte-143wlsg {
font-size: 2.8rem;
line-height: 3.2rem;
letter-spacing: -0.105rem;
-webkit-margin-after: 2.4rem;
margin-block-end: 2.4rem;
}
@media (min-width: 37.5em) {
.heading--title-xl.svelte-143wlsg {
font-size: 3.2rem;
line-height: 4rem;
letter-spacing: -0.056rem;
}
}
.heading--title-large.svelte-143wlsg {
font-size: 2.2rem;
line-height: 2.8rem;
letter-spacing: -0.024rem;
-webkit-margin-after: 2.4rem;
margin-block-end: 2.4rem;
}
@media (min-width: 37.5em) {
.heading--title-large.svelte-143wlsg {
font-size: 2.8rem;
line-height: 3.2rem;
letter-spacing: -0.048rem;
}
}
.heading--title-medium.svelte-143wlsg {
font-size: 2rem;
line-height: 2.8rem;
letter-spacing: -0.02rem;
font-weight: 500;
-webkit-margin-after: 2.4rem;
margin-block-end: 2.4rem;
}
@media (min-width: 37.5em) {
.heading--title-medium.svelte-143wlsg {
font-size: 2.2rem;
line-height: 2.8rem;
letter-spacing: -0.024rem;
}
}
.heading--title-heading.svelte-143wlsg {
font-size: 1.8rem;
line-height: 2.4rem;
letter-spacing: -0.02rem;
-webkit-margin-after: 2.4rem;
margin-block-end: 2.4rem;
}
@media (min-width: 37.5em) {
.heading--title-heading.svelte-143wlsg {
font-size: 2rem;
line-height: 2.8rem;
letter-spacing: -0.02rem;
}
}
.heading--title-body.svelte-143wlsg {
font-size: 1.6rem;
line-height: 2.4rem;
letter-spacing: -0.016rem;
-webkit-margin-after: 2.4rem;
margin-block-end: 2.4rem;
}
.heading--page-header.svelte-143wlsg {
font-size: 2.8rem;
line-height: 4rem;
letter-spacing: -0.105rem;
-webkit-margin-before: 3.2rem;
margin-block-start: 3.2rem;
-webkit-margin-after: 1.6rem;
margin-block-end: 1.6rem;
}
@media (min-width: 37.5em) {
.heading--page-header.svelte-143wlsg {
font-size: 3.2rem;
line-height: 4rem;
letter-spacing: -0.056rem;
}
}
@media (min-width: 75em) {
.heading--page-header.svelte-143wlsg {
-webkit-margin-after: 2.4rem;
margin-block-end: 2.4rem;
}
}
.margin.svelte-143wlsg {
-webkit-margin-after: var(--marginBottom);
margin-block-end: var(--marginBottom);
}
@media (min-width: 75em) {
.margin.svelte-143wlsg {
-webkit-margin-after: var(--marginBottomDesktop);
margin-block-end: var(--marginBottomDesktop);
}
}
.purple.svelte-143wlsg {
color: #48001e;
}
.orange.svelte-143wlsg {
color: #ff5c28;
}
.pink.svelte-143wlsg {
color: #ffccc2;
}
.white.svelte-143wlsg {
color: #fff;
}
.black.svelte-143wlsg {
color: #000;
}
.badge-container.svelte-1x3dtjt {
width: 3.2rem;
height: 3.2rem;
border-radius: 50%;
align-items: center;
justify-content: center;
display: flex;
flex-shrink: 0;
}
.badge-container.responsive.small.svelte-1x3dtjt {
width: 2.4rem;
height: 2.4rem;
}
@media (min-width: 37.5em) {
.badge-container.responsive.large.svelte-1x3dtjt {
width: 4.8rem;
height: 4.8rem;
}
.badge-container.responsive.small.svelte-1x3dtjt {
width: 3.2rem;
height: 3.2rem;
}
}
.icon-error.svelte-1x3dtjt {
background-color: #f3c1c0;
fill: #984148;
}
.icon-warning.svelte-1x3dtjt {
background-color: #ffd38b;
fill: #825810;
}
.icon-info.svelte-1x3dtjt {
background-color: #bfdbeb;
fill: #475d68;
}
.icon-thumbs-up.svelte-1x3dtjt {
background-color: #ffe0da;
fill: #ff5c28;
}
.icon-headphones.svelte-1x3dtjt {
background-color: #d1e5f0;
fill: #475d68;
}
.icon-glasses.svelte-1x3dtjt {
background-color: #d6e3cc;
fill: #3f6659;
}
.blockEnd.svelte-1vogt0u {
transform: rotate(90deg);
}
.blockStart.svelte-1vogt0u {
transform: rotate(270deg);
}
.inlineStart.svelte-1vogt0u {
transform: rotate(180deg);
}
[dir="rtl"] .inlineEnd.rtlFlip.svelte-1vogt0u {
transform: rotate(180deg);
}
[dir="rtl"] .inlineStart.rtlFlip.svelte-1vogt0u {
transform: rotate(0);
}
[dir="rtl"] .rtlMirror.svelte-1vogt0u {
transform: scaleX(-1);
}
.bullets-container.svelte-vz490q {
-webkit-margin-after: 2.4rem;
margin-block-end: 2.4rem;
}
.bullet-text.svelte-vz490q {
-webkit-margin-start: 0.8rem;
margin-inline-start: 0.8rem;
-webkit-margin-after: 1.6rem;
margin-block-end: 1.6rem;
font-size: 1.6rem;
}
.bullet-text.compact.svelte-vz490q {
-webkit-margin-after: 0rem;
margin-block-end: 0rem;
}
.orange-icons.svelte-vz490q {
fill: #ff5c28;
}
.purple-icons.svelte-vz490q {
fill: #48001e;
}
.pink-icons.svelte-vz490q {
fill: #ffccc2;
}
.flex-container.svelte-1aixaim {
display: flex;
}
.align-center.svelte-1aixaim {
align-items: center;
}
.justify-center.svelte-1aixaim {
justify-content: center;
}
.justify-start.svelte-1aixaim {
justify-content: start;
}
.text-align-center.svelte-1aixaim {
text-align: center;
}
.flex-container--custom.svelte-1aixaim {
-webkit-margin-before: var(--marginTopMobileUp);
margin-block-start: var(--marginTopMobileUp);
-webkit-margin-after: var(--marginBottomMobileUp);
margin-block-end: var(--marginBottomMobileUp);
}
@media (min-width: 37.5em) {
.flex-container--custom.svelte-1aixaim {
-webkit-margin-before: var(--marginTopTabletUp);
margin-block-start: var(--marginTopTabletUp);
-webkit-margin-after: var(--marginBottomTabletUp);
margin-block-end: var(--marginBottomTabletUp);
}
}
@media (min-width: 75em) {
.flex-container--custom.svelte-1aixaim {
-webkit-margin-before: var(--marginTopDesktopUp);
margin-block-start: var(--marginTopDesktopUp);
-webkit-margin-after: var(--marginBottomDesktopUp);
margin-block-end: var(--marginBottomDesktopUp);
}
}
.banner.bg-pink.svelte-1dl8bjq.svelte-1dl8bjq {
background-color: #ffccc2;
}
.banner.bg-peach.svelte-1dl8bjq.svelte-1dl8bjq {
background-color: #ffebe6;
}
.banner.bg-purple.svelte-1dl8bjq.svelte-1dl8bjq {
background-color: #48001e;
}
.banner.bg-warmgrey.svelte-1dl8bjq.svelte-1dl8bjq {
background-color: #f2eeeb;
}
.banner.bg-white.svelte-1dl8bjq.svelte-1dl8bjq {
background-color: #fff;
}
.banner.c-pink.svelte-1dl8bjq.svelte-1dl8bjq {
color: #ffccc2;
}
.banner.c-purple.svelte-1dl8bjq.svelte-1dl8bjq {
color: #48001e;
}
.banner.c-black.svelte-1dl8bjq.svelte-1dl8bjq {
color: #000;
}
.banner.pattern.svelte-1dl8bjq.svelte-1dl8bjq {
background-image: url("https://static.storytel.net/images/shared/pattern-1.svg");
background-size: cover;
}
.banner-container.svelte-1dl8bjq.svelte-1dl8bjq {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-row-gap: 1.6rem;
grid-column-gap: 0.8rem;
-webkit-margin-start: 2.4rem;
margin-inline-start: 2.4rem;
-webkit-margin-end: 2.4rem;
margin-inline-end: 2.4rem;
-webkit-padding-after: 4.8rem;
padding-block-end: 4.8rem;
}
.banner-container.svelte-1dl8bjq.svelte-1dl8bjq:not(
.banner-container--hero
) {
-webkit-padding-before: 48px;
padding-block-start: 48px;
}
.banner-container.svelte-1dl8bjq .banner-image.svelte-1dl8bjq {
grid-column: 1/-1;
width: 100%;
}
.banner-container.svelte-1dl8bjq .banner-text.svelte-1dl8bjq {
grid-column: 1/-1;
font-size: 16px;
}
.banner-container.svelte-1dl8bjq .banner-heading.svelte-1dl8bjq {
-webkit-margin-after: 3.2rem;
margin-block-end: 3.2rem;
}
.banner-container.svelte-1dl8bjq .banner-subtitle.svelte-1dl8bjq {
font-size: var(--subtitleSize);
letter-spacing: -0.025rem;
line-height: 2.6rem;
margin: 0;
-webkit-margin-after: 3.2rem;
margin-block-end: 3.2rem;
padding: 0;
max-width: 60ch;
}
.banner-container.svelte-1dl8bjq .banner-subtitle.medium.svelte-1dl8bjq {
font-weight: 500;
}
.banner-container.banner-container--centered.svelte-1dl8bjq.svelte-1dl8bjq {
display: flex;
flex-direction: column-reverse;
justify-content: center;
align-items: center;
text-align: center;
}
.banner-container.banner-container--centered.svelte-1dl8bjq .picture {
margin: auto;
max-width: 75rem;
}
.banner-container.banner-container--centered.svelte-1dl8bjq
.banner-text.svelte-1dl8bjq
.button {
width: 100%;
min-width: 25rem;
margin: 0;
-webkit-margin-before: 0.8rem;
margin-block-start: 0.8rem;
-webkit-margin-after: 0.8rem;
margin-block-end: 0.8rem;
}
.banner-container.banner-container--centered.svelte-1dl8bjq
.banner-subtitle.svelte-1dl8bjq {
margin: auto;
-webkit-margin-before: 0;
margin-block-start: 0;
-webkit-margin-after: 3.2rem;
margin-block-end: 3.2rem;
}
.banner-container.banner-container--hero.svelte-1dl8bjq
.banner-text.svelte-1dl8bjq
.button {
margin: 0;
-webkit-margin-before: 0.8rem;
margin-block-start: 0.8rem;
-webkit-margin-after: 0.8rem;
margin-block-end: 0.8rem;
}
.banner-container.banner-container--illustrational.svelte-1dl8bjq.svelte-1dl8bjq {
color: #48001e;
}
.banner-container.banner-container--illustrational.svelte-1dl8bjq
.banner-image.svelte-1dl8bjq {
width: 100%;
height: auto;
justify-self: center;
}
.banner-container.banner-container--testimonial.svelte-1dl8bjq
.banner-image.svelte-1dl8bjq {
grid-column: 6/-1;
}
.banner-container.banner-container--testimonial.svelte-1dl8bjq
.banner-text.svelte-1dl8bjq {
grid-column: 1 / span 5;
grid-row: 1;
text-align: center;
}
.banner-container.banner-container--testimonial.svelte-1dl8bjq
.banner-text.svelte-1dl8bjq
.button {
width: 100%;
min-width: 25rem;
}
.banner-container.banner-container--promotional.svelte-1dl8bjq
.banner-text.svelte-1dl8bjq {
grid-row: 1;
text-align: center;
}
.banner-container.banner-container--promotional.svelte-1dl8bjq
.banner-text.svelte-1dl8bjq
.button {
width: 100%;
min-width: 25rem;
}
.banner-container.banner-container--promotional.svelte-1dl8bjq
.banner-subtitle.svelte-1dl8bjq {
margin: auto;
-webkit-margin-before: 0;
margin-block-start: 0;
-webkit-margin-after: 3.2rem;
margin-block-end: 3.2rem;
font-size: 16px;
font-weight: 400;
line-height: 24px;
}
.banner-container.banner-container--promotional.svelte-1dl8bjq
.banner-image.svelte-1dl8bjq {
max-width: 100%;
max-height: 34.4rem;
}
@media (min-width: 37.5em) {
.banner-container.svelte-1dl8bjq.svelte-1dl8bjq {
grid-column-gap: 1.6rem;
grid-row-gap: 4.2rem;
grid-template-columns: repeat(12, 1fr);
-webkit-margin-start: 3.2rem;
margin-inline-start: 3.2rem;
-webkit-margin-end: 3.2rem;
margin-inline-end: 3.2rem;
-webkit-padding-after: 6.4rem;
padding-block-end: 6.4rem;
}
.banner-container.svelte-1dl8bjq .banner-text.svelte-1dl8bjq .button {
width: calc(50% - 1.6rem);
min-width: auto;
}
.banner-container.banner-container--hero.svelte-1dl8bjq .heading {
font-size: 5.8rem;
line-height: 6.4rem;
letter-spacing: -0.105rem;
}
.banner-container.banner-container--hero.svelte-1dl8bjq
.banner-text.svelte-1dl8bjq
.button {
margin: 0.8rem;
-webkit-margin-before: 0;
margin-block-start: 0;
}
.banner-container.banner-container--centered.svelte-1dl8bjq
.banner-text.svelte-1dl8bjq
.button {
width: auto;
margin: 0.8rem;
-webkit-margin-before: 0;
margin-block-start: 0;
}
.banner-container.banner-container--testimonial.svelte-1dl8bjq.svelte-1dl8bjq {
grid-template-columns: repeat(2, 1fr);
}
.banner-container.banner-container--testimonial.svelte-1dl8bjq
.banner-text.svelte-1dl8bjq
.button {
width: auto;
}
.banner-container.banner-container--promotional.svelte-1dl8bjq
.banner-text.svelte-1dl8bjq
.button {
width: auto;
}
.banner-container.banner-container--illustrational.svelte-1dl8bjq
.banner-image.svelte-1dl8bjq {
width: 45rem;
height: 30rem;
}
}
@media (min-width: 56.25em) {
.banner-container.svelte-1dl8bjq.svelte-1dl8bjq {
grid-column-gap: 2.4rem;
-webkit-margin-start: 8rem;
margin-inline-start: 8rem;
-webkit-margin-end: 8rem;
margin-inline-end: 8rem;
-webkit-padding-after: 8rem;
padding-block-end: 8rem;
}
.banner-container.banner-container--testimonial.svelte-1dl8bjq.svelte-1dl8bjq {
grid-template-columns: repeat(12, 1fr);
}
}
@media (min-width: 75em) {
.banner-container.svelte-1dl8bjq.svelte-1dl8bjq {
grid-column-gap: 3.2rem;
grid-template-columns: repeat(12, 6.4rem);
-webkit-margin-start: calc((100vw - 112rem) / 2);
margin-inline-start: calc((100vw - 112rem) / 2);
-webkit-margin-end: calc((100vw - 112rem) / 2);
margin-inline-end: calc((100vw - 112rem) / 2);
-webkit-padding-before: var(--paddingTop);
padding-block-start: var(--paddingTop);
}
.banner-container.svelte-1dl8bjq .banner-image.svelte-1dl8bjq {
grid-column: 5/-1;
width: calc(100% + (100vw - 112rem) / 2);
}
.banner-container.svelte-1dl8bjq .banner-text.svelte-1dl8bjq {
grid-row: 1;
grid-column: 1 / span 4;
align-self: center;
}
.banner-container.svelte-1dl8bjq .banner-text.svelte-1dl8bjq .button {
width: calc(100% - 1.6rem);
}
.banner-container.svelte-1dl8bjq .reader-heading.svelte-1dl8bjq {
-webkit-margin-end: -42rem;
margin-inline-end: -42rem;
}
.banner-container.banner-container--hero.svelte-1dl8bjq
.banner-text.svelte-1dl8bjq
.button {
width: 100%;
margin: 0;
-webkit-margin-after: 1.6rem;
margin-block-end: 1.6rem;
}
.banner-container.banner-container--reader.svelte-1dl8bjq.svelte-1dl8bjq {
-webkit-padding-before: 2.4rem;
padding-block-start: 2.4rem;
}
.banner-container.banner-container--reader.svelte-1dl8bjq
.banner-text.svelte-1dl8bjq {
-webkit-padding-before: 4.8rem;
padding-block-start: 4.8rem;
}
.banner-container.banner-container--reader.svelte-1dl8bjq
.banner-image.svelte-1dl8bjq {
min-height: 64rem;
width: calc(100% + (100vw - 112rem) / 2);
}
.banner-container.banner-container--testimonial.svelte-1dl8bjq
.banner-text.svelte-1dl8bjq {
text-align: start;
}
.banner-container.banner-container--promotional.svelte-1dl8bjq
.banner-image.svelte-1dl8bjq {
grid-column: 6/-1;
}
.banner-container.banner-container--promotional.svelte-1dl8bjq
.banner-text.svelte-1dl8bjq {
grid-column: 1 / span 5;
text-align: start;
}
.banner-container.banner-container--illustrational.svelte-1dl8bjq
.banner-image.svelte-1dl8bjq {
grid-column: 1/8;
width: 55rem;
height: 35rem;
}
.banner-container.banner-container--illustrational.svelte-1dl8bjq
.banner-text.svelte-1dl8bjq {
grid-column: 8/-1;
}
}
@media (min-width: 112.5em) {
.banner-container.svelte-1dl8bjq.svelte-1dl8bjq {
grid-template-columns: repeat(12, 8.8rem);
-webkit-margin-start: calc((100vw - 140.8rem) / 2);
margin-inline-start: calc((100vw - 140.8rem) / 2);
-webkit-margin-end: calc((100vw - 140.8rem) / 2);
margin-inline-end: calc((100vw - 140.8rem) / 2);
}
.banner-container.svelte-1dl8bjq .banner-image.svelte-1dl8bjq {
grid-column: 5/-1;
width: 100%;
}
.banner-container.banner-container--reader.svelte-1dl8bjq
.banner-image.svelte-1dl8bjq {
width: 100%;
}
}
.hide-on-mobile.svelte-1dl8bjq.svelte-1dl8bjq {
display: none;
}
@media (min-width: 75em) {
.hide-on-mobile.svelte-1dl8bjq.svelte-1dl8bjq {
display: block;
}
}
.button.svelte-bpujkb {
display: inline-flex;
justify-content: center;
align-items: center;
padding: 1.2rem 2.4rem;
height: 4.8rem;
min-width: 25.6rem;
max-width: 100%;
white-space: nowrap;
font: inherit;
font-weight: 600;
vertical-align: middle;
border: 0;
border-radius: 2.5rem;
overflow: visible;
cursor: pointer;
transition: background-color 0.3s;
}
.button.svelte-bpujkb,
.button.svelte-bpujkb:active,
.button.svelte-bpujkb:focus,
.button.svelte-bpujkb:hover {
text-decoration: none;
}
.button.svelte-bpujkb:focus {
border: 2px solid #fff;
box-shadow: 0 0 0 2px #ff5c28;
outline: 0;
padding: 1.2rem 2.4rem;
}
.button.disabled.svelte-bpujkb,
.button.svelte-bpujkb:disabled {
opacity: 0.5;
cursor: not-allowed;
pointer-events: none;
}
@media (max-width: 37.49em) {
.button.svelte-bpujkb {
width: 100%;
}
}
.button.primary.svelte-bpujkb {
background-color: #ff5c28;
color: #fff;
}
.button.primary.svelte-bpujkb:hover {
background-color: #e35121;
}
.button.primary.svelte-bpujkb:active {
background-color: #c6461b;
}
.button.secondary.svelte-bpujkb {
background-color: #ffe0da;
color: #6c334b;
}
.button.secondary.svelte-bpujkb:hover {
background-color: #f6bcb1;
}
.button.secondary.svelte-bpujkb:active {
background-color: #edaea1;
}
.button.fullwidth.svelte-bpujkb {
width: 100%;
min-width: auto;
}
.button.responsive.svelte-bpujkb {
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
}
.loading-spinner.svelte-kd387b.svelte-kd387b {
display: inline-block;
position: relative;
width: 2.4rem;
height: 2.4rem;
}
.loading-spinner.svelte-kd387b div.svelte-kd387b {
position: absolute;
width: 2.4rem;
height: 2.4rem;
border: 0.2rem solid #fff;
border-radius: 50%;
-webkit-animation: svelte-kd387b-loading-spinner 1.2s
cubic-bezier(0.5, 0, 0.5, 1) infinite;
animation: svelte-kd387b-loading-spinner 1.2s
cubic-bezier(0.5, 0, 0.5, 1) infinite;
border-color: #fff transparent transparent transparent;
}
.loading-spinner.svelte-kd387b .spinner.svelte-kd387b:nth-child(1) {
-webkit-animation-delay: -0.45s;
animation-delay: -0.45s;
}
.loading-spinner.svelte-kd387b .spinner.svelte-kd387b:nth-child(2) {
-webkit-animation-delay: -0.3s;
animation-delay: -0.3s;
}
.loading-spinner.svelte-kd387b .spinner.svelte-kd387b:nth-child(3) {
-webkit-animation-delay: -0.15s;
animation-delay: -0.15s;
}
@-webkit-keyframes svelte-kd387b-loading-spinner {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
@keyframes svelte-kd387b-loading-spinner {
0% {
transform: rotate(0);
}
100% {
transform: rotate(360deg);
}
}
.text-button.svelte-ynf0fm {
display: flex;
align-items: center;
padding: 0;
-webkit-padding-before: 1.2rem;
padding-block-start: 1.2rem;
fill: #ff5c28;
color: #ff5c28;
font-weight: 600;
cursor: pointer;
}
.text-button.thin.svelte-ynf0fm {
font-weight: 400;
}
.text-button.svelte-ynf0fm:hover {
color: #e35121;
fill: #e35121;
}
.text-button.svelte-ynf0fm:active {
color: #c6461b;
fill: #c6461b;
}
.text-button.center.svelte-ynf0fm {
justify-content: center;
}
.button-link.svelte-ynf0fm {
text-decoration: none;
color: #ff5c28;
cursor: pointer;
}
.button-link.svelte-ynf0fm:hover {
color: #e35121;
fill: #e35121;
}
.button-link.svelte-ynf0fm:active {
color: #c6461b;
fill: #c6461b;
}
.button-link.svelte-ynf0fm:disabled {
opacity: 0.5;
cursor: default;
}
.inlineEnd-padding.svelte-ynf0fm {
-webkit-padding-start: 0;
padding-inline-start: 0;
-webkit-padding-end: 0.4rem;
padding-inline-end: 0.4rem;
}
.inlineStart-padding.svelte-ynf0fm {
-webkit-padding-start: 0.4rem;
padding-inline-start: 0.4rem;
-webkit-padding-end: 0;
padding-inline-end: 0;
}
.picture.svelte-fx46w0.svelte-fx46w0 {
display: flex;
width: 100%;
height: 100%;
justify-content: center;
}
.picture.svelte-fx46w0 .image.svelte-fx46w0 {
max-width: 100%;
font-style: italic;
vertical-align: middle;
-o-object-fit: contain;
object-fit: contain;
}
.picture.hero.svelte-fx46w0.svelte-fx46w0,
.picture.with-ratio.svelte-fx46w0.svelte-fx46w0 {
display: block;
overflow: hidden;
position: relative;
width: 100%;
}
.picture.hero.svelte-fx46w0 .image.svelte-fx46w0,
.picture.with-ratio.svelte-fx46w0 .image.svelte-fx46w0 {
position: absolute;
display: block;
left: 0;
right: 0;
top: 0;
bottom: 0;
width: 100%;
height: 100%;
margin: auto;
-o-object-fit: cover;
object-fit: cover;
}
.picture.hero.svelte-fx46w0 .image.contained.svelte-fx46w0,
.picture.with-ratio.svelte-fx46w0 .image.contained.svelte-fx46w0 {
-o-object-fit: contain;
object-fit: contain;
}
.picture.hero.svelte-fx46w0.svelte-fx46w0::after,
.picture.with-ratio.svelte-fx46w0.svelte-fx46w0::after {
content: "";
height: 0;
display: block;
}
.picture.ratio-16-9.svelte-fx46w0.svelte-fx46w0::after {
-webkit-padding-after: 56.25%;
padding-block-end: 56.25%;
}
.picture.ratio-4-3.svelte-fx46w0.svelte-fx46w0::after {
-webkit-padding-after: 75%;
padding-block-end: 75%;
}
.picture.ratio-1-1.svelte-fx46w0.svelte-fx46w0::after {
-webkit-padding-after: 100%;
padding-block-end: 100%;
}
.picture.ratio-2-1.svelte-fx46w0.svelte-fx46w0::after {
-webkit-padding-after: 50%;
padding-block-end: 50%;
}
.picture.ratio-4-5.svelte-fx46w0.svelte-fx46w0::after {
-webkit-padding-after: 125%;
padding-block-end: 125%;
}
.picture.hero.svelte-fx46w0.svelte-fx46w0::after {
-webkit-padding-after: 66.6666666667%;
padding-block-end: 66.6666666667%;
}
@media (min-width: 56.25em) {
.picture.hero.svelte-fx46w0.svelte-fx46w0::after {
-webkit-padding-after: 56.25%;
padding-block-end: 56.25%;
}
}
.book-item.svelte-y4iypg.svelte-y4iypg {
display: inline-block;
word-wrap: break-word;
white-space: normal;
}
.book-cover.svelte-y4iypg.svelte-y4iypg {
display: flex;
justify-content: center;
align-items: center;
width: 16rem;
height: 17.6rem;
-webkit-margin-after: 1.6rem;
margin-block-end: 1.6rem;
padding: 1.6rem;
background-color: #f2eeeb;
}
@media (min-width: 37.5em) {
.book-cover.svelte-y4iypg.svelte-y4iypg {
width: 26rem;
height: 28.4rem;
}
}
@media (min-width: 56.25em) {
.book-cover.svelte-y4iypg.svelte-y4iypg {
width: 23.2rem;
height: 24.8rem;
}
}
@media (min-width: 75em) {
.book-cover.svelte-y4iypg.svelte-y4iypg {
width: 35.2rem;
height: 38.4rem;
}
}
@media (min-width: 112.5em) {
.book-cover.svelte-y4iypg.svelte-y4iypg {
width: 44.8rem;
height: 48.8rem;
}
}
.book-image.svelte-y4iypg.svelte-y4iypg {
max-width: 12rem;
max-height: 12rem;
-o-object-fit: contain;
object-fit: contain;
box-shadow: 0 6px 8px -3px rgba(33, 0, 14, 0.6);
}
@media (min-width: 37.5em) {
.book-image.svelte-y4iypg.svelte-y4iypg {
max-width: 18rem;
max-height: 18rem;
}
}
@media (min-width: 75em) {
.book-image.svelte-y4iypg.svelte-y4iypg {
max-width: 25rem;
max-height: 25rem;
}
}
.book-authors.svelte-y4iypg.svelte-y4iypg {
-webkit-margin-after: 2.4rem;
margin-block-end: 2.4rem;
}
.book-link.svelte-y4iypg.svelte-y4iypg {
text-decoration: none;
color: inherit;
}
.booklist-button.svelte-y4iypg.svelte-y4iypg {
opacity: 0;
position: sticky;
z-index: 1;
background-color: #fff;
height: 17.6rem;
width: 9.6rem;
display: none;
}
@media (min-width: 75em) {
.booklist-button.svelte-y4iypg.svelte-y4iypg {
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
height: 38.4rem;
}
}
@media (min-width: 112.5em) {
.booklist-button.svelte-y4iypg.svelte-y4iypg {
height: 48.8rem;
}
}
.booklist-button--left.svelte-y4iypg.svelte-y4iypg {
left: 0;
-webkit-margin-end: -3.2rem;
margin-inline-end: -3.2rem;
}
.booklist-button--right.svelte-y4iypg.svelte-y4iypg {
right: 0;
-webkit-margin-start: -3.2rem;
margin-inline-start: -3.2rem;
}
.bg-pink.svelte-y4iypg.svelte-y4iypg {
background-color: #ffd6ce;
}
.bg-pink.svelte-y4iypg .book-cover.svelte-y4iypg {
background-color: #f6bcb1;
}
.bg-pink.svelte-y4iypg .booklist-button.svelte-y4iypg {
background-color: #ffd6ce;
}
.bg-purple.svelte-y4iypg.svelte-y4iypg {
background-color: #48001e;
}
.bg-purple.svelte-y4iypg .book-cover.svelte-y4iypg {
background-color: #6c334b;
}
.bg-purple.svelte-y4iypg .booklist-button.svelte-y4iypg {
background-color: #48001e;
fill: #fff;
}
.c-purple.svelte-y4iypg.svelte-y4iypg {
color: #48001e;
}
.c-pink.svelte-y4iypg.svelte-y4iypg {
color: #ffccc2;
}
.grid-item.svelte-1rh2wlm {
grid-column: var(--columnMobile);
grid-row: var(--rowMobile);
-webkit-margin-before: var(--marginTopMobileUp);
margin-block-start: var(--marginTopMobileUp);
}
@media (min-width: 37.5em) {
.grid-item.svelte-1rh2wlm {
grid-column: var(--columnMobileUp);
grid-row: var(--rowMobileUp);
}
}
@media (min-width: 56.25em) {
.grid-item.svelte-1rh2wlm {
grid-column: var(--columnTabletUp);
grid-row: var(--rowTabletUp);
}
}
@media (min-width: 75em) {
.grid-item.svelte-1rh2wlm {
grid-column: var(--columnDesktopUp);
grid-row: var(--rowDesktopUp);
}
}
@media (min-width: 112.5em) {
.grid-item.svelte-1rh2wlm {
grid-column: var(--columnWideUp);
grid-row: var(--rowWideUp);
}
}
.grid-container.svelte-1a0c8ut {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-row-gap: 1.6rem;
grid-column-gap: 0.8rem;
margin: 0 2.4rem;
padding: 4.8rem 0;
}
@media (min-width: 37.5em) {
.grid-container.svelte-1a0c8ut {
grid-column-gap: 1.6rem;
grid-row-gap: 4.2rem;
grid-template-columns: repeat(12, 1fr);
margin: 0 3.2rem;
padding: 6.4rem 0;
}
}
@media (min-width: 56.25em) {
.grid-container.svelte-1a0c8ut {
grid-column-gap: 2.4rem;
margin: 0 8rem;
padding: 8rem 0;
}
}
@media (min-width: 75em) {
.grid-container.svelte-1a0c8ut {
grid-column-gap: 3.2rem;
grid-template-columns: repeat(12, 6.4rem);
margin: 0 calc((100vw - 112rem) / 2);
}
}
@media (min-width: 112.5em) {
.grid-container.svelte-1a0c8ut {
grid-template-columns: repeat(12, 8.8rem);
margin: 0 calc((100vw - 140.8rem) / 2);
}
}
.grid-container--custom.svelte-1a0c8ut {
-webkit-padding-before: var(--paddingTopMobileUp);
padding-block-start: var(--paddingTopMobileUp);
-webkit-padding-after: var(--paddingBottomMobileUp);
padding-block-end: var(--paddingBottomMobileUp);
}
@media (min-width: 37.5em) {
.grid-container--custom.svelte-1a0c8ut {
-webkit-padding-before: var(--paddingTopTabletUp);
padding-block-start: var(--paddingTopTabletUp);
-webkit-padding-after: var(--paddingBottomTabletUp);
padding-block-end: var(--paddingBottomTabletUp);
grid-row-gap: var(--rowGapTabletUp);
}
}
@media (min-width: 75em) {
.grid-container--custom.svelte-1a0c8ut {
-webkit-padding-before: var(--paddingTopDesktopUp);
padding-block-start: var(--paddingTopDesktopUp);
-webkit-padding-after: var(--paddingBottomDesktopUp);
padding-block-end: var(--paddingBottomDesktopUp);
grid-row-gap: var(--rowGapDesktopUp);
}
}
.horizontal-scroll-grid.svelte-j36aez {
overflow: auto;
white-space: nowrap;
display: grid;
grid-column-gap: 0.8rem;
grid-auto-flow: column;
position: relative;
scroll-behavior: smooth;
-webkit-margin-start: -3rem;
margin-inline-start: -3rem;
-webkit-margin-end: -2rem;
margin-inline-end: -2rem;
}
@media (min-width: 37.5em) {
.horizontal-scroll-grid.svelte-j36aez {
grid-column-gap: 1.6rem;
}
}
@media (min-width: 56.25em) {
.horizontal-scroll-grid.svelte-j36aez {
grid-column-gap: 2.4rem;
margin: 0 -8rem;
}
}
@media (min-width: 75em) {
.horizontal-scroll-grid.svelte-j36aez {
margin: 0 calc((-100vw + 112rem) / 2);
grid-column-gap: 3.2rem;
}
}
@media (min-width: 112.5em) {
.horizontal-scroll-grid.svelte-j36aez {
margin: 0 calc((-100vw + 140.8rem) / 2);
}
}
.horizontal-scroll-grid--custom.svelte-j36aez {
grid-column-gap: var(--columnGapMobileUp);
}
.book-list.svelte-q12po {
position: relative;
-webkit-padding-before: 6.4rem;
padding-block-start: 6.4rem;
-webkit-padding-after: 6.4rem;
padding-block-end: 6.4rem;
}
.header.svelte-q12po {
font-size: 1.6rem;
line-height: 2.4rem;
letter-spacing: -0.016rem;
-webkit-margin-after: 20px;
margin-block-end: 20px;
text-align: center;
}
@media (min-width: 75em) {
.header.svelte-q12po {
-webkit-margin-after: 30px;
margin-block-end: 30px;
}
}
.book-link.svelte-q12po {
text-decoration: none;
}
.scroll-button.svelte-q12po {
display: none;
position: absolute;
z-index: 1;
top: 50%;
transform: translateY(calc(-50% + 3rem));
width: 7rem;
height: calc(100% - 5.4rem - 12.8rem);
align-items: flex-start;
justify-content: center;
cursor: pointer;
-webkit-padding-before: 11rem;
padding-block-start: 11rem;
background-color: #fff;
border: none;
}
.scroll-button.start.svelte-q12po {
left: 0;
box-shadow: 1.6rem 0 1.6rem 0 #fff;
}
.scroll-button.end.svelte-q12po {
right: 0;
box-shadow: -1.6rem 0 1.6rem 0 #fff;
}
.scroll-button.svelte-q12po:hover {
fill: #333;
}
@media (min-width: 75em) {
.scroll-button.svelte-q12po {
display: flex;
}
}
.container.svelte-q12po {
display: flex;
overflow: auto;
scroll-behavior: smooth;
width: 100%;
padding: 0 7rem;
}
.book-badges.svelte-q12po {
display: flex;
flex-direction: row;
position: absolute;
top: 0;
right: 0;
}
@media (min-width: 75em) {
.book-badges.svelte-q12po {
top: -16px;
}
}
[dir="rtl"] .book-badges.svelte-q12po {
right: auto;
left: 0;
}
.book-image-outer.svelte-q12po {
position: relative;
}
.book-cover.svelte-q12po {
display: flex;
justify-content: center;
align-items: center;
width: 14rem;
height: 14rem;
position: relative;
}
@media (min-width: 75em) {
.book-cover.svelte-q12po {
height: 22rem;
width: 20rem;
}
}
.book-image.svelte-q12po {
max-width: 90%;
height: 12.8rem;
width: auto;
display: block;
box-shadow: 0 1px 10px rgba(0, 0, 0, 0.15);
}
@media (min-width: 75em) {
.book-image.svelte-q12po {
height: 18rem;
}
}
.book-title.svelte-q12po {
display: none;
text-align: center;
font-size: 1.5rem;
padding: 0 5%;
text-decoration: none;
color: #000;
font-weight: 400;
line-height: 2rem;
word-wrap: break-word;
white-space: normal;
}
@media (min-width: 75em) {
.book-title.svelte-q12po {
display: block;
}
}
.book-type-list.svelte-xjwgms {
display: flex;
flex-direction: row;
}
.book-type.svelte-xjwgms {
margin: 0;
}
.book-type.svelte-xjwgms:not(:last-child) {
-webkit-margin-end: 0.8rem;
margin-inline-end: 0.8rem;
}
.book-collage.svelte-1ktci4x.svelte-1ktci4x {
padding: 3.2rem 1.6rem;
}
@media (min-width: 30em) {
.book-collage.svelte-1ktci4x.svelte-1ktci4x {
padding: 4.8rem 3.2rem;
}
}
@media (min-width: 37.5em) {
.book-collage.svelte-1ktci4x.svelte-1ktci4x {
padding: 6.4rem 4.8rem;
}
}
.book-collage.bg-purple.svelte-1ktci4x.svelte-1ktci4x {
background-color: #48001e;
}
.book-collage.bg-pink.svelte-1ktci4x.svelte-1ktci4x {
background-color: #ffccc2;
}
.book-collage.c-purple.svelte-1ktci4x.svelte-1ktci4x {
color: #48001e;
}
.book-collage.c-pink.svelte-1ktci4x.svelte-1ktci4x {
color: #ffccc2;
}
.grid.svelte-1ktci4x.svelte-1ktci4x,
.title.svelte-1ktci4x.svelte-1ktci4x {
margin: 0;
-webkit-margin-after: 2.4rem;
margin-block-end: 2.4rem;
text-align: center;
}
.title.svelte-1ktci4x.svelte-1ktci4x {
font-weight: 600;
font-size: 2.8rem;
line-height: 1.15;
}
@media (min-width: 37.5em) {
.title.svelte-1ktci4x.svelte-1ktci4x {
font-size: 3.2rem;
line-height: 1.25;
}
}
.intro.svelte-1ktci4x.svelte-1ktci4x {
max-width: 60ch;
margin: auto;
-webkit-margin-before: 0;
margin-block-start: 0;
-webkit-margin-after: 2.4rem;
margin-block-end: 2.4rem;
font-size: 2rem;
line-height: 1.3;
text-align: center;
}
.grid.svelte-1ktci4x.svelte-1ktci4x {
display: grid;
grid-template-rows: repeat(2, 30vw);
grid-template-columns: repeat(3, 30vw);
grid-gap: 0.8rem;
justify-content: center;
}
@media (min-width: 37.5em) {
.grid.svelte-1ktci4x.svelte-1ktci4x {
grid-gap: 1.6rem;
grid-template-rows: repeat(3, 12rem);
grid-template-columns: repeat(4, 12rem);
}
}
@media (min-width: 43.75em) {
.grid.svelte-1ktci4x.svelte-1ktci4x {
grid-template-rows: repeat(3, 13.6rem);
grid-template-columns: repeat(4, 13.6rem);
}
}
@media (min-width: 56.25em) {
.grid.svelte-1ktci4x.svelte-1ktci4x {
grid-template-rows: repeat(3, 14.4rem);
grid-template-columns: repeat(5, 14.4rem);
}
}
@media (min-width: 68.75em) {
.grid.svelte-1ktci4x.svelte-1ktci4x {
grid-gap: 2.4rem;
grid-template-rows: repeat(3, 16rem);
grid-template-columns: repeat(5, 16rem);
}
}
.grid-item.svelte-1ktci4x.svelte-1ktci4x {
padding: 1.6rem;
}
.bg-purple.svelte-1ktci4x .grid-item.svelte-1ktci4x {
background-color: #6c334b;
}
.bg-pink.svelte-1ktci4x .grid-item.svelte-1ktci4x {
background-color: #f6bcb1;
}
.bg-white.svelte-1ktci4x .grid-item.svelte-1ktci4x {
background-color: #f2eeeb;
}
@media (max-width: 37.4375em) {
.grid-item.svelte-1ktci4x.svelte-1ktci4x:first-child {
padding: 4rem;
grid-row: span 2;
grid-column: span 2;
}
.grid-item.svelte-1ktci4x.svelte-1ktci4x:nth-child(n + 4) {
display: none;
}
}
@media (max-width: 56.1875em) {
.grid-item.svelte-1ktci4x.svelte-1ktci4x:first-child,
.grid-item.svelte-1ktci4x.svelte-1ktci4x:nth-child(4) {
padding: 4rem;
grid-row: span 2;
grid-column: span 2;
}
.grid-item.svelte-1ktci4x.svelte-1ktci4x:nth-child(n + 7) {
display: none;
}
}
@media (min-width: 56.25em) {
.grid-item.svelte-1ktci4x.svelte-1ktci4x:first-child,
.grid-item.svelte-1ktci4x.svelte-1ktci4x:nth-child(6) {
padding: 4.8rem;
grid-row: span 2;
grid-column: span 2;
}
}
.cover-image.svelte-1ktci4x.svelte-1ktci4x {
height: 100%;
box-shadow: 0 6px 8px -3px rgba(33, 0, 14, 0.6);
transition: transform 0.3s;
}
.cover.svelte-1ktci4x.svelte-1ktci4x {
height: 100%;
width: 100%;
}
.cover.svelte-1ktci4x:hover .cover-image.svelte-1ktci4x {
transform: scale(1.1);
}
a.svelte-aw1rp4.svelte-aw1rp4 {
color: inherit;
text-decoration: none;
}
.business-info.svelte-aw1rp4.svelte-aw1rp4 {
-webkit-padding-before: 2.4rem;
padding-block-start: 2.4rem;
}
.for-logged-in.svelte-aw1rp4.svelte-aw1rp4 {
display: none;
}
.footer.svelte-aw1rp4.svelte-aw1rp4 {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-row-gap: 1.6rem;
grid-column-gap: 0.8rem;
padding: 4.8rem 2.4rem;
}
.footer.is-logged-in.svelte-aw1rp4 .for-logged-in.svelte-aw1rp4 {
display: block;
}
.footer.is-logged-in.svelte-aw1rp4 .for-logged-out.svelte-aw1rp4 {
display: none;
}
.footer.white.svelte-aw1rp4.svelte-aw1rp4 {
background-color: #fff;
}
.footer-column.svelte-aw1rp4.svelte-aw1rp4 {
grid-column: span 2;
}
.column-name.svelte-aw1rp4.svelte-aw1rp4 {
display: inline-block;
color: #666;
font-size: 11px;
font-weight: 500;
height: 16px;
letter-spacing: 1.2px;
line-height: 16px;
-webkit-margin-after: 24px;
margin-block-end: 24px;
overflow-wrap: break-word;
text-transform: uppercase;
word-break: keep-all;
}
.footer-list.svelte-aw1rp4.svelte-aw1rp4 {
color: #000;
display: block;
font-size: 1.6rem;
font-stretch: 100%;
font-weight: 400;
letter-spacing: -0.2px;
line-height: 2.4rem;
list-style: none;
margin: 0;
padding: 0;
}
.footer-list-item.svelte-aw1rp4.svelte-aw1rp4 {
-webkit-margin-after: 2.4rem;
margin-block-end: 2.4rem;
}
.footer-link.svelte-aw1rp4.svelte-aw1rp4 {
font-weight: inherit;
}
.footer-link.svelte-aw1rp4.svelte-aw1rp4:hover {
color: #ff5c28;
}
.logged-in .footer-country-picker {
display: none;
}
@media (min-width: 37.5em) {
.footer.svelte-aw1rp4.svelte-aw1rp4 {
grid-column-gap: 1.6rem;
grid-row-gap: 4.2rem;
grid-template-columns: repeat(12, 1fr);
padding: 6.4rem 3.2rem;
}
.footer-column.svelte-aw1rp4.svelte-aw1rp4 {
grid-column: span 6;
}
}
@media (min-width: 56.25em) {
.footer.svelte-aw1rp4.svelte-aw1rp4 {
grid-column-gap: 2.4rem;
padding: 8rem;
}
}
@media (min-width: 75em) {
.footer.svelte-aw1rp4.svelte-aw1rp4 {
grid-column-gap: 3.2rem;
grid-template-columns: repeat(12, 6.4rem);
padding: 8rem calc((100vw - 112rem) / 2);
}
.footer-column.svelte-aw1rp4.svelte-aw1rp4 {
grid-column: span 3;
}
}
@media (min-width: 112.5em) {
.footer.svelte-aw1rp4.svelte-aw1rp4 {
grid-template-columns: repeat(12, 8.8rem);
padding: 8rem calc((100vw - 140.8rem) / 2);
}
}
svg.svelte-1n4f1ix.svelte-1n4f1ix.svelte-1n4f1ix:not(:root) {
overflow: hidden;
}
.country-picker.svelte-1n4f1ix.svelte-1n4f1ix.svelte-1n4f1ix {
font-size: 16px;
font-stretch: 100%;
font-style: normal;
font-weight: 400;
letter-spacing: -0.2px;
line-height: 24px;
overflow-wrap: break-word;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: none;
word-break: keep-all;
}
.country-checkbox.svelte-1n4f1ix.svelte-1n4f1ix.svelte-1n4f1ix {
position: absolute;
width: 1px;
height: 1px;
border: 0;
margin: -1px;
padding: 0;
overflow: hidden;
clip: rect(0 0 0 0);
}
.country-label.svelte-1n4f1ix.svelte-1n4f1ix.svelte-1n4f1ix {
background-color: #fff;
border-radius: 4px;
cursor: default;
display: block;
padding: 1.6rem 2.4rem;
position: relative;
width: 27rem;
color: #000;
border: 1px solid #ccc;
}
.country-checkbox.svelte-1n4f1ix:checked
+ label.svelte-1n4f1ix.svelte-1n4f1ix {
color: #ff5c28;
border-color: #ff5c28;
}
.country-flag.svelte-1n4f1ix.svelte-1n4f1ix.svelte-1n4f1ix {
display: inline-block;
width: 4rem;
vertical-align: middle;
}
.country-name.svelte-1n4f1ix.svelte-1n4f1ix.svelte-1n4f1ix {
vertical-align: middle;
}
.country-checkbox.svelte-1n4f1ix:checked
+ label.svelte-1n4f1ix
> svg.svelte-1n4f1ix {
transform: rotate(180deg);
}
.chevron.svelte-1n4f1ix.svelte-1n4f1ix.svelte-1n4f1ix {
width: 1.7rem;
height: 1.6rem;
position: absolute;
right: 1.6rem;
top: 2.2rem;
vertical-align: middle;
max-width: 100%;
}
[dir="rtl"] .chevron.svelte-1n4f1ix.svelte-1n4f1ix.svelte-1n4f1ix {
right: auto;
left: 1.6rem;
}
.country-list.svelte-1n4f1ix.svelte-1n4f1ix.svelte-1n4f1ix {
display: none;
margin: 0;
opacity: 0;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
width: 27rem;
padding: 2.4rem;
list-style: none;
}
.country-checkbox.svelte-1n4f1ix:checked
~ .country-list.svelte-1n4f1ix.svelte-1n4f1ix {
display: block;
opacity: 1;
}
.country-item.svelte-1n4f1ix.svelte-1n4f1ix.svelte-1n4f1ix:not(
:last-child
) {
-webkit-margin-after: 2.4rem;
margin-block-end: 2.4rem;
}
.country-link.svelte-1n4f1ix.svelte-1n4f1ix.svelte-1n4f1ix {
color: inherit;
text-decoration: none;
font-weight: 400;
}
.country-link.svelte-1n4f1ix.svelte-1n4f1ix.svelte-1n4f1ix:hover {
color: #ff5c28;
}
.form.svelte-idpqil {
margin: 4rem 0;
}
.form.svelte-idpqil .grid-container {
margin: 0;
padding: 0;
grid-template-columns: repeat(2, 1fr);
}
@media (min-width: 37.5em) {
.form.svelte-idpqil .grid-container {
grid-template-columns: repeat(12, 1fr);
}
}
.condition-link.svelte-idpqil {
color: #ff5c28;
cursor: pointer;
text-decoration: underline;
font-weight: inherit;
}
.wrap-line.svelte-idpqil {
white-space: pre-line;
}
input[type="password"].svelte-9x6aud.svelte-9x6aud,
input[type="text"].toggle-password.svelte-9x6aud.svelte-9x6aud {
-webkit-padding-end: 3.5rem;
padding-inline-end: 3.5rem;
}
[dir="rtl"] input[type="password"].svelte-9x6aud.svelte-9x6aud,
[dir="rtl"]
input[type="text"].toggle-password.svelte-9x6aud.svelte-9x6aud {
padding-inline: 3.5rem unset;
}
.input.svelte-9x6aud.svelte-9x6aud {
font-size: 1.6rem;
font-family: inherit;
line-height: 2.4rem;
letter-spacing: -0.2px;
height: 4.8rem;
width: 100%;
border-radius: 0.4rem;
border: 1px solid #ccc;
background-color: #fff;
padding: 1.2rem 1.6rem;
transition: border-color 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
-webkit-margin-after: 0.8rem;
margin-block-end: 0.8rem;
background-clip: padding-box;
}
.input-container.svelte-9x6aud.svelte-9x6aud {
position: relative;
fill: #999;
}
.error.svelte-9x6aud.svelte-9x6aud {
background-color: #fbeaea;
border: 2px solid #f10202;
}
.error.togglePasswordVisibilityContainer.svelte-9x6aud.svelte-9x6aud {
background-color: #fbeaea;
border: none;
}
.error-message.svelte-9x6aud.svelte-9x6aud {
color: #f10202;
}
input[type="checkbox"].svelte-9x6aud.svelte-9x6aud {
z-index: 3000;
height: 4rem;
left: 0;
opacity: 0;
position: absolute;
top: 0;
width: 4rem;
}
[dir="rtl"] input[type="checkbox"].svelte-9x6aud.svelte-9x6aud {
left: auto;
right: 0;
}
.checkbox-label.svelte-9x6aud.svelte-9x6aud {
display: block;
padding: 0 0 0 3.2rem;
font-size: 1.6rem;
line-height: 24px;
letter-spacing: -0.2px;
text-transform: none;
color: #000;
font-weight: 400;
margin: 0 !important;
}
[dir="rtl"] .checkbox-label.svelte-9x6aud.svelte-9x6aud {
padding: 0 3.2rem 0 0;
}
.checkbox-label.svelte-9x6aud.svelte-9x6aud::before {
content: "";
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1vcGFjaXR5PSIwIiBkPSJNMSAxaDI0djI0SDF6Ii8+CiAgICAgICAgPHBhdGggZmlsbD0iI0NDQyIgZD0iTTIwLjA3MSA0SDUuOTNBMS45MyAxLjkzIDAgMCAwIDQgNS45MjlWMjAuMDdBMS45MyAxLjkzIDAgMCAwIDUuOTI5IDIySDIwLjA3QTEuOTMgMS45MyAwIDAgMCAyMiAyMC4wNzFWNS45M0ExLjkzIDEuOTMgMCAwIDAgMjAuMDcxIDR6bS0uMjQgMTYuMDcxSDYuMTdhLjI0Mi4yNDIgMCAwIDEtLjI0MS0uMjRWNi4xN2MwLS4xMzMuMTA4LS4yNDEuMjQtLjI0MUgxOS44M2MuMTMzIDAgLjI0MS4xMDguMjQxLjI0VjE5LjgzYS4yNDIuMjQyIDAgMCAxLS4yNC4yNDF6Ii8+CiAgICA8L2c+Cjwvc3ZnPgo=");
background-repeat: no-repeat;
height: 4rem;
width: 4rem;
left: 0;
top: 0;
position: absolute;
background-position: left top;
}
[dir="rtl"] .checkbox-label.svelte-9x6aud.svelte-9x6aud::before {
left: auto;
right: 0;
background-position: right top;
}
.checkbox-label.svelte-9x6aud.svelte-9x6aud::after {
content: "";
opacity: 0;
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNiAyNiI+CiAgICA8ZGVmcz4KICAgICAgICA8cGF0aCBpZD0iYSIgZD0iTTE5LjA3MSAyMUg0LjkzQTEuOTI5IDEuOTI5IDAgMCAxIDMgMTkuMDcxVjQuOTNDMyAzLjg2MyAzLjg2MyAzIDQuOTI5IDNIMTkuMDdDMjAuMTM3IDMgMjEgMy44NjMgMjEgNC45MjlWMTkuMDdBMS45MjkgMS45MjkgMCAwIDEgMTkuMDcxIDIxem0tOC4yMjQtMy45NGw3LjM5My03LjM5M2EuNjQzLjY0MyAwIDAgMCAwLS45MDlsLS45MDktLjkwOWEuNjQzLjY0MyAwIDAgMC0uOTA5IDBsLTYuMDMgNi4wMy0yLjgxNC0yLjgxNmEuNjQzLjY0MyAwIDAgMC0uOTEgMGwtLjkwOC45MWEuNjQzLjY0MyAwIDAgMCAwIC45MDlsNC4xNzggNC4xNzhhLjY0My42NDMgMCAwIDAgLjkxIDB6Ii8+CiAgICA8L2RlZnM+CiAgICA8ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDEgMSkiPgogICAgICAgICAgICA8cGF0aCBmaWxsPSIjRkZGIiBmaWxsLW9wYWNpdHk9IjAiIGQ9Ik0wIDBoMjR2MjRIMHoiLz4KICAgICAgICAgICAgPHVzZSBmaWxsPSIjRkY1QzI4IiB4bGluazpocmVmPSIjYSIvPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+Cg==");
background-repeat: no-repeat;
height: 4rem;
width: 4rem;
position: absolute;
left: 0;
top: 0;
background-position: left top;
transition: all 0.3s ease-in-out;
}
[dir="rtl"] .checkbox-label.svelte-9x6aud.svelte-9x6aud::after {
left: auto;
right: 0;
background-position: right top;
}
input[type="checkbox"].svelte-9x6aud:checked
+ .checkbox-label.svelte-9x6aud::after {
opacity: 1;
}
input[type="checkbox"].svelte-9x6aud:focus
+ .checkbox-label.svelte-9x6aud::before {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNiIgaGVpZ2h0PSIyNiIgdmlld0JveD0iMCAwIDI2IDI2Ij4KICAgIDxnIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPHBhdGggZmlsbD0ibm9uZSIgZD0iTTEgMWgyNHYyNEgxeiIvPgogICAgICAgIDxwYXRoIGZpbGw9IiNDQ0MiIGQ9Ik0yMC4wNzEgNEg1LjkzQTEuOTMgMS45MyAwIDAgMCA0IDUuOTI5VjIwLjA3QTEuOTMgMS45MyAwIDAgMCA1LjkyOSAyMkgyMC4wN0ExLjkzIDEuOTMgMCAwIDAgMjIgMjAuMDcxVjUuOTNBMS45MyAxLjkzIDAgMCAwIDIwLjA3MSA0em0tLjI0IDE2LjA3MUg2LjE3YS4yNDIuMjQyIDAgMCAxLS4yNDEtLjI0VjYuMTdjMC0uMTMzLjEwOC0uMjQxLjI0LS4yNDFIMTkuODNjLjEzMyAwIC4yNDEuMTA4LjI0MS4yNFYxOS44M2EuMjQyLjI0MiAwIDAgMS0uMjQuMjQxeiIvPgogICAgICAgIDxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgeD0iMSIgeT0iMSIgc3Ryb2tlPSIjRkY1QzI4IiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBzdHJva2Utd2lkdGg9IjIiIHJ4PSIyIi8+CiAgICA8L2c+Cjwvc3ZnPgo=");
}
.form-item.svelte-9x6aud.svelte-9x6aud {
-webkit-margin-after: 1.6rem;
margin-block-end: 1.6rem;
position: relative;
}
.togglePasswordVisibilityContainer.svelte-9x6aud.svelte-9x6aud {
position: absolute;
top: 1rem;
right: 1.5rem;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
width: 2.4rem;
height: 2.4rem;
-o-object-fit: contain;
object-fit: contain;
-webkit-padding-start: 0.5rem;
padding-inline-start: 0.5rem;
}
[dir="rtl"]
.togglePasswordVisibilityContainer.svelte-9x6aud.svelte-9x6aud {
right: unset;
left: 1.5rem;
}
.input.svelte-9x6aud:focus
+ .togglePasswordVisibilityContainer.svelte-9x6aud {
fill: #000;
}
.label.svelte-22l35f {
display: block;
font-weight: 500;
font-size: 11px;
color: #666;
letter-spacing: 1.2px;
line-height: 16px;
text-transform: uppercase;
-webkit-margin-after: 0.8rem;
margin-block-end: 0.8rem;
}
.label--normal.svelte-22l35f {
text-transform: none;
font-size: 1.6rem;
letter-spacing: -0.2px;
color: #000;
font-weight: 400;
}
.select.svelte-o4qt5r {
border: solid 1px #ccc;
height: 4.8rem;
width: 100%;
-webkit-margin-after: 0.8rem;
margin-block-end: 0.8rem;
border-radius: 0.4rem;
cursor: pointer;
background-color: #fff;
padding: 0.8rem;
font: inherit;
font-size: 16px;
font-stretch: 100%;
font-style: normal;
font-weight: 400;
letter-spacing: -0.2px;
line-height: 24px;
overflow-wrap: break-word;
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
text-size-adjust: 100%;
text-transform: none;
word-break: keep-all;
position: relative;
-webkit-appearance: none;
}
.select.svelte-o4qt5r:active,
.select.svelte-o4qt5r:focus {
outline: 0;
}
.borderColor-purple.svelte-o4qt5r {
border-color: #48001e;
}
.borderColor-orange.svelte-o4qt5r {
border-color: #ff5c28;
}
.select-container.svelte-o4qt5r {
position: relative;
}
.chevron.svelte-o4qt5r {
height: 1.6rem;
position: absolute;
right: 1.6rem;
top: 1.6rem;
pointer-events: none;
z-index: 1;
}
[dir="rtl"] .chevron.svelte-o4qt5r {
right: auto;
left: 1.6rem;
}
.image-list.svelte-586ei8.svelte-586ei8 {
display: grid;
grid-template-areas: "title" "image" "text";
grid-template-columns: 1fr;
grid-row-gap: 0.8rem;
grid-column-gap: 0.8rem;
margin: 0 2.4rem;
padding: 4.8rem 0;
}
@media (min-width: 37.5em) {
.image-list.svelte-586ei8.svelte-586ei8 {
margin: 0 3.2rem;
padding: 6.4rem 0;
}
}
@media (min-width: 56.25em) {
.image-list.svelte-586ei8.svelte-586ei8 {
grid-template-areas: "image title" "image text";
grid-template-columns: repeat(2, 1fr);
grid-template-rows: auto 1fr;
margin: 0 8rem;
padding: 8rem 0;
}
}
@media (min-width: 75em) {
.image-list.svelte-586ei8.svelte-586ei8 {
margin: 0 calc((100vw - 112rem) / 2);
padding: 12rem 0;
}
}
@media (min-width: 112.5em) {
.image-list.svelte-586ei8.svelte-586ei8 {
margin: 0 calc((100vw - 140.8rem) / 2);
}
}
.title.svelte-586ei8.svelte-586ei8 {
text-align: center;
}
@media (min-width: 56.25em) {
.title.svelte-586ei8.svelte-586ei8 {
text-align: start;
}
}
.image-list.svelte-586ei8 > .image.svelte-586ei8 {
grid-area: image;
margin: 0.8rem;
justify-self: center;
width: 28rem;
height: 30rem;
}
@media (min-width: 37.5em) {
.image-list.svelte-586ei8 > .image.svelte-586ei8 {
width: 32rem;
height: 40rem;
}
}
@media (min-width: 56.25em) {
.image-list.svelte-586ei8 > .image.svelte-586ei8 {
width: 45rem;
height: 50rem;
border-radius: 1.6rem;
margin: 0;
}
}
.image-list.svelte-586ei8 > .title.svelte-586ei8 {
grid-area: title;
}
.image-list.svelte-586ei8 > .text.svelte-586ei8 {
grid-area: text;
}
.image-list.svelte-586ei8 > .text.svelte-586ei8 h3 {
color: #666;
font-size: 1.4rem;
font-weight: 600;
-webkit-margin-after: 0.8rem;
margin-block-end: 0.8rem;
}
@media (min-width: 37.5em) {
.image-list.svelte-586ei8 > .text.svelte-586ei8 h3 {
font-size: 1.6rem;
}
}
.image-list.svelte-586ei8 > .text.svelte-586ei8 ul {
color: #666;
margin: 0;
padding: 0;
-webkit-padding-start: 1.6rem;
padding-inline-start: 1.6rem;
-webkit-padding-before: 0.8rem;
padding-block-start: 0.8rem;
font-size: 1.4rem;
}
@media (min-width: 37.5em) {
.image-list.svelte-586ei8 > .text.svelte-586ei8 ul {
font-size: 1.6rem;
}
}
.image-list.svelte-586ei8 > .text.svelte-586ei8 li {
-webkit-margin-after: 1.6rem;
margin-block-end: 1.6rem;
list-style: disc;
}
.description.svelte-586ei8.svelte-586ei8 {
margin: 0;
}
.label-expand.svelte-586ei8.svelte-586ei8 {
display: none;
}
.toggle-readmore.svelte-586ei8.svelte-586ei8 {
display: none;
}
.toggle-readmore.svelte-586ei8:not(:checked) ~ .readmore.svelte-586ei8 {
display: block;
}
.toggle-readmore.svelte-586ei8:checked ~ .readless.svelte-586ei8 {
display: block;
}
.image-list .toggle-readmore:not(:checked) ~ :not(:nth-child(2)) {
display: none;
}
.info-card.svelte-1qsikb6.svelte-1qsikb6 {
display: grid;
grid-template-areas: "badge title" "content content";
grid-template-columns: auto 1fr;
grid-row-gap: 1.6rem;
grid-column-gap: 1.6rem;
font-size: 1.6rem;
padding: 2.4rem;
border-radius: 0.4rem;
-webkit-margin-after: 1.6rem;
margin-block-end: 1.6rem;
background-color: #fff;
}
@media (min-width: 37.5em) {
.info-card.svelte-1qsikb6.svelte-1qsikb6 {
-webkit-margin-after: 2.4rem;
margin-block-end: 2.4rem;
}
}
@media (min-width: 56.25em) {
.info-card.svelte-1qsikb6.svelte-1qsikb6 {
grid-template-areas: "badge title" "badge content";
}
}
.title.svelte-1qsikb6.svelte-1qsikb6 {
grid-area: title;
align-self: center;
}
.badge.svelte-1qsikb6.svelte-1qsikb6 {
grid-area: badge;
}
.content.svelte-1qsikb6.svelte-1qsikb6 {
grid-area: content;
line-height: 1.5;
}
.label-expand.svelte-1qsikb6.svelte-1qsikb6 {
display: none;
}
.toggle-readmore.svelte-1qsikb6.svelte-1qsikb6 {
display: none;
}
.toggle-readmore.svelte-1qsikb6:not(:checked) ~ .readmore.svelte-1qsikb6 {
display: block;
}
.toggle-readmore.svelte-1qsikb6:checked ~ .readless.svelte-1qsikb6 {
display: block;
}
.info-card .toggle-readmore:not(:checked) ~ p:not(:first-of-type) {
display: none;
}
.modal.svelte-1dvecdf {
display: none;
border-radius: 0.4rem;
box-shadow: 0 0.2rem 0.6rem 0 rgba(0, 0, 0, 0.3);
background-color: #fff;
position: fixed;
top: 8rem;
left: 2.4rem;
z-index: 2;
overflow: hidden;
}
[dir="rtl"] .modal.svelte-1dvecdf {
left: auto;
right: 2.4rem;
}
@media (min-width: 37.5em) {
.modal.svelte-1dvecdf {
left: calc(50vw - 27.8rem);
}
[dir="rtl"] .modal.svelte-1dvecdf {
left: auto;
right: calc(50vw - 27.8rem);
}
}
.modal--small.svelte-1dvecdf {
width: calc(100vw - 3.2rem);
}
@media (min-width: 37.5em) {
.modal--small.svelte-1dvecdf {
height: 50rem;
width: 55.6rem;
}
}
.modal.isOpen.svelte-1dvecdf {
display: block;
}
.modal-header.svelte-1dvecdf {
border-radius: 0.4rem 0.4rem 0 0;
background-color: #ffeae6;
font-size: 2.2rem;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1.27;
letter-spacing: -0.24px;
text-align: center;
color: #48001e;
padding: 3.2rem;
}
.modal-body.svelte-1dvecdf {
padding: 2.4rem;
height: 30rem;
overflow-y: scroll;
}
.modal-footer.svelte-1dvecdf {
display: flex;
align-items: center;
justify-content: center;
padding: 3.2rem 1.6rem;
}
.page-overlay.svelte-1dvecdf {
display: none;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
background-color: rgba(0, 0, 0, 0.5);
}
[dir="rtl"] .page-overlay.svelte-1dvecdf {
left: auto;
right: 0;
}
.page-overlay.isOpen.svelte-1dvecdf {
display: block;
}
.sid-modal__overlay {
background-color: unset;
}
.modal.svelte-1ao9wj.svelte-1ao9wj {
display: none;
border-radius: 0.4rem;
box-shadow: 0 0.2rem 0.6rem 0 rgba(0, 0, 0, 0.3);
background-color: #fff;
position: fixed;
top: 8rem;
left: 0;
z-index: 2;
overflow: scroll;
max-height: calc(100vh - 4em);
max-width: 32em;
margin: 0 0.8rem;
}
[dir="rtl"] .modal.svelte-1ao9wj.svelte-1ao9wj {
left: auto;
right: 2.4rem;
}
@media (min-width: 37.5em) {
.modal.svelte-1ao9wj.svelte-1ao9wj {
left: calc(50vw - 27.8rem);
}
[dir="rtl"] .modal.svelte-1ao9wj.svelte-1ao9wj {
left: auto;
right: calc(50vw - 27.8rem);
}
}
.modal--small.svelte-1ao9wj.svelte-1ao9wj {
width: calc(100vw - 3.2rem);
}
@media (min-width: 37.5em) {
.modal--small.svelte-1ao9wj.svelte-1ao9wj {
height: 50rem;
width: 55.6rem;
}
}
.modal.isOpen.svelte-1ao9wj.svelte-1ao9wj {
display: block;
}
.modal-header.svelte-1ao9wj.svelte-1ao9wj {
border-radius: 0.4rem 0.4rem 0 0;
background-color: #ffeae6;
font-size: 2.2rem;
font-weight: 600;
font-stretch: normal;
font-style: normal;
line-height: 1.27;
letter-spacing: -0.24px;
text-align: center;
color: #48001e;
padding: 3.2rem;
}
.modal-body.svelte-1ao9wj.svelte-1ao9wj {
padding: 2.4rem;
overflow-y: scroll;
}
.modal-footer.svelte-1ao9wj.svelte-1ao9wj {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 3.2rem 1.6rem;
}
.modal-footer.svelte-1ao9wj .modal-button1.svelte-1ao9wj {
-webkit-margin-after: 16px;
margin-block-end: 16px;
}
.page-overlay.svelte-1ao9wj.svelte-1ao9wj {
display: none;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
z-index: 1;
background-color: rgba(0, 0, 0, 0.5);
}
[dir="rtl"] .page-overlay.svelte-1ao9wj.svelte-1ao9wj {
left: auto;
right: 0;
}
.page-overlay.isOpen.svelte-1ao9wj.svelte-1ao9wj {
display: block;
}
.form-container.svelte-1gius9w {
background-color: #f2eeeb;
}
.form-image.svelte-1gius9w {
display: none;
}
@media (min-width: 56.25em) {
.form-image.svelte-1gius9w {
display: block;
}
}
.footer-text.svelte-1gius9w {
color: #666;
text-align: center;
font-size: 1.4rem;
}
.subtitle-text.svelte-1gius9w {
-webkit-margin-after: 3.2rem;
margin-block-end: 3.2rem;
}
@media (min-width: 56.25em) {
.subtitle-text.svelte-1gius9w {
font-size: 2rem;
line-height: 2.8rem;
letter-spacing: -0.025rem;
}
}
.rating.svelte-1uoj9ar.svelte-1uoj9ar {
height: 2.8rem;
}
.rating.small.svelte-1uoj9ar.svelte-1uoj9ar {
height: 1.6rem;
}
.interactive.svelte-1uoj9ar.svelte-1uoj9ar {
cursor: pointer;
}
[dir="rtl"] .rating-svg.svelte-1uoj9ar.svelte-1uoj9ar {
transform: scaleX(-1);
}
.star-row.svelte-1uoj9ar:hover .interactive.svelte-1uoj9ar {
fill: #ff5c28 !important;
}
.interactive.svelte-1uoj9ar:hover ~ .interactive.svelte-1uoj9ar {
fill: #ffd6ce !important;
}
[data-my-rating="1"].svelte-1uoj9ar
.interactive.svelte-1uoj9ar:nth-child(-n + 1) {
fill: #ff5c28;
}
[data-my-rating="1"].svelte-1uoj9ar
.interactive.svelte-1uoj9ar:nth-child(n + 2) {
fill: #ffd6ce;
}
[data-my-rating="2"].svelte-1uoj9ar
.interactive.svelte-1uoj9ar:nth-child(-n + 2) {
fill: #ff5c28;
}
[data-my-rating="2"].svelte-1uoj9ar
.interactive.svelte-1uoj9ar:nth-child(n + 3) {
fill: #ffd6ce;
}
[data-my-rating="3"].svelte-1uoj9ar
.interactive.svelte-1uoj9ar:nth-child(-n + 3) {
fill: #ff5c28;
}
[data-my-rating="3"].svelte-1uoj9ar
.interactive.svelte-1uoj9ar:nth-child(n + 4) {
fill: #ffd6ce;
}
[data-my-rating="4"].svelte-1uoj9ar
.interactive.svelte-1uoj9ar:nth-child(-n + 4) {
fill: #ff5c28;
}
[data-my-rating="4"].svelte-1uoj9ar
.interactive.svelte-1uoj9ar:nth-child(n + 5) {
fill: #ffd6ce;
}
[data-my-rating="5"].svelte-1uoj9ar
.interactive.svelte-1uoj9ar:nth-child(-n + 5) {
fill: #ff5c28;
}
.button.svelte-1kyxunc.svelte-1kyxunc {
display: flex;
align-items: center;
justify-content: center;
height: 48px;
height: 4.8rem;
min-width: 300px;
max-width: 100%;
white-space: nowrap;
font: inherit;
font-size: 16px;
font-weight: 600;
vertical-align: middle;
border: 0;
border-radius: 2.5rem;
overflow: visible;
cursor: pointer;
transition: background-color 0.3s;
}
.button.svelte-1kyxunc.svelte-1kyxunc,
.button.svelte-1kyxunc.svelte-1kyxunc:active,
.button.svelte-1kyxunc.svelte-1kyxunc:focus,
.button.svelte-1kyxunc.svelte-1kyxunc:hover {
text-decoration: none;
}
.button.svelte-1kyxunc.svelte-1kyxunc:hover {
opacity: 70%;
}
.button.svelte-1kyxunc.svelte-1kyxunc:focus {
border: 2px solid #fff;
box-shadow: 0 0 0 2px #ff5c28;
outline: 0;
}
.button.disabled.svelte-1kyxunc.svelte-1kyxunc,
.button.svelte-1kyxunc.svelte-1kyxunc:disabled {
opacity: 0.5;
cursor: not-allowed;
pointer-events: none;
}
@media (max-width: 37.49em) {
.button.svelte-1kyxunc.svelte-1kyxunc {
width: 100%;
}
}
.button.svelte-1kyxunc .button-text.svelte-1kyxunc {
position: absolute;
}
.button.svelte-1kyxunc .icon.svelte-1kyxunc {
margin: auto;
-webkit-margin-start: 0.8rem;
margin-inline-start: 0.8rem;
}
.button.svelte-1kyxunc .icon.google.svelte-1kyxunc {
-webkit-margin-start: 0.3rem;
margin-inline-start: 0.3rem;
}
.button.svelte-1kyxunc .icon.facebook.svelte-1kyxunc {
-webkit-margin-start: 0;
margin-inline-start: 0;
}
.button.facebook.svelte-1kyxunc.svelte-1kyxunc {
background: #fff;
border: 1px solid #3579ea;
}
.button.apple.svelte-1kyxunc.svelte-1kyxunc {
background: #000;
color: #fff;
}
.button.google.svelte-1kyxunc.svelte-1kyxunc {
background: #4285f4;
color: #fff;
}
.button.fullwidth.svelte-1kyxunc.svelte-1kyxunc {
width: 100%;
min-width: auto;
}
.button.responsive.svelte-1kyxunc.svelte-1kyxunc {
max-width: -webkit-fit-content;
max-width: -moz-fit-content;
max-width: fit-content;
}
.line-thru.svelte-1retnhq {
display: block;
font-size: 0.875em;
-webkit-margin-after: 1em;
margin-block-end: 1em;
position: relative;
text-align: center;
width: 100%;
z-index: 1;
cursor: default;
}
.line-thru.svelte-1retnhq::before {
width: 76px;
height: 10px;
background-color: #fff;
content: "";
margin: -5px 0 0 -37px;
left: 50%;
position: absolute;
top: 50%;
z-index: -1;
}
.line-thru.svelte-1retnhq::after {
-webkit-border-after: 1px solid #dfe0e6;
border-block-end: 1px solid #dfe0e6;
content: "";
display: block;
position: absolute;
top: 49%;
width: 100%;
z-index: -2;
}
.bold.svelte-1kiswvo {
font-weight: 600;
}
.noUnderline.svelte-1kiswvo {
text-decoration: none;
}
.link.svelte-1kiswvo {
color: inherit;
}
.purple.svelte-1kiswvo {
color: #48001e;
}
.orange.svelte-1kiswvo {
color: #ff5c28;
}
.pink.svelte-1kiswvo {
color: #ffccc2;
}
.white.svelte-1kiswvo {
color: #fff;
}
.black.svelte-1kiswvo {
color: #000;
}
@font-face {
font-family: StorytelEuclid;
src: local("StorytelEuclid"),
url("https://www.storytel.com/static/fonts/web/Storytel_Euclid/Latin/Light/StorytelEuclid-Light-Latin.woff2")
format("woff2"),
url("https://www.storytel.com/static/fonts/web/Storytel_Euclid/Latin/Light/StorytelEuclid-Light-Latin.woff")
format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
unicode-range: U+000-5FF;
}
@font-face {
font-family: StorytelEuclid;
src: local("StorytelEuclid"),
url("https://www.storytel.com/static/fonts/web/Storytel_Euclid/Cyrillic/Light/StorytelEuclid-Light-Cyrillic.woff2")
format("woff2"),
url("https://www.storytel.com/static/fonts/web/Storytel_Euclid/Cyrillic/Light/StorytelEuclid-Light-Cyrillic.woff")
format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
unicode-range: U+0400-4FF;
}
@font-face {
font-family: StorytelEuclid;
src: local("StorytelEuclid"),
url("https://www.storytel.com/static/fonts/web/Gothic_A1/Korean/Light/GothicA1-Light-Korean.woff2")
format("woff2"),
url("https://www.storytel.com/static/fonts/web/Gothic_A1/Korean/Light/GothicA1-Light-Korean.woff")
format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
unicode-range: U+AC00-D7AF;
}
@font-face {
font-family: StorytelEuclid;
src: local("StorytelEuclid"),
url("https://www.storytel.com/static/fonts/web/TH_BaiJamjuree/Light/BaiJamjuree-Light.woff2")
format("woff2"),
url("https://www.storytel.com/static/fonts/web/TH_BaiJamjuree/Light/BaiJamjuree-Light.woff")
format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
unicode-range: U+0E00-0E7F;
}
@font-face {
font-family: StorytelEuclid;
src: local("StorytelEuclid"),
url("https://www.storytel.com/static/fonts/web/Arabic_Tajawal/Light/Tajawal-Light.woff2")
format("woff2"),
url("https://www.storytel.com/static/fonts/web/Arabic_Tajawal/Light/Tajawal-Light.woff")
format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
unicode-range: U+0600-06FF;
}
@font-face {
font-family: StorytelEuclid;
src: local("StorytelEuclid"),
url("https://www.storytel.com/static/fonts/web/Hebrew_Arimo/Light/Arimo-Regular.woff2")
format("woff2"),
url("https://www.storytel.com/static/fonts/web/Hebrew_Arimo/Light/Arimo-Regular.woff")
format("woff");
font-weight: 300;
font-style: normal;
font-display: swap;
unicode-range: U+0590-05FF;
}
@font-face {
font-family: StorytelEuclid;
src: local("StorytelEuclid"),
url("https://www.storytel.com/static/fonts/web/Storytel_Euclid/Latin/Regular/StorytelEuclid-Regular-Latin.woff2")
format("woff2"),
url("https://www.storytel.com/static/fonts/web/Storytel_Euclid/Latin/Regular/StorytelEuclid-Regular-Latin.woff")
format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
unicode-range: U+000-5FF;
}
@font-face {
font-family: StorytelEuclid;
src: local("StorytelEuclid"),
url("https://www.storytel.com/static/fonts/web/Storytel_Euclid/Cyrillic/Regular/StorytelEuclid-Regular-Cyrillic.woff2")
format("woff2"),
url("https://www.storytel.com/static/fonts/web/Storytel_Euclid/Cyrillic/Regular/StorytelEuclid-Regular-Cyrillic.woff")
format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
unicode-range: U+0400-4FF;
}
@font-face {
font-family: StorytelEuclid;
src: local("StorytelEuclid"),
url("https://www.storytel.com/static/fonts/web/Gothic_A1/Korean/Medium/GothicA1-Medium-Korean.woff2")
format("woff2"),
url("https://www.storytel.com/static/fonts/web/Gothic_A1/Korean/Medium/GothicA1-Medium-Korean.woff")
format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
unicode-range: U+AC00-D7AF;
}
@font-face {
font-family: StorytelEuclid;
src: local("StorytelEuclid"),
url("https://www.storytel.com/static/fonts/web/TH_BaiJamjuree/Regular/BaiJamjuree-Regular.woff2")
format("woff2"),
url("https://www.storytel.com/static/fonts/web/TH_BaiJamjuree/Regular/BaiJamjuree-Regular.woff")
format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
unicode-range: U+0E00-0E7F;
}
@font-face {
font-family: StorytelEuclid;
src: local("StorytelEuclid"),
url("https://www.storytel.com/static/fonts/web/Arabic_Tajawal/Regular/Tajawal-Regular.woff2")
format("woff2"),
url("https://www.storytel.com/static/fonts/web/Arabic_Tajawal/Regular/Tajawal-Regular.woff")
format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
unicode-range: U+0600-06FF;
}
@font-face {
font-family: StorytelEuclid;
src: local("StorytelEuclid"),
url("https://www.storytel.com/static/fonts/web/Hebrew_Arimo/Regular/Arimo-Regular.woff2")
format("woff2"),
url("https://www.storytel.com/static/fonts/web/Hebrew_Arimo/Regular/Arimo-Regular.woff")
format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
unicode-range: U+0590-05FF;
}
@font-face {
font-family: StorytelEuclid;
src: local("StorytelEuclid"),
url("https://www.storytel.com/static/fonts/web/Storytel_Euclid/Latin/Medium/StorytelEuclid-Medium-Latin.woff2")
format("woff2"),
url("https://www.storytel.com/static/fonts/web/Storytel_Euclid/Latin/Medium/StorytelEuclid-Medium-Latin.woff")
format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
unicode-range: U+000-5FF;
}
@font-face {
font-family: StorytelEuclid;
src: local("StorytelEuclid"),
url("https://www.storytel.com/static/fonts/web/Storytel_Euclid/Cyrillic/Medium/StorytelEuclid-Medium-Cyrillic.woff2")
format("woff2"),
url("https://www.storytel.com/static/fonts/web/Storytel_Euclid/Cyrillic/Medium/StorytelEuclid-Medium-Cyrillic.woff")
format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
unicode-range: U+0400-4FF;
}
@font-face {
font-family: StorytelEuclid;
src: local("StorytelEuclid"),
url("https://www.storytel.com/static/fonts/web/Gothic_A1/Korean/Bold/GothicA1-Bold-Korean.woff2")
format("woff2"),
url("https://www.storytel.com/static/fonts/web/Gothic_A1/Korean/Bold/GothicA1-Bold-Korean.woff")
format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
unicode-range: U+AC00-D7AF;
}
@font-face {
font-family: StorytelEuclid;
src: local("StorytelEuclid"),
url("https://www.storytel.com/static/fonts/web/TH_BaiJamjuree/Medium/BaiJamjuree-Medium.woff2")
format("woff2"),
url("https://www.storytel.com/static/fonts/web/TH_BaiJamjuree/Medium/BaiJamjuree-Medium.woff")
format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
unicode-range: U+0E00-0E7F;
}
@font-face {
font-family: StorytelEuclid;
src: local("StorytelEuclid"),
url("https://www.storytel.com/static/fonts/web/Arabic_Tajawal/Medium/Tajawal-Medium.woff2")
format("woff2"),
url("https://www.storytel.com/static/fonts/web/Arabic_Tajawal/Medium/Tajawal-Medium.woff")
format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
unicode-range: U+0600-06FF;
}
@font-face {
font-family: StorytelEuclid;
src: local("StorytelEuclid"),
url("https://www.storytel.com/static/fonts/web/Hebrew_Arimo/Medium/Arimo-500.woff2")
format("woff2"),
url("https://www.storytel.com/static/fonts/web/Hebrew_Arimo/Medium/Arimo-500.woff")
format("woff");
font-weight: 500;
font-style: normal;
font-display: swap;
unicode-range: U+0590-05FF;
}
@font-face {
font-family: StorytelEuclid;
src: local("StorytelEuclid"),
url("https://www.storytel.com/static/fonts/web/Storytel_Euclid/Latin/Semibold/StorytelEuclid-Semibold-Latin.woff2")
format("woff2"),
url("https://www.storytel.com/static/fonts/web/Storytel_Euclid/Latin/Semibold/StorytelEuclid-Semibold-Latin.woff")
format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
unicode-range: U+000-5FF;
}
@font-face {
font-family: StorytelEuclid;
src: local("StorytelEuclid"),
url("https://www.storytel.com/static/fonts/web/Storytel_Euclid/Cyrillic/Semibold/StorytelEuclid-Semibold-Cyrillic.woff2")
format("woff2"),
url("https://www.storytel.com/static/fonts/web/Storytel_Euclid/Cyrillic/Semibold/StorytelEuclid-Semibold-Cyrillic.woff")
format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
unicode-range: U+0400-4FF;
}
@font-face {
font-family: StorytelEuclid;
src: local("StorytelEuclid"),
url("https://www.storytel.com/static/fonts/web/Gothic_A1/Korean/Black/GothicA1-Black-Korean.woff2")
format("woff2"),
url("https://www.storytel.com/static/fonts/web/Gothic_A1/Korean/Black/GothicA1-Black-Korean.woff")
format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
unicode-range: U+AC00-D7AF;
}
@font-face {
font-family: StorytelEuclid;
src: local("StorytelEuclid"),
url("https://www.storytel.com/static/fonts/web/TH_BaiJamjuree/Semibold/BaiJamjuree-SemiBold.woff2")
format("woff2"),
url("https://www.storytel.com/static/fonts/web/TH_BaiJamjuree/Semibold/BaiJamjuree-SemiBold.woff")
format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
unicode-range: U+0E00-0E7F;
}
@font-face {
font-family: StorytelEuclid;
src: local("StorytelEuclid"),
url("https://www.storytel.com/static/fonts/web/Arabic_Tajawal/Bold/Tajawal-Bold.woff2")
format("woff2"),
url("https://www.storytel.com/static/fonts/web/Arabic_Tajawal/Bold/Tajawal-Bold.woff")
format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
unicode-range: U+0600-06FF;
}
@font-face {
font-family: StorytelEuclid;
src: local("StorytelEuclid"),
url("https://www.storytel.com/static/fonts/web/Hebrew_Arimo/Semibold/Arimo-700.woff2")
format("woff2"),
url("https://www.storytel.com/static/fonts/web/Hebrew_Arimo/Semibold/Arimo-700.woff")
format("woff");
font-weight: 600;
font-style: normal;
font-display: swap;
unicode-range: U+0590-05FF;
}
html {
box-sizing: border-box;
}
*,
::after,
::before {
box-sizing: inherit;
}
html {
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
}
article,
aside,
footer,
header,
nav,
section {
display: block;
}
h1 {
font-size: 2em;
margin: 0.67em 0;
}
figcaption,
figure,
main {
display: block;
}
figure {
margin: 1em 40px;
}
hr {
box-sizing: content-box;
height: 0;
overflow: visible;
}
pre {
font-family: monospace;
font-size: 1em;
}
a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
abbr[title] {
-webkit-border-after: none;
border-block-end: none;
text-decoration: underline;
-webkit-text-decoration: underline dotted;
text-decoration: underline dotted;
}
b,
strong {
font-weight: inherit;
font-weight: bolder;
}
code,
kbd,
samp {
font-family: monospace;
font-size: 1em;
}
dfn {
font-style: italic;
}
mark {
background-color: #ff0;
color: #000;
}
small {
font-size: 80%;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
audio,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
height: 0;
}
img {
border-style: none;
}
svg:not(:root) {
overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
font-family: inherit;
font-size: inherit;
font-size: 100%;
line-height: 1.15;
margin: 0;
}
button,
input {
overflow: visible;
}
button,
select {
text-transform: none;
}
[type="reset"],
[type="submit"],
button,
html [type="button"] {
-webkit-appearance: button;
}
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner,
button::-moz-focus-inner {
border-style: none;
padding: 0;
}
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
outline: 1px dotted ButtonText;
}
fieldset {
padding: 0.35em 0.75em 0.625em;
}
legend {
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}
progress {
display: inline-block;
vertical-align: baseline;
}
textarea {
overflow: auto;
}
[type="checkbox"],
[type="radio"] {
box-sizing: border-box;
padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto;
}
[type="search"] {
-webkit-appearance: textfield;
outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
}
::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}
details,
menu {
display: block;
}
summary {
display: list-item;
}
canvas {
display: inline-block;
}
template {
display: none;
}
[hidden] {
display: none;
}
blockquote,
body,
dd,
dl,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
legend,
ol,
p,
pre,
ul {
margin: 0;
padding: 0;
}
address,
blockquote,
dl,
fieldset,
figure,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
ol,
p,
pre,
table,
ul {
-webkit-margin-after: 2.4rem;
margin-block-end: 2.4rem;
}
dd,
ol,
ul {
-webkit-margin-start: 2.4rem;
margin-inline-start: 2.4rem;
}
li > ol,
li > ul {
-webkit-margin-after: 0;
margin-block-end: 0;
}
table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
fieldset {
min-width: 0;
border: 0;
}
select {
-webkit-appearance: none;
}
a {
text-decoration: none;
color: inherit;
}
a:hover {
cursor: pointer;
}
html {
width: 100%;
min-height: 100%;
position: relative;
font-family: StorytelEuclid;
font-weight: 400;
font-size: 62.5%;
line-height: 1.5;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
body {
font-size: 1.6rem;
}
::-moz-selection {
background: #ff7c53;
color: #000;
}
::selection {
background: #ff7c53;
color: #000;
}
input:not([type="checkbox"]):not([type="radio"]) {
background-clip: padding-box;
}
textarea {
resize: none;
}
img {
max-width: 100%;
font-style: italic;
vertical-align: middle;
}
svg {
vertical-align: middle;
max-width: 100%;
}
img::-moz-selection,
svg::-moz-selection {
background: 0 0;
}
img::selection,
svg::selection {
background: 0 0;
}
img[height],
img[width] {
max-width: none;
}
svg[height],
svg[width] {
max-width: none;
}
a {
font-weight: 600;
text-decoration: underline;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
li {
list-style: none;
}
ol {
margin: 0;
padding: 0;
}
@media print {
*,
::after,
::before {
background: 0 0 !important;
color: #000 !important;
box-shadow: none !important;
text-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]::after {
content: " (" attr(href) ")";
}
abbr[title]::after {
content: " (" attr(title) ")";
}
a[href^="#"]::after,
a[href^="javascript:"]::after {
content: "";
}
blockquote,
pre {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
img,
tr {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
h2,
h3,
p {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
[type="radio"].svelte-vyknfg.svelte-vyknfg:checked,
[type="radio"].svelte-vyknfg.svelte-vyknfg:not(:checked) {
left: 0;
opacity: 0;
}
[dir="rtl"] [type="radio"].svelte-vyknfg.svelte-vyknfg:checked,
[dir="rtl"] [type="radio"].svelte-vyknfg.svelte-vyknfg:not(:checked) {
left: auto;
right: 0;
}
[type="radio"].svelte-vyknfg:checked + label.svelte-vyknfg,
[type="radio"].svelte-vyknfg:not(:checked) + label.svelte-vyknfg {
position: relative;
-webkit-padding-start: 2.8rem;
padding-inline-start: 2.8rem;
cursor: pointer;
display: inline-block;
}
[type="radio"].svelte-vyknfg:checked + label.svelte-vyknfg::before,
[type="radio"].svelte-vyknfg:not(:checked) + label.svelte-vyknfg::before {
content: "";
position: absolute;
left: 0.4rem;
top: 0.4rem;
width: 1.6rem;
height: 1.6rem;
border: 0.2rem solid #ccc;
border-radius: 100%;
background: #fff;
}
[dir="rtl"]
[type="radio"]:checked
+ label.svelte-vyknfg.svelte-vyknfg::before,
[dir="rtl"]
[type="radio"]:not(:checked)
+ label.svelte-vyknfg.svelte-vyknfg::before {
left: auto;
right: 0.4rem;
}
[type="radio"].svelte-vyknfg:checked + label.svelte-vyknfg::after,
[type="radio"].svelte-vyknfg:not(:checked) + label.svelte-vyknfg::after {
content: "";
width: 1.6rem;
height: 1.6rem;
background-color: #ff5c28;
background-image: url('data:image/svg+xml;utf8,');
color: #fff;
position: absolute;
top: 0.4rem;
left: 0.4rem;
border-radius: 100%;
border: 0.2rem solid #ff5c28;
transition: all 0.2s ease;
}
[dir="rtl"]
[type="radio"]:checked
+ label.svelte-vyknfg.svelte-vyknfg::after,
[dir="rtl"]
[type="radio"]:not(:checked)
+ label.svelte-vyknfg.svelte-vyknfg::after {
left: auto;
right: 0.4rem;
}
[type="radio"].svelte-vyknfg:not(:checked) + label.svelte-vyknfg::after {
opacity: 0;
}
[type="radio"].svelte-vyknfg:checked + label.svelte-vyknfg::after {
opacity: 1;
}
.radio-container.svelte-vyknfg.svelte-vyknfg {
display: flex;
padding: 0.8rem;
border-radius: 0.8rem;
}
.title.svelte-vyknfg.svelte-vyknfg {
font-weight: 600;
font-size: 1.6rem;
letter-spacing: -0.016rem;
}
.body.svelte-vyknfg.svelte-vyknfg {
display: block;
font-size: 1.4rem;
line-height: 1.5;
letter-spacing: -0.018rem;
font-weight: 400;
}
.body-only.svelte-vyknfg.svelte-vyknfg {
font-size: 1.6rem;
}
.signup-form.svelte-4asevj {
background-color: #f2eeeb;
}
.signup-form.svelte-4asevj .hidden {
display: none;
}
@media (min-width: 75em) {
.signup-header.svelte-4asevj {
-webkit-padding-before: 32px;
padding-block-start: 32px;
}
}
.footer-text.svelte-4asevj {
font-size: 1.4rem;
max-width: 60ch;
}
.subscription-component.svelte-19o1tk1 {
background-color: #ffebe6;
color: #48001e;
margin: 0;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-row-gap: 1.6rem;
grid-column-gap: 0.8rem;
-webkit-padding-before: 4.8rem;
padding-block-start: 4.8rem;
-webkit-padding-after: 4.8rem;
padding-block-end: 4.8rem;
width: 100%;
overflow: hidden;
font-size: 1.6rem;
word-break: break-all;
}
.subscription-component.background.svelte-19o1tk1 {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNDc0IiBoZWlnaHQ9IjM2NjQiIHZpZXdCb3g9IjAgMCAzNDc0IDM2NjQiPgogICAgPHBhdGggZmlsbD0iI0ZGRDZDRSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjM4MS45MTQgMjA1MC42MTNjNDA0Ljg5MiAwIDc2MC4zMzIgMjU5LjYyNiA3NjAuMzMyIDc2MC4zMzIgMCAzNS4wMjkgMCA3NS41NzEtNS4yMDggMTM0LjY0NmwtLjk3NCAxMC42MkgxOTgwLjExM2MyNC43MjYgMjA3LjA4MyAyMDcuMDgyIDMyMS40NDIgNDExLjA3MyAzMjEuNDQyIDE5MS42MjkgMCAzMzAuNzE0LTg5LjYzMyAzOTguNzEtMTk0LjcybDMxNS4yNiAyMzQuOUMyOTYyLjk4IDM1MjQuOTE1IDI3MTIuNjI3IDM2NjQgMjM4OC4wOTYgMzY2NGMtNDYwLjUyNyAwLTgxOS4wNTctMzE4LjM1LTgxOS4wNTctODA2LjY5MyAwLTQ1Ny40MzYgMzQzLjA3Ni04MDYuNjk0IDgxMi44NzUtODA2LjY5NHptLTEyLjM2MyAzNDkuMjU4Yy0xNTcuNjMgMC0zMzMuODA0IDgwLjM2LTM3My45ODQgMjY4Ljg5OGg3MjMuMjQyYy0zNy4wOS0xODIuMzU2LTE5MS42MjgtMjY4Ljg5OC0zNDkuMjU4LTI2OC44OTh6TTEzNjguNjE0IDBsNTg3Ljg0MiAxMDE4LjE3M2MyNDEuOTczIDQxOS4xMDggMTEyLjY3NyA4NTYuODI3LTI4NS4xMiAxMDg2LjQ5NS00MDIuNTM0IDIzMi40MDMtODQxLjUyMSAxMjIuNzgzLTEwODMuNDk0LTI5Ni4zMjVMMCA3OTAuMTdsMzQzLjMzNy0xOTguMjI2IDU5MC41NzcgMTAyMi45MDhjMTI4LjUwNSAyMjIuNTc4IDM0Mi4zOTYgMjc1Ljg4NyA1NDYuMDMgMTU4LjMxOCAyMDMuNjM1LTExNy41NjggMjY0LjQxNC0zMjkuNDU4IDEzNS45MDktNTUyLjAzNWwtNTkwLjU3Ny0xMDIyLjkxTDEzNjguNjE0IDB6bTE0NDguNjI0IDYxOC4xNTZjMzYxLjk3OCAwIDY1Ni41NTMgMjg3LjA4NiA2NTYuNTUzIDY1MS41NiAwIDM2NC40NzQtMjk0LjU3NSA2NTEuNTYtNjU2LjU1MyA2NTEuNTZzLTY1Ni41NTMtMjg3LjA4Ni02NTYuNTUzLTY1MS41NmMwLTM2NC40NzQgMjk0LjU3NS02NTEuNTYgNjU2LjU1My02NTEuNTZ6bTAgMzE5LjUzOWMtMTc5Ljc0IDAtMzEyLjA1IDEzOS43OTgtMzEyLjA1IDMzMi4wMiAwIDE5Mi4yMjQgMTMyLjMxIDMzMi4wMjIgMzEyLjA1IDMzMi4wMjIgMTc5Ljc0MSAwIDMwOS41NTQtMTM5Ljc5OCAzMDkuNTU0LTMzMi4wMjFzLTEyOS44MTMtMzMyLjAyMS0zMDkuNTU0LTMzMi4wMjF6Ii8+Cjwvc3ZnPgo=");
background-repeat: no-repeat;
}
@media (min-width: 56.25em) {
.subscription-component.svelte-19o1tk1 {
grid-column-gap: 1.6rem;
grid-row-gap: 42px;
grid-template-columns: repeat(12, 1fr);
-webkit-padding-before: 6.4rem;
padding-block-start: 6.4rem;
-webkit-padding-after: 6.4rem;
padding-block-end: 6.4rem;
}
}
@media (min-width: 75em) {
.subscription-component.svelte-19o1tk1 {
grid-column-gap: 2.4rem;
-webkit-padding-before: 8rem;
padding-block-start: 8rem;
-webkit-padding-after: 8rem;
padding-block-end: 8rem;
}
}
@media (min-width: 112.5em) {
.subscription-component.svelte-19o1tk1 {
grid-column-gap: 3.2rem;
grid-template-columns: repeat(12, 1fr);
}
}
.full-width.svelte-19o1tk1 {
grid-column: span 2;
}
@media (min-width: 56.25em) {
.full-width.svelte-19o1tk1 {
grid-column: span 12;
}
}
.subscription-footer.svelte-19o1tk1 {
text-align: center;
padding: 1.6rem;
}
.subscription-footer-content.svelte-19o1tk1 {
max-width: 100%;
word-break: break-word;
}
.full-width.svelte-1m646t3 {
grid-column: span 2;
}
@media (min-width: 56.25em) {
.full-width.svelte-1m646t3 {
grid-column: span 12;
}
}
.subscription-area.svelte-1m646t3 {
-o-object-fit: contain;
object-fit: contain;
background-color: #48001e;
}
@media (min-width: 75em) {
.subscription-area.svelte-1m646t3 {
-webkit-margin-start: 8rem;
margin-inline-start: 8rem;
-webkit-margin-end: 8rem;
margin-inline-end: 8rem;
}
}
@media (min-width: 112.5em) {
.subscription-area.svelte-1m646t3 {
-webkit-margin-start: calc((100vw - 112rem) / 2);
margin-inline-start: calc((100vw - 112rem) / 2);
-webkit-margin-end: calc((100vw - 112rem) / 2);
margin-inline-end: calc((100vw - 112rem) / 2);
}
}
.subscription-area.single.svelte-1m646t3 {
-webkit-margin-before: 4.8rem;
margin-block-start: 4.8rem;
background-image: none;
background-color: #ffbda9;
}
.subscription-header.svelte-1m646t3 {
text-align: center;
padding: 1.6rem;
}
@media (min-width: 56.25em) {
.subscription-header.svelte-1m646t3 {
-webkit-margin-after: 2.4rem;
margin-block-end: 2.4rem;
}
}
.description.svelte-1m646t3 {
font-size: 1.6rem;
line-height: 2.4rem;
letter-spacing: -0.02rem;
max-width: 475px;
margin: 0 auto;
-webkit-margin-before: 0.8rem;
margin-block-start: 0.8rem;
word-break: break-word;
}
@media (min-width: 56.25em) {
.description.svelte-1m646t3 {
font-size: 2rem;
line-height: 1.4;
}
}
.subscription-nav.svelte-1m646t3 {
grid-column: span 2;
}
@media (min-width: 56.25em) {
.subscription-nav.svelte-1m646t3 {
grid-column: span 12;
}
}
@media (min-width: 75em) {
.subscription-nav.svelte-1m646t3 {
display: none;
}
}
.subscription-nav-list.svelte-1m646t3 {
list-style: none;
display: flex;
justify-content: space-evenly;
margin: 0;
-webkit-margin-after: 4.8rem;
margin-block-end: 4.8rem;
padding: 0;
}
.subscription-nav-list.has-active-subscription.svelte-1m646t3 {
-webkit-margin-after: 7.2rem;
margin-block-end: 7.2rem;
}
.subscription-nav-item.svelte-1m646t3 {
font-size: 1.6rem;
font-weight: 600;
letter-spacing: -0.016rem;
-webkit-padding-after: 0.8rem;
padding-block-end: 0.8rem;
cursor: pointer;
}
.subscription-nav-item.active.svelte-1m646t3 {
-webkit-border-after: 0.2rem solid #48001e;
border-block-end: 0.2rem solid #48001e;
}
.subscription-area.svelte-tb9742.svelte-tb9742 {
grid-column: span 12;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-row-gap: 1.6rem;
grid-column-gap: 2.4rem;
margin: 2.4rem;
-webkit-margin-before: -7.2rem;
margin-block-start: -7.2rem;
}
@media (min-width: 75em) {
.subscription-area.svelte-tb9742.svelte-tb9742 {
grid-template-columns: repeat(12, 1fr);
margin: 4rem;
-webkit-margin-before: -7.2rem;
margin-block-start: -7.2rem;
}
}
.subscription-area.svelte-tb9742 .always-included.svelte-tb9742 {
grid-row: 2;
display: flex;
align-items: center;
flex-direction: column;
-webkit-margin-before: 2.4rem;
margin-block-start: 2.4rem;
}
@media (min-width: 75em) {
.subscription-area.svelte-tb9742 .always-included.svelte-tb9742 {
grid-column: span 12;
}
}
.subscription-area.svelte-tb9742 .box-title.svelte-tb9742 {
color: #ff5c28;
}
.subscription-area.svelte-tb9742 .item.svelte-tb9742 {
display: flex;
align-items: center;
-webkit-margin-after: 1.6rem;
margin-block-end: 1.6rem;
fill: #ff5c28;
}
.subscription-area.svelte-tb9742 .item-text.svelte-tb9742 {
-webkit-margin-start: 0.8rem;
margin-inline-start: 0.8rem;
}
.subscription-area.svelte-tb9742 .box-items.svelte-tb9742 {
color: #ffccc2;
list-style: none;
font-size: 1.6rem;
line-height: 2.4rem;
letter-spacing: -0.02rem;
margin: 0;
padding: 0;
}
.subscription-area.svelte-tb9742 .box-items .item.svelte-tb9742 {
-webkit-margin-end: 2.4rem;
margin-inline-end: 2.4rem;
}
@media (min-width: 37.5em) {
.subscription-area.svelte-tb9742 .box-items.svelte-tb9742 {
display: flex;
flex-direction: row;
}
}
@media (min-width: 56.25em) {
.subscription-area.svelte-tb9742 .box-items.svelte-tb9742 {
display: flex;
}
.subscription-area.svelte-tb9742
.box-items
.item.svelte-tb9742:last-child {
-webkit-margin-end: 0;
margin-inline-end: 0;
}
}
.subscription-area.svelte-tb9742 .subscription-cards.svelte-tb9742 {
display: flex;
overflow-x: scroll;
overflow-x: -moz-scrollbars-none;
overflow-y: hidden;
scrollbar-width: none;
-ms-overflow-style: none;
width: 100vw;
-webkit-margin-start: -2.4rem;
margin-inline-start: -2.4rem;
scroll-behavior: smooth;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
}
.subscription-area.svelte-tb9742
.subscription-cards.svelte-tb9742::-webkit-scrollbar {
width: 0 !important;
}
.subscription-area.svelte-tb9742
.subscription-cards.align-inlineStart.svelte-tb9742 {
grid-row: 1;
}
.subscription-area.svelte-tb9742
.subscription-cards
.grid-item.svelte-tb9742 {
width: calc(100vw - 4.8rem);
margin: 0;
-webkit-margin-start: 0.8rem;
margin-inline-start: 0.8rem;
flex-shrink: 0;
box-sizing: border-box;
scroll-snap-align: center;
}
.subscription-area.svelte-tb9742
.subscription-cards
.grid-item.svelte-tb9742:first-child {
-webkit-margin-start: 2.4rem;
margin-inline-start: 2.4rem;
}
.subscription-area.svelte-tb9742
.subscription-cards
.grid-item.svelte-tb9742:last-child {
width: calc(100vw - 2.4rem);
-webkit-border-end: 2.4rem solid transparent;
border-inline-end: 2.4rem solid transparent;
}
@media (min-width: 37.5em) {
.subscription-area.svelte-tb9742
.subscription-cards
.grid-item.svelte-tb9742 {
display: block;
width: 46.4rem;
margin: 0 2rem;
}
.subscription-area.svelte-tb9742
.subscription-cards
.grid-item.svelte-tb9742:first-child {
-webkit-margin-start: calc((100vw - 46.4rem) / 2);
margin-inline-start: calc((100vw - 46.4rem) / 2);
}
.subscription-area.svelte-tb9742
.subscription-cards
.grid-item.svelte-tb9742:last-child {
width: calc(46.4rem + (100vw - 46.4rem) / 2);
-webkit-border-end: calc((100vw - 46.4rem) / 2) solid transparent;
border-inline-end: calc((100vw - 46.4rem) / 2) solid transparent;
}
}
@media (min-width: 75em) {
.subscription-area.svelte-tb9742 .subscription-cards.svelte-tb9742 {
display: grid;
grid-column: span 12;
grid-template-columns: repeat(3, 1fr);
grid-row-gap: 1.6rem;
grid-column-gap: 2.4rem;
-webkit-padding-end: 0;
padding-inline-end: 0;
-webkit-margin-start: 0;
margin-inline-start: 0;
width: auto;
}
.subscription-area.svelte-tb9742
.subscription-cards
.grid-item.svelte-tb9742 {
grid-column: span 1;
}
.subscription-area.svelte-tb9742
.subscription-cards
.grid-item.svelte-tb9742,
.subscription-area.svelte-tb9742
.subscription-cards
.grid-item.svelte-tb9742:first-child,
.subscription-area.svelte-tb9742
.subscription-cards
.grid-item.svelte-tb9742:last-child {
margin: 0;
border: none;
width: inherit;
}
[dir="rtl"]
.subscription-area.svelte-tb9742
.subscription-cards
.grid-item.svelte-tb9742,
[dir="rtl"]
.subscription-area.svelte-tb9742
.subscription-cards
.grid-item.svelte-tb9742:first-child,
[dir="rtl"]
.subscription-area.svelte-tb9742
.subscription-cards
.grid-item.svelte-tb9742:last-child {
margin: 0;
border: none;
width: inherit;
}
}
@media (min-width: 75em) {
.subscription-area.two-products.svelte-tb9742
.always-included.svelte-tb9742 {
-webkit-margin-before: 165px;
margin-block-start: 165px;
padding: 1.6rem;
grid-row: auto;
grid-column: span 4;
align-items: flex-start;
}
}
@media (min-width: 75em) {
.subscription-area.two-products.svelte-tb9742
.subscription-cards.svelte-tb9742 {
grid-column: span 8;
grid-template-columns: repeat(2, 1fr);
}
}
@media (min-width: 75em) {
.subscription-area.two-products.svelte-tb9742 .box-items.svelte-tb9742 {
display: flex;
flex-direction: column;
}
}
.subscription-area.single.svelte-tb9742.svelte-tb9742 {
grid-template-columns: repeat(1, 1fr);
}
.subscription-area.single.svelte-tb9742 .grid-item.svelte-tb9742 {
display: flex;
align-items: center;
justify-content: center;
width: calc(100vw - 4.8rem);
}
.subscription-area.single.svelte-tb9742
.grid-item.svelte-tb9742:last-child {
width: calc(100vw - 4.8rem);
}
.subscription-area.single.svelte-tb9742 .illustration.svelte-tb9742 {
grid-row: 3;
}
.subscription-area.single.svelte-tb9742 .always-included.svelte-tb9742 {
grid-row: 2;
}
.subscription-area.single.svelte-tb9742
.subscription-cards.svelte-tb9742 {
grid-row: 1;
}
@media (min-width: 37.5em) {
.subscription-area.single.svelte-tb9742 .box-items.svelte-tb9742 {
flex-direction: column;
}
}
@media (min-width: 75em) {
.subscription-area.single.svelte-tb9742.svelte-tb9742 {
grid-template-columns: repeat(12, 1fr);
}
.subscription-area.single.svelte-tb9742 .grid-item.svelte-tb9742 {
width: auto;
}
.subscription-area.single.svelte-tb9742
.grid-item.svelte-tb9742:last-child {
width: auto;
}
.subscription-area.single.svelte-tb9742 .illustration.svelte-tb9742 {
grid-column: span 4;
grid-row: 1;
order: 1;
-webkit-margin-before: 11.2rem;
margin-block-start: 11.2rem;
}
.subscription-area.single.svelte-tb9742 .always-included.svelte-tb9742 {
align-items: flex-start;
grid-row: 1;
grid-column: span 4;
order: 2;
-webkit-margin-before: 11.2rem;
margin-block-start: 11.2rem;
}
.subscription-area.single.svelte-tb9742
.subscription-cards.svelte-tb9742 {
grid-row: 1;
grid-column: span 4;
grid-template-columns: repeat(1, 1fr);
order: 3;
}
}
.subscription-area.single.svelte-tb9742 .box-title.svelte-tb9742 {
color: #48001e;
}
.subscription-area.single.svelte-tb9742 .box-items.svelte-tb9742 {
color: #48001e;
}
.subscription-card.svelte-1q6bcl0.svelte-1q6bcl0 {
background-color: #fff4f2;
border-radius: 0.8rem;
padding: 2.4rem 1.6rem;
position: relative;
-webkit-margin-before: 3.2rem;
margin-block-start: 3.2rem;
}
.subscription-card.has-active-subscription.svelte-1q6bcl0.svelte-1q6bcl0 {
-webkit-margin-before: 0;
margin-block-start: 0;
-webkit-padding-before: 5.6rem;
padding-block-start: 5.6rem;
}
.active-subscription-tab.svelte-1q6bcl0.svelte-1q6bcl0 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 3.2rem;
display: flex;
align-items: center;
justify-content: center;
border-radius: 0.8rem 0.8rem 0 0;
background-color: #48001e;
color: #ffccc2;
text-transform: uppercase;
font-size: 1.1rem;
font-weight: 600;
line-height: 1.45;
letter-spacing: 0.12rem;
}
[dir="rtl"] .active-subscription-tab.svelte-1q6bcl0.svelte-1q6bcl0 {
left: auto;
right: 0;
}
.subscription-name.svelte-1q6bcl0.svelte-1q6bcl0 {
font-weight: 600;
font-size: 2rem;
line-height: 2.8rem;
letter-spacing: -0.02rem;
-webkit-margin-after: 0.8rem;
margin-block-end: 0.8rem;
}
.subscription-description.svelte-1q6bcl0.svelte-1q6bcl0 {
margin: 0 0 3.6rem 0;
font-size: 1.6rem;
line-height: 2.4rem;
letter-spacing: -0.02rem;
word-break: break-word;
}
.pricing-options-heading.svelte-1q6bcl0.svelte-1q6bcl0 {
font-weight: 600;
font-size: 1.6rem;
line-height: 2.4rem;
letter-spacing: -0.016rem;
width: 100%;
margin: 0;
-webkit-margin-before: 1.2rem;
margin-block-start: 1.2rem;
-webkit-margin-after: 1.6rem;
margin-block-end: 1.6rem;
}
.discount.svelte-1q6bcl0.svelte-1q6bcl0 {
position: absolute;
padding: 0 0.4rem;
height: 16px;
right: 0;
top: -8px;
color: #fff;
font-size: 1.1rem;
text-align: center;
line-height: 1.6rem;
letter-spacing: 0.12rem;
border-radius: 4px;
background-color: #ff5c28;
text-transform: uppercase;
}
[dir="rtl"] .discount.svelte-1q6bcl0.svelte-1q6bcl0 {
right: auto;
left: 0;
}
[type="radio"].svelte-1q6bcl0.svelte-1q6bcl0:checked,
[type="radio"].svelte-1q6bcl0.svelte-1q6bcl0:not(:checked) {
position: absolute;
left: 0;
opacity: 0;
}
[type="radio"].svelte-1q6bcl0:checked + label.svelte-1q6bcl0,
[type="radio"].svelte-1q6bcl0:not(:checked) + label.svelte-1q6bcl0 {
position: relative;
-webkit-padding-start: 28px;
padding-inline-start: 28px;
cursor: pointer;
display: inline-block;
}
[type="radio"].svelte-1q6bcl0:checked + label.svelte-1q6bcl0::before,
[type="radio"].svelte-1q6bcl0:not(:checked)
+ label.svelte-1q6bcl0::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 1.6rem;
height: 1.6rem;
border: 0.2rem solid #48001e;
border-radius: 100%;
background: #fff;
}
[dir="rtl"]
[type="radio"]:checked
+ label.svelte-1q6bcl0.svelte-1q6bcl0::before,
[dir="rtl"]
[type="radio"]:not(:checked)
+ label.svelte-1q6bcl0.svelte-1q6bcl0::before {
left: auto;
right: 0;
}
[type="radio"].svelte-1q6bcl0:checked + label.svelte-1q6bcl0::after,
[type="radio"].svelte-1q6bcl0:not(:checked)
+ label.svelte-1q6bcl0::after {
content: "";
width: 1.6rem;
height: 1.6rem;
background-color: #ff5c28;
background-image: url('data:image/svg+xml;utf8,');
color: #fff;
position: absolute;
top: 0;
left: 0;
border-radius: 100%;
border: 0.2rem solid #ff5c28;
transition: all 0.2s ease;
}
[type="radio"].svelte-1q6bcl0:not(:checked)
+ label.svelte-1q6bcl0::after {
opacity: 0;
}
[type="radio"].svelte-1q6bcl0:checked + label.svelte-1q6bcl0::after {
opacity: 1;
}
[dir="rtl"]
[type="radio"]:checked
+ label.svelte-1q6bcl0.svelte-1q6bcl0::after,
[dir="rtl"]
[type="radio"]:not(:checked)
+ label.svelte-1q6bcl0.svelte-1q6bcl0::after {
left: auto;
right: 0;
}
.pricing-option.svelte-1q6bcl0.svelte-1q6bcl0 {
display: flex;
position: relative;
border-radius: 0.8rem;
opacity: 0;
max-height: 0;
transition: max-height 0.5s ease-out, opacity 0.5s ease-out,
padding 0.5s, margin 0.5s;
}
.pricing-option.selected.svelte-1q6bcl0.svelte-1q6bcl0 {
background-color: #ffeae6;
}
.pricing-option.visible.svelte-1q6bcl0.svelte-1q6bcl0 {
border: solid 0.2rem #ffeae6;
padding: 0.8rem;
margin: 1.6rem 0;
opacity: 1;
max-height: 100px;
}
.pricing-name.svelte-1q6bcl0.svelte-1q6bcl0 {
font-weight: 600;
font-size: 1.6rem;
letter-spacing: -0.016rem;
width: 100%;
}
.pricing-row.svelte-1q6bcl0.svelte-1q6bcl0 {
display: flex;
justify-content: space-between;
}
.pricing-description.svelte-1q6bcl0.svelte-1q6bcl0 {
display: block;
font-size: 1.4rem;
line-height: 1.5;
letter-spacing: -0.018rem;
font-weight: 400;
word-break: break-word;
}
.show-more-less.svelte-1q6bcl0.svelte-1q6bcl0 {
font-size: 1.6rem;
line-height: 2.4rem;
letter-spacing: -0.02rem;
color: #ff5c28;
display: flex;
align-items: center;
-webkit-margin-before: 0;
margin-block-start: 0;
-webkit-margin-end: 0.8rem;
margin-inline-end: 0.8rem;
-webkit-margin-after: 2.4rem;
margin-block-end: 2.4rem;
-webkit-margin-start: 0.8rem;
margin-inline-start: 0.8rem;
cursor: pointer;
fill: #ff5c28;
position: relative;
z-index: 1;
word-break: break-word;
}
.show-more-less-icon.svelte-1q6bcl0.svelte-1q6bcl0 {
fill: #ff5c28;
-webkit-margin-start: 0.8rem;
margin-inline-start: 0.8rem;
display: flex;
align-items: center;
}
.subscription-info.svelte-1q6bcl0.svelte-1q6bcl0 {
list-style: none;
margin: 0;
-webkit-margin-after: 2.4rem;
margin-block-end: 2.4rem;
padding: 0;
display: flex;
flex-direction: column;
font-size: 1.6rem;
line-height: 1.5;
letter-spacing: -0.02rem;
}
.info-item.svelte-1q6bcl0.svelte-1q6bcl0 {
display: flex;
justify-content: space-between;
padding: 1.2rem 0;
}
.info-item.svelte-1q6bcl0 .label.svelte-1q6bcl0 {
font-weight: 600;
}
a.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb {
color: inherit;
}
.svelte-1k80cpb:not(.is-logged-in)
.for-logged-in.svelte-1k80cpb.svelte-1k80cpb {
display: none;
}
.is-logged-in.svelte-1k80cpb
.for-logged-in.svelte-1k80cpb.svelte-1k80cpb {
display: inherit;
}
.svelte-1k80cpb:not(.is-logged-in)
.for-logged-out.svelte-1k80cpb.svelte-1k80cpb {
display: inherit;
}
.is-logged-in.svelte-1k80cpb
.for-logged-out.svelte-1k80cpb.svelte-1k80cpb {
display: none;
}
.vh.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb {
position: absolute !important;
clip: rect(1px, 1px, 1px, 1px);
padding: 0 !important;
border: 0 !important;
height: 1px !important;
width: 1px !important;
overflow: hidden;
}
.svelte-1k80cpb:checked
+ label
.expanded-text.svelte-1k80cpb.svelte-1k80cpb {
display: inline;
}
.svelte-1k80cpb:checked
+ label
.collapsed-text.svelte-1k80cpb.svelte-1k80cpb {
display: none;
}
[type="checkbox"]:not(:checked)
+ label.svelte-1k80cpb
.expanded-text.svelte-1k80cpb.svelte-1k80cpb {
display: none;
}
[type="checkbox"]:not(:checked)
+ label.svelte-1k80cpb
.collapsed-text.svelte-1k80cpb.svelte-1k80cpb {
display: inline;
}
.item-link.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb:focus-visible,
[type="checkbox"].svelte-1k80cpb:focus-visible
+ label.svelte-1k80cpb.svelte-1k80cpb {
outline: auto;
outline-color: #ff5c28;
outline-offset: 2px;
outline-offset: 2px;
padding: 4px;
}
.item-link.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb:focus-visible:not(
.mobile-menu-button
),
[type="checkbox"].svelte-1k80cpb:focus-visible
+ label.svelte-1k80cpb.svelte-1k80cpb:not(.mobile-menu-button) {
margin: -4px;
}
.logo-link.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb:focus-visible {
outline-color: #ff5c28;
}
.main-nav.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb {
position: fixed;
top: 0;
left: 0;
z-index: 1000;
width: 100%;
height: 8rem;
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 0;
padding: 0 2.4rem;
transition: background-color 0.3s linear, color 0.3s linear;
}
.main-nav.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb::after {
display: block;
pointer-events: none;
content: "";
position: fixed;
top: 8rem;
left: 0;
width: 100vw;
height: 100vh;
background-color: transparent;
z-index: -1;
transition: background-color 0.3s linear;
}
.main-nav.has-open-menu.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb::after {
background-color: rgba(0, 0, 0, 0.5);
pointer-events: all;
}
.main-nav.pink.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb {
background-color: #ffccc2;
color: #48001e;
fill: #48001e;
}
.main-nav.pink.svelte-1k80cpb
.mobile-menu-button.svelte-1k80cpb
> span.svelte-1k80cpb {
background-color: #48001e;
}
.main-nav.purple.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb {
background-color: #48001e;
color: #ffccc2;
fill: #ffccc2;
}
.main-nav.purple.svelte-1k80cpb
.mobile-menu-button.svelte-1k80cpb
> span.svelte-1k80cpb {
background-color: #ffccc2;
}
.main-nav.has-open-menu.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb,
.main-nav.is-expanded.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb,
.main-nav.is-scrolled.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb,
.main-nav.white.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb {
background-color: #fff;
color: #000;
fill: #000;
}
.main-nav.has-open-menu.svelte-1k80cpb
.mobile-menu-button.svelte-1k80cpb
> span.svelte-1k80cpb,
.main-nav.is-expanded.svelte-1k80cpb
.mobile-menu-button.svelte-1k80cpb
> span.svelte-1k80cpb,
.main-nav.is-scrolled.svelte-1k80cpb
.mobile-menu-button.svelte-1k80cpb
> span.svelte-1k80cpb,
.main-nav.white.svelte-1k80cpb
.mobile-menu-button.svelte-1k80cpb
> span.svelte-1k80cpb {
background-color: #000;
}
.main-nav.transparent.svelte-1k80cpb
.mobile-menu-button.svelte-1k80cpb
> span.svelte-1k80cpb {
background-color: #000;
}
.logo.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb {
display: flex;
height: 100%;
width: 12.6rem;
margin: 0;
}
.logo.portrait.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb {
width: 7.6rem;
display: none;
}
.logo.mofibo.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb {
width: 10.2rem;
}
.item-list.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb {
position: fixed;
top: 8rem;
right: 0;
width: 100%;
height: calc(100vh - 8rem);
margin: 0;
padding: 1.6rem;
overflow: auto;
flex-direction: column;
align-content: center;
background-color: #fff;
color: #000;
font-size: 1.6rem;
transform: translateX(100%);
transition: transform 0.3s linear;
display: flex;
}
[type="checkbox"].svelte-1k80cpb:checked
~ .item-list.svelte-1k80cpb.svelte-1k80cpb {
transform: translateX(0);
}
[dir="rtl"] .item-list.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb {
right: auto;
left: 0;
}
@media only screen and (max-width: 1199px) {
[dir="rtl"] .item-list.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb {
transform: translateX(-100%);
}
}
.item.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb {
display: flex;
flex-direction: column;
justify-content: center;
transition: visibility 0.3s linear;
}
.item.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb:not(:first-child) {
-webkit-margin-before: 2.4rem;
margin-block-start: 2.4rem;
}
.item-link.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb {
font-weight: inherit;
text-decoration: none;
}
.item-label.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb:hover,
.item-link.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb:hover {
cursor: pointer;
color: #ff5c28;
border-color: #ff5c28;
}
[type="checkbox"].svelte-1k80cpb:checked
~ .item-label.svelte-1k80cpb.svelte-1k80cpb {
color: #ff5c28;
}
[type="checkbox"]:checked
~ .item-label.svelte-1k80cpb
.item-arrow.svelte-1k80cpb.svelte-1k80cpb {
border-color: #ff5c28;
}
@media only screen and (max-width: 1199px) {
[type="checkbox"].svelte-1k80cpb:not(:checked)
~ [role="menu"].sub-item-list.svelte-1k80cpb.svelte-1k80cpb {
display: none;
}
[type="checkbox"]:not(:checked)
~ [role="menu"].svelte-1k80cpb
.item.svelte-1k80cpb.svelte-1k80cpb {
visibility: hidden;
}
}
[type="checkbox"]:not(:checked)
~ [role="menu"].sub-item-list.svelte-1k80cpb
.item.svelte-1k80cpb.svelte-1k80cpb {
display: none;
}
.item-label.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb {
display: flex;
flex-direction: row;
align-items: center;
}
.item-arrow.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb {
position: relative;
top: 4px;
width: 1rem;
height: 1rem;
-webkit-margin-start: 1.2rem;
margin-inline-start: 1.2rem;
transform-origin: center;
transition: transform 0.3s;
transform: translateY(-5px) rotate(135deg);
}
.item-arrow.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb::before {
content: "";
display: block;
width: 100%;
height: 100%;
border-width: 2px 2px 0 0;
border-style: solid;
border-color: inherit;
}
.svelte-1k80cpb:checked
~ .item-label
.item-arrow.svelte-1k80cpb.svelte-1k80cpb {
transform: translateY(0) rotate(-45deg);
}
.sub-item-list.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb {
display: block;
padding: 1.6rem;
overflow: hidden;
max-height: 200vh;
opacity: 1;
}
.sub-item-list.grid.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb {
display: grid;
grid-template-columns: repeat(2, 22rem);
-webkit-padding-before: 0;
padding-block-start: 0;
}
.sub-item-list.grid.svelte-1k80cpb .item.svelte-1k80cpb.svelte-1k80cpb {
-webkit-margin-before: 2.4rem;
margin-block-start: 2.4rem;
}
.mobile-menu-button.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb {
width: 4.4rem;
height: 4rem;
position: relative;
cursor: pointer;
align-self: center;
border: 1rem solid transparent;
}
.mobile-menu-button.svelte-1k80cpb > span.svelte-1k80cpb.svelte-1k80cpb {
position: absolute;
height: 0.3rem;
border-radius: 0.9rem;
width: 100%;
opacity: 1;
left: 0;
top: 0;
transform: rotate(0);
transition: all 0.25s ease-in-out;
}
.mobile-menu-button.svelte-1k80cpb
> span.svelte-1k80cpb.svelte-1k80cpb:first-child {
top: 0;
}
.mobile-menu-button.svelte-1k80cpb
> span.svelte-1k80cpb.svelte-1k80cpb:nth-child(2),
.mobile-menu-button.svelte-1k80cpb
> span.svelte-1k80cpb.svelte-1k80cpb:nth-child(3) {
top: 0.9rem;
}
.mobile-menu-button.svelte-1k80cpb
> span.svelte-1k80cpb.svelte-1k80cpb:nth-child(4) {
top: 1.8rem;
}
[type="checkbox"].svelte-1k80cpb:checked
~ .mobile-menu-button.svelte-1k80cpb
> span.svelte-1k80cpb:first-child,
[type="checkbox"].svelte-1k80cpb:checked
~ .mobile-menu-button.svelte-1k80cpb
> span.svelte-1k80cpb:nth-child(4) {
top: 0.9rem;
width: 0%;
left: 50%;
}
[type="checkbox"].svelte-1k80cpb:checked
~ .mobile-menu-button.svelte-1k80cpb
> span.svelte-1k80cpb:nth-child(2) {
transform: rotate(45deg);
}
[type="checkbox"].svelte-1k80cpb:checked
~ .mobile-menu-button.svelte-1k80cpb
> span.svelte-1k80cpb:nth-child(3) {
transform: rotate(-45deg);
}
@media only screen and (min-width: 600px) {
.item-list.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb {
width: 54rem;
}
.main-nav.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb {
padding: 0 3.2rem;
}
}
@media only screen and (min-width: 900px) {
.main-nav.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb {
padding: 0 8rem;
}
}
@media only screen and (min-width: 1200px) {
.main-nav.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb {
padding: 0 calc((100vw - 112rem) / 2);
}
.logo.landscape.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb {
display: none;
}
.logo.portrait.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb {
display: flex;
}
.item-list.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb {
display: flex !important;
position: initial;
width: auto;
height: auto;
padding: 0;
flex-direction: row;
overflow: visible;
background-color: transparent;
color: inherit;
transform: translateX(0);
}
.item.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb {
-webkit-margin-before: 0 !important;
margin-block-start: 0 !important;
}
.item.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb:not(:first-child) {
-webkit-margin-start: 4rem;
margin-inline-start: 4rem;
}
.sub-item-list.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb {
display: block;
position: absolute;
top: 8rem;
min-width: 24rem;
padding: 0;
background-color: #fff;
color: #000;
box-shadow: 0 0.3rem 0.1rem rgba(0, 0, 0, 0.16),
0 0.4rem 0.6rem rgba(0, 0, 0, 0.23);
transition: max-height 0.6s, opacity 0.2s ease-in;
}
.item.svelte-1k80cpb:last-child
.sub-item-list.svelte-1k80cpb.svelte-1k80cpb,
.item.svelte-1k80cpb:nth-last-child(2)
.sub-item-list.svelte-1k80cpb.svelte-1k80cpb {
right: 0;
}
[dir="rtl"]
.item.svelte-1k80cpb:last-child
.sub-item-list.svelte-1k80cpb.svelte-1k80cpb,
[dir="rtl"]
.item.svelte-1k80cpb:nth-last-child(2)
.sub-item-list.svelte-1k80cpb.svelte-1k80cpb {
left: 0;
right: auto;
}
[type="checkbox"].svelte-1k80cpb:not(:checked)
~ .sub-item-list.svelte-1k80cpb.svelte-1k80cpb {
max-height: 0;
opacity: 0;
}
.sub-item-list.grid.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb {
right: 5rem;
grid-template-columns: repeat(4, 22rem);
}
[dir="rtl"]
.sub-item-list.grid.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb {
right: auto;
left: 5rem;
}
.sub-item-list.svelte-1k80cpb .item.svelte-1k80cpb.svelte-1k80cpb {
margin: 0;
padding: 1.6rem;
}
.mobile-menu-button.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb,
.mobile-menu-checkbox.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb {
display: none !important;
}
}
@media only screen and (min-width: 1800px) {
.main-nav.svelte-1k80cpb.svelte-1k80cpb.svelte-1k80cpb {
padding: 0 calc((100vw - 140.8rem) / 2);
}
}
.background--purple.svelte-1jle49b.svelte-1jle49b {
background-color: #48001e;
}
.background--pink.svelte-1jle49b.svelte-1jle49b {
background-color: #ffccc2;
}
.background--white.svelte-1jle49b.svelte-1jle49b {
background-color: #fff;
}
.text--purple.svelte-1jle49b.svelte-1jle49b {
color: #48001e;
}
.text--pink.svelte-1jle49b.svelte-1jle49b {
color: #ffccc2;
}
.isHidden.svelte-1jle49b.svelte-1jle49b {
display: none;
}
.testimonials-container.svelte-1jle49b.svelte-1jle49b {
display: flex;
flex-direction: row;
width: 100vw;
-webkit-margin-start: -4rem;
margin-inline-start: -4rem;
overflow-x: scroll;
overflow-y: hidden;
scrollbar-width: none;
scroll-behavior: smooth;
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory;
}
.testimonials-container.svelte-1jle49b.svelte-1jle49b::-webkit-scrollbar {
width: 0 !important;
}
.testimonials-container.svelte-1jle49b .testimonials-item.svelte-1jle49b {
flex-grow: 1;
width: calc(100vw - 8rem);
-webkit-margin-start: 1.6rem;
margin-inline-start: 1.6rem;
flex-shrink: 0;
box-sizing: border-box;
scroll-snap-align: center;
}
.testimonials-container.svelte-1jle49b
.testimonials-item.svelte-1jle49b:first-child {
-webkit-margin-start: 4.8rem;
margin-inline-start: 4.8rem;
}
.testimonials-container.svelte-1jle49b
.testimonials-item.svelte-1jle49b:last-child {
width: calc(100vw - 4rem);
-webkit-border-end: 4rem solid transparent;
border-inline-end: 4rem solid transparent;
}
@media (min-width: 56.25em) {
.testimonials-container.svelte-1jle49b.svelte-1jle49b {
-webkit-margin-start: -4.8rem;
margin-inline-start: -4.8rem;
}
.testimonials-container.svelte-1jle49b
.testimonials-item.svelte-1jle49b {
width: calc(100vw - 20rem);
-webkit-margin-start: 3.2rem;
margin-inline-start: 3.2rem;
flex-shrink: 0;
box-sizing: border-box;
}
.testimonials-container.svelte-1jle49b
.testimonials-item.svelte-1jle49b:first-child {
-webkit-margin-start: 6.8rem;
margin-inline-start: 6.8rem;
}
.testimonials-container.svelte-1jle49b
.testimonials-item.svelte-1jle49b:last-child {
width: calc(100vw - 10rem);
-webkit-border-end: 10rem solid transparent;
border-inline-end: 10rem solid transparent;
}
}
@media (min-width: 56.25em) {
.testimonials-container.svelte-1jle49b.svelte-1jle49b {
display: grid;
grid-column: span 12;
grid-template-columns: repeat(3, 1fr);
grid-row-gap: 1.6rem;
grid-column-gap: 2.4rem;
width: auto;
-webkit-margin-start: 0;
margin-inline-start: 0;
-webkit-padding-end: 0;
padding-inline-end: 0;
}
.testimonials-container.svelte-1jle49b
.testimonials-item.svelte-1jle49b {
grid-column: span 1;
}
.testimonials-container.svelte-1jle49b
.testimonials-item.svelte-1jle49b,
.testimonials-container.svelte-1jle49b
.testimonials-item.svelte-1jle49b:first-child,
.testimonials-container.svelte-1jle49b
.testimonials-item.svelte-1jle49b:last-child {
margin: 0;
border: none;
width: inherit;
}
}
.testimonial-card.svelte-1pov9s {
height: 100%;
display: flex;
justify-content: space-between;
flex-direction: column;
border-radius: 0.8rem;
padding: 1.6rem;
}
@media (min-width: 37.5em) {
.testimonial-card.svelte-1pov9s {
padding: 3.2rem;
}
}
.background--purple.svelte-1pov9s {
background-color: #48001e;
}
.background--pink.svelte-1pov9s {
background-color: #ffccc2;
}
.background--white.svelte-1pov9s {
background-color: #fff;
}
.text--purple.svelte-1pov9s {
color: #48001e;
}
.text--pink.svelte-1pov9s {
color: #ffccc2;
}
.testimonial-header.svelte-1pov9s {
justify-content: normal;
display: flex;
flex-direction: row;
-webkit-margin-after: 3.2rem;
margin-block-end: 3.2rem;
}
.testimonial-image.svelte-1pov9s {
width: 5rem;
height: 5rem;
border-radius: 50%;
float: left;
-webkit-margin-end: 1.6rem;
margin-inline-end: 1.6rem;
overflow: hidden;
}
.testimonial-title.svelte-1pov9s {
display: flex;
flex-direction: column;
}
.testimonial-author.svelte-1pov9s {
-webkit-margin-after: 0.4rem;
margin-block-end: 0.4rem;
font-size: 1.4rem;
color: #ff5c28;
}
.usp-heading.svelte-jxze4w {
color: #ff5c28;
}
.usp-list-container.svelte-jxze4w {
display: grid;
grid-template-columns: repeat(1, 1fr);
grid-row-gap: 1.6rem;
}
@media (min-width: 56.25em) {
.usp-list-container.svelte-jxze4w {
grid-template-columns: repeat(6, 1fr);
grid-column-gap: 2.4rem;
}
}
.bullet-header.svelte-jxze4w {
color: #ff5c28;
grid-column: 1/-1;
min-width: 6.4rem;
}
.bullet-header.svelte-jxze4w svg {
max-width: 6.4rem;
}
@media (min-width: 56.25em) {
.bullet-header.svelte-jxze4w {
grid-column: 1/2;
justify-self: end;
}
}
@media (min-width: 56.25em) {
.bullet-content.svelte-jxze4w {
grid-column: 2/-1;
-webkit-margin-after: 4.8rem;
margin-block-end: 4.8rem;
}
}
.bullet-title.svelte-jxze4w {
-webkit-margin-after: 1.6rem;
margin-block-end: 1.6rem;
}
@media (min-width: 56.25em) {
.bullet-title.svelte-jxze4w {
-webkit-margin-before: 1.6rem;
margin-block-start: 1.6rem;
}
}
.banner.bg-pink.svelte-oiv9lx.svelte-oiv9lx {
background-color: #ffccc2;
}
.banner.bg-peach.svelte-oiv9lx.svelte-oiv9lx {
background-color: #ffebe6;
}
.banner.bg-purple.svelte-oiv9lx.svelte-oiv9lx {
background-color: #48001e;
}
.banner.bg-warmgrey.svelte-oiv9lx.svelte-oiv9lx {
background-color: #f2eeeb;
}
.banner.bg-white.svelte-oiv9lx.svelte-oiv9lx {
background-color: #fff;
}
.banner.c-pink.svelte-oiv9lx.svelte-oiv9lx {
color: #ffccc2;
}
.banner.c-purple.svelte-oiv9lx.svelte-oiv9lx {
color: #48001e;
}
.banner.c-black.svelte-oiv9lx.svelte-oiv9lx {
color: #000;
}
.banner.pattern.svelte-oiv9lx.svelte-oiv9lx {
background-image: url("https://static.storytel.net/images/shared/pattern-1.svg");
background-size: cover;
}
.banner-background-mobile.svelte-oiv9lx.svelte-oiv9lx {
position: absolute;
width: 100%;
height: 290px;
background-position: top left;
background-repeat: no-repeat;
background-size: cover;
background-image: url("https://static.storytel.net/images/shared/Gx2IEd4JyLTeKt0S/image.png");
z-index: 1;
}
.banner-background.svelte-oiv9lx.svelte-oiv9lx {
display: none;
}
.banner-gradient.svelte-oiv9lx.svelte-oiv9lx {
position: absolute;
top: 0;
left: 0;
right: 0;
background: linear-gradient(to bottom, rgba(72, 0, 30, 0), #48001e);
height: 290px;
z-index: 1;
}
.banner-container.svelte-oiv9lx.svelte-oiv9lx {
position: relative;
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-row-gap: 1.6rem;
grid-column-gap: 0.8rem;
-webkit-padding-after: 4.8rem;
padding-block-end: 4.8rem;
padding-block: 180px 64px;
z-index: 2;
text-align: center;
}
.banner-container.svelte-oiv9lx .banner-device-splash.svelte-oiv9lx,
.banner-container.svelte-oiv9lx .banner-device-wrapper.svelte-oiv9lx,
.banner-container.svelte-oiv9lx .banner-device.svelte-oiv9lx {
display: none;
}
.banner-container.svelte-oiv9lx .banner-text.svelte-oiv9lx {
grid-column: 1/-1;
font-size: 16px;
font-weight: 600;
z-index: 2;
-webkit-margin-start: 2.4rem;
margin-inline-start: 2.4rem;
-webkit-margin-end: 2.4rem;
margin-inline-end: 2.4rem;
}
.banner-container.svelte-oiv9lx .banner-subtitle.svelte-oiv9lx {
width: 100%;
}
.banner-container.svelte-oiv9lx .bullets-wrapper.svelte-oiv9lx {
display: flex;
justify-content: center;
text-align: start;
}
.banner-container.svelte-oiv9lx .banner-heading.svelte-oiv9lx {
-webkit-margin-after: 3.2rem;
margin-block-end: 3.2rem;
}
.banner-container.svelte-oiv9lx .banner-heading.svelte-oiv9lx .heading {
line-height: 48px;
letter-spacing: -0.105rem;
font-size: 46px;
}
.banner-container.banner-container--hero.svelte-oiv9lx
.banner-text.svelte-oiv9lx
.button {
width: 327px;
margin: 0;
-webkit-margin-before: 0.8rem;
margin-block-start: 0.8rem;
-webkit-margin-after: 0.8rem;
margin-block-end: 0.8rem;
}
@media (min-width: 56.25em) {
.banner-background-mobile.svelte-oiv9lx.svelte-oiv9lx {
display: none;
}
.banner-background.svelte-oiv9lx.svelte-oiv9lx {
display: block;
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
background-position: right;
background-repeat: no-repeat;
background-size: cover;
z-index: 1;
}
.banner-gradient.svelte-oiv9lx.svelte-oiv9lx {
position: absolute;
z-index: 1;
top: 0;
right: 0;
left: 0;
bottom: 0;
background: linear-gradient(to right, #48001e, rgba(72, 0, 30, 0));
height: auto;
}
.banner-container.svelte-oiv9lx.svelte-oiv9lx {
position: relative;
top: 0;
z-index: 2;
grid-column-gap: 3.2rem;
grid-template-columns: repeat(12, 6.4rem);
text-align: start;
-webkit-margin-start: 80px;
margin-inline-start: 80px;
-webkit-padding-before: 64px;
padding-block-start: 64px;
}
.banner-container.svelte-oiv9lx .banner-heading.svelte-oiv9lx .heading {
line-height: 64px;
font-size: 58px;
}
.banner-container.svelte-oiv9lx .banner-device-wrapper.svelte-oiv9lx {
display: grid;
width: 320px;
z-index: 2;
align-content: center;
}
.banner-container.svelte-oiv9lx .banner-device.svelte-oiv9lx {
position: relative;
display: grid;
}
.banner-container.svelte-oiv9lx .banner-device-image.svelte-oiv9lx {
display: block;
position: relative;
width: 195px;
height: 416px;
}
.banner-container.svelte-oiv9lx .banner-device-splash.svelte-oiv9lx {
display: block;
position: absolute;
bottom: -24px;
left: 159px;
width: 161px;
height: 161px;
z-index: 2;
background-image: url("https://static.storytel.net/images/shared/I1yNvbPm8wukTm1U/image.svg");
}
.banner-container.svelte-oiv9lx
.banner-device-splash
span.svelte-oiv9lx {
display: flex;
align-content: center;
align-items: center;
text-align: center;
width: 100%;
height: 100%;
padding: 24px;
font-weight: 700;
color: #48001e;
}
.banner-container.svelte-oiv9lx .banner-text.svelte-oiv9lx {
grid-row: 1;
grid-column: 1 / span 4;
align-self: center;
-webkit-margin-start: 0;
margin-inline-start: 0;
-webkit-margin-end: 0;
margin-inline-end: 0;
}
.banner-container.svelte-oiv9lx .banner-text.svelte-oiv9lx .button {
width: calc(100% - 1.6rem);
}
.banner-container.banner-container--hero.svelte-oiv9lx
.banner-text.svelte-oiv9lx
.button {
width: 100%;
margin: 0;
-webkit-margin-after: 1.6rem;
margin-block-end: 1.6rem;
}
}
@media (min-width: 75em) {
.banner-container.svelte-oiv9lx.svelte-oiv9lx {
-webkit-margin-start: calc((100vw - 104rem) / 2);
margin-inline-start: calc((100vw - 104rem) / 2);
}
}
.hide-on-mobile.svelte-oiv9lx.svelte-oiv9lx {
display: none;
}
@media (min-width: 75em) {
.hide-on-mobile.svelte-oiv9lx.svelte-oiv9lx {
display: block;
}
}
.isHidden.svelte-oiv9lx.svelte-oiv9lx {
display: none;
}
.info-banner.svelte-1ep1xwf.svelte-1ep1xwf {
position: relative;
margin: 0 auto;
padding: 26px;
font-size: 13px;
line-height: 16px;
color: #48001e;
width: 100%;
-webkit-margin-before: 30px;
margin-block-start: 30px;
background-color: #fff;
}
@media only screen and (min-width: 600px) {
.info-banner.svelte-1ep1xwf.svelte-1ep1xwf {
font-size: 16px;
line-height: 24px;
}
}
.info-banner.roundedCornersTop.svelte-1ep1xwf.svelte-1ep1xwf {
border-start-start-radius: 8px;
border-start-end-radius: 8px;
}
.info-banner.roundedCornersBottom.svelte-1ep1xwf.svelte-1ep1xwf {
border-end-start-radius: 8px;
border-end-end-radius: 8px;
}
.figure-container.svelte-1ep1xwf.svelte-1ep1xwf {
position: absolute;
top: -30px;
right: 24px;
background-color: transparent;
}
.figure-container.svelte-1ep1xwf .figure-medium.svelte-1ep1xwf,
.figure-container.svelte-1ep1xwf .figure-small.svelte-1ep1xwf {
position: absolute;
}
.figure-container.svelte-1ep1xwf .figure-small.svelte-1ep1xwf {
bottom: 20px;
left: -18px;
}
.figure-container.svelte-1ep1xwf .figure-medium.svelte-1ep1xwf {
top: 40px;
left: 14px;
}
.title.svelte-1ep1xwf.svelte-1ep1xwf {
font-size: 20px;
line-height: 24px;
}
@media only screen and (min-width: 600px) {
.title.svelte-1ep1xwf.svelte-1ep1xwf {
font-size: 23px;
}
}
.timeline.svelte-1ep1xwf.svelte-1ep1xwf {
display: grid;
grid-template-columns: 16px 1fr 130px;
-webkit-margin-after: 0;
margin-block-end: 0;
font-size: 13px;
height: 28px;
line-height: 16px;
align-items: center;
}
@media only screen and (min-width: 600px) {
.timeline.svelte-1ep1xwf.svelte-1ep1xwf {
font-size: 16px;
line-height: 24px;
-webkit-margin-after: 8px;
margin-block-end: 8px;
}
}
.timeline.svelte-1ep1xwf .bullet.svelte-1ep1xwf {
-webkit-padding-start: 10px;
padding-inline-start: 10px;
}
.timeline.svelte-1ep1xwf .date.svelte-1ep1xwf {
font-weight: 700;
text-align: end;
}
.icon.svelte-1ep1xwf.svelte-1ep1xwf {
position: relative;
z-index: 2;
display: grid;
justify-items: center;
align-items: center;
}
.line-between.svelte-1ep1xwf.svelte-1ep1xwf {
position: absolute;
top: 12px;
width: 2px;
height: 28px;
background-color: #fe5c29;
}
.line-end.svelte-1ep1xwf.svelte-1ep1xwf {
position: absolute;
top: 12px;
width: 2px;
height: 16px;
}
@media only screen and (min-width: 600px) {
.line-end.svelte-1ep1xwf.svelte-1ep1xwf {
top: 8px;
}
}
.info-disclaimer.svelte-12ek8l5 {
text-align: center;
background-color: #fff;
color: #48001e;
font-size: 13px;
letter-spacing: -0.2%;
}
@media only screen and (min-width: 600px) {
.info-disclaimer.svelte-12ek8l5 {
font-size: 16px;
}
}
.productName.svelte-12ek8l5 {
font-weight: 700;
font-size: 16px;
line-height: 30px;
letter-spacing: -0.78%;
}
@media only screen and (min-width: 600px) {
.productName.svelte-12ek8l5 {
line-height: 40px;
}
}
.firstPayment.svelte-12ek8l5 {
line-height: 20px;
}
.todayPrice.svelte-12ek8l5 {
line-height: 20px;
}
.info-secure.svelte-87q41s {
background-color: #fff;
}
.choosePayment.svelte-87q41s {
width: 100%;
height: 32px;
line-height: 32px;
text-align: center;
background-color: #d1e5f0;
}
.secureServer.svelte-87q41s {
color: grey;
text-align: end;
font-size: 13px;
line-height: 16px;
-webkit-margin-end: 25px;
margin-inline-end: 25px;
padding-block: 16px 8px;
}
@media only screen and (min-width: 0) {
.secureServer.svelte-87q41s {
-webkit-padding-end: 0;
padding-inline-end: 0;
}
}
@media only screen and (min-width: 600px) {
.secureServer.svelte-87q41s {
-webkit-padding-end: 10px;
padding-inline-end: 10px;
}
}
@media only screen and (min-width: 900px) {
.secureServer.svelte-87q41s {
-webkit-padding-end: 0;
padding-inline-end: 0;
}
}
@media only screen and (min-width: 1200px) {
.secureServer.svelte-87q41s {
-webkit-padding-end: 24px;
padding-inline-end: 24px;
}
}
.roundedCornersTop.svelte-87q41s {
border-start-start-radius: 8px;
border-start-end-radius: 8px;
}
.accordion.svelte-6vkeol {
min-height: 5.6rem;
-webkit-margin-after: 2.4rem;
margin-block-end: 2.4rem;
fill: #48001e;
background-color: #fff;
}
.accordion-content.svelte-6vkeol {
-webkit-padding-after: 2.4rem;
padding-block-end: 2.4rem;
}
.title.svelte-6vkeol {
-webkit-margin-start: 0.8rem;
margin-inline-start: 0.8rem;
color: #48001e;
display: block;
}
.accordion-header.svelte-6vkeol {
-webkit-padding-start: 1.6rem;
padding-inline-start: 1.6rem;
-webkit-padding-end: 1.6rem;
padding-inline-end: 1.6rem;
-webkit-padding-before: 2.4rem;
padding-block-start: 2.4rem;
-webkit-padding-after: 2.4rem;
padding-block-end: 2.4rem;
display: flex;
align-items: center;
}
.plusMinus-icon.svelte-6vkeol {
-webkit-margin-start: auto;
margin-inline-start: auto;
}
.faq.svelte-1m3dyki.svelte-1m3dyki.svelte-1m3dyki {
position: relative;
background-color: #ffeae6;
color: #48001e;
fill: #48001e;
overflow: hidden;
-webkit-padding-after: 48px;
padding-block-end: 48px;
}
.faq.with-button.svelte-1m3dyki.svelte-1m3dyki.svelte-1m3dyki {
-webkit-padding-after: 16px;
padding-block-end: 16px;
}
.faq.svelte-1m3dyki .pink.svelte-1m3dyki.svelte-1m3dyki {
fill: #fff4f2;
}
.faq.svelte-1m3dyki .warmgrey.svelte-1m3dyki.svelte-1m3dyki {
fill: #f8f6f5;
}
.faq.svelte-1m3dyki .purple.svelte-1m3dyki.svelte-1m3dyki {
fill: #6c334b;
}
.faq.bg-pink.svelte-1m3dyki.svelte-1m3dyki.svelte-1m3dyki {
background-color: #ffeae6;
}
.faq.bg-warmgrey.svelte-1m3dyki.svelte-1m3dyki.svelte-1m3dyki {
background-color: #f2eeeb;
}
.faq.bg-purple.svelte-1m3dyki.svelte-1m3dyki.svelte-1m3dyki {
background-color: #48001e;
}
.faq.c-purple.svelte-1m3dyki.svelte-1m3dyki.svelte-1m3dyki {
color: #48001e;
}
.faq.c-pink.svelte-1m3dyki.svelte-1m3dyki.svelte-1m3dyki {
color: #ffccc2;
}
.faq.svelte-1m3dyki .top-cloud.svelte-1m3dyki.svelte-1m3dyki {
position: absolute;
top: 24px;
left: 0;
width: 320px;
}
.faq.svelte-1m3dyki .bottom-cloud.svelte-1m3dyki.svelte-1m3dyki {
position: absolute;
right: 0;
width: 230px;
}
.faq-header.svelte-1m3dyki.svelte-1m3dyki.svelte-1m3dyki {
text-align: center;
z-index: 2;
position: relative;
-webkit-margin-after: 40px;
margin-block-end: 40px;
}
.faq-header.svelte-1m3dyki .subtitle.svelte-1m3dyki.svelte-1m3dyki {
font-size: 2rem;
line-height: 2.8rem;
letter-spacing: -0.025rem;
}
.button-container.svelte-1m3dyki.svelte-1m3dyki.svelte-1m3dyki {
display: flex;
align-items: center;
justify-content: center;
-webkit-margin-before: 40px;
margin-block-start: 40px;
position: relative;
z-index: 2;
}
article.svelte-1m3dyki.svelte-1m3dyki.svelte-1m3dyki {
position: relative;
background-color: #fff;
width: 100%;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
border-radius: 8px;
-webkit-margin-after: 16px;
margin-block-end: 16px;
color: #48001e;
}
article.svelte-1m3dyki .birds.svelte-1m3dyki.svelte-1m3dyki {
position: absolute;
top: -32px;
right: 16px;
}
article.svelte-1m3dyki header.svelte-1m3dyki.svelte-1m3dyki {
display: flex;
justify-content: space-between;
align-items: center;
font-weight: 700;
padding: 18px 14px 18px;
}
@media (min-width: 75em) {
article.svelte-1m3dyki header.svelte-1m3dyki.svelte-1m3dyki {
padding: 18px 22px 18px;
}
}
article.svelte-1m3dyki header .outline.svelte-1m3dyki.svelte-1m3dyki {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
padding: 2px;
}
article.svelte-1m3dyki header span.svelte-1m3dyki.svelte-1m3dyki {
display: inline-block;
-webkit-margin-end: 12px;
margin-inline-end: 12px;
}
article.svelte-1m3dyki header.svelte-1m3dyki svg {
transform: rotate(90deg);
}
article.svelte-1m3dyki main.svelte-1m3dyki.svelte-1m3dyki {
padding: 0 1.6rem;
max-height: 0;
transition: max-height 0s, padding 0s;
border-color: rgba(255, 204, 194, 0);
overflow: hidden;
}
@media (min-width: 75em) {
article.svelte-1m3dyki main.svelte-1m3dyki.svelte-1m3dyki {
padding: 0 2.4rem;
}
}
article.svelte-1m3dyki
input[type="checkbox"].svelte-1m3dyki.svelte-1m3dyki {
position: absolute;
top: 0;
left: 0;
cursor: pointer;
width: 100%;
height: 64px;
z-index: 1;
opacity: 0;
}
article.svelte-1m3dyki
input[type="checkbox"]:focus-visible
~ header
.outline.svelte-1m3dyki.svelte-1m3dyki {
outline: 2px solid #ff5c28;
border-radius: 4px;
}
article.svelte-1m3dyki
input[type="checkbox"].svelte-1m3dyki:checked
~ header.svelte-1m3dyki
svg {
transform: rotate(270deg);
}
article.svelte-1m3dyki
input[type="checkbox"].svelte-1m3dyki:checked
~ main.svelte-1m3dyki {
max-height: initial;
padding: 0 1.6rem 2rem 1.6rem;
transition: max-height 0.25s ease-in-out;
}
@media (min-width: 75em) {
article.svelte-1m3dyki
input[type="checkbox"].svelte-1m3dyki:checked
~ main.svelte-1m3dyki {
padding: 0 2.4rem 2.4rem 2.4rem;
}
}
article.svelte-1m3dyki
input[type="checkbox"]:checked:focus-visible
~ header
.outline.svelte-1m3dyki.svelte-1m3dyki {
outline: 2px solid #ff5c28;
border-radius: 4px;
}
.toast-container.svelte-ck6jes {
max-width: 32rem;
min-height: 4.8rem;
height: auto;
margin: auto;
background-color: #48001e;
color: #ffccc2;
border-radius: 0.2rem;
position: fixed;
z-index: 1;
left: 0;
right: 0;
bottom: 3.2rem;
font-size: 1.6rem;
display: flex;
justify-content: center;
flex-direction: column;
-webkit-animation: svelte-ck6jes-fadein 0.5s, svelte-ck6jes-stay 3s 1s,
svelte-ck6jes-fadeout 0.5s 4.5s;
animation: svelte-ck6jes-fadein 0.5s, svelte-ck6jes-stay 3s 1s,
svelte-ck6jes-fadeout 0.5s 4.5s;
}
@media (min-width: 37.5em) {
.toast-container.svelte-ck6jes {
max-width: 44.8rem;
}
}
@media (min-width: 75em) {
.toast-container.svelte-ck6jes {
max-width: 72rem;
}
}
.toast-icon-wrapper.svelte-ck6jes {
background: #48001e;
border: none;
position: absolute;
right: 1.6rem;
top: 1.2rem;
display: inline-block;
fill: #ffccc2;
cursor: pointer;
}
[dir="rtl"] .toast-icon-wrapper.svelte-ck6jes {
right: auto;
left: 1.6rem;
}
.toast-message.svelte-ck6jes {
display: inline-block;
-webkit-padding-before: 1.2rem;
padding-block-start: 1.2rem;
-webkit-padding-end: 5.6rem;
padding-inline-end: 5.6rem;
-webkit-padding-after: 1.2rem;
padding-block-end: 1.2rem;
-webkit-padding-start: 1.6rem;
padding-inline-start: 1.6rem;
}
@-webkit-keyframes svelte-ck6jes-fadein {
from {
bottom: 0;
opacity: 0;
}
to {
bottom: 3.2rem;
opacity: 1;
}
}
@keyframes svelte-ck6jes-fadein {
from {
bottom: 0;
opacity: 0;
}
to {
bottom: 3.2rem;
opacity: 1;
}
}
@-webkit-keyframes svelte-ck6jes-stay {
from {
min-width: 32rem;
}
to {
min-width: 32rem;
}
}
@keyframes svelte-ck6jes-stay {
from {
min-width: 32rem;
}
to {
min-width: 32rem;
}
}
@-webkit-keyframes svelte-ck6jes-fadeout {
from {
bottom: 3.2rem;
opacity: 1;
}
to {
bottom: 0;
opacity: 0;
}
}
@keyframes svelte-ck6jes-fadeout {
from {
bottom: 3.2rem;
opacity: 1;
}
to {
bottom: 0;
opacity: 0;
}
}
.subscription-component.svelte-4igixr {
display: grid;
font-size: 1.6rem;
box-sizing: border-box;
grid-template-columns: repeat(2, 1fr);
grid-row-gap: 1.6rem;
margin: 0 2.4rem;
padding: 4.8rem 0;
}
@media (min-width: 37.5em) {
.subscription-component.svelte-4igixr {
grid-column-gap: 1.6rem;
grid-row-gap: 4.2rem;
grid-template-columns: repeat(12, 1fr);
margin: 0 3.2rem;
padding: 6.4rem 0;
}
}
@media (min-width: 56.25em) {
.subscription-component.svelte-4igixr {
grid-column-gap: 2.4rem;
margin: 0 8rem;
padding: 8rem 0;
}
}
@media (min-width: 75em) {
.subscription-component.svelte-4igixr {
grid-column-gap: 3.2rem;
margin: 0 calc((100vw - 112rem) / 2);
}
}
@media (min-width: 112.5em) {
.subscription-component.svelte-4igixr {
margin: 0 calc((100vw - 140.8rem) / 2);
}
}
.subscription-header.svelte-4igixr {
font-size: 2rem;
grid-column: span 12;
justify-self: center;
text-align: center;
}
.subscription-header-description.svelte-4igixr {
max-width: 60ch;
}
.subscription-footer.svelte-4igixr {
text-align: center;
padding: 1.6rem;
grid-column: span 12;
}
.subscription-footer-content.svelte-4igixr {
max-width: 100%;
}
.container.svelte-135u8z4 {
grid-column: span 12;
justify-self: center;
}
@media (min-width: 56.25em) {
.container.svelte-135u8z4 {
grid-column: span 6;
}
}
@media (min-width: 75em) {
.container.svelte-135u8z4 {
grid-column: span 4;
justify-self: auto;
}
}
.container-odd-item.svelte-135u8z4 {
grid-column: span 12;
justify-self: center;
}
@media (min-width: 75em) {
.container-odd-item.svelte-135u8z4 {
grid-column: span 4;
justify-self: auto;
}
}
.single-item.svelte-135u8z4 {
grid-column: span 12;
justify-self: center;
}
.card-container.svelte-1sunuwl {
border-radius: 1rem;
border: 0.1rem solid hsla(0deg, 0%, 80%, 0.5);
height: 100%;
width: 100%;
}
.item-container.svelte-1sunuwl {
height: 100%;
padding: 2.4rem;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.item-header.svelte-1sunuwl {
text-align: center;
}
.larger-text.svelte-1sunuwl {
display: flex;
font-size: 2rem;
justify-content: center;
align-items: center;
}
.larger-text-margin.svelte-1sunuwl {
-webkit-margin-after: 1.6rem;
margin-block-end: 1.6rem;
}
.item-body.svelte-1sunuwl {
width: 100%;
-webkit-margin-before: auto;
margin-block-start: auto;
-webkit-margin-after: 2.4rem;
margin-block-end: 2.4rem;
justify-content: flex-end;
}
.divider.svelte-1sunuwl {
width: 100%;
-webkit-margin-after: 2.4rem;
margin-block-end: 2.4rem;
-webkit-border-after: 1px solid #ccc;
border-block-end: 1px solid #ccc;
}
.item-description.svelte-1sunuwl {
-webkit-margin-after: 2.4rem;
margin-block-end: 2.4rem;
}
.item-description-row.svelte-id5jk1 {
display: flex;
align-items: center;
justify-content: space-between;
-webkit-margin-after: 2.4rem;
margin-block-end: 2.4rem;
}
.item-description-row-icon.svelte-id5jk1 {
fill: #ff5c28;
}
nav.svelte-1ll18nj.svelte-1ll18nj {
position: fixed;
top: 7.9rem;
z-index: 2;
width: 100%;
background-color: #ffeae6;
overflow: hidden;
}
nav.svelte-1ll18nj ul.svelte-1ll18nj {
display: flex;
flex-direction: row;
align-items: center;
text-align: center;
padding: 1rem;
height: 5.6rem;
font-size: 1.6rem;
color: #48001e;
font-weight: bolder;
opacity: 0;
transition: all 0.2s ease-in;
overflow-y: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
nav.svelte-1ll18nj ul.svelte-1ll18nj::-webkit-scrollbar {
display: none;
}
@media (min-width: 37.5em) {
nav.svelte-1ll18nj ul.svelte-1ll18nj {
justify-content: center;
}
}
nav.svelte-1ll18nj ul.show.svelte-1ll18nj {
opacity: 1;
}
nav.svelte-1ll18nj ul li.svelte-1ll18nj {
width: 100%;
cursor: pointer;
white-space: nowrap;
padding: 0 1.6rem;
}
nav.svelte-1ll18nj ul li a.svelte-1ll18nj {
text-decoration: none;
}
nav.svelte-1ll18nj ul li a.active.svelte-1ll18nj {
-webkit-border-after: 0.2rem solid #48001e;
border-block-end: 0.2rem solid #48001e;
cursor: pointer;
}
nav.svelte-1ll18nj ul.ul-one-card.svelte-1ll18nj {
display: none;
}
@media (min-width: 68.125em) {
nav.svelte-1ll18nj ul.ul-multiple-cards.svelte-1ll18nj {
display: none;
}
}
nav.svelte-1ll18nj ul.ul-four-cards.svelte-1ll18nj {
display: flex;
}
@media (min-width: 91.375em) {
nav.svelte-1ll18nj ul.ul-four-cards.svelte-1ll18nj {
display: none;
}
}
@media (min-width: 75em) {
nav.svelte-1ll18nj ul.svelte-1ll18nj {
display: none;
}
}
.wrap.svelte-1ll18nj.svelte-1ll18nj {
background-color: #fff4f2;
width: 100%;
}
.wrap.background.svelte-1ll18nj.svelte-1ll18nj {
background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzNDc0IiBoZWlnaHQ9IjM2NjQiIHZpZXdCb3g9IjAgMCAzNDc0IDM2NjQiPgogICAgPHBhdGggZmlsbD0iI0ZGRDZDRSIgZmlsbC1ydWxlPSJldmVub2RkIiBkPSJNMjM4MS45MTQgMjA1MC42MTNjNDA0Ljg5MiAwIDc2MC4zMzIgMjU5LjYyNiA3NjAuMzMyIDc2MC4zMzIgMCAzNS4wMjkgMCA3NS41NzEtNS4yMDggMTM0LjY0NmwtLjk3NCAxMC42MkgxOTgwLjExM2MyNC43MjYgMjA3LjA4MyAyMDcuMDgyIDMyMS40NDIgNDExLjA3MyAzMjEuNDQyIDE5MS42MjkgMCAzMzAuNzE0LTg5LjYzMyAzOTguNzEtMTk0LjcybDMxNS4yNiAyMzQuOUMyOTYyLjk4IDM1MjQuOTE1IDI3MTIuNjI3IDM2NjQgMjM4OC4wOTYgMzY2NGMtNDYwLjUyNyAwLTgxOS4wNTctMzE4LjM1LTgxOS4wNTctODA2LjY5MyAwLTQ1Ny40MzYgMzQzLjA3Ni04MDYuNjk0IDgxMi44NzUtODA2LjY5NHptLTEyLjM2MyAzNDkuMjU4Yy0xNTcuNjMgMC0zMzMuODA0IDgwLjM2LTM3My45ODQgMjY4Ljg5OGg3MjMuMjQyYy0zNy4wOS0xODIuMzU2LTE5MS42MjgtMjY4Ljg5OC0zNDkuMjU4LTI2OC44OTh6TTEzNjguNjE0IDBsNTg3Ljg0MiAxMDE4LjE3M2MyNDEuOTczIDQxOS4xMDggMTEyLjY3NyA4NTYuODI3LTI4NS4xMiAxMDg2LjQ5NS00MDIuNTM0IDIzMi40MDMtODQxLjUyMSAxMjIuNzgzLTEwODMuNDk0LTI5Ni4zMjVMMCA3OTAuMTdsMzQzLjMzNy0xOTguMjI2IDU5MC41NzcgMTAyMi45MDhjMTI4LjUwNSAyMjIuNTc4IDM0Mi4zOTYgMjc1Ljg4NyA1NDYuMDMgMTU4LjMxOCAyMDMuNjM1LTExNy41NjggMjY0LjQxNC0zMjkuNDU4IDEzNS45MDktNTUyLjAzNWwtNTkwLjU3Ny0xMDIyLjkxTDEzNjguNjE0IDB6bTE0NDguNjI0IDYxOC4xNTZjMzYxLjk3OCAwIDY1Ni41NTMgMjg3LjA4NiA2NTYuNTUzIDY1MS41NiAwIDM2NC40NzQtMjk0LjU3NSA2NTEuNTYtNjU2LjU1MyA2NTEuNTZzLTY1Ni41NTMtMjg3LjA4Ni02NTYuNTUzLTY1MS41NmMwLTM2NC40NzQgMjk0LjU3NS02NTEuNTYgNjU2LjU1My02NTEuNTZ6bTAgMzE5LjUzOWMtMTc5Ljc0IDAtMzEyLjA1IDEzOS43OTgtMzEyLjA1IDMzMi4wMiAwIDE5Mi4yMjQgMTMyLjMxIDMzMi4wMjIgMzEyLjA1IDMzMi4wMjIgMTc5Ljc0MSAwIDMwOS41NTQtMTM5Ljc5OCAzMDkuNTU0LTMzMi4wMjFzLTEyOS44MTMtMzMyLjAyMS0zMDkuNTU0LTMzMi4wMjF6Ii8+Cjwvc3ZnPgo=");
background-repeat: no-repeat;
}
@media (max-width: 74.99em) {
.wrap.background.svelte-1ll18nj.svelte-1ll18nj {
background-size: cover;
}
}
.wrap.svelte-1ll18nj .subscription-main.svelte-1ll18nj {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.wrap.svelte-1ll18nj footer.svelte-1ll18nj {
-webkit-margin-before: 3.2rem;
margin-block-start: 3.2rem;
-webkit-padding-after: 8.9rem;
padding-block-end: 8.9rem;
text-align: center;
color: #48001e;
}
.wrap.svelte-1ll18nj footer .footer-description.svelte-1ll18nj {
-webkit-margin-after: 1.6rem;
margin-block-end: 1.6rem;
font-weight: 600;
color: #6c334b;
}
.subsciption-main-wrapper.svelte-1uo02ui.svelte-1uo02ui {
display: flex;
width: 100%;
flex-direction: column;
}
@media (min-width: 56.25em) {
.subsciption-main-wrapper.svelte-1uo02ui.svelte-1uo02ui {
flex-direction: row;
justify-content: space-evenly;
-webkit-margin-before: 11.2rem;
margin-block-start: 11.2rem;
}
}
@media (min-width: 75em) {
.subsciption-main-wrapper.svelte-1uo02ui.svelte-1uo02ui {
-webkit-margin-before: 0;
margin-block-start: 0;
display: flex;
width: 100%;
align-items: center;
}
}
.subsciption-main-wrapper-multiple-cards.svelte-1uo02ui.svelte-1uo02ui {
display: block;
-webkit-padding-before: 0;
padding-block-start: 0;
-webkit-margin-before: 0;
margin-block-start: 0;
}
.subsciption-main-wrapper.svelte-1uo02ui .full-width.svelte-1uo02ui {
grid-column: span 2;
}
@media (min-width: 56.25em) {
.subsciption-main-wrapper.svelte-1uo02ui .full-width.svelte-1uo02ui {
grid-column: span 12;
}
}
.subsciption-main-wrapper.svelte-1uo02ui .header.svelte-1uo02ui {
text-align: center;
}
@media (min-width: 56.25em) {
.subsciption-main-wrapper.svelte-1uo02ui
.header-one-card.svelte-1uo02ui {
-webkit-margin-before: -11.2rem;
margin-block-start: -11.2rem;
}
}
.subsciption-main-wrapper.svelte-1uo02ui .content-wrapper.svelte-1uo02ui {
justify-content: center;
display: flex;
flex-direction: column;
width: auto;
}
.subsciption-main-wrapper.svelte-1uo02ui
.content-wrapper
.subscription-header.svelte-1uo02ui {
-webkit-padding-before: 8.8rem;
padding-block-start: 8.8rem;
flex-direction: column;
color: #48001e;
}
.subsciption-main-wrapper.svelte-1uo02ui
.content-wrapper
.subscription-header-multiple-cards.svelte-1uo02ui {
text-align: center;
display: flex;
align-items: center;
width: 80%;
margin: 0 auto;
}
@media (min-width: 75em) {
.subsciption-main-wrapper.svelte-1uo02ui
.content-wrapper
.subscription-header-multiple-cards.svelte-1uo02ui {
width: 55%;
}
}
.subsciption-main-wrapper.svelte-1uo02ui
.content-wrapper
.description-items.svelte-1uo02ui {
display: flex;
flex-direction: column;
fill: #ff5c28;
-webkit-margin-after: 1.6rem;
margin-block-end: 1.6rem;
margin: 0 auto 0.8rem;
}
@media (min-width: 56.25em) {
.subsciption-main-wrapper.svelte-1uo02ui
.content-wrapper
.description-items.svelte-1uo02ui {
margin: 0;
}
}
@media (min-width: 75em) {
.subsciption-main-wrapper.svelte-1uo02ui
.content-wrapper
.description-items.svelte-1uo02ui {
text-align: start;
}
}
.subsciption-main-wrapper.svelte-1uo02ui
.content-wrapper
.description-items-multiple-cards.svelte-1uo02ui {
-webkit-margin-before: 0.8rem;
margin-block-start: 0.8rem;
}
@media (min-width: 56.25em) {
.subsciption-main-wrapper.svelte-1uo02ui
.content-wrapper
.description-items-multiple-cards.svelte-1uo02ui {
display: grid;
grid-template-columns: auto auto;
margin: auto;
-webkit-margin-after: 1.6rem;
margin-block-end: 1.6rem;
}
}
.subsciption-main-wrapper.svelte-1uo02ui
.content-wrapper
.description-items
.item-text.svelte-1uo02ui {
line-height: 2.4rem;
-webkit-margin-after: 1.6rem;
margin-block-end: 1.6rem;
}
.subsciption-main-wrapper.svelte-1uo02ui
.content-wrapper
.description-items
.item-text-multiple-cards.svelte-1uo02ui {
padding: 0 3.2rem;
}
.subsciption-main-wrapper.svelte-1uo02ui
.content-wrapper
.description-items
.item-text.svelte-1uo02ui
svg {
-webkit-margin-end: 0.8rem;
margin-inline-end: 0.8rem;
-webkit-margin-before: -0.6rem;
margin-block-start: -0.6rem;
}
.subscription-area.svelte-17p6h7y {
display: block;
justify-content: center;
}
@media (min-width: 75em) {
.subscription-area-one-card.svelte-17p6h7y {
-webkit-margin-before: 9.5rem;
margin-block-start: 9.5rem;
}
}
@media (min-width: 18.75em) {
.subscription-area.svelte-17p6h7y {
display: grid;
grid-gap: 0 3.2rem;
}
}
@media (max-width: 74.99em) {
.subscription-area.svelte-17p6h7y {
align-items: center;
}
}
@media (min-width: 68.125em) {
.subscription-area.svelte-17p6h7y {
grid-template-rows: repeat(7, auto);
grid-auto-flow: column;
padding: 0 4.8rem;
}
}
@media (max-width: 91.375em) {
.subscription-area-four-cards.svelte-17p6h7y {
grid-auto-flow: row;
}
}
.most-popular.svelte-lu128a.svelte-lu128a.svelte-lu128a {
display: flex;
justify-content: center;
height: 3.2rem;
max-width: 34.1rem;
background-color: #48001e;
color: #fff4f2;
-webkit-padding-after: 0.5rem;
padding-block-end: 0.5rem;
padding: 0.8rem 0;
border-radius: 1.3rem 1.3rem 0 0;
box-shadow: 0 -4px 6px 0 rgba(0, 0, 0, 0.07);
font-size: 1.3rem;
font-weight: 600;
}
.has-current-plan.svelte-lu128a.svelte-lu128a.svelte-lu128a {
display: flex;
height: 3.2rem;
align-items: center;
justify-content: center;
border-radius: 1rem 1rem 0 0;
background-color: #036da4;
color: #fff;
box-shadow: 0 -4px 6px 0 rgba(0, 0, 0, 0.07);
font-size: 1.3rem;
font-weight: 600;
}
.has-current-plan-cancelled.svelte-lu128a.svelte-lu128a.svelte-lu128a {
background-color: #984148;
}
.highlight-banner.svelte-lu128a.svelte-lu128a.svelte-lu128a {
display: flex;
align-items: center;
justify-content: center;
text-align: center;
top: 0;
left: 0;
max-width: 34.1rem;
min-height: 3.2rem;
padding: 1rem 1.6rem;
border-radius: 1rem 1rem 0 0;
box-shadow: 0 -4px 6px 0 rgba(0, 0, 0, 0.05);
background-color: #e6eee0;
color: #2e572e;
font-size: 1.3rem;
font-weight: 600;
}
@media (min-width: 59.0625em) {
.highlight-banner.svelte-lu128a.svelte-lu128a.svelte-lu128a {
min-height: 100%;
}
}
.highlight-banner.without-highlight-banner.svelte-lu128a.svelte-lu128a.svelte-lu128a {
background-color: #fff;
box-shadow: 0 -4px 6px 0 rgba(0, 0, 0, 0.05);
}
@media (min-width: 37.5em) {
.highlight-banner.without-highlight-banner.svelte-lu128a.svelte-lu128a.svelte-lu128a {
min-height: 100%;
}
}
.highlight-banner-and-most-popular.svelte-lu128a.svelte-lu128a.svelte-lu128a {
border-radius: 0;
-webkit-border-start: #48001e 0.4rem solid;
border-inline-start: #48001e 0.4rem solid;
-webkit-border-end: #48001e 0.4rem solid;
border-inline-end: #48001e 0.4rem solid;
box-shadow: none;
}
.highlight-banner-with-current-plan.svelte-lu128a.svelte-lu128a.svelte-lu128a {
border-radius: 0;
}
.card.svelte-lu128a.svelte-lu128a.svelte-lu128a {
display: flex;
flex-direction: column;
height: auto;
max-width: 34.1rem;
padding: 0 16px;
background-color: #fff;
box-shadow: 0 5px 6px 0 rgba(0, 0, 0, 0.1);
color: #21000e;
}
@media (min-width: 59.0625em) {
.card.svelte-lu128a.svelte-lu128a.svelte-lu128a {
height: 100%;
width: 34.1rem;
}
}
.card.most-popular-border.svelte-lu128a.svelte-lu128a.svelte-lu128a {
-webkit-border-start: #48001e 0.4rem solid;
border-inline-start: #48001e 0.4rem solid;
-webkit-border-end: #48001e 0.4rem solid;
border-inline-end: #48001e 0.4rem solid;
}
.card.most-popular-card-wrapper.svelte-lu128a.svelte-lu128a.svelte-lu128a {
-webkit-border-start: #48001e 0.4rem solid;
border-inline-start: #48001e 0.4rem solid;
-webkit-border-end: #48001e 0.4rem solid;
border-inline-end: #48001e 0.4rem solid;
-webkit-border-after: #48001e 0.4rem solid;
border-block-end: #48001e 0.4rem solid;
border-radius: 0 0 0.8rem 0.8rem;
}
.header.svelte-lu128a.svelte-lu128a.svelte-lu128a {
padding: 1.6rem;
font-size: 2.8rem;
line-height: 3.2rem;
letter-spacing: -0.0112em;
margin: 0;
}
@media (max-width: 74.99em) {
.header.svelte-lu128a.svelte-lu128a.svelte-lu128a {
-webkit-margin-before: -0.2rem;
margin-block-start: -0.2rem;
}
}
@media (min-width: 37.5em) {
.header.svelte-lu128a.svelte-lu128a.svelte-lu128a {
font-size: 3.2rem;
line-height: 4rem;
}
}
.header.without-border-radius.svelte-lu128a.svelte-lu128a.svelte-lu128a {
border-radius: 0;
}
.button-select.svelte-lu128a.svelte-lu128a.svelte-lu128a {
display: flex;
justify-content: end;
-webkit-padding-after: 3.2rem;
padding-block-end: 3.2rem;
border-radius: 0 0 10px 10px;
-webkit-margin-after: 1.6rem;
margin-block-end: 1.6rem;
-webkit-border-after: #fff 0.4rem solid;
border-block-end: #fff 0.4rem solid;
}
@media (max-width: 74.99em) {
.button-select.svelte-lu128a.svelte-lu128a.svelte-lu128a {
-webkit-margin-before: -0.3rem;
margin-block-start: -0.3rem;
}
}
@media (min-width: 75em) {
.button-select.svelte-lu128a.svelte-lu128a.svelte-lu128a {
-webkit-margin-after: 16px;
margin-block-end: 16px;
height: auto;
}
}
.button-select.svelte-lu128a .ongoing.svelte-lu128a.svelte-lu128a {
color: #fff;
font-weight: 600;
font-size: 1.3rem;
padding: 0.4rem;
display: flex;
justify-content: center;
border-radius: 1rem 1rem 0 0;
}
.button-select.svelte-lu128a
.ongoing-or-upcoming-plan.svelte-lu128a.svelte-lu128a {
background-color: #036da4;
}
.button-select.svelte-lu128a
.ongoing-cancelled-plan.svelte-lu128a.svelte-lu128a {
background-color: #984148;
}
.button-select.svelte-lu128a
.selectable-product.svelte-lu128a.svelte-lu128a {
border-radius: 0.8rem;
padding: 0.8rem 1.2rem;
-webkit-margin-after: 0.8rem;
margin-block-end: 0.8rem;
border: #ffe0da solid 0.1rem;
position: relative;
}
.button-select.svelte-lu128a
.selectable-product-with-status.svelte-lu128a.svelte-lu128a {
border-radius: 0 0 0.8rem 0.8rem;
-webkit-border-before: transparent;
border-block-start: transparent;
}
.button-select.svelte-lu128a
.selectable-product
[type="radio"].svelte-lu128a.svelte-lu128a:checked,
.button-select.svelte-lu128a
.selectable-product
[type="radio"].svelte-lu128a.svelte-lu128a:not(:checked) {
position: absolute;
left: 0;
opacity: 0;
}
.button-select.svelte-lu128a
.selectable-product
[type="radio"].svelte-lu128a:checked
+ label.svelte-lu128a,
.button-select.svelte-lu128a
.selectable-product
[type="radio"].svelte-lu128a:not(:checked)
+ label.svelte-lu128a {
position: relative;
-webkit-padding-start: 28px;
padding-inline-start: 28px;
cursor: pointer;
display: inline-block;
}
.button-select.svelte-lu128a
.selectable-product
.options-wrapper.svelte-lu128a.svelte-lu128a {
width: 100%;
cursor: pointer;
-webkit-margin-before: -0.5rem;
margin-block-start: -0.5rem;
}
.button-select.svelte-lu128a
.selectable-product
.options-wrapper
.option-header.svelte-lu128a.svelte-lu128a {
font-weight: 600;
}
.button-select.svelte-lu128a
.selectable-product
.options-wrapper
.option-subheader.svelte-lu128a.svelte-lu128a {
display: block;
}
.button-select.svelte-lu128a
.selectable-product
[type="radio"].svelte-lu128a:not(:checked)
+ label.svelte-lu128a::before {
position: absolute;
left: 0;
top: 0.4rem;
width: 1.6rem;
height: 1.6rem;
background: #fff;
border: 0.2rem solid #48001e;
border-radius: 100%;
content: "";
}
[dir="rtl"]
.button-select
.selectable-product
[type="radio"]:not(:checked)
+ label.svelte-lu128a.svelte-lu128a.svelte-lu128a::before {
right: 0;
}
.button-select.svelte-lu128a
.selectable-product
[type="radio"].svelte-lu128a:checked
+ label.svelte-lu128a::after {
display: inline-block;
position: absolute;
width: 1.6rem;
height: 1.6rem;
top: 0.4rem;
left: 0;
background-color: #ff5c28;
color: #fff;
border-radius: 50%;
border: 0.2rem solid #ff5c28;
content: "";
transition: all 0.2s ease;
background-image: url('data:image/svg+xml;utf8,');
}
[dir="rtl"]
.button-select
.selectable-product
[type="radio"]:checked
+ label.svelte-lu128a.svelte-lu128a.svelte-lu128a::after {
right: 0;
}
.button-select.svelte-lu128a
.selected-option.svelte-lu128a.svelte-lu128a {
border: #ff5c28 solid 0.1rem;
background-color: #fff4f2;
}
.button-select.svelte-lu128a
.selected-option-with-active-subsctiption.svelte-lu128a.svelte-lu128a {
-webkit-border-before: transparent;
border-block-start: transparent;
}
.product-description.svelte-lu128a.svelte-lu128a.svelte-lu128a {
margin: 0;
}
.product-description.svelte-lu128a p.svelte-lu128a.svelte-lu128a {
-webkit-margin-after: 0;
margin-block-end: 0;
}
@media (max-width: 74.99em) {
.product-description.svelte-lu128a p.svelte-lu128a.svelte-lu128a {
z-index: 1;
}
}
@media (max-width: 74.99em) {
.product-description.svelte-lu128a.svelte-lu128a.svelte-lu128a {
-webkit-margin-before: -0.4rem;
margin-block-start: -0.4rem;
}
}
.subscription-start-button.svelte-lu128a.svelte-lu128a.svelte-lu128a {
-webkit-margin-before: 2.4rem;
margin-block-start: 2.4rem;
}
.label.svelte-lu128a.svelte-lu128a.svelte-lu128a {
-webkit-margin-after: 0.8rem;
margin-block-end: 0.8rem;
font-size: 1.3rem;
color: #48001e;
}
.subscription-description-list.svelte-lu128a.svelte-lu128a.svelte-lu128a {
list-style-type: none;
color: #21000e;
fill: #21000e;
-webkit-margin-before: -0.8rem;
margin-block-start: -0.8rem;
}
@media (min-width: 75em) {
.subscription-description-list.svelte-lu128a.svelte-lu128a.svelte-lu128a {
-webkit-margin-before: 0;
margin-block-start: 0;
}
}
.subscription-description-list.svelte-lu128a svg {
-webkit-margin-before: 0.4rem;
margin-block-start: 0.4rem;
}
.subscription-description-list.svelte-lu128a
.list-item.svelte-lu128a.svelte-lu128a {
display: grid;
grid-template-columns: 2.4rem auto;
-webkit-margin-after: 1.6rem;
margin-block-end: 1.6rem;
}
.subscription-description-list.svelte-lu128a
.list-item.svelte-lu128a.svelte-lu128a:last-child {
-webkit-padding-after: 3.2rem;
padding-block-end: 3.2rem;
-webkit-margin-after: 0;
margin-block-end: 0;
}
.price-label.svelte-lu128a.svelte-lu128a.svelte-lu128a {
color: #48001e;
padding: 3.2rem 1.6rem;
margin: 0;
font-weight: 600;
}
.price-label.without-product-description.svelte-lu128a.svelte-lu128a.svelte-lu128a {
-webkit-padding-before: 0;
padding-block-start: 0;
}
.price-label.svelte-lu128a p.svelte-lu128a.svelte-lu128a {
-webkit-margin-after: 0;
margin-block-end: 0;
}
@media (min-width: 59.0625em) {
.price-label.svelte-lu128a
p.price-without-offer.svelte-lu128a.svelte-lu128a {
-webkit-margin-before: 1.4rem;
margin-block-start: 1.4rem;
}
}
.price-label.svelte-lu128a p.svelte-lu128a span {
font-size: 2.8rem;
color: #ff5c28;
}
@media (max-width: 74.99em) {
.price-label.svelte-lu128a.svelte-lu128a.svelte-lu128a {
-webkit-margin-before: -0.6rem;
margin-block-start: -0.6rem;
}
}
.price-label.svelte-lu128a .badge.svelte-lu128a.svelte-lu128a {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: 3.2rem;
font-size: 1.3rem;
display: flex;
align-items: center;
justify-content: center;
background-color: #e6eee0;
color: #104030;
border-radius: 1rem;
padding-inline: 1.6rem;
-webkit-margin-before: 1.6rem;
margin-block-start: 1.6rem;
}
.price-label.svelte-lu128a .badge.svelte-lu128a > p.svelte-lu128a {
-webkit-margin-after: 0;
margin-block-end: 0;
}