/* Custom Fixes START*/
/* fix to not obfuscate the "read more" button */
.channel-html .section-content {
z-index: 0;
}
.channel-html .icon-after {
width: auto;
}
.channel-html img {
display: inline-block;
max-width: none;
}
.channel-compare .stat-content .image-icon-wrapper {
width: auto;
height: auto;
}
.channel-compare .selector-dropdown {
height: auto;
}
/* Custom Fixes End */
.channel-html {
font-weight: normal;
-webkit-text-size-adjust: 100%;
text-size-adjust: 100%;
}
.channel-html,
.channel-html:before,
.channel-html:after,
.channel-html *,
.channel-html *:before,
.channel-html *:after {
box-sizing: content-box;
margin: 0;
padding: 0;
float: initial;
pointer-events: auto;
letter-spacing: normal;
}
.channel-html *,
.channel-html *:before,
.channel-html *:after {
float: inherit;
font-size: 1em;
font-family: inherit;
font-weight: inherit;
line-height: inherit;
letter-spacing: inherit;
text-align: inherit;
}
.channel-html div,
.channel-html aside,
.channel-html footer,
.channel-html section {
display: block;
}
.channel-html img {
border: 0;
vertical-align: middle;
}
.channel-html ul {
list-style: none;
}
.channel-html,
.channel-html button {
font-synthesis: none;
-moz-font-feature-settings: 'kern';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
direction: ltr;
text-align: left;
}
.channel-html,
.channel-html button {
font-family: 'SF Pro Text', 'SF Pro Icons', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}
.channel-html html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
}
.channel-html body {
margin: 0;
padding: 0;
}
.channel-html ul,
.channel-html li,
.channel-html dd,
.channel-html h1,
.channel-html h2,
.channel-html h3,
.channel-html h4,
.channel-html h5,
.channel-html h6,
.channel-html p,
.channel-html button {
margin: 0;
padding: 0;
}
.channel-html video {
vertical-align: baseline;
}
.channel-html button {
background: none;
border: 0;
box-sizing: content-box;
color: inherit;
cursor: pointer;
font: inherit;
line-height: inherit;
overflow: visible;
vertical-align: inherit;
}
.channel-html button:disabled {
cursor: default;
}
.channel-html :focus-visible {
outline: 2px solid var(--sk-focus-color, #0071e3);
outline-offset: var(--sk-focus-offset, 1px);
}
.channel-html ::-moz-focus-inner {
border: 0;
padding: 0;
}
.channel-html :root {
--sk-body-text-color: rgb(29, 29, 31);
--sk-headline-text-color: rgb(29, 29, 31);
--sk-body-background-color: rgb(255, 255, 255);
--sk-body-font-stack: text;
--sk-default-stacked-margin: 0.4em;
--sk-paragraph-plus-element-margin: 0.8em;
--sk-headline-plus-first-element-margin: 0.8em;
--sk-headline-plus-headline-margin: 0.4em;
--sk-paragraph-plus-headline-margin: 1.6em;
}
.channel-html html {
font-family: 'SF Pro Text', 'SF Pro Icons', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
font-size: 106.25%;
quotes: '“' '”';
}
.channel-html body {
font-size: 17px;
line-height: 1.4705882353;
font-weight: 400;
letter-spacing: -0.022em;
font-family: 'SF Pro Text', 'SF Pro Icons', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
background-color: var(--sk-body-background-color, rgb(255, 255, 255));
color: var(--sk-body-text-color, rgb(29, 29, 31));
font-style: normal;
}
.channel-html body,
.channel-html button {
font-synthesis: none;
-moz-font-feature-settings: 'kern';
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.channel-html h1,
.channel-html h2,
.channel-html h3,
.channel-html h4,
.channel-html h5,
.channel-html h6 {
font-weight: 600;
color: var(--sk-headline-text-color, rgb(29, 29, 31));
}
.channel-html h1 img,
.channel-html h2 img,
.channel-html h3 img,
.channel-html h4 img,
.channel-html h5 img,
.channel-html h6 img {
display: block;
margin: 0;
}
.channel-html h1 + *,
.channel-html h2 + *,
.channel-html h3 + *,
.channel-html h4 + *,
.channel-html h5 + *,
.channel-html h6 + * {
margin-top: var(--sk-headline-plus-first-element-margin, 0.8em);
}
.channel-html h1 + h1,
.channel-html h1 + h2,
.channel-html h1 + h3,
.channel-html h1 + h4,
.channel-html h1 + h5,
.channel-html h1 + h6,
.channel-html h2 + h1,
.channel-html h2 + h2,
.channel-html h2 + h3,
.channel-html h2 + h4,
.channel-html h2 + h5,
.channel-html h2 + h6,
.channel-html h3 + h1,
.channel-html h3 + h2,
.channel-html h3 + h3,
.channel-html h3 + h4,
.channel-html h3 + h5,
.channel-html h3 + h6,
.channel-html h4 + h1,
.channel-html h4 + h2,
.channel-html h4 + h3,
.channel-html h4 + h4,
.channel-html h4 + h5,
.channel-html h4 + h6,
.channel-html h5 + h1,
.channel-html h5 + h2,
.channel-html h5 + h3,
.channel-html h5 + h4,
.channel-html h5 + h5,
.channel-html h5 + h6,
.channel-html h6 + h1,
.channel-html h6 + h2,
.channel-html h6 + h3,
.channel-html h6 + h4,
.channel-html h6 + h5,
.channel-html h6 + h6 {
margin-top: var(--sk-headline-plus-headline-margin, 0.4em);
}
.channel-html p + h1,
.channel-html ul + h1,
.channel-html p + h2,
.channel-html ul + h2,
.channel-html p + h3,
.channel-html ul + h3,
.channel-html p + h4,
.channel-html ul + h4,
.channel-html p + h5,
.channel-html ul + h5,
.channel-html p + h6,
.channel-html ul + h6 {
margin-top: var(--sk-paragraph-plus-headline-margin, 1.6em);
}
.channel-html p + *,
.channel-html ul + * {
margin-top: var(--sk-paragraph-plus-element-margin, 0.8em);
}
.channel-html ul {
margin-inline-start: 1.1764705882em;
}
.channel-html ul ul {
margin-top: 0;
margin-bottom: 0;
}
.channel-html li li {
font-size: 1em;
}
.channel-html b {
font-weight: 600;
}
.channel-html em,
.channel-html i {
font-style: italic;
}
.channel-html :root {
--sk-body-link-color: rgb(0, 102, 204);
--sk-link-disabled-opacity: 0.42;
}
.channel-html a {
color: var(--sk-body-link-color, rgb(0, 102, 204));
letter-spacing: inherit;
}
.channel-html a:disabled {
text-decoration: none;
}
.channel-html a:hover {
text-decoration: underline;
}
.channel-html a :disabled {
opacity: var(--sk-link-disabled-opacity, 0.42);
}
.channel-html :root {
--sk-focus-color: #0071e3;
--sk-focus-color-alt: rgb(0, 0, 0);
--sk-focus-offset: 1px;
--sk-focus-offset-container: 3px;
}
.channel-html html:not([dir='rtl']) {
--r-sk-start: left;
--r-sk-end: right;
--r-sk-safe-area-inset-start: env(safe-area-inset-left);
--r-sk-safe-area-inset-end: env(safe-area-inset-right);
--r-sk-logical-factor: 1;
}
.channel-html html[dir='rtl'] {
--r-sk-start: right;
--r-sk-end: left;
--r-sk-safe-area-inset-start: env(safe-area-inset-right);
--r-sk-safe-area-inset-end: env(safe-area-inset-left);
--r-sk-logical-factor: -1;
}
.channel-html .visuallyhidden {
position: absolute;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(0 0 99.9% 99.9%);
overflow: hidden;
height: 1px;
width: 1px;
padding: 0;
border: 0;
}
.channel-html .nowrap {
display: inline-block;
text-decoration: inherit;
white-space: nowrap;
}
.channel-html :root {
--sk-footnote-font-size: 0.6em;
--sk-footnote-offset-top: -0.5em;
}
.channel-html .row {
display: flex;
flex-flow: row wrap;
width: 100%;
}
.channel-html .column {
box-sizing: border-box;
margin: 0;
padding: 0;
min-width: 0;
}
.channel-html .large-1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
.channel-html .large-2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.channel-html .large-3 {
flex-basis: 25%;
max-width: 25%;
}
.channel-html .large-4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.channel-html .large-5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.channel-html .large-6 {
flex-basis: 50%;
max-width: 50%;
}
.channel-html .large-7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.channel-html .large-8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.channel-html .large-9 {
flex-basis: 75%;
max-width: 75%;
}
.channel-html .large-10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
.channel-html .large-11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.channel-html .large-12 {
flex-basis: 100%;
max-width: 100%;
}
.channel-html .large-last {
margin-inline-start: auto;
}
@media only screen and (max-width: 1068px) {
.channel-html .medium-1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
.channel-html .medium-2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.channel-html .medium-3 {
flex-basis: 25%;
max-width: 25%;
}
.channel-html .medium-4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.channel-html .medium-5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.channel-html .medium-6 {
flex-basis: 50%;
max-width: 50%;
}
.channel-html .medium-7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.channel-html .medium-8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.channel-html .medium-9 {
flex-basis: 75%;
max-width: 75%;
}
.channel-html .medium-10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
.channel-html .medium-11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.channel-html .medium-12 {
flex-basis: 100%;
max-width: 100%;
}
.channel-html .medium-last {
margin-inline-start: auto;
}
}
@media only screen and (max-width: 734px) {
.channel-html .small-1 {
flex-basis: 8.3333333333%;
max-width: 8.3333333333%;
}
.channel-html .small-2 {
flex-basis: 16.6666666667%;
max-width: 16.6666666667%;
}
.channel-html .small-3 {
flex-basis: 25%;
max-width: 25%;
}
.channel-html .small-4 {
flex-basis: 33.3333333333%;
max-width: 33.3333333333%;
}
.channel-html .small-5 {
flex-basis: 41.6666666667%;
max-width: 41.6666666667%;
}
.channel-html .small-6 {
flex-basis: 50%;
max-width: 50%;
}
.channel-html .small-7 {
flex-basis: 58.3333333333%;
max-width: 58.3333333333%;
}
.channel-html .small-8 {
flex-basis: 66.6666666667%;
max-width: 66.6666666667%;
}
.channel-html .small-9 {
flex-basis: 75%;
max-width: 75%;
}
.channel-html .small-10 {
flex-basis: 83.3333333333%;
max-width: 83.3333333333%;
}
.channel-html .small-11 {
flex-basis: 91.6666666667%;
max-width: 91.6666666667%;
}
.channel-html .small-12 {
flex-basis: 100%;
max-width: 100%;
}
.channel-html .small-last {
margin-inline-start: auto;
}
}
.channel-html .large-span-0 {
grid-column: span 0;
}
.channel-html .large-span-1 {
grid-column: span 1;
}
.channel-html .large-span-2 {
grid-column: span 2;
}
.channel-html .large-span-3 {
grid-column: span 3;
}
.channel-html .large-span-4 {
grid-column: span 4;
}
.channel-html .large-span-5 {
grid-column: span 5;
}
.channel-html .large-span-6 {
grid-column: span 6;
}
.channel-html .large-span-7 {
grid-column: span 7;
}
.channel-html .large-span-8 {
grid-column: span 8;
}
.channel-html .large-span-9 {
grid-column: span 9;
}
.channel-html .large-span-10 {
grid-column: span 10;
}
.channel-html .large-span-11 {
grid-column: span 11;
}
.channel-html .large-span-12 {
grid-column: span 12;
}
@media only screen and (max-width: 1068px) {
.channel-html .medium-span-0 {
grid-column: span 0;
}
.channel-html .medium-span-1 {
grid-column: span 1;
}
.channel-html .medium-span-2 {
grid-column: span 2;
}
.channel-html .medium-span-3 {
grid-column: span 3;
}
.channel-html .medium-span-4 {
grid-column: span 4;
}
.channel-html .medium-span-5 {
grid-column: span 5;
}
.channel-html .medium-span-6 {
grid-column: span 6;
}
.channel-html .medium-span-7 {
grid-column: span 7;
}
.channel-html .medium-span-8 {
grid-column: span 8;
}
.channel-html .medium-span-9 {
grid-column: span 9;
}
.channel-html .medium-span-10 {
grid-column: span 10;
}
.channel-html .medium-span-11 {
grid-column: span 11;
}
.channel-html .medium-span-12 {
grid-column: span 12;
}
}
@media only screen and (max-width: 734px) {
.channel-html .small-span-0 {
grid-column: span 0;
}
.channel-html .small-span-1 {
grid-column: span 1;
}
.channel-html .small-span-2 {
grid-column: span 2;
}
.channel-html .small-span-3 {
grid-column: span 3;
}
.channel-html .small-span-4 {
grid-column: span 4;
}
.channel-html .small-span-5 {
grid-column: span 5;
}
.channel-html .small-span-6 {
grid-column: span 6;
}
.channel-html .small-span-7 {
grid-column: span 7;
}
.channel-html .small-span-8 {
grid-column: span 8;
}
.channel-html .small-span-9 {
grid-column: span 9;
}
.channel-html .small-span-10 {
grid-column: span 10;
}
.channel-html .small-span-11 {
grid-column: span 11;
}
.channel-html .small-span-12 {
grid-column: span 12;
}
}
.channel-html .icon::before,
.channel-html .icon::after,
.channel-html .more::before,
.channel-html .more::after {
font-family: 'SF Pro Icons';
color: inherit;
display: inline-block;
font-style: normal;
font-weight: inherit;
font-size: inherit;
line-height: 1;
text-decoration: underline;
position: relative;
z-index: 1;
alt: '';
}
.channel-html .icon::before,
.channel-html .icon::after,
.channel-html .more::before,
.channel-html .more::after {
text-decoration: none;
}
.channel-html .icon::before,
.channel-html .more::before {
display: none;
}
.channel-html .more::after {
padding-inline-start: 0.24em;
top: 0;
}
.channel-html .icon-apple::before,
.channel-html .icon-apple::after {
content: '\f8ff';
}
.channel-html a.icon {
text-decoration: none;
}
.channel-html a.icon:hover {
text-decoration: underline;
}
.channel-html html:not([dir='rtl']) .more::before,
.channel-html html:not([dir='rtl']) .more::after {
content: '\f301';
}
.channel-html html[dir='rtl'] .more::before,
.channel-html html[dir='rtl'] .more::after {
content: '\f300';
}
.channel-html a.more {
text-decoration: none;
}
.channel-html a.more:hover {
text-decoration: underline;
}
.channel-html html[dir='rtl'] .icon-copy {
unicode-bidi: embed;
}
.channel-html body {
min-width: 320px;
}
.channel-html .large-hide {
display: none;
}
.channel-html .large-show {
display: block;
}
@media only screen and (max-width: 1068px) {
.channel-html .medium-hide {
display: none;
}
.channel-html .medium-show {
display: block;
}
}
@media only screen and (max-width: 734px) {
.channel-html .small-hide {
display: none;
}
.channel-html .small-show {
display: block;
}
}
.channel-html :root {
--sk-glyph: rgb(0, 0, 0);
--sk-glyph-gray: rgb(29, 29, 31);
--sk-glyph-gray-alpha: rgba(0, 0, 0, 0.88);
--sk-glyph-gray-secondary: rgb(110, 110, 115);
--sk-glyph-gray-secondary-alpha: rgba(0, 0, 0, 0.56);
--sk-glyph-gray-secondary-alt: rgb(66, 66, 69);
--sk-glyph-gray-secondary-alt-alpha: rgba(0, 0, 0, 0.72);
--sk-glyph-gray-tertiary: rgb(134, 134, 139);
--sk-glyph-gray-tertiary-alpha: rgba(0, 0, 0, 0.48);
--sk-glyph-blue: rgb(0, 102, 204);
--sk-glyph-orange: rgb(182, 68, 0);
--sk-glyph-green: rgb(0, 128, 9);
--sk-glyph-red: rgb(227, 0, 0);
--sk-fill: rgb(255, 255, 255);
--sk-fill-secondary: rgb(250, 250, 252);
--sk-fill-tertiary: rgb(245, 245, 247);
--sk-fill-gray: rgb(29, 29, 31);
--sk-fill-gray-alpha: rgba(0, 0, 0, 0.88);
--sk-fill-gray-secondary: rgb(134, 134, 139);
--sk-fill-gray-secondary-alpha: rgba(0, 0, 0, 0.48);
--sk-fill-gray-tertiary: rgb(210, 210, 215);
--sk-fill-gray-tertiary-alpha: rgba(0, 0, 0, 0.16);
--sk-fill-gray-quaternary: rgb(232, 232, 237);
--sk-fill-gray-quaternary-alpha: rgba(0, 0, 0, 0.08);
--sk-fill-blue: rgb(0, 113, 227);
--sk-fill-orange: rgb(245, 99, 0);
--sk-fill-orange-secondary: rgb(255, 249, 244);
--sk-fill-green: rgb(3, 161, 14);
--sk-fill-green-secondary: rgb(245, 255, 246);
--sk-fill-red: rgb(227, 0, 0);
--sk-fill-red-secondary: rgb(255, 242, 244);
--sk-fill-yellow: rgb(255, 224, 69);
--sk-fill-yellow-secondary: rgb(255, 254, 242);
--sk-productred: rgb(175, 30, 45);
--sk-enviro-green: rgb(0, 217, 89);
--sk-enviro-neutral: rgb(232, 232, 237);
}
.channel-html .theme-light {
--sk-glyph: rgb(0, 0, 0);
--sk-glyph-gray: rgb(29, 29, 31);
--sk-glyph-gray-alpha: rgba(0, 0, 0, 0.88);
--sk-glyph-gray-secondary: rgb(110, 110, 115);
--sk-glyph-gray-secondary-alpha: rgba(0, 0, 0, 0.56);
--sk-glyph-gray-secondary-alt: rgb(66, 66, 69);
--sk-glyph-gray-secondary-alt-alpha: rgba(0, 0, 0, 0.72);
--sk-glyph-gray-tertiary: rgb(134, 134, 139);
--sk-glyph-gray-tertiary-alpha: rgba(0, 0, 0, 0.48);
--sk-glyph-blue: rgb(0, 102, 204);
--sk-glyph-orange: rgb(182, 68, 0);
--sk-glyph-green: rgb(0, 128, 9);
--sk-glyph-red: rgb(227, 0, 0);
--sk-fill: rgb(255, 255, 255);
--sk-fill-secondary: rgb(250, 250, 252);
--sk-fill-tertiary: rgb(245, 245, 247);
--sk-fill-gray: rgb(29, 29, 31);
--sk-fill-gray-alpha: rgba(0, 0, 0, 0.88);
--sk-fill-gray-secondary: rgb(134, 134, 139);
--sk-fill-gray-secondary-alpha: rgba(0, 0, 0, 0.48);
--sk-fill-gray-tertiary: rgb(210, 210, 215);
--sk-fill-gray-tertiary-alpha: rgba(0, 0, 0, 0.16);
--sk-fill-gray-quaternary: rgb(232, 232, 237);
--sk-fill-gray-quaternary-alpha: rgba(0, 0, 0, 0.08);
--sk-fill-blue: rgb(0, 113, 227);
--sk-fill-orange: rgb(245, 99, 0);
--sk-fill-orange-secondary: rgb(255, 249, 244);
--sk-fill-green: rgb(3, 161, 14);
--sk-fill-green-secondary: rgb(245, 255, 246);
--sk-fill-red: rgb(227, 0, 0);
--sk-fill-red-secondary: rgb(255, 242, 244);
--sk-fill-yellow: rgb(255, 224, 69);
--sk-fill-yellow-secondary: rgb(255, 254, 242);
--sk-productred: rgb(175, 30, 45);
--sk-enviro-green: rgb(0, 217, 89);
--sk-enviro-neutral: rgb(232, 232, 237);
--sk-body-background-color: rgb(255, 255, 255);
--sk-body-text-color: rgb(29, 29, 31);
--sk-headline-text-color: rgb(29, 29, 31);
--sk-body-link-color: rgb(0, 102, 204);
}
.channel-html .theme-light .button {
--sk-button-disabled-opacity: var(--sk-link-disabled-opacity, 0.42);
--sk-button-background: rgb(0, 113, 227);
--sk-button-background-hover: #0077ed;
--sk-button-background-active: #006edb;
}
.channel-html .theme-light .list,
.channel-html .theme-light .list-title {
--sk-list-copy-color: rgb(29, 29, 31);
--sk-list-title-color: rgb(29, 29, 31);
}
.channel-html .theme-light .sosumi {
--sk-sosumi-text-color: rgba(0, 0, 0, 0.56);
--sk-sosumi-link-color: rgba(0, 0, 0, 0.72);
}
.channel-html [class*='typography-eyebrow'] {
display: block;
margin-bottom: 0.4em;
}
.channel-html [class*='typography-eyebrow'] + * {
margin-top: 0;
}
.channel-html .button {
--sk-button-color: rgb(255, 255, 255);
--sk-button-color-hover: var(--sk-button-color);
--sk-button-color-active: var(--sk-button-color-hover);
--sk-button-disabled-opacity: var(--sk-link-disabled-opacity, 0.42);
--sk-button-border-color: transparent;
--sk-button-border-radius: 980px;
--sk-button-margin-horizontal: 14px;
--sk-button-margin-vertical: 14px;
--sk-button-min-width-basis: 60px;
--sk-button-padding-horizontal: 16px;
--sk-button-padding-vertical: 9px;
--sk-button-border-width: 1px;
--sk-button-box-sizing: content-box;
--sk-button-width: auto;
--sk-button-display: inline-block;
font-size: 14px;
line-height: 1.2857742857;
font-weight: 400;
letter-spacing: -0.016em;
font-family: 'SF Pro Text', 'SF Pro Icons', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
background: var(--sk-button-background);
color: var(--sk-button-color);
border-color: var(--sk-button-border-color);
padding-block: calc(var(--sk-button-padding-vertical) - var(--sk-button-border-width));
padding-inline: calc(var(--sk-button-padding-horizontal) - var(--sk-button-border-width));
border-radius: var(--sk-button-border-radius);
border-style: solid;
border-width: var(--sk-button-border-width);
width: var(--sk-button-width);
min-width: calc(var(--sk-button-min-width-basis) - var(--sk-button-padding-horizontal) * 2);
cursor: pointer;
display: var(--sk-button-display);
box-sizing: var(--sk-button-box-sizing);
text-align: center;
text-decoration: none;
white-space: nowrap;
--sk-button-background: rgb(0, 113, 227);
--sk-button-background-hover: #0077ed;
--sk-button-background-active: #006edb;
}
.channel-html .button:hover {
background: var(--sk-button-background-hover, var(--sk-button-background));
color: var(--sk-button-color-hover, var(--sk-button-color));
text-decoration: none;
border-color: transparent;
}
.channel-html .button:focus-visible {
outline: 2px solid var(--sk-focus-color, #0071e3);
outline-offset: var(--sk-focus-offset-container, 3px);
}
.channel-html .button:active {
background: var(--sk-button-background-active, var(--sk-button-background));
color: var(--sk-button-color-active, var(--sk-button-color));
outline: none;
}
.channel-html .button:disabled {
pointer-events: none;
opacity: var(--sk-button-disabled-opacity);
}
.channel-html .button-elevated {
--sk-button-padding-horizontal: 22px;
--sk-button-padding-vertical: 12px;
--sk-button-min-width-basis: 70px;
--sk-button-margin-horizontal: 18px;
--sk-button-margin-vertical: 18px;
font-size: 17px;
line-height: 1.1764805882;
font-weight: 400;
letter-spacing: -0.022em;
font-family: 'SF Pro Text', 'SF Pro Icons', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}
.channel-html .button-reduced {
--sk-button-padding-horizontal: 11px;
--sk-button-padding-vertical: 4px;
--sk-button-min-width-basis: 45px;
--sk-button-margin-horizontal: 10px;
--sk-button-margin-vertical: 10px;
font-size: 12px;
line-height: 1.3333733333;
font-weight: 400;
letter-spacing: -0.01em;
font-family: 'SF Pro Text', 'SF Pro Icons', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
}
.channel-html .button-light {
--sk-button-disabled-opacity: var(--sk-link-disabled-opacity, 0.42);
--sk-button-background: rgb(0, 113, 227);
--sk-button-background-hover: #0077ed;
--sk-button-background-active: #006edb;
}
.channel-html :root {
--sk-links-inline-margin: 0.8em;
--sk-links-stacked-margin: 0.4em;
}
.channel-html .link {
color: var(--sk-body-link-color, rgb(0, 102, 204));
letter-spacing: inherit;
}
.channel-html .link:disabled {
text-decoration: none;
}
.channel-html .link:hover {
text-decoration: underline;
}
.channel-html .link :disabled {
opacity: var(--sk-link-disabled-opacity, 0.42);
}
.channel-html [copy-type='h1'] + *,
.channel-html [copy-type='h2'] + *,
.channel-html [copy-type='h3'] + *,
.channel-html [copy-type='h4'] + *,
.channel-html [copy-type='h5'] + *,
.channel-html [copy-type='h6'] + * {
margin-top: 0.8em;
}
.channel-html .bento-box {
margin-left: 0;
}
@media only screen and (min-width: 1069px) {
.channel-html .bento-box.large-hide {
display: none;
}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
.channel-html .bento-box.medium-hide {
display: none;
}
}
@media only screen and (max-width: 734px) {
.channel-html .bento-box.small-hide {
display: none;
}
}
.channel-html .bentobox-item {
display: flex;
flex-direction: column;
}
@media only screen and (min-width: 1069px) {
.channel-html .bentobox-item.large-hide {
display: none;
}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
.channel-html .bentobox-item.medium-hide {
display: none;
}
}
@media only screen and (max-width: 734px) {
.channel-html .bentobox-item.small-hide {
display: none;
}
}
.channel-html .button:focus {
box-shadow: 0 0 0 4px var(--focus-color);
}
.channel-html .button-channel {
background: transparent;
border: 1px solid rgb(29, 29, 31);
color: rgb(29, 29, 31);
}
.channel-html .button-channel:hover {
background: transparent;
border: 1px solid rgb(110, 110, 115);
color: rgb(110, 110, 115);
}
/*
When you have two images of a different size, this function will
allow you to align the smaller one to the bottom of the column.
@example scss
.bigger-image {
@include picture(image_bigger);
}
.smaller-image {
@include picture(image_smaller);
@each $viewport in viewports.viewport-list() {
@include viewports.viewport($viewport) {
@include techspecs-image-bottom-align(image_bigger, image_smaller, $viewport);
}
}
}
*/
/*
When you have two images of a different size, this function will
allow you to align the smaller one to the vertical center of the bigger one.
@example scss
.bigger-image {
@include picture(image_bigger);
}
.smaller-image {
@include picture(image_smaller);
@each $viewport in viewports.viewport-list() {
@include viewports.viewport($viewport) {
@include techspecs-image-middle-align(image_bigger, image_smaller, $viewport);
}
}
}
*/
/*
This will generate unique classes for all provided built-in app images.
@example scss
.section-apps, .section-freeapps {
@include techspecs-appicon-classes();
}
@example html
Camera
*/
/*
When you have two images of a different size, this function will
allow you to align the smaller one to the bottom of the column.
@example scss
.bigger-image {
@include picture(image_bigger);
}
.smaller-image {
@include picture(image_smaller);
@each $viewport in viewports.viewport-list() {
@include viewports.viewport($viewport) {
@include techspecs-image-bottom-align(image_bigger, image_smaller, $viewport);
}
}
}
*/
/*
When you have two images of a different size, this function will
allow you to align the smaller one to the vertical center of the bigger one.
@example scss
.bigger-image {
@include picture(image_bigger);
}
.smaller-image {
@include picture(image_smaller);
@each $viewport in viewports.viewport-list() {
@include viewports.viewport($viewport) {
@include techspecs-image-middle-align(image_bigger, image_smaller, $viewport);
}
}
}
*/
/*
This will generate unique classes for all provided built-in app images.
@example scss
.section-apps, .section-freeapps {
@include techspecs-appicon-classes();
}
@example html
Camera
*/
/**
Mixin to define gaps per viewport and column number
@see Compare.vue: computed.columnRange()
*/
/**
Mixin to define padding per viewport and column number
@see Compare.vue: computed.columnRange()
*/
.channel-html .copy {
font-family:
system-ui,
-apple-system,
BlinkMacSystemFont,
'Helvetica Neue',
'Helvetica',
'Arial',
sans-serif;
word-break: normal;
}
.channel-html .copy.helvetica-neue {
font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
letter-spacing: normal;
}
.channel-html a.footer-link {
color: #555555;
}
.channel-html a.footer-link:focus {
outline: 4px solid rgba(0, 125, 250, 0.6);
}
body {
margin: 0;
min-width: 320px;
overflow-x: hidden;
}
@media only screen and (max-width: 734px) {
body {
overflow-x: visible;
}
}
@media (inverted-colors) {
body .double-invert {
filter: invert(1);
}
}
.channel-html .picture {
display: flex;
align-items: center;
justify-content: center;
min-height: 19px;
}
@media only screen and (min-width: 1069px) {
.channel-html .row.large-display-bleed {
position: relative;
}
.channel-html .row.large-display-bleed .column {
z-index: 1;
}
.channel-html .row.large-display-bleed::after,
.channel-html .row.large-display-bleed::before {
display: block;
content: ' ';
position: absolute;
top: 0;
height: 100%;
width: 44px;
left: -44px;
}
.channel-html .row.large-display-bleed::after {
left: initial;
right: -44px;
}
}
@media only screen and (min-width: 735px) and (max-width: 1068px) {
.channel-html .row.medium-display-bleed {
position: relative;
}
.channel-html .row.medium-display-bleed .column {
z-index: 1;
}
.channel-html .row.medium-display-bleed::after,
.channel-html .row.medium-display-bleed::before {
display: block;
content: ' ';
position: absolute;
top: 0;
height: 100%;
width: 22px;
left: -22px;
}
.channel-html .row.medium-display-bleed::after {
left: initial;
right: -22px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .row.small-display-bleed {
position: relative;
}
.channel-html .row.small-display-bleed .column {
z-index: 1;
}
.channel-html .row.small-display-bleed::after,
.channel-html .row.small-display-bleed::before {
display: block;
content: ' ';
position: absolute;
top: 0;
height: 100%;
width: 20px;
left: -20px;
}
.channel-html .row.small-display-bleed::after {
left: initial;
right: -20px;
}
}
.channel-html .section {
display: flex;
position: relative;
overflow-x: hidden;
}
.channel-html .section .section-content {
margin-inline-start: auto;
margin-inline-end: auto;
width: 980px;
}
@media only screen and (max-width: 1068px) {
.channel-html .section .section-content {
width: 692px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .section .section-content {
max-width: 320px;
width: 87.5%;
}
}
.channel-html .section.large-show {
display: flex;
}
@media only screen and (max-width: 1068px) {
.channel-html .section.medium-show {
display: flex !important;
}
}
@media only screen and (max-width: 734px) {
.channel-html .section.small-show {
display: flex !important;
}
}
.channel-html .section.large-hide {
display: none;
}
@media only screen and (max-width: 1068px) {
.channel-html .section.medium-hide {
display: none;
}
}
@media only screen and (max-width: 734px) {
.channel-html .section.small-hide {
display: none !important;
}
}
.t1D2C29 {
/* But you can break out of scoping via SCSS "@at-root" feature */
}
.channel-html {
font-family:
system-ui,
-apple-system,
BlinkMacSystemFont,
'Segoe UI',
'Helvetica Neue',
'Helvetica',
'Arial',
sans-serif,
'SF Pro Icons';
}
.channel-html .channel-custom-font-custom-40-headline-hero {
font-size: 40px;
line-height: 44px;
letter-spacing: -0.032rem;
font-weight: 600;
}
@media only screen and (max-width: 1068px) {
.channel-html .channel-custom-font-custom-40-headline-hero {
font-size: 28px;
line-height: 32px;
letter-spacing: -0.015rem;
}
}
.channel-html .channel-custom-font-custom-28-headline {
font-size: 28px;
line-height: 32px;
letter-spacing: -0.018rem;
font-weight: 600;
}
@media only screen and (max-width: 1068px) {
.channel-html .channel-custom-font-custom-28-headline {
font-size: 24px;
line-height: 28px;
letter-spacing: -0.01rem;
}
}
.channel-html .channel-custom-font-custom-12-partner-message {
font-size: 12px;
line-height: 16px;
letter-spacing: 0rem;
font-weight: 400;
}
.channel-html .channel-custom-font-custom-12-sosumi {
font-size: 12px;
line-height: 16px;
font-weight: 400;
}
.channel-html .wCB86CC {
margin-top: 0;
padding-top: 50px;
}
@media only screen and (max-width: 1068px) {
.channel-html .wCB86CC {
margin-top: 0;
padding-top: 35px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .wCB86CC {
margin-top: 0;
padding-top: 20px;
}
}
.channel-html .u5300ED {
margin-left: 0px;
margin-bottom: 10px;
margin-right: 0px;
}
@media only screen and (max-width: 1068px) {
.channel-html .u5300ED {
margin-left: 6px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .u5300ED {
margin-left: 0px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .u5300ED {
margin-bottom: 5px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .u5300ED {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .u5300ED {
margin-right: 6px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .u5300ED {
margin-right: 0px;
}
}
.channel-html .h8F176E {
display: grid;
grid-template-rows: minmax(480px, 1fr);
grid-auto-rows: 1fr;
grid-template-columns: repeat(1, 980px);
}
@media only screen and (max-width: 1068px) {
.channel-html .h8F176E {
grid-template-rows: minmax(335px, 1fr);
}
}
@media only screen and (max-width: 734px) {
.channel-html .h8F176E {
grid-template-rows: minmax(400px, 1fr);
}
}
@media only screen and (max-width: 1068px) {
.channel-html .h8F176E {
grid-template-columns: repeat(1, 680px);
}
}
@media only screen and (max-width: 734px) {
.channel-html .h8F176E {
grid-template-columns: repeat(1, 320px);
}
}
.channel-html .h8F176E .bentobox-item {
border-radius: 18px;
}
.channel-html .z0F6BE2 {
background-color: #f5f5f7;
grid-column-start: 1;
grid-column-end: 1;
grid-row-start: 1;
grid-row-end: 1;
position: relative;
overflow: hidden;
}
.channel-html .z0F6BE2:before {
display: block;
position: absolute;
pointer-events: none;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-style: solid;
}
.channel-html .x312602 {
margin-top: 33.5px;
}
@media only screen and (max-width: 1068px) {
.channel-html .x312602 {
margin-top: 19px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .x312602 {
margin-top: 22px;
}
}
.channel-html .fB9D3C8 {
text-align: center;
}
.channel-html .b190761 {
color: #1d1d1f;
margin-top: 9px;
padding-left: 0;
padding-right: 0;
}
@media only screen and (max-width: 1068px) {
.channel-html .b190761 {
margin-top: 11px;
padding-left: 0;
padding-right: 0;
}
}
@media only screen and (max-width: 734px) {
.channel-html .b190761 {
margin-top: 9px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .b190761 {
padding-left: 40px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .b190761 {
padding-right: 40px;
}
}
.channel-html .dA99BE0 {
color: #1d1d1f;
margin-top: 16px;
margin-bottom: 17px;
}
@media only screen and (max-width: 1068px) {
.channel-html .dA99BE0 {
margin-top: 11px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .dA99BE0 {
margin-bottom: 16px;
}
}
.channel-html .f863637 {
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
justify-content: center;
}
.channel-html .b5D621A {
padding-right: 12px;
text-align: right;
flex-basis: revert;
}
@media only screen and (max-width: 734px) {
.channel-html .b5D621A {
padding-right: 13px;
}
}
.channel-html .d62F772 {
color: #1d1d1f;
border: solid 1px #1d1d1f;
}
.channel-html .wF5037D {
margin-left: -3px;
text-align: left;
flex-basis: revert;
}
@media only screen and (max-width: 734px) {
.channel-html .wF5037D {
margin-left: -4px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .wF5037D {
padding-left: 0px;
}
}
.channel-html .jC04F49 {
color: #1d1d1f;
border: solid 1px #1d1d1f;
}
.channel-html .d514F87 {
margin-top: 38.5px;
}
@media only screen and (max-width: 1068px) {
.channel-html .d514F87 {
margin-top: 19px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .d514F87 {
margin-top: 34px;
}
}
.channel-html .fAFDC3D {
margin-left: 0px;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.channel-html .c038294 {
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
}
@media only screen and (max-width: 1068px) {
.channel-html .c038294 {
margin-top: 5px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .c038294 {
margin-top: 10px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .c038294 {
margin-left: 6px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .c038294 {
margin-left: 0px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .c038294 {
margin-bottom: 5px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .c038294 {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .c038294 {
margin-right: 5px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .c038294 {
margin-right: 0px;
}
}
.channel-html .a2F1337 {
display: grid;
grid-template-rows: minmax(550px, 1fr);
grid-auto-rows: 1fr;
grid-template-columns: repeat(1, 480px);
}
@media only screen and (max-width: 1068px) {
.channel-html .a2F1337 {
grid-template-rows: minmax(430px, 1fr);
}
}
@media only screen and (max-width: 734px) {
.channel-html .a2F1337 {
grid-template-rows: minmax(400px, 1fr);
}
}
@media only screen and (max-width: 1068px) {
.channel-html .a2F1337 {
grid-template-columns: repeat(1, 335px);
}
}
@media only screen and (max-width: 734px) {
.channel-html .a2F1337 {
grid-template-columns: repeat(1, 320px);
}
}
.channel-html .a2F1337 .bentobox-item {
border-radius: 18px;
overflow: hidden;
}
.channel-html .u4C6C43 {
background-color: #f5f5f7;
grid-column-start: 1;
grid-column-end: 1;
grid-row-start: 1;
grid-row-end: 1;
position: relative;
overflow: hidden;
}
.channel-html .u4C6C43:before {
display: block;
position: absolute;
pointer-events: none;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-style: solid;
}
.channel-html .l0CC3F5 {
min-height: 100%;
align-items: flex-end;
}
.channel-html .sFD9670 {
margin-top: 84.5px;
text-align: center;
}
@media only screen and (max-width: 1068px) {
.channel-html .sFD9670 {
margin-top: 82px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .sFD9670 {
margin-top: 37px;
}
}
.channel-html .oFEF7E2 {
color: #1d1d1f;
padding-left: 18px;
padding-right: 18px;
}
@media only screen and (max-width: 1068px) {
.channel-html .oFEF7E2 {
padding-left: 20px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .oFEF7E2 {
padding-left: 30px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .oFEF7E2 {
padding-right: 20px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .oFEF7E2 {
padding-right: 30px;
}
}
.channel-html .eF96523 {
margin-top: 80px;
}
@media only screen and (max-width: 1068px) {
.channel-html .eF96523 {
margin-top: 43px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .eF96523 {
margin-top: 26px;
}
}
.channel-html .a6645B3 {
margin-left: 39px;
}
@media only screen and (max-width: 734px) {
.channel-html .a6645B3 {
margin-top: 0px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .a6645B3 {
margin-left: 42px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .a6645B3 {
margin-left: 10px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .a6645B3 {
margin-right: 0px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .a6645B3 {
margin-right: 0px;
}
}
.channel-html .xF31D41 {
margin-top: 10px;
margin-left: 10px;
margin-bottom: 10px;
}
@media only screen and (max-width: 1068px) {
.channel-html .xF31D41 {
margin-top: 5px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .xF31D41 {
margin-top: 10px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .xF31D41 {
margin-left: 5px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .xF31D41 {
margin-left: 0px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .xF31D41 {
margin-bottom: 5px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .xF31D41 {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .xF31D41 {
margin-right: 6px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .xF31D41 {
margin-right: 0px;
}
}
.channel-html .w010E68 {
min-height: 100%;
align-items: center;
}
.channel-html .d7A3573 {
display: grid;
grid-template-rows: minmax(550px, 1fr);
grid-auto-rows: 1fr;
grid-template-columns: repeat(1, 480px);
}
@media only screen and (max-width: 1068px) {
.channel-html .d7A3573 {
grid-template-rows: minmax(430px, 1fr);
}
}
@media only screen and (max-width: 734px) {
.channel-html .d7A3573 {
grid-template-rows: minmax(400px, 1fr);
}
}
@media only screen and (max-width: 1068px) {
.channel-html .d7A3573 {
grid-template-columns: repeat(1, 335px);
}
}
@media only screen and (max-width: 734px) {
.channel-html .d7A3573 {
grid-template-columns: repeat(1, 320px);
}
}
.channel-html .d7A3573 .bentobox-item {
border-radius: 18px;
}
.channel-html .n31BC96 {
background-color: #f5f5f7;
grid-column-start: 1;
grid-column-end: 1;
grid-row-start: 1;
grid-row-end: 1;
position: relative;
}
.channel-html .n31BC96:before {
display: block;
position: absolute;
pointer-events: none;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-style: solid;
}
.channel-html .n0921E6 {
min-height: 100%;
align-items: center;
}
.channel-html .x1E20BF {
padding-top: 80px;
padding-bottom: 80px;
}
@media only screen and (max-width: 734px) {
.channel-html .x1E20BF {
padding-top: 40px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .x1E20BF {
padding-bottom: 46px;
}
}
.channel-html .o141D9C {
text-align: center;
order: 2;
}
.channel-html .r7E4D1E {
color: #1d1d1f;
margin-top: 28.5px;
padding-left: 60px;
padding-right: 60px;
}
@media only screen and (max-width: 1068px) {
.channel-html .r7E4D1E {
margin-top: 28px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .r7E4D1E {
margin-top: 16px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .r7E4D1E {
padding-left: 20px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .r7E4D1E {
padding-left: 58px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .r7E4D1E {
padding-right: 20px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .r7E4D1E {
padding-right: 58px;
}
}
.channel-html .eA61F95 {
margin-top: 3px;
padding-top: 0px;
padding-bottom: 0px;
text-align: center;
order: 1;
}
@media only screen and (max-width: 1068px) {
.channel-html .eA61F95 {
margin-top: 5px;
}
}
.channel-html .y7189EE {
margin-left: 1px;
}
@media only screen and (max-width: 1068px) {
.channel-html .y7189EE {
margin-left: 0px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .y7189EE {
margin-right: 0px;
}
}
.channel-html .dC93BEA {
margin-top: 10px;
margin-bottom: 10px;
}
@media only screen and (max-width: 1068px) {
.channel-html .dC93BEA {
margin-top: 5px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .dC93BEA {
margin-top: 10px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .dC93BEA {
margin-left: 6px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .dC93BEA {
margin-left: 0px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .dC93BEA {
margin-bottom: 5px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .dC93BEA {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .dC93BEA {
margin-right: 6px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .dC93BEA {
margin-right: 0px;
}
}
.channel-html .fA69776 {
display: grid;
grid-template-rows: minmax(480px, 1fr);
grid-auto-rows: 1fr;
grid-template-columns: repeat(1, 980px);
}
@media only screen and (max-width: 1068px) {
.channel-html .fA69776 {
grid-template-rows: minmax(335px, 1fr);
}
}
@media only screen and (max-width: 734px) {
.channel-html .fA69776 {
grid-template-rows: minmax(400px, 1fr);
}
}
@media only screen and (max-width: 1068px) {
.channel-html .fA69776 {
grid-template-columns: repeat(1, 680px);
}
}
@media only screen and (max-width: 734px) {
.channel-html .fA69776 {
grid-template-columns: repeat(1, 320px);
}
}
.channel-html .fA69776 .bentobox-item {
border-radius: 18px;
overflow: hidden;
}
@media only screen and (max-width: 1068px) {
.channel-html .fA69776 .bentobox-item {
overflow: hidden;
}
}
.channel-html .uA978C1 {
background-color: #f5f5f7;
grid-column-start: 1;
grid-column-end: 1;
grid-row-start: 1;
grid-row-end: 1;
position: relative;
overflow: hidden;
}
@media only screen and (max-width: 1068px) {
.channel-html .uA978C1 {
overflow: hidden;
}
}
.channel-html .uA978C1:before {
display: block;
position: absolute;
pointer-events: none;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-style: solid;
}
.channel-html .nFEAE81 {
padding-top: 51.5px;
text-align: center;
}
@media only screen and (max-width: 734px) {
.channel-html .nFEAE81 {
margin-top: 8px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .nFEAE81 {
padding-top: 29px;
}
}
.channel-html .gAF2A96 {
color: #1d1d1f;
padding-left: 240px;
padding-right: 240px;
}
@media only screen and (max-width: 1068px) {
.channel-html .gAF2A96 {
padding-left: 120px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .gAF2A96 {
padding-left: 14px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .gAF2A96 {
padding-right: 120px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .gAF2A96 {
padding-right: 14px;
}
}
.channel-html .o4AF44E {
align-items: flex-end;
margin-top: 34px;
}
@media only screen and (max-width: 1068px) {
.channel-html .o4AF44E {
margin-top: 21px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .o4AF44E {
margin-top: -129px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .o4AF44E {
position: relative;
}
}
@media only screen and (max-width: 734px) {
.channel-html .o4AF44E {
z-index: 0;
}
}
.channel-html .c3BB311 {
text-align: center;
}
.channel-html .vA66AF5 {
margin-top: 1px;
margin-left: 126px;
}
@media only screen and (max-width: 1068px) {
.channel-html .vA66AF5 {
margin-top: 0px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .vA66AF5 {
margin-left: 80px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .vA66AF5 {
margin-bottom: 0px;
}
}
.channel-html .t39659D {
display: grid;
grid-template-rows: minmax(300px, 1fr);
grid-auto-rows: 1fr;
grid-template-columns: repeat(1, 300px);
}
@media only screen and (max-width: 1068px) {
.channel-html .t39659D {
grid-template-rows: minmax(200px, 1fr);
}
}
@media only screen and (max-width: 734px) {
.channel-html .t39659D {
grid-template-rows: minmax(400px, 1fr);
}
}
@media only screen and (max-width: 1068px) {
.channel-html .t39659D {
grid-template-columns: repeat(1, 200px);
}
}
@media only screen and (max-width: 734px) {
.channel-html .t39659D {
grid-template-columns: repeat(1, 320px);
}
}
.channel-html .t39659D .bentobox-item {
border-radius: 18px;
}
@media only screen and (max-width: 734px) {
.channel-html .t39659D .bentobox-item {
overflow: hidden;
}
}
.channel-html .f524630 {
background-color: #f5f5f7;
grid-column-start: 1;
grid-column-end: 1;
grid-row-start: 1;
grid-row-end: 1;
position: relative;
}
.channel-html .f524630:before {
display: block;
position: absolute;
pointer-events: none;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-style: solid;
}
.channel-html .iDF91FE {
min-height: 100%;
position: relative;
z-index: 1;
}
.channel-html .n561023 {
text-align: center;
}
.channel-html .z5050C2 {
color: #f5f5f7;
}
@media only screen and (max-width: 734px) {
.channel-html .z5050C2 {
margin-top: 18px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .z5050C2 {
padding-left: 14px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .z5050C2 {
padding-right: 14px;
}
}
.channel-html .g03A8DA {
position: relative;
z-index: 0;
}
@media only screen and (max-width: 734px) {
.channel-html .l537CF7 {
margin-top: -419px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .l537CF7 {
width: 100%;
}
}
@media only screen and (max-width: 734px) {
.channel-html .l537CF7 {
height: 100%;
}
}
@media only screen and (max-width: 734px) {
.channel-html .l537CF7 {
background-size: 100%;
}
}
@media only screen and (max-width: 734px) {
.channel-html .l537CF7 {
background-position: 0% 0%;
}
}
.channel-html .a650FC5 {
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
}
@media only screen and (max-width: 1068px) {
.channel-html .a650FC5 {
margin-top: 5px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .a650FC5 {
margin-top: 10px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .a650FC5 {
margin-left: 6px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .a650FC5 {
margin-left: 0px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .a650FC5 {
margin-bottom: 5px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .a650FC5 {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .a650FC5 {
margin-right: 5px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .a650FC5 {
margin-right: 0px;
}
}
.channel-html .f504094 {
display: grid;
grid-template-rows: minmax(550px, 1fr);
grid-auto-rows: 1fr;
grid-template-columns: repeat(1, 480px);
}
@media only screen and (max-width: 1068px) {
.channel-html .f504094 {
grid-template-rows: minmax(430px, 1fr);
}
}
@media only screen and (max-width: 734px) {
.channel-html .f504094 {
grid-template-rows: minmax(400px, 1fr);
}
}
@media only screen and (max-width: 1068px) {
.channel-html .f504094 {
grid-template-columns: repeat(1, 335px);
}
}
@media only screen and (max-width: 734px) {
.channel-html .f504094 {
grid-template-columns: repeat(1, 320px);
}
}
.channel-html .f504094 .bentobox-item {
border-radius: 18px;
}
.channel-html .n04D8A6 {
background-color: #f5f5f7;
grid-column-start: 1;
grid-column-end: 1;
grid-row-start: 1;
grid-row-end: 1;
position: relative;
}
.channel-html .n04D8A6:before {
display: block;
position: absolute;
pointer-events: none;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-style: solid;
}
.channel-html .vA34CDE {
min-height: 100%;
align-items: center;
}
.channel-html .j653EA1 {
padding-bottom: 4px;
text-align: center;
}
@media only screen and (max-width: 734px) {
.channel-html .j653EA1 {
padding-top: 0px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .j653EA1 {
padding-bottom: 3px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .j653EA1 {
padding-bottom: 5px;
}
}
.channel-html .l8453F2 {
color: #1d1d1f;
padding-left: 40px;
padding-right: 40px;
}
@media only screen and (max-width: 1068px) {
.channel-html .l8453F2 {
padding-left: 24px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .l8453F2 {
padding-left: 44px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .l8453F2 {
padding-right: 24px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .l8453F2 {
padding-right: 44px;
}
}
.channel-html .k8DFE9A {
margin-top: 30px;
margin-left: 0px;
margin-right: 0px;
}
@media only screen and (max-width: 1068px) {
.channel-html .k8DFE9A {
margin-top: 16px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .k8DFE9A {
margin-top: 21px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .k8DFE9A {
margin-left: 0px;
}
}
.channel-html .gCD6D26 {
margin-top: 10px;
margin-left: 10px;
margin-bottom: 10px;
}
@media only screen and (max-width: 1068px) {
.channel-html .gCD6D26 {
margin-top: 5px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .gCD6D26 {
margin-top: 10px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .gCD6D26 {
margin-left: 5px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .gCD6D26 {
margin-left: 0px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .gCD6D26 {
margin-bottom: 5px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .gCD6D26 {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .gCD6D26 {
margin-right: 6px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .gCD6D26 {
margin-right: 0px;
}
}
.channel-html .hFB010D {
display: grid;
grid-template-rows: minmax(550px, 1fr);
grid-auto-rows: 1fr;
grid-template-columns: repeat(1, 480px);
}
@media only screen and (max-width: 1068px) {
.channel-html .hFB010D {
grid-template-rows: minmax(430px, 1fr);
}
}
@media only screen and (max-width: 734px) {
.channel-html .hFB010D {
grid-template-rows: minmax(400px, 1fr);
}
}
@media only screen and (max-width: 1068px) {
.channel-html .hFB010D {
grid-template-columns: repeat(1, 335px);
}
}
@media only screen and (max-width: 734px) {
.channel-html .hFB010D {
grid-template-columns: repeat(1, 320px);
}
}
.channel-html .hFB010D .bentobox-item {
border-radius: 18px;
}
.channel-html .bA6A961 {
background-color: #f5f5f7;
grid-column-start: 1;
grid-column-end: 1;
grid-row-start: 1;
grid-row-end: 1;
position: relative;
}
.channel-html .bA6A961:before {
display: block;
position: absolute;
pointer-events: none;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-style: solid;
}
.channel-html .dD328D0 {
min-height: 100%;
align-items: center;
}
.channel-html .d187E67 {
align-items: center;
padding-top: 80px;
padding-bottom: 83px;
}
@media only screen and (max-width: 1068px) {
.channel-html .d187E67 {
padding-top: 60px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .d187E67 {
padding-bottom: 60px;
}
}
.channel-html .z48F047 {
text-align: center;
order: 2;
}
.channel-html .m2CF724 {
color: #1d1d1f;
margin-top: 31.5px;
padding-left: 30px;
padding-right: 30px;
}
@media only screen and (max-width: 1068px) {
.channel-html .m2CF724 {
margin-top: 17px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .m2CF724 {
padding-left: 50px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .m2CF724 {
padding-left: 40px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .m2CF724 {
padding-right: 50px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .m2CF724 {
padding-right: 40px;
}
}
.channel-html .d655497 {
padding-top: 0px;
padding-bottom: 0px;
text-align: center;
order: 1;
}
@media only screen and (max-width: 1068px) {
.channel-html .d655497 {
padding-top: 4px;
}
}
.channel-html .q842205 {
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
}
@media only screen and (max-width: 1068px) {
.channel-html .q842205 {
margin-top: 5px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .q842205 {
margin-top: 10px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .q842205 {
margin-left: 6px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .q842205 {
margin-left: 0px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .q842205 {
margin-bottom: 5px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .q842205 {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .q842205 {
margin-right: 5px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .q842205 {
margin-right: 0px;
}
}
.channel-html .cE81433 {
display: grid;
grid-template-rows: minmax(550px, 1fr);
grid-auto-rows: 1fr;
grid-template-columns: repeat(1, 480px);
}
@media only screen and (max-width: 1068px) {
.channel-html .cE81433 {
grid-template-rows: minmax(430px, 1fr);
}
}
@media only screen and (max-width: 734px) {
.channel-html .cE81433 {
grid-template-rows: minmax(400px, 1fr);
}
}
@media only screen and (max-width: 1068px) {
.channel-html .cE81433 {
grid-template-columns: repeat(1, 335px);
}
}
@media only screen and (max-width: 734px) {
.channel-html .cE81433 {
grid-template-columns: repeat(1, 320px);
}
}
.channel-html .cE81433 .bentobox-item {
border-radius: 18px;
}
.channel-html .zC78994 {
background-color: #f5f5f7;
grid-column-start: 1;
grid-column-end: 1;
grid-row-start: 1;
grid-row-end: 1;
position: relative;
overflow: hidden;
}
.channel-html .zC78994:before {
display: block;
position: absolute;
pointer-events: none;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-style: solid;
}
.channel-html .j873154 {
min-height: 100%;
position: relative;
z-index: 1;
}
.channel-html .aF418DC {
text-align: center;
}
.channel-html .uD18BAF {
color: #f5f5f7;
margin-top: 64px;
padding-left: 48px;
padding-right: 48px;
}
@media only screen and (max-width: 1068px) {
.channel-html .uD18BAF {
margin-top: 58px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .uD18BAF {
margin-top: 53px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .uD18BAF {
padding-left: 44px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .uD18BAF {
padding-left: 40px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .uD18BAF {
padding-right: 44px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .uD18BAF {
padding-right: 40px;
}
}
.channel-html .f493BC5 {
margin-top: 0px;
position: relative;
z-index: 0;
}
@media only screen and (max-width: 1068px) {
.channel-html .f493BC5 {
margin-top: 0px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .f493BC5 {
margin-top: 0px;
}
}
.channel-html .eA87A67 {
margin-top: -569px;
width: 100%;
height: 100%;
background-size: 100%;
background-position: 0% 0%;
}
@media only screen and (max-width: 1068px) {
.channel-html .eA87A67 {
margin-top: -449px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .eA87A67 {
margin-top: -419px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .eA87A67 {
width: 100%;
}
}
@media only screen and (max-width: 734px) {
.channel-html .eA87A67 {
width: 100%;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .eA87A67 {
height: 100%;
}
}
@media only screen and (max-width: 734px) {
.channel-html .eA87A67 {
height: 100%;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .eA87A67 {
background-size: 100%;
}
}
@media only screen and (max-width: 734px) {
.channel-html .eA87A67 {
background-size: 100%;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .eA87A67 {
background-position: 0% 0%;
}
}
@media only screen and (max-width: 734px) {
.channel-html .eA87A67 {
background-position: 0% 0%;
}
}
.channel-html .h3DD61D {
margin-top: 10px;
margin-left: 10px;
margin-bottom: 10px;
}
@media only screen and (max-width: 1068px) {
.channel-html .h3DD61D {
margin-top: 5px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .h3DD61D {
margin-top: 10px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .h3DD61D {
margin-left: 5px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .h3DD61D {
margin-left: 0px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .h3DD61D {
margin-bottom: 5px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .h3DD61D {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .h3DD61D {
margin-right: 6px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .h3DD61D {
margin-right: 0px;
}
}
.channel-html .o0C8F22 {
display: grid;
grid-template-rows: minmax(550px, 1fr);
grid-auto-rows: 1fr;
grid-template-columns: repeat(1, 480px);
}
@media only screen and (max-width: 1068px) {
.channel-html .o0C8F22 {
grid-template-rows: minmax(430px, 1fr);
}
}
@media only screen and (max-width: 734px) {
.channel-html .o0C8F22 {
grid-template-rows: minmax(400px, 1fr);
}
}
@media only screen and (max-width: 1068px) {
.channel-html .o0C8F22 {
grid-template-columns: repeat(1, 335px);
}
}
@media only screen and (max-width: 734px) {
.channel-html .o0C8F22 {
grid-template-columns: repeat(1, 320px);
}
}
.channel-html .o0C8F22 .bentobox-item {
border-radius: 18px;
}
.channel-html .f223456 {
background-color: #f5f5f7;
grid-column-start: 1;
grid-column-end: 1;
grid-row-start: 1;
grid-row-end: 1;
position: relative;
overflow: hidden;
}
.channel-html .f223456:before {
display: block;
position: absolute;
pointer-events: none;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-style: solid;
}
.channel-html .x47C9E0 {
text-align: center;
order: 2;
}
@media only screen and (max-width: 734px) {
.channel-html .x47C9E0 {
text-align: center;
}
}
.channel-html .a713868 {
color: #1d1d1f;
margin-top: 99px;
padding-left: 40px;
padding-right: 40px;
}
@media only screen and (max-width: 1068px) {
.channel-html .a713868 {
margin-top: 70.5px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .a713868 {
margin-top: 37.5px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .a713868 {
padding-left: 45px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .a713868 {
padding-left: 38px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .a713868 {
padding-bottom: 78px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .a713868 {
padding-bottom: 40.5px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .a713868 {
padding-right: 45px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .a713868 {
padding-right: 38px;
}
}
.channel-html .mAEAA6A {
text-align: center;
order: 1;
}
@media only screen and (max-width: 1068px) {
.channel-html .mAEAA6A {
text-align: center;
}
}
.channel-html .t616CE9 {
margin-left: 0px;
margin-right: 0px;
}
@media only screen and (max-width: 1068px) {
.channel-html .t616CE9 {
margin-left: 23px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .t616CE9 {
margin-left: 19px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .t616CE9 {
margin-right: 0px;
}
}
.channel-html .oF635F2 {
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
}
@media only screen and (max-width: 1068px) {
.channel-html .oF635F2 {
margin-top: 5px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .oF635F2 {
margin-top: 10px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .oF635F2 {
margin-left: 6px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .oF635F2 {
margin-left: 0px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .oF635F2 {
margin-bottom: 0px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .oF635F2 {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .oF635F2 {
margin-right: 5px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .oF635F2 {
margin-right: 0px;
}
}
.channel-html .yC74FB5 {
display: grid;
grid-template-rows: minmax(550px, 1fr);
grid-auto-rows: 1fr;
grid-template-columns: repeat(1, 480px);
}
@media only screen and (max-width: 1068px) {
.channel-html .yC74FB5 {
grid-template-rows: minmax(430px, 1fr);
}
}
@media only screen and (max-width: 734px) {
.channel-html .yC74FB5 {
grid-template-rows: minmax(400px, 1fr);
}
}
@media only screen and (max-width: 1068px) {
.channel-html .yC74FB5 {
grid-template-columns: repeat(1, 335px);
}
}
@media only screen and (max-width: 734px) {
.channel-html .yC74FB5 {
grid-template-columns: repeat(1, 320px);
}
}
.channel-html .yC74FB5 .bentobox-item {
border-radius: 18px;
overflow: hidden;
}
.channel-html .t355BFD {
background-color: #f5f5f7;
grid-column-start: 1;
grid-column-end: 1;
grid-row-start: 1;
grid-row-end: 1;
position: relative;
}
.channel-html .t355BFD:before {
display: block;
position: absolute;
pointer-events: none;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-style: solid;
}
.channel-html .m4B5871 {
text-align: center;
}
.channel-html .zBB4F18 {
color: #1d1d1f;
margin-top: 101px;
padding-left: 50px;
padding-right: 50px;
}
@media only screen and (max-width: 1068px) {
.channel-html .zBB4F18 {
margin-top: 83px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .zBB4F18 {
margin-top: 70px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .zBB4F18 {
padding-left: 30px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .zBB4F18 {
padding-right: 30px;
}
}
.channel-html .q72007D {
margin-top: 42px;
}
@media only screen and (max-width: 1068px) {
.channel-html .q72007D {
margin-top: 27px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .q72007D {
margin-top: 33px;
}
}
.channel-html .zFA294F {
margin-right: 0px;
padding-right: 0px;
text-align: right;
}
.channel-html .kDC516F {
margin-top: 0px;
margin-left: 34px;
margin-right: 0px;
}
@media only screen and (max-width: 1068px) {
.channel-html .kDC516F {
margin-top: 38px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .kDC516F {
margin-left: 17px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .kDC516F {
margin-left: 19px;
}
}
.channel-html .v0D4AAA {
margin-top: 10px;
margin-left: 10px;
margin-bottom: 10px;
}
@media only screen and (max-width: 1068px) {
.channel-html .v0D4AAA {
margin-top: 5px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .v0D4AAA {
margin-top: 10px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .v0D4AAA {
margin-left: 5px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .v0D4AAA {
margin-left: 0px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .v0D4AAA {
margin-bottom: 0px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .v0D4AAA {
margin-bottom: 0px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .v0D4AAA {
margin-right: 6px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .v0D4AAA {
margin-right: 0px;
}
}
.channel-html .z37EC4E {
display: grid;
grid-template-rows: minmax(550px, 1fr);
grid-auto-rows: 1fr;
grid-template-columns: repeat(1, 480px);
}
@media only screen and (max-width: 1068px) {
.channel-html .z37EC4E {
grid-template-rows: minmax(430px, 1fr);
}
}
@media only screen and (max-width: 734px) {
.channel-html .z37EC4E {
grid-template-rows: minmax(400px, 1fr);
}
}
@media only screen and (max-width: 1068px) {
.channel-html .z37EC4E {
grid-template-columns: repeat(1, 335px);
}
}
@media only screen and (max-width: 734px) {
.channel-html .z37EC4E {
grid-template-columns: repeat(1, 320px);
}
}
.channel-html .z37EC4E .bentobox-item {
border-radius: 18px;
}
.channel-html .r13E7BF {
background-color: #f5f5f7;
grid-column-start: 1;
grid-column-end: 1;
grid-row-start: 1;
grid-row-end: 1;
position: relative;
overflow: hidden;
}
.channel-html .r13E7BF:before {
display: block;
position: absolute;
pointer-events: none;
top: 0;
right: 0;
bottom: 0;
left: 0;
border-style: solid;
}
.channel-html .d476AA6 {
min-height: 100%;
align-items: top;
}
.channel-html .j10773C {
text-align: center;
order: 2;
}
.channel-html .q408970 {
color: #1d1d1f;
margin-top: 53px;
padding-left: 62px;
padding-right: 62px;
}
@media only screen and (max-width: 1068px) {
.channel-html .q408970 {
margin-top: 29px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .q408970 {
margin-top: 36px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .q408970 {
padding-left: 42px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .q408970 {
padding-left: 35px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .q408970 {
padding-right: 42px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .q408970 {
padding-right: 35px;
}
}
.channel-html .z157F6B {
margin-top: 4px;
text-align: center;
order: 1;
}
.channel-html .v6625BA {
margin-left: -123px;
}
@media only screen and (max-width: 1068px) {
.channel-html .v6625BA {
margin-left: -67px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .v6625BA {
margin-left: -71px;
}
}
.channel-html .y7EEFC4 {
margin-top: 36px;
margin-bottom: 7px;
}
@media only screen and (max-width: 734px) {
.channel-html .y7EEFC4 {
padding-left: 0px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .y7EEFC4 {
padding-right: 0px;
}
}
.channel-html .kFDF2EE {
margin-left: 0px;
padding-left: 0px;
}
@media only screen and (max-width: 1068px) {
.channel-html .kFDF2EE {
padding-left: 6px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .kFDF2EE {
padding-left: 0px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .kFDF2EE {
padding-right: 6px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .kFDF2EE {
padding-right: 0px;
}
}
.channel-html .sE7F229 {
margin-bottom: 9px;
}
.channel-html .n7F3A62 {
margin-left: -1px;
}
@media only screen and (max-width: 1068px) {
.channel-html .n7F3A62 {
margin-left: 1px;
}
}
.channel-html .f117E87 {
color: #6e6e73;
}
.channel-html .y989F77 {
margin-left: 0px;
padding-left: 0px;
}
@media only screen and (max-width: 1068px) {
.channel-html .oE4A95C {
padding-left: 1px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .oE4A95C {
padding-left: 1px;
}
}
.channel-html .l852B34 {
margin-bottom: 9px;
}
.channel-html .rE715AB {
color: #6e6e73;
margin-left: -0.5px;
}
@media only screen and (max-width: 734px) {
.channel-html .rE715AB {
padding-right: 39px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .nB610B4 {
padding-left: 1px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .nB610B4 {
padding-left: 1px;
}
}
.channel-html .i3E100B {
margin-bottom: 9px;
}
.channel-html .vD28E2B {
color: #6e6e73;
margin-left: -0.5px;
}
@media only screen and (max-width: 734px) {
.channel-html .vD28E2B {
padding-right: 38px;
}
}
.channel-html br.large {
display: block;
}
@media only screen and (max-width: 1068px) {
.channel-html br.large {
display: none;
}
}
@media only screen and (max-width: 734px) {
.channel-html br.large {
display: none;
}
}
.channel-html br.medium {
display: none;
}
@media only screen and (max-width: 1068px) {
.channel-html br.medium {
display: block;
}
}
@media only screen and (max-width: 734px) {
.channel-html br.medium {
display: none;
}
}
.channel-html br.small {
display: none;
}
@media only screen and (max-width: 1068px) {
.channel-html br.small {
display: none;
}
}
@media only screen and (max-width: 734px) {
.channel-html br.small {
display: block;
}
}
@media only screen and (min-width: 1068px) {
.channel-html .f863637 {
justify-content: center;
}
}
@media only screen and (min-width: 734px) {
.channel-html .f863637 {
justify-content: center;
}
}
@media only screen and (min-width: 1068px) {
.channel-html .b5D621A {
flex-basis: revert;
}
}
@media only screen and (min-width: 734px) {
.channel-html .b5D621A {
flex-basis: revert;
}
}
@media only screen and (min-width: 1068px) {
.channel-html .wF5037D {
flex-basis: revert;
}
}
@media only screen and (min-width: 734px) {
.channel-html .wF5037D {
flex-basis: revert;
}
}
.channel-html .h3DD61Dy {
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
margin-left: 0;
}
@media only screen and (max-width: 1068px) {
.channel-html .h3DD61Dy {
margin-top: 5px;
margin-left: 6px;
margin-right: 5px;
margin-bottom: 5px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .h3DD61Dy {
margin-top: 10px;
margin-left: 0;
margin-right: 0;
margin-bottom: 10px;
}
}
.channel-html .h3DD61Dy .a713868 {
margin-top: 62px;
}
@media only screen and (max-width: 1068px) {
.channel-html .h3DD61Dy .a713868 {
margin-top: 33px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .h3DD61Dy .a713868 {
margin-top: 37.5px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .h3DD61Dy .a713868 {
padding-left: 42px;
padding-right: 42px;
padding-bottom: 0;
}
}
@media only screen and (max-width: 734px) {
.channel-html .h3DD61Dy .a713868 {
padding-left: 35px;
padding-right: 35px;
padding-bottom: 40.5px;
}
}
.channel-html .a713123 {
margin-top: 72px;
padding-left: 40px;
padding-right: 40px;
}
@media only screen and (max-width: 1068px) {
.channel-html .a713123 {
margin-top: 50px;
padding-left: 35px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .a713123 {
margin-top: 37.5px;
padding-left: 38px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .a713123 {
padding-bottom: 35px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .a713123 {
padding-bottom: 40.5px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .a713123 {
padding-right: 45px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .a713123 {
padding-right: 38px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .oF635F2 .zBB4F18 {
margin-top: 50px;
padding-right: 15px;
padding-left: 15px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .oF635F2 .q72007D {
margin-top: 0px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .oF635F2 .q72007D {
margin-top: 5px;
}
}
.channel-html .zBB4Z45 {
color: #1d1d1f;
margin-top: 101px;
padding-left: 70px;
padding-right: 70px;
}
@media only screen and (max-width: 1068px) {
.channel-html .zBB4Z45 {
margin-top: 83px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .zBB4Z45 {
margin-top: 70px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .zBB4Z45 {
padding-left: 40px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .zBB4Z45 {
padding-right: 40px;
}
}
.channel-html .kDC5456 {
margin-top: -30px;
margin-left: 0px;
margin-right: 0px;
}
@media only screen and (max-width: 1068px) {
.channel-html .kDC5456 {
margin-top: 0px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .kDC5456 {
margin-left: 0;
}
}
@media only screen and (max-width: 734px) {
.channel-html .kDC5456 {
margin-left: 0;
}
}
.channel-html .q720128 {
margin-top: 4px;
}
@media only screen and (max-width: 1068px) {
.channel-html .q720128 {
margin-top: 10px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .q720128 {
margin-top: 12px;
}
}
.channel-html .q842205x {
margin-top: 10px;
margin-bottom: 10px;
margin-right: 10px;
margin-left: 0;
}
@media only screen and (max-width: 1068px) {
.channel-html .q842205x {
margin-top: 5px;
margin-left: 6px;
margin-right: 5px;
margin-bottom: 5px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .q842205x {
margin-top: 10px;
margin-left: 0;
margin-right: 0;
margin-bottom: 10px;
}
}
.channel-html .h3DD61Dx {
margin-top: 10px;
margin-left: 10px;
margin-right: 0;
margin-bottom: 10px;
}
@media only screen and (max-width: 1068px) {
.channel-html .h3DD61Dx {
margin-top: 5px;
margin-left: 5px;
margin-right: 6px;
margin-bottom: 5px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .h3DD61Dx {
margin-top: 10px;
margin-left: 0;
margin-right: 0;
margin-bottom: 10px;
}
}
@media only screen and (max-width: 1068px) {
.channel-html .d476AA6 {
align-items: top;
}
}
@media only screen and (max-width: 734px) {
.channel-html .d476AA6 {
align-items: top;
}
}
.channel-html .h3DD61Dx .z157F6B {
margin-top: 192px;
}
@media only screen and (max-width: 1068px) {
.channel-html .h3DD61Dx .z157F6B {
margin-top: 128px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .h3DD61Dx .z157F6B {
margin-top: 109px;
}
}
.channel-html .h3DD61Dx .q408970 {
margin-top: 69px;
padding-left: 60px;
padding-right: 60px;
}
@media only screen and (max-width: 1068px) {
.channel-html .h3DD61Dx .q408970 {
margin-top: 64px;
padding-left: 30px;
padding-right: 30px;
}
}
@media only screen and (max-width: 734px) {
.channel-html .h3DD61Dx .q408970 {
margin-top: 44px;
padding-left: 30px;
padding-right: 30px;
}
}