/* inline styles */ /*! tailwindcss v4.3.2 | MIT License | https://tailwindcss.com */ @layer properties { @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) { #spdp-container *, #spdp-container :before, #spdp-container :after { --tw-space-y-reverse: 0; --tw-border-style: solid; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-duration: initial; --tw-ease: initial; --tw-gradient-position: initial; --tw-gradient-from: transparent; --tw-gradient-via: transparent; --tw-gradient-to: transparent; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; } #spdp-container ::-ms-backdrop { --tw-space-y-reverse: 0; --tw-border-style: solid; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-duration: initial; --tw-ease: initial; --tw-gradient-position: initial; --tw-gradient-from: transparent; --tw-gradient-via: transparent; --tw-gradient-to: transparent; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; } #spdp-container ::backdrop { --tw-space-y-reverse: 0; --tw-border-style: solid; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-duration: initial; --tw-ease: initial; --tw-gradient-position: initial; --tw-gradient-from: transparent; --tw-gradient-via: transparent; --tw-gradient-to: transparent; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; } } } @layer theme { #spdp-container { --srp-font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --srp-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --srp-color-blue-500: #3080ff; --srp-color-gray-200: #e5e7eb; --srp-color-black: #000; --srp-color-white: #fff; --srp-spacing: 0.25rem; --srp-container-lg: 32rem; --srp-container-5xl: 64rem; --srp-text-xs: 0.75rem; --srp-text-xs--line-height: calc(1 / 0.75); --srp-text-sm: 0.875rem; --srp-text-sm--line-height: calc(1.25 / 0.875); --srp-text-base: 1rem; --srp-text-base--line-height: calc(1.5 / 1); --srp-text-lg: 1.125rem; --srp-text-lg--line-height: calc(1.75 / 1.125); --srp-text-xl: 1.25rem; --srp-text-xl--line-height: calc(1.75 / 1.25); --srp-text-2xl: 1.5rem; --srp-text-2xl--line-height: calc(2 / 1.5); --srp-text-3xl: 1.875rem; --srp-text-3xl--line-height: calc(2.25 / 1.875); --srp-text-4xl: 2.25rem; --srp-text-4xl--line-height: calc(2.5 / 2.25); --srp-text-5xl: 3rem; --srp-text-5xl--line-height: 1; --srp-text-6xl: 3.75rem; --srp-text-6xl--line-height: 1; --srp-text-7xl: 4.5rem; --srp-text-7xl--line-height: 1; --srp-text-8xl: 6rem; --srp-text-8xl--line-height: 1; --srp-font-weight-thin: 100; --srp-font-weight-light: 300; --srp-font-weight-normal: 400; --srp-font-weight-medium: 500; --srp-font-weight-bold: 700; --srp-tracking-wide: 0.025em; --srp-tracking-widest: 0.1em; --srp-leading-tight: 1.25; --srp-leading-normal: 1.5; --srp-leading-relaxed: 1.625; --srp-radius-md: 0.375rem; --srp-radius-lg: 0.5rem; --srp-radius-xl: 0.75rem; --srp-radius-2xl: 1rem; --srp-radius-3xl: 1.5rem; --srp-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --srp-default-transition-duration: 0.15s; --srp-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --srp-default-font-family: var(--srp-font-sans); --srp-default-mono-font-family: var(--srp-font-mono); --srp-color-samsungTitleGrey: #767676; --srp-color-samsungTurquoise: #00c3c3; --srp-color-samsungBlue: #1428a0; --srp-color-samsung-gray: #ccc; --srp-color-samsung-light-gray: #eee; --srp-color-samsungGrey: #f4f4f4; --srp-color-sky: #e8f3fb; --srp-font-SamsungSSHead: "SamsungSSHead", "Segoe UI", sans-serif; --srp-font-SamsungSSBody: "SamsungSSBody", "Segoe UI", sans-serif; --srp-spacing-8p: 8%; --srp-spacing-10p: 10%; --srp-spacing-80p: 80%; --srp-spacing-96p: 96%; } @supports (color: color(display-p3 0 0 0)) { #spdp-container { --srp-color-blue-500: color(display-p3 0.266422 0.491219 0.988624); --srp-color-gray-200: color(display-p3 0.899787 0.906171 0.92106); } } @supports (color: lab(0% 0 0)) { #spdp-container { --srp-color-blue-500: lab(54.1736% 13.3368 -74.6839); --srp-color-gray-200: lab(91.6229% -0.159085 -2.26791); } } #spdp-container :host { --srp-font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --srp-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --srp-color-blue-500: #3080ff; --srp-color-gray-200: #e5e7eb; --srp-color-black: #000; --srp-color-white: #fff; --srp-spacing: 0.25rem; --srp-container-lg: 32rem; --srp-container-5xl: 64rem; --srp-text-xs: 0.75rem; --srp-text-xs--line-height: calc(1 / 0.75); --srp-text-sm: 0.875rem; --srp-text-sm--line-height: calc(1.25 / 0.875); --srp-text-base: 1rem; --srp-text-base--line-height: calc(1.5 / 1); --srp-text-lg: 1.125rem; --srp-text-lg--line-height: calc(1.75 / 1.125); --srp-text-xl: 1.25rem; --srp-text-xl--line-height: calc(1.75 / 1.25); --srp-text-2xl: 1.5rem; --srp-text-2xl--line-height: calc(2 / 1.5); --srp-text-3xl: 1.875rem; --srp-text-3xl--line-height: calc(2.25 / 1.875); --srp-text-4xl: 2.25rem; --srp-text-4xl--line-height: calc(2.5 / 2.25); --srp-text-5xl: 3rem; --srp-text-5xl--line-height: 1; --srp-text-6xl: 3.75rem; --srp-text-6xl--line-height: 1; --srp-text-7xl: 4.5rem; --srp-text-7xl--line-height: 1; --srp-text-8xl: 6rem; --srp-text-8xl--line-height: 1; --srp-font-weight-thin: 100; --srp-font-weight-light: 300; --srp-font-weight-normal: 400; --srp-font-weight-medium: 500; --srp-font-weight-bold: 700; --srp-tracking-wide: 0.025em; --srp-tracking-widest: 0.1em; --srp-leading-tight: 1.25; --srp-leading-normal: 1.5; --srp-leading-relaxed: 1.625; --srp-radius-md: 0.375rem; --srp-radius-lg: 0.5rem; --srp-radius-xl: 0.75rem; --srp-radius-2xl: 1rem; --srp-radius-3xl: 1.5rem; --srp-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1); --srp-default-transition-duration: 0.15s; --srp-default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); --srp-default-font-family: var(--srp-font-sans); --srp-default-mono-font-family: var(--srp-font-mono); --srp-color-samsungTitleGrey: #767676; --srp-color-samsungTurquoise: #00c3c3; --srp-color-samsungBlue: #1428a0; --srp-color-samsung-gray: #ccc; --srp-color-samsung-light-gray: #eee; --srp-color-samsungGrey: #f4f4f4; --srp-color-sky: #e8f3fb; --srp-font-SamsungSSHead: "SamsungSSHead", "Segoe UI", sans-serif; --srp-font-SamsungSSBody: "SamsungSSBody", "Segoe UI", sans-serif; --srp-spacing-8p: 8%; --srp-spacing-10p: 10%; --srp-spacing-80p: 80%; --srp-spacing-96p: 96%; } @supports (color: color(display-p3 0 0 0)) { #spdp-container :host { --srp-color-blue-500: color(display-p3 0.266422 0.491219 0.988624); --srp-color-gray-200: color(display-p3 0.899787 0.906171 0.92106); } } @supports (color: lab(0% 0 0)) { #spdp-container :host { --srp-color-blue-500: lab(54.1736% 13.3368 -74.6839); --srp-color-gray-200: lab(91.6229% -0.159085 -2.26791); } } } @layer base { #spdp-container *, #spdp-container :after, #spdp-container :before { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } #spdp-container ::-ms-backdrop { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } #spdp-container ::backdrop { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } #spdp-container ::-webkit-file-upload-button { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } #spdp-container ::-ms-browse { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } #spdp-container ::file-selector-button { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } #spdp-container { -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; line-height: 1.5; font-family: var(--srp-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" ); font-feature-settings: var(--srp-default-font-feature-settings, normal); font-variation-settings: var(--srp-default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } #spdp-container :host { -webkit-text-size-adjust: 100%; -moz-tab-size: 4; tab-size: 4; line-height: 1.5; font-family: var(--srp-default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" ); font-feature-settings: var(--srp-default-font-feature-settings, normal); font-variation-settings: var(--srp-default-font-variation-settings, normal); -webkit-tap-highlight-color: transparent; } #spdp-container hr { height: 0; color: inherit; border-top-width: 1px; } #spdp-container abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } #spdp-container h1, #spdp-container h2, #spdp-container h3, #spdp-container h4, #spdp-container h5, #spdp-container h6 { font-size: inherit; font-weight: inherit; } #spdp-container a { color: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } #spdp-container b, #spdp-container strong { font-weight: bolder; } #spdp-container code, #spdp-container kbd, #spdp-container samp, #spdp-container pre { font-family: var(--srp-default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--srp-default-mono-font-feature-settings, normal); font-variation-settings: var(--srp-default-mono-font-variation-settings, normal); font-size: 1em; } #spdp-container small { font-size: 80%; } #spdp-container sub, #spdp-container sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } #spdp-container sub { bottom: -0.25em; } #spdp-container sup { top: -0.5em; } #spdp-container table { text-indent: 0; border-color: inherit; border-collapse: collapse; } #spdp-container :-moz-focusring { outline: auto; } #spdp-container progress { vertical-align: baseline; } #spdp-container summary { display: list-item; } #spdp-container ol, #spdp-container ul, #spdp-container menu { list-style: none; } #spdp-container img, #spdp-container svg, #spdp-container video, #spdp-container canvas, #spdp-container audio, #spdp-container iframe, #spdp-container embed, #spdp-container object { vertical-align: middle; display: block; } #spdp-container img, #spdp-container video { max-width: 100%; height: auto; } #spdp-container button, #spdp-container input, #spdp-container select, #spdp-container optgroup, #spdp-container textarea { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: transparent; border-radius: 0; } #spdp-container ::-webkit-file-upload-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: transparent; border-radius: 0; } #spdp-container ::-ms-browse { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: transparent; border-radius: 0; } #spdp-container ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: transparent; border-radius: 0; } #spdp-container :where(select:-webkit-any([multiple], [size])) optgroup { font-weight: bolder; } #spdp-container :where(select:-moz-any([multiple], [size])) optgroup { font-weight: bolder; } #spdp-container :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } #spdp-container :where(select:-webkit-any([multiple], [size])) optgroup option:not( :-webkit-any( :lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 20px; } #spdp-container :where(select:-moz-any([multiple], [size])) optgroup option:not( :-moz-any( :lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 20px; } #spdp-container :where(select:is([multiple], [size])) optgroup option:not( :is( :lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { padding-left: 20px; } #spdp-container :where(select:-webkit-any([multiple], [size])) optgroup option:-webkit-any( :lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 20px; } #spdp-container :where(select:-moz-any([multiple], [size])) optgroup option:-moz-any( :lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 20px; } #spdp-container :where(select:is([multiple], [size])) optgroup option:is( :lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { padding-right: 20px; } #spdp-container :not( :-webkit-any( :lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::-webkit-file-upload-button { margin-right: 4px; } #spdp-container :not( :-moz-any( :lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::file-selector-button { margin-right: 4px; } #spdp-container :not( :is( :lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::-ms-browse { margin-right: 4px; } #spdp-container :not( :is( :lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)))::file-selector-button { margin-right: 4px; } #spdp-container :-webkit-any( :lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-webkit-file-upload-button { margin-left: 4px; } #spdp-container :-moz-any( :lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::file-selector-button { margin-left: 4px; } #spdp-container :is( :lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::-ms-browse { margin-left: 4px; } #spdp-container :is( :lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))::file-selector-button { margin-left: 4px; } #spdp-container ::-ms-input-placeholder { opacity: 1; } #spdp-container ::placeholder { opacity: 1; } @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) { #spdp-container ::-ms-input-placeholder { color: currentColor; } #spdp-container ::placeholder { color: currentColor; } @supports (color: color-mix(in lab, red, red)) { #spdp-container ::-ms-input-placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } #spdp-container ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } } } #spdp-container textarea { resize: vertical; } #spdp-container ::-webkit-search-decoration { -webkit-appearance: none; } #spdp-container ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } #spdp-container ::-webkit-datetime-edit { display: inline-flex; } #spdp-container ::-webkit-datetime-edit-fields-wrapper { padding: 0; } #spdp-container ::-webkit-datetime-edit { padding-top: 0; padding-bottom: 0; } #spdp-container ::-webkit-datetime-edit-year-field { padding-top: 0; padding-bottom: 0; } #spdp-container ::-webkit-datetime-edit-month-field { padding-top: 0; padding-bottom: 0; } #spdp-container ::-webkit-datetime-edit-day-field { padding-top: 0; padding-bottom: 0; } #spdp-container ::-webkit-datetime-edit-hour-field { padding-top: 0; padding-bottom: 0; } #spdp-container ::-webkit-datetime-edit-minute-field { padding-top: 0; padding-bottom: 0; } #spdp-container ::-webkit-datetime-edit-second-field { padding-top: 0; padding-bottom: 0; } #spdp-container ::-webkit-datetime-edit-millisecond-field { padding-top: 0; padding-bottom: 0; } #spdp-container ::-webkit-datetime-edit-meridiem-field { padding-top: 0; padding-bottom: 0; } #spdp-container ::-webkit-calendar-picker-indicator { line-height: 1; } #spdp-container :-moz-ui-invalid { box-shadow: none; } #spdp-container button { -webkit-appearance: button; -moz-appearance: button; -ms-appearance: button; appearance: button; } #spdp-container input:where([type="button"], [type="reset"], [type="submit"]) { -webkit-appearance: button; -moz-appearance: button; -ms-appearance: button; appearance: button; } #spdp-container ::-webkit-file-upload-button { -webkit-appearance: button; -moz-appearance: button; -ms-appearance: button; appearance: button; } #spdp-container ::-ms-browse { -webkit-appearance: button; -moz-appearance: button; -ms-appearance: button; appearance: button; } #spdp-container ::file-selector-button { -webkit-appearance: button; -moz-appearance: button; -ms-appearance: button; appearance: button; } #spdp-container ::-webkit-inner-spin-button { height: auto; } #spdp-container ::-webkit-outer-spin-button { height: auto; } #spdp-container [hidden]:where(:not([hidden="until-found"])) { display: none !important; } } @layer components { #spdp-container .srp-section-content>* { padding-left: 8%; padding-right: 8%; } @media (min-width: 768px) { #spdp-container .srp-section-content>* { padding-left: 10%; padding-right: 10%; } } #spdp-container .srp-section-content>[data-full-bleed] { padding-left: 0; padding-right: 0; } @media (min-width: 768px) { #spdp-container .srp-section-content>[data-full-bleed="mobile"] { padding-left: 10%; padding-right: 10%; } } #spdp-container .srp-section-content>[data-srp-collapse-below] { padding-left: 0; padding-right: 0; margin-bottom: 0 !important; } #spdp-container .srp-section-content>[data-srp-collapse-below]>* { padding-left: 8%; padding-right: 8%; } @media (min-width: 768px) { #spdp-container .srp-section-content>[data-srp-collapse-below]>* { padding-left: 10%; padding-right: 10%; } } #spdp-container .srp-section-content>[data-srp-collapse-below]>[data-full-bleed] { padding-left: 0; padding-right: 0; } @media (min-width: 768px) { #spdp-container .srp-section-content>[data-srp-collapse-below]>[data-full-bleed="mobile"] { padding-left: 10%; padding-right: 10%; } } #spdp-container .heading-primary { font-family: var(--srp-font-SamsungSSHead) !important; font-size: var(--srp-text-4xl) !important; line-height: var(--tw-leading, var(--srp-text-4xl--line-height)) !important; --tw-leading: var(--srp-leading-tight) !important; line-height: var(--srp-leading-tight) !important; --tw-font-weight: var(--srp-font-weight-bold) !important; font-weight: var(--srp-font-weight-bold) !important; } @media (min-width: 440px) { #spdp-container .heading-primary { font-size: var(--srp-text-5xl) !important; line-height: var(--tw-leading, var(--srp-text-5xl--line-height)) !important; } } @media (min-width: 48rem) { #spdp-container .heading-primary { font-size: var(--srp-text-6xl) !important; line-height: var(--tw-leading, var(--srp-text-6xl--line-height)) !important; } } @media (min-width: 64rem) { #spdp-container .heading-primary { font-size: var(--srp-text-7xl) !important; line-height: var(--tw-leading, var(--srp-text-7xl--line-height)) !important; } } @media (min-width: 80rem) { #spdp-container .heading-primary { font-size: var(--srp-text-8xl) !important; line-height: var(--tw-leading, var(--srp-text-8xl--line-height)) !important; } } #spdp-container .heading-secondary { font-family: var(--font-SamsungSSHead) !important; padding-bottom: calc(var(--srp-spacing) * 5) !important; font-size: 1.5rem !important; font-weight: 700 !important; line-height: 1.25 !important; font-family: var(--srp-font-SamsungSSHead) !important; font-size: var(--srp-text-2xl) !important; line-height: var(--tw-leading, var(--srp-text-2xl--line-height)) !important; } @media (min-width: 64rem) { #spdp-container .heading-secondary { font-size: var(--srp-text-3xl) !important; line-height: var(--tw-leading, var(--srp-text-3xl--line-height)) !important; } } @media (min-width: 80rem) { #spdp-container .heading-secondary { font-size: var(--srp-text-4xl) !important; line-height: var(--tw-leading, var(--srp-text-4xl--line-height)) !important; } } #spdp-container .heading-tertiary { padding-bottom: calc(var(--srp-spacing) * 5); font-family: var(--srp-font-SamsungSSHead); font-size: var(--srp-text-2xl); line-height: var(--tw-leading, var(--srp-text-2xl--line-height)); --tw-font-weight: var(--srp-font-weight-bold); font-weight: var(--srp-font-weight-bold); } #spdp-container p, #spdp-container .bodyCopy { font-family: var(--srp-font-SamsungSSBody); --tw-font-weight: var(--srp-font-weight-normal); font-weight: var(--srp-font-weight-normal); margin: 0; } #spdp-container .srp-disclaimers .bodyCopy { font-family: var(--srp-font-SamsungSSHead); font-size: var(--srp-text-xs); line-height: var(--tw-leading, var(--srp-text-xs--line-height)); --tw-leading: var(--srp-leading-relaxed); line-height: var(--srp-leading-relaxed); --tw-font-weight: var(--srp-font-weight-bold); font-weight: var(--srp-font-weight-bold); } @media (min-width: 48rem) { #spdp-container .srp-disclaimers .bodyCopy { font-size: var(--srp-text-base); line-height: var(--tw-leading, var(--srp-text-base--line-height)); } } #spdp-container .units { font-family: var(--srp-font-SamsungSSHead); font-size: var(--srp-text-2xl); line-height: var(--tw-leading, var(--srp-text-2xl--line-height)); --tw-font-weight: var(--srp-font-weight-bold); font-weight: var(--srp-font-weight-bold); -webkit-background-clip: text; background-clip: text; color: transparent !important; } @media (min-width: 64rem) { #spdp-container .units { font-size: var(--srp-text-4xl); line-height: var(--tw-leading, var(--srp-text-4xl--line-height)); } } #spdp-container .units { -webkit-text-fill-color: transparent; -webkit-background-clip: text; } #spdp-container .units-gradient { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); --tw-gradient-from: var(--srp-color-samsungTurquoise); --tw-gradient-to: var(--srp-color-samsungBlue); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } #spdp-container .compared-gradient { background-image: linear-gradient(90deg, #56e1d2 33%, #0092fe 100%); } #spdp-container strong, #spdp-container .strong { color: inherit !important; font-weight: 700 !important; } #spdp-container .text-improved { font-size: 32px !important; } #spdp-container .srp-footnote { vertical-align: super; font-family: var(--srp-font-SamsungSSBody); font-size: var(--srp-text-xs); line-height: var(--tw-leading, var(--srp-text-xs--line-height)); --tw-font-weight: var(--srp-font-weight-light); font-weight: var(--srp-font-weight-light); top: 0; } #spdp-container .srp-footnote-title { top: calc(var(--srp-spacing) * -1); vertical-align: super; font-family: var(--srp-font-SamsungSSBody); font-size: var(--srp-text-base); line-height: var(--tw-leading, var(--srp-text-base--line-height)); --tw-font-weight: var(--srp-font-weight-light); font-weight: var(--srp-font-weight-light); } #spdp-container .srp-flex-center { justify-content: center; align-items: center; display: flex; } #spdp-container * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } } @layer utilities { #spdp-container .srp\:pointer-events-none { pointer-events: none; } #spdp-container .srp\:sr-only { clip-path: inset(50%); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } #spdp-container .srp\:absolute { position: absolute; } #spdp-container .srp\:relative { position: relative; } #spdp-container .srp\:top-0 { top: 0; } #spdp-container .srp\:top-\[-24px\] { top: -24px; } #spdp-container .srp\:top-full { top: 100%; } #spdp-container .srp\:right-0 { right: 0; } #spdp-container .srp\:right-full { right: 100%; } #spdp-container .srp\:z-10 { z-index: 10; } #spdp-container .srp\:z-999 { z-index: 999; } #spdp-container .srp\:order-1 { order: 1; } #spdp-container .srp\:order-2 { order: 2; } #spdp-container .srp\:m-0 { margin: 0; } #spdp-container .srp\:m-2 { margin: calc(var(--srp-spacing) * 2); } #spdp-container .srp\:m-6 { margin: calc(var(--srp-spacing) * 6); } #spdp-container .srp\:m-auto { margin: auto; } #spdp-container .srp\:mx-auto { margin-left: auto; margin-right: auto; } #spdp-container .srp\:my-0 { margin-top: 0; margin-bottom: 0; } #spdp-container .srp\:my-2\! { margin-block: calc(var(--srp-spacing) * 2) !important; } #spdp-container .srp\:-mt-1 { margin-top: calc(var(--srp-spacing) * -1); } #spdp-container .srp\:-mt-4 { margin-top: calc(var(--srp-spacing) * -4); } #spdp-container .srp\:-mt-6 { margin-top: calc(var(--srp-spacing) * -6); } #spdp-container .srp\:-mt-12\! { margin-top: calc(var(--srp-spacing) * -12) !important; } #spdp-container .srp\:mt-0 { margin-top: 0; } #spdp-container .srp\:mt-0\! { margin-top: 0 !important; } #spdp-container .srp\:mt-2 { margin-top: calc(var(--srp-spacing) * 2); } #spdp-container .srp\:mt-2\! { margin-top: calc(var(--srp-spacing) * 2) !important; } #spdp-container .srp\:mt-2\.5 { margin-top: calc(var(--srp-spacing) * 2.5); } #spdp-container .srp\:mt-3 { margin-top: calc(var(--srp-spacing) * 3); } #spdp-container .srp\:mt-3\! { margin-top: calc(var(--srp-spacing) * 3) !important; } #spdp-container .srp\:mt-4 { margin-top: calc(var(--srp-spacing) * 4); } #spdp-container .srp\:mt-5 { margin-top: calc(var(--srp-spacing) * 5); } #spdp-container .srp\:mt-5\! { margin-top: calc(var(--srp-spacing) * 5) !important; } #spdp-container .srp\:mt-6 { margin-top: calc(var(--srp-spacing) * 6); } #spdp-container .srp\:mt-8\! { margin-top: calc(var(--srp-spacing) * 8) !important; } #spdp-container .srp\:mt-10 { margin-top: calc(var(--srp-spacing) * 10); } #spdp-container .srp\:mt-10\! { margin-top: calc(var(--srp-spacing) * 10) !important; } #spdp-container .srp\:mr-2 { margin-right: calc(var(--srp-spacing) * 2); } #spdp-container .srp\:mb-0 { margin-bottom: 0; } #spdp-container .srp\:mb-2 { margin-bottom: calc(var(--srp-spacing) * 2); } #spdp-container .srp\:mb-2\! { margin-bottom: calc(var(--srp-spacing) * 2) !important; } #spdp-container .srp\:mb-4 { margin-bottom: calc(var(--srp-spacing) * 4); } #spdp-container .srp\:mb-4\! { margin-bottom: calc(var(--srp-spacing) * 4) !important; } #spdp-container .srp\:mb-8 { margin-bottom: calc(var(--srp-spacing) * 8); } #spdp-container .srp\:mb-20 { margin-bottom: calc(var(--srp-spacing) * 20); } #spdp-container .srp\:ml-4 { margin-left: calc(var(--srp-spacing) * 4); } #spdp-container .srp\:block { display: block; } #spdp-container .srp\:flex { display: flex; } #spdp-container .srp\:flex\! { display: flex !important; } #spdp-container .srp\:grid { display: grid; } #spdp-container .srp\:hidden { display: none; } #spdp-container .srp\:inline-flex { display: inline-flex; } #spdp-container .srp\:size-3 { width: calc(var(--srp-spacing) * 3); height: calc(var(--srp-spacing) * 3); } #spdp-container .srp\:size-6 { width: calc(var(--srp-spacing) * 6); height: calc(var(--srp-spacing) * 6); } #spdp-container .srp\:size-8 { width: calc(var(--srp-spacing) * 8); height: calc(var(--srp-spacing) * 8); } #spdp-container .srp\:h-4 { height: calc(var(--srp-spacing) * 4); } #spdp-container .srp\:h-fit { height: -moz-fit-content; height: fit-content; } #spdp-container .srp\:h-full { height: 100%; } #spdp-container .srp\:max-h-\[220px\] { max-height: 220px; } #spdp-container .srp\:min-h-14 { min-height: calc(var(--srp-spacing) * 14); } #spdp-container .srp\:min-h-fit { min-height: -moz-fit-content; min-height: fit-content; } #spdp-container .srp\:w-4 { width: calc(var(--srp-spacing) * 4); } #spdp-container .srp\:w-96p { width: var(--srp-spacing-96p); } #spdp-container .srp\:w-fit { width: -moz-fit-content; width: fit-content; } #spdp-container .srp\:w-full { width: 100%; } #spdp-container .srp\:max-w-5xl { max-width: var(--srp-container-5xl); } #spdp-container .srp\:max-w-48\! { max-width: calc(var(--srp-spacing) * 48) !important; } #spdp-container .srp\:max-w-52\! { max-width: calc(var(--srp-spacing) * 52) !important; } #spdp-container .srp\:max-w-54\! { max-width: calc(var(--srp-spacing) * 54) !important; } #spdp-container .srp\:max-w-76 { max-width: calc(var(--srp-spacing) * 76); } #spdp-container .srp\:max-w-120 { max-width: calc(var(--srp-spacing) * 120); } #spdp-container .srp\:max-w-150 { max-width: calc(var(--srp-spacing) * 150); } #spdp-container .srp\:max-w-\[300px\] { max-width: 300px; } #spdp-container .srp\:max-w-\[1440px\] { max-width: 1440px; } #spdp-container .srp\:min-w-0 { min-width: 0; } #spdp-container .srp\:min-w-30 { min-width: calc(var(--srp-spacing) * 30); } #spdp-container .srp\:flex-1 { flex: 1; } #spdp-container .srp\:shrink-0 { flex-shrink: 0; } #spdp-container .srp\:grow { flex-grow: 1; } #spdp-container .srp\:origin-center { transform-origin: 50%; } #spdp-container .srp\:rotate-180 { rotate: 180deg; } #spdp-container .srp\:cursor-pointer { cursor: pointer; } #spdp-container .srp\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } #spdp-container .srp\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } #spdp-container .srp\:flex-col { flex-direction: column; } #spdp-container .srp\:flex-col-reverse { flex-direction: column-reverse; } #spdp-container .srp\:flex-row { flex-direction: row; } #spdp-container .srp\:flex-wrap { flex-wrap: wrap; } #spdp-container .srp\:items-baseline { align-items: baseline; } #spdp-container .srp\:items-center { align-items: center; } #spdp-container .srp\:items-end { align-items: flex-end; } #spdp-container .srp\:items-start { align-items: flex-start; } #spdp-container .srp\:items-stretch { align-items: stretch; } #spdp-container .srp\:justify-between { justify-content: space-between; } #spdp-container .srp\:justify-center { justify-content: center; } #spdp-container .srp\:justify-start { justify-content: flex-start; } #spdp-container .srp\:gap-1 { gap: var(--srp-spacing); } #spdp-container .srp\:gap-2 { gap: calc(var(--srp-spacing) * 2); } #spdp-container .srp\:gap-4 { gap: calc(var(--srp-spacing) * 4); } #spdp-container .srp\:gap-5 { gap: calc(var(--srp-spacing) * 5); } #spdp-container .srp\:gap-6 { gap: calc(var(--srp-spacing) * 6); } #spdp-container .srp\:gap-8 { gap: calc(var(--srp-spacing) * 8); } #spdp-container .srp\:gap-10 { gap: calc(var(--srp-spacing) * 10); } #spdp-container .srp\:gap-12 { gap: calc(var(--srp-spacing) * 12); } #spdp-container .srp\:gap-16 { gap: calc(var(--srp-spacing) * 16); } #spdp-container :where(.srp\:space-y-0 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-top: 0; margin-bottom: 0; } #spdp-container :where(.srp\:space-y-12 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-top: calc(calc(var(--srp-spacing) * 12) * var(--tw-space-y-reverse)); margin-bottom: calc(calc(var(--srp-spacing) * 12) * calc(1 - var(--tw-space-y-reverse))); } #spdp-container .srp\:overflow-hidden { overflow: hidden; } #spdp-container .srp\:rounded-2xl { border-radius: var(--srp-radius-2xl); } #spdp-container .srp\:rounded-3xl { border-radius: var(--srp-radius-3xl); } #spdp-container .srp\:rounded-full { border-radius: 3.40282e38px; } #spdp-container .srp\:rounded-lg { border-radius: var(--srp-radius-lg); } #spdp-container .srp\:rounded-md { border-radius: var(--srp-radius-md); } #spdp-container .srp\:rounded-xl { border-radius: var(--srp-radius-xl); } #spdp-container .srp\:rounded-l-xl { border-top-left-radius: var(--srp-radius-xl); border-bottom-left-radius: var(--srp-radius-xl); } #spdp-container .srp\:rounded-tl-2xl { border-top-left-radius: var(--srp-radius-2xl); } #spdp-container .srp\:rounded-b-\[10px\] { border-bottom-right-radius: 10px; border-bottom-left-radius: 10px; } #spdp-container .srp\:rounded-bl-2xl { border-bottom-left-radius: var(--srp-radius-2xl); } #spdp-container .srp\:rounded-bl-xl { border-bottom-left-radius: var(--srp-radius-xl); } #spdp-container .srp\:border-2 { border-style: var(--tw-border-style); border-width: 2px; } #spdp-container .srp\:border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } #spdp-container .srp\:border-t-2 { border-top-style: var(--tw-border-style); border-top-width: 2px; } #spdp-container .srp\:border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } #spdp-container .srp\:border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } #spdp-container .srp\:border-b-2 { border-bottom-style: var(--tw-border-style); border-bottom-width: 2px; } #spdp-container .srp\:border-l-2 { border-left-style: var(--tw-border-style); border-left-width: 2px; } #spdp-container .srp\:border-solid { --tw-border-style: solid; border-style: solid; } #spdp-container .srp\:border-black { border-color: var(--srp-color-black); } #spdp-container .srp\:border-blue-500 { border-color: var(--srp-color-blue-500); } #spdp-container .srp\:border-samsung-gray, #spdp-container .srp\:border-samsung-gray\/30 { border-color: var(--srp-color-samsung-gray); } @supports (color: color-mix(in lab, red, red)) { #spdp-container .srp\:border-samsung-gray\/30 { border-color: color-mix(in oklab, var(--srp-color-samsung-gray) 30%, transparent); } } #spdp-container .srp\:border-t-black { border-top-color: var(--srp-color-black); } #spdp-container .srp\:border-r-gray-200 { border-right-color: var(--srp-color-gray-200); } #spdp-container .srp\:bg-\[\#e8f6fb\] { background-color: #e8f6fb; } #spdp-container .srp\:bg-\[\#f4f4f4\] { background-color: #f4f4f4; } #spdp-container .srp\:bg-black { background-color: var(--srp-color-black); } #spdp-container .srp\:bg-inherit { background-color: inherit; } #spdp-container .srp\:bg-samsung-light-gray { background-color: var(--srp-color-samsung-light-gray); } #spdp-container .srp\:bg-samsungGrey { background-color: var(--srp-color-samsungGrey); } #spdp-container .srp\:bg-sky { background-color: var(--srp-color-sky); } #spdp-container .srp\:bg-white { background-color: var(--srp-color-white); } #spdp-container .srp\:bg-clip-text { -webkit-background-clip: text; background-clip: text; } #spdp-container .srp\:object-contain { object-fit: contain; } #spdp-container .srp\:object-cover { object-fit: cover; } #spdp-container .srp\:p-1 { padding: var(--srp-spacing); } #spdp-container .srp\:p-2 { padding: calc(var(--srp-spacing) * 2); } #spdp-container .srp\:p-3 { padding: calc(var(--srp-spacing) * 3); } #spdp-container .srp\:p-10 { padding: calc(var(--srp-spacing) * 10); } #spdp-container .srp\:px-0\! { padding-left: 0 !important; padding-right: 0 !important; } #spdp-container .srp\:px-1 { padding-inline: var(--srp-spacing); } #spdp-container .srp\:px-2 { padding-inline: calc(var(--srp-spacing) * 2); } #spdp-container .srp\:px-4 { padding-inline: calc(var(--srp-spacing) * 4); } #spdp-container .srp\:px-6 { padding-inline: calc(var(--srp-spacing) * 6); } #spdp-container .srp\:px-8 { padding-inline: calc(var(--srp-spacing) * 8); } #spdp-container .srp\:px-8p { padding-inline: var(--srp-spacing-8p); } #spdp-container .srp\:px-8p\! { padding-inline: var(--srp-spacing-8p) !important; } #spdp-container .srp\:py-0 { padding-top: 0; padding-bottom: 0; } #spdp-container .srp\:py-1 { padding-block: var(--srp-spacing); } #spdp-container .srp\:py-4 { padding-block: calc(var(--srp-spacing) * 4); } #spdp-container .srp\:py-6 { padding-block: calc(var(--srp-spacing) * 6); } #spdp-container .srp\:py-8 { padding-block: calc(var(--srp-spacing) * 8); } #spdp-container .srp\:py-10 { padding-block: calc(var(--srp-spacing) * 10); } #spdp-container .srp\:py-12 { padding-block: calc(var(--srp-spacing) * 12); } #spdp-container .srp\:pt-2 { padding-top: calc(var(--srp-spacing) * 2); } #spdp-container .srp\:pt-2\! { padding-top: calc(var(--srp-spacing) * 2) !important; } #spdp-container .srp\:pt-4 { padding-top: calc(var(--srp-spacing) * 4); } #spdp-container .srp\:pt-5 { padding-top: calc(var(--srp-spacing) * 5); } #spdp-container .srp\:pt-6 { padding-top: calc(var(--srp-spacing) * 6); } #spdp-container .srp\:pt-8 { padding-top: calc(var(--srp-spacing) * 8); } #spdp-container .srp\:pt-10 { padding-top: calc(var(--srp-spacing) * 10); } #spdp-container .srp\:pt-10\! { padding-top: calc(var(--srp-spacing) * 10) !important; } #spdp-container .srp\:pt-12 { padding-top: calc(var(--srp-spacing) * 12); } #spdp-container .srp\:pt-12\.5 { padding-top: calc(var(--srp-spacing) * 12.5); } #spdp-container .srp\:pt-16 { padding-top: calc(var(--srp-spacing) * 16); } #spdp-container .srp\:pt-px { padding-top: 1px; } #spdp-container .srp\:pb-0 { padding-bottom: 0; } #spdp-container .srp\:pb-1 { padding-bottom: var(--srp-spacing); } #spdp-container .srp\:pb-2 { padding-bottom: calc(var(--srp-spacing) * 2); } #spdp-container .srp\:pb-3 { padding-bottom: calc(var(--srp-spacing) * 3); } #spdp-container .srp\:pb-4 { padding-bottom: calc(var(--srp-spacing) * 4); } #spdp-container .srp\:pb-5 { padding-bottom: calc(var(--srp-spacing) * 5); } #spdp-container .srp\:pb-6 { padding-bottom: calc(var(--srp-spacing) * 6); } #spdp-container .srp\:pb-8 { padding-bottom: calc(var(--srp-spacing) * 8); } #spdp-container .srp\:pb-8\! { padding-bottom: calc(var(--srp-spacing) * 8) !important; } #spdp-container .srp\:pb-10 { padding-bottom: calc(var(--srp-spacing) * 10); } #spdp-container .srp\:pb-12 { padding-bottom: calc(var(--srp-spacing) * 12); } #spdp-container .srp\:pb-16 { padding-bottom: calc(var(--srp-spacing) * 16); } #spdp-container .srp\:text-center { text-align: center; } #spdp-container .srp\:text-left { text-align: left; } #spdp-container .srp\:text-start:not( :-webkit-any( :lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { text-align: left; } #spdp-container .srp\:text-start:not( :-moz-any( :lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { text-align: left; } #spdp-container .srp\:text-start:not( :is( :lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) { text-align: left; } #spdp-container .srp\:text-start:-webkit-any( :lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { text-align: right; } #spdp-container .srp\:text-start:-moz-any( :lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { text-align: right; } #spdp-container .srp\:text-start:is( :lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) { text-align: right; } #spdp-container .srp\:font-SamsungSSBody { font-family: var(--srp-font-SamsungSSBody); } #spdp-container .srp\:font-SamsungSSHead { font-family: var(--srp-font-SamsungSSHead) !important; } #spdp-container .srp\:font-SamsungSSHead\! { font-family: var(--srp-font-SamsungSSHead) !important; } #spdp-container .srp\:text-2xl { font-size: var(--srp-text-2xl); line-height: var(--tw-leading, var(--srp-text-2xl--line-height)); } #spdp-container .srp\:text-3xl { font-size: var(--srp-text-3xl); line-height: var(--tw-leading, var(--srp-text-3xl--line-height)); } #spdp-container .srp\:text-3xl\! { font-size: var(--srp-text-3xl) !important; line-height: var(--tw-leading, var(--srp-text-3xl--line-height)) !important; } #spdp-container .srp\:text-4xl\! { font-size: var(--srp-text-4xl) !important; line-height: var(--tw-leading, var(--srp-text-4xl--line-height)) !important; } #spdp-container .srp\:text-base { font-size: var(--srp-text-base); line-height: var(--tw-leading, var(--srp-text-base--line-height)); } #spdp-container .srp\:text-base\! { font-size: var(--srp-text-base) !important; line-height: var(--tw-leading, var(--srp-text-base--line-height)) !important; } #spdp-container .srp\:text-lg { font-size: var(--srp-text-lg); line-height: var(--tw-leading, var(--srp-text-lg--line-height)); } #spdp-container .srp\:text-sm { font-size: var(--srp-text-sm); line-height: var(--tw-leading, var(--srp-text-sm--line-height)); } #spdp-container .srp\:text-xs\! { font-size: var(--srp-text-xs) !important; line-height: var(--tw-leading, var(--srp-text-xs--line-height)) !important; } #spdp-container .srp\:leading-0 { --tw-leading: 0; line-height: 0; } #spdp-container .srp\:leading-5 { --tw-leading: calc(var(--srp-spacing) * 5); line-height: calc(var(--srp-spacing) * 5); } #spdp-container .srp\:leading-tight { --tw-leading: var(--srp-leading-tight); line-height: var(--srp-leading-tight); } #spdp-container .srp\:leading-tight\! { --tw-leading: var(--srp-leading-tight) !important; line-height: var(--srp-leading-tight) !important; } #spdp-container .srp\:font-bold { --tw-font-weight: var(--srp-font-weight-bold); font-weight: var(--srp-font-weight-bold) !important; } #spdp-container .srp\:font-bold\! { --tw-font-weight: var(--srp-font-weight-bold) !important; font-weight: var(--srp-font-weight-bold) !important; } #spdp-container .srp\:font-light { --tw-font-weight: var(--srp-font-weight-light); font-weight: var(--srp-font-weight-light); } #spdp-container .srp\:font-light\! { --tw-font-weight: var(--srp-font-weight-light) !important; font-weight: var(--srp-font-weight-light) !important; } #spdp-container .srp\:font-medium { --tw-font-weight: var(--srp-font-weight-medium); font-weight: var(--srp-font-weight-medium); } #spdp-container .srp\:font-medium\! { --tw-font-weight: var(--srp-font-weight-medium) !important; font-weight: var(--srp-font-weight-medium) !important; } #spdp-container .srp\:font-normal { --tw-font-weight: var(--srp-font-weight-normal); font-weight: var(--srp-font-weight-normal); } #spdp-container .srp\:font-normal\! { --tw-font-weight: var(--srp-font-weight-normal) !important; font-weight: var(--srp-font-weight-normal) !important; } #spdp-container .srp\:font-thin { --tw-font-weight: var(--srp-font-weight-thin); font-weight: var(--srp-font-weight-thin); } #spdp-container .srp\:tracking-\[4px\] { --tw-tracking: 4px; letter-spacing: 4px; } #spdp-container .srp\:tracking-wide { --tw-tracking: var(--srp-tracking-wide); letter-spacing: var(--srp-tracking-wide); } #spdp-container .srp\:tracking-widest { --tw-tracking: var(--srp-tracking-widest); letter-spacing: var(--srp-tracking-widest); } #spdp-container .srp\:text-balance { text-wrap: balance; } #spdp-container .srp\:wrap-break-word { overflow-wrap: break-word; } #spdp-container .srp\:whitespace-nowrap { white-space: nowrap; } #spdp-container .srp\:text-\[\#8C8C8C\]\! { color: #8c8c8c !important; } #spdp-container .srp\:text-\[\#757575\] { color: #757575; } #spdp-container .srp\:text-\[\#757575\]\! { color: #757575 !important; } #spdp-container .srp\:text-black { color: var(--srp-color-black); } #spdp-container .srp\:text-black\! { color: var(--srp-color-black) !important; } #spdp-container .srp\:text-black\/50 { color: var(--srp-color-black); } @supports (color: color-mix(in lab, red, red)) { #spdp-container .srp\:text-black\/50 { color: color-mix(in oklab, var(--srp-color-black) 50%, transparent); } } #spdp-container .srp\:text-inherit\! { color: inherit !important; } #spdp-container .srp\:text-samsungTitleGrey { color: var(--srp-color-samsungTitleGrey); } #spdp-container .srp\:text-transparent\! { color: transparent !important; } #spdp-container .srp\:text-white { color: var(--srp-color-white); } #spdp-container .srp\:text-white\! { color: var(--srp-color-white) !important; } #spdp-container .srp\:uppercase { text-transform: uppercase; } #spdp-container .srp\:antialiased { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #spdp-container .srp\:opacity-20 { opacity: 0.2; } #spdp-container .srp\:transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--srp-default-transition-timing-function)); transition-duration: var(--tw-duration, var(--srp-default-transition-duration)); } #spdp-container .srp\:duration-300 { --tw-duration: 0.3s; transition-duration: 0.3s; } #spdp-container .srp\:ease-in-out { --tw-ease: var(--srp-ease-in-out); transition-timing-function: var(--srp-ease-in-out); } #spdp-container .srp\:select-none { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #spdp-container :is(.srp\:\*\:flex-1 > *) { flex: 1; } @media (hover: hover) { #spdp-container .srp\:hover\:bg-black\/70:hover { background-color: var(--srp-color-black); } @supports (color: color-mix(in lab, red, red)) { #spdp-container .srp\:hover\:bg-black\/70:hover { background-color: color-mix(in oklab, var(--srp-color-black) 70%, transparent); } } #spdp-container .srp\:hover\:text-white\!:hover { color: var(--srp-color-white) !important; } } #spdp-container .srp\:has-\[\>\*\:nth-child\(3\)\]\:gap-6:has(> :nth-child(3)) { gap: calc(var(--srp-spacing) * 6); } @media not all and (min-width: 64rem) { #spdp-container .srp\:max-lg\:mt-10 { margin-top: calc(var(--srp-spacing) * 10); } #spdp-container .srp\:max-lg\:max-w-lg { max-width: var(--srp-container-lg); } } @media not all and (min-width: 48rem) { #spdp-container .srp\:max-md\:-mt-3 { margin-top: calc(var(--srp-spacing) * -3); } #spdp-container .srp\:max-md\:hidden { display: none; } #spdp-container .srp\:max-md\:hidden\! { display: none !important; } #spdp-container .srp\:max-md\:max-w-120 { max-width: calc(var(--srp-spacing) * 120); } #spdp-container .srp\:max-md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } #spdp-container .srp\:max-md\:py-16 { padding-block: calc(var(--srp-spacing) * 16); } #spdp-container .srp\:max-md\:py-16\! { padding-block: calc(var(--srp-spacing) * 16) !important; } #spdp-container .srp\:max-md\:text-sm\! { font-size: var(--srp-text-sm) !important; line-height: var(--tw-leading, var(--srp-text-sm--line-height)) !important; } } @media not all and (min-width: 40rem) { #spdp-container .srp\:max-sm\:px-2 { padding-inline: calc(var(--srp-spacing) * 2); } } @media (min-width: 440px) { #spdp-container .srp\:xs\:top-\[-32px\] { top: -32px; } #spdp-container .srp\:xs\:rounded-l-\[24px\] { border-top-left-radius: 24px; border-bottom-left-radius: 24px; } #spdp-container .srp\:xs\:rounded-bl-3xl { border-bottom-left-radius: var(--srp-radius-3xl); } #spdp-container .srp\:xs\:p-3 { padding: calc(var(--srp-spacing) * 3); } #spdp-container .srp\:xs\:px-3 { padding-inline: calc(var(--srp-spacing) * 3); } #spdp-container .srp\:xs\:pb-3 { padding-bottom: calc(var(--srp-spacing) * 3); } #spdp-container .srp\:xs\:text-2xl { font-size: var(--srp-text-2xl); line-height: var(--tw-leading, var(--srp-text-2xl--line-height)); } #spdp-container .srp\:xs\:text-xl { font-size: var(--srp-text-xl); line-height: var(--tw-leading, var(--srp-text-xl--line-height)); } } @media (min-width: 40rem) { #spdp-container .srp\:sm\:top-\[-40px\] { top: -40px; } #spdp-container .srp\:sm\:size-5 { width: calc(var(--srp-spacing) * 5); height: calc(var(--srp-spacing) * 5); } #spdp-container .srp\:sm\:gap-6 { gap: calc(var(--srp-spacing) * 6); } #spdp-container .srp\:sm\:gap-16 { gap: calc(var(--srp-spacing) * 16); } #spdp-container .srp\:sm\:rounded-t-3xl { border-top-left-radius: var(--srp-radius-3xl); border-top-right-radius: var(--srp-radius-3xl); } #spdp-container .srp\:sm\:p-5 { padding: calc(var(--srp-spacing) * 5); } #spdp-container .srp\:sm\:text-3xl { font-size: var(--srp-text-3xl); line-height: var(--tw-leading, var(--srp-text-3xl--line-height)); } } @media (min-width: 48rem) { #spdp-container .srp\:md\:top-\[-48px\] { top: -48px; } #spdp-container .srp\:md\:my-4\! { margin-block: calc(var(--srp-spacing) * 4) !important; } #spdp-container .srp\:md\:mb-4\! { margin-bottom: calc(var(--srp-spacing) * 4) !important; } #spdp-container .srp\:md\:hidden { display: none; } #spdp-container .srp\:md\:hidden\! { display: none !important; } #spdp-container .srp\:md\:size-11 { width: calc(var(--srp-spacing) * 11); height: calc(var(--srp-spacing) * 11); } #spdp-container .srp\:md\:h-6 { height: calc(var(--srp-spacing) * 6); } #spdp-container .srp\:md\:w-6 { width: calc(var(--srp-spacing) * 6); } #spdp-container .srp\:md\:w-80p { width: var(--srp-spacing-80p); } #spdp-container .srp\:md\:max-w-72\! { max-width: calc(var(--srp-spacing) * 72) !important; } #spdp-container .srp\:md\:max-w-76 { max-width: calc(var(--srp-spacing) * 76); } #spdp-container .srp\:md\:max-w-96\! { max-width: calc(var(--srp-spacing) * 96) !important; } #spdp-container .srp\:md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } #spdp-container .srp\:md\:flex-row { flex-direction: row; } #spdp-container .srp\:md\:flex-row-reverse { flex-direction: row-reverse; } #spdp-container .srp\:md\:items-start { align-items: flex-start; } #spdp-container .srp\:md\:gap-6 { gap: calc(var(--srp-spacing) * 6); } #spdp-container .srp\:md\:gap-10 { gap: calc(var(--srp-spacing) * 10); } #spdp-container .srp\:md\:gap-12 { gap: calc(var(--srp-spacing) * 12); } #spdp-container .srp\:md\:rounded-t-2xl { border-top-left-radius: var(--srp-radius-2xl); border-top-right-radius: var(--srp-radius-2xl); } #spdp-container .srp\:md\:rounded-b-2xl { border-bottom-right-radius: var(--srp-radius-2xl); border-bottom-left-radius: var(--srp-radius-2xl); } #spdp-container .srp\:md\:border-2 { border-style: var(--tw-border-style); border-width: 2px; } #spdp-container .srp\:md\:border-x-2 { border-inline-style: var(--tw-border-style); border-left-width: 2px; border-right-width: 2px; } #spdp-container .srp\:md\:border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } #spdp-container .srp\:md\:p-6 { padding: calc(var(--srp-spacing) * 6); } #spdp-container .srp\:md\:p-10 { padding: calc(var(--srp-spacing) * 10); } #spdp-container .srp\:md\:px-8p { padding-inline: var(--srp-spacing-8p); } #spdp-container .srp\:md\:pt-1 { padding-top: var(--srp-spacing); } #spdp-container .srp\:md\:pt-10 { padding-top: calc(var(--srp-spacing) * 10); } #spdp-container .srp\:md\:pb-10 { padding-bottom: calc(var(--srp-spacing) * 10); } #spdp-container .srp\:md\:text-2xl { font-size: var(--srp-text-2xl); line-height: var(--tw-leading, var(--srp-text-2xl--line-height)); } #spdp-container .srp\:md\:text-4xl { font-size: var(--srp-text-4xl); line-height: var(--tw-leading, var(--srp-text-4xl--line-height)); } #spdp-container .srp\:md\:text-5xl\! { font-size: var(--srp-text-5xl) !important; line-height: var(--tw-leading, var(--srp-text-5xl--line-height)) !important; } #spdp-container .srp\:md\:text-base { font-size: var(--srp-text-base); line-height: var(--tw-leading, var(--srp-text-base--line-height)); } #spdp-container .srp\:md\:text-lg { font-size: var(--srp-text-lg); line-height: var(--tw-leading, var(--srp-text-lg--line-height)); } #spdp-container .srp\:md\:text-xl { font-size: var(--srp-text-xl); line-height: var(--tw-leading, var(--srp-text-xl--line-height)); } #spdp-container .srp\:md\:text-\[28px\] { font-size: 28px; } #spdp-container .srp\:md\:text-\[28px\]\! { font-size: 28px !important; } } @media (min-width: 64rem) { #spdp-container .srp\:lg\:top-\[-64px\] { top: -64px; } #spdp-container .srp\:lg\:mt-12 { margin-top: calc(var(--srp-spacing) * 12); } #spdp-container .srp\:lg\:flex-row { flex-direction: row; } #spdp-container .srp\:lg\:items-center { align-items: center; } #spdp-container .srp\:lg\:gap-12 { gap: calc(var(--srp-spacing) * 12); } #spdp-container .srp\:lg\:rounded-xl { border-radius: var(--srp-radius-xl); } #spdp-container .srp\:lg\:px-10 { padding-inline: calc(var(--srp-spacing) * 10); } #spdp-container .srp\:lg\:pt-12 { padding-top: calc(var(--srp-spacing) * 12); } #spdp-container .srp\:lg\:text-2xl { font-size: var(--srp-text-2xl); line-height: var(--tw-leading, var(--srp-text-2xl--line-height)); } #spdp-container .srp\:lg\:text-4xl { font-size: var(--srp-text-4xl); line-height: var(--tw-leading, var(--srp-text-4xl--line-height)); } #spdp-container .srp\:lg\:text-5xl { font-size: var(--srp-text-5xl); line-height: var(--tw-leading, var(--srp-text-5xl--line-height)); } #spdp-container .srp\:lg\:text-6xl\! { font-size: var(--srp-text-6xl) !important; line-height: var(--tw-leading, var(--srp-text-6xl--line-height)) !important; } #spdp-container .srp\:lg\:text-xl { font-size: var(--srp-text-xl); line-height: var(--tw-leading, var(--srp-text-xl--line-height)); } #spdp-container .srp\:lg\:leading-\[1\.35\] { --tw-leading: 1.35; line-height: 1.35; } } @media (min-width: 80rem) { #spdp-container .srp\:xl\:gap-16 { gap: calc(var(--srp-spacing) * 16); } #spdp-container .srp\:xl\:px-10p { padding-inline: var(--srp-spacing-10p); } #spdp-container .srp\:xl\:pt-12 { padding-top: calc(var(--srp-spacing) * 12); } #spdp-container .srp\:xl\:pb-20 { padding-bottom: calc(var(--srp-spacing) * 20); } #spdp-container .srp\:xl\:text-2xl { font-size: var(--srp-text-2xl); line-height: var(--tw-leading, var(--srp-text-2xl--line-height)); } #spdp-container .srp\:xl\:text-base { font-size: var(--srp-text-base); line-height: var(--tw-leading, var(--srp-text-base--line-height)); } } } #spdp-container [data-srp-theme="light"] { background: #fff; } #spdp-container [data-srp-theme="light"] p, #spdp-container [data-srp-theme="light"] h1, #spdp-container [data-srp-theme="light"] h2, #spdp-container [data-srp-theme="light"] h3, #spdp-container [data-srp-theme="light"] h4, #spdp-container [data-srp-theme="light"] h5, #spdp-container [data-srp-theme="light"] h6, #spdp-container [data-srp-theme="light"] li, #spdp-container [data-srp-theme="light"] span, #spdp-container [data-srp-theme="light"] a, #spdp-container [data-srp-theme="light"] div { color: #1a1a1a; } #spdp-container [data-srp-theme="dark"] { background: #000; } #spdp-container [data-srp-theme="dark"] p, #spdp-container [data-srp-theme="dark"] h1, #spdp-container [data-srp-theme="dark"] h2, #spdp-container [data-srp-theme="dark"] h3, #spdp-container [data-srp-theme="dark"] h4, #spdp-container [data-srp-theme="dark"] h5, #spdp-container [data-srp-theme="dark"] h6, #spdp-container [data-srp-theme="dark"] li, #spdp-container [data-srp-theme="dark"] span, #spdp-container [data-srp-theme="dark"] a, #spdp-container [data-srp-theme="dark"] div { color: #fff; } #spdp-container [data-srp-theme="custom"] { background: var(--srp-custom-bg, transparent); } #spdp-container [data-srp-theme="custom"] p, #spdp-container [data-srp-theme="custom"] h1, #spdp-container [data-srp-theme="custom"] h2, #spdp-container [data-srp-theme="custom"] h3, #spdp-container [data-srp-theme="custom"] h4, #spdp-container [data-srp-theme="custom"] h5, #spdp-container [data-srp-theme="custom"] h6, #spdp-container [data-srp-theme="custom"] li, #spdp-container [data-srp-theme="custom"] span, #spdp-container [data-srp-theme="custom"] a, #spdp-container [data-srp-theme="custom"] div { color: var(--srp-custom-color, inherit); } #spdp-container .heading-primary sup, #spdp-container .heading-secondary sup, #spdp-container .heading-tertiary sup { vertical-align: top; font-size: 20%; line-height: 1; position: relative; top: 0; } #spdp-container .heading-secondary sup { font-size: 50%; } @font-face { font-family: SamsungSSHead; font-weight: 300; font-style: normal; font-display: swap; src: url(/content/dam/static-library/samsung/2026/samsung-fonts/SamsungSSHead-Light.woff2)format("woff2"), url(/content/dam/static-library/samsung/2026/samsung-fonts/SamsungSSHead-Light.woff)format("woff"), url(/content/dam/static-library/samsung/2026/samsung-fonts/SamsungSSHead-Light.ttf)format("truetype"); } @font-face { font-family: SamsungSSHead; font-weight: 400; font-style: normal; font-display: swap; src: url(/content/dam/static-library/samsung/2026/samsung-fonts/SamsungSSHead-Regular.woff2)format("woff2"), url(/content/dam/static-library/samsung/2026/samsung-fonts/SamsungSSHead-Regular.woff)format("woff"), url(/content/dam/static-library/samsung/2026/samsung-fonts/SamsungSSHead-Regular.ttf)format("truetype"); } @font-face { font-family: SamsungSSHead; font-weight: 500; font-style: normal; font-display: swap; src: url(/content/dam/static-library/samsung/2026/samsung-fonts/SamsungSSHead-Medium.woff2)format("woff2"), url(/content/dam/static-library/samsung/2026/samsung-fonts/SamsungSSHead-Medium.woff)format("woff"), url(/content/dam/static-library/samsung/2026/samsung-fonts/SamsungSSHead-Medium.ttf)format("truetype"); } @font-face { font-family: SamsungSSHead; font-weight: 700; font-style: normal; font-display: swap; src: url(/content/dam/static-library/samsung/2026/samsung-fonts/SamsungSSHead-Bold.woff2)format("woff2"), url(/content/dam/static-library/samsung/2026/samsung-fonts/SamsungSSHead-Bold.woff)format("woff"), url(/content/dam/static-library/samsung/2026/samsung-fonts/SamsungSSHead-Bold.ttf)format("truetype"); } @font-face { font-family: SamsungSSBody; font-weight: 300; font-style: normal; font-display: swap; src: url(/content/dam/static-library/samsung/2026/samsung-fonts/SamsungSSBody-Light.woff2)format("woff2"), url(/content/dam/static-library/samsung/2026/samsung-fonts/SamsungSSBody-Light.woff)format("woff"), url(/content/dam/static-library/samsung/2026/samsung-fonts/SamsungSSBody-Light.ttf)format("truetype"); } @font-face { font-family: SamsungSSBody; font-weight: 400; font-style: normal; font-display: swap; src: url(/content/dam/static-library/samsung/2026/samsung-fonts/SamsungSSBody-Regular.woff2)format("woff2"), url(/content/dam/static-library/samsung/2026/samsung-fonts/SamsungSSBody-Regular.woff)format("woff"), url(/content/dam/static-library/samsung/2026/samsung-fonts/SamsungSSBody-Regular.ttf)format("truetype"); } @font-face { font-family: SamsungSSBody; font-weight: 700; font-style: normal; font-display: swap; src: url(/content/dam/static-library/samsung/2026/samsung-fonts/SamsungSSBody-Bold.woff2)format("woff2"), url(/content/dam/static-library/samsung/2026/samsung-fonts/SamsungSSBody-Bold.woff)format("woff"), url(/content/dam/static-library/samsung/2026/samsung-fonts/SamsungSSBody-Bold.ttf)format("truetype"); } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-leading { syntax: "*"; inherits: false; } @property --tw-font-weight { syntax: "*"; inherits: false; } @property --tw-tracking { syntax: "*"; inherits: false; } @property --tw-duration { syntax: "*"; inherits: false; } @property --tw-ease { syntax: "*"; inherits: false; } @property --tw-gradient-position { syntax: "*"; inherits: false; } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: transparent; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: transparent; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: transparent; } @property --tw-gradient-stops { syntax: "*"; inherits: false; } @property --tw-gradient-via-stops { syntax: "*"; inherits: false; } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } #spdp-container .features-carousel { --slide-w: min(665px, 78%); --slide-gap: 24px; position: relative; width: 100%; overflow: hidden; } @media (min-width: 768px) { #spdp-container .features-carousel { --slide-gap: 40px; } } /* The track shifts with margin-left rather than transform so the percentage maths shares one basis: the carousel's content width. The first slide's margin aligns it with the section gutter; the following slide peeks past the right edge. */ #spdp-container .features-carousel-track { display: flex; width: 100%; gap: var(--slide-gap); transition: margin-left 0.5s ease-in-out; } /* Slides stretch to the tallest in the track; the auto margin absorbs the height difference above the title, keeping every title flush with its image and the media tiles aligned regardless of how many lines each title wraps to. */ #spdp-container .features-carousel-slide { flex: 0 0 auto; width: var(--slide-w); display: flex; flex-direction: column; } #spdp-container .features-carousel-title { margin-top: auto; } /* Center the active slide; neighbours peek equally on both sides. */ #spdp-container .features-carousel-slide:first-child { margin-left: calc((100% - var(--slide-w)) / 2); } #spdp-container .features-carousel-row { display: none; align-items: center; justify-content: center; gap: 16px; width: 100%; padding-top: 24px; } #spdp-container .features-carousel-dot { display: inline-block; width: 14px; height: 14px; border-radius: 50%; background-color: #ffffff; opacity: 0.5; margin: 6px !important; padding: 6px; cursor: pointer; } #spdp-container .features-carousel-dot.is-active { opacity: 1; } /* The label sizes to the Arrow inside it — a fixed box clips the 44px arrow circle against the carousel's overflow: hidden. */ #spdp-container .features-carousel-control { display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10; } /* Radios stay keyboard-focusable (sr-only), so arrow keys move between slides; mark the active dot while any of them holds visible focus. */ #spdp-container .features-carousel [type="radio"]:focus-visible~.features-carousel-row .features-carousel-dot.is-active { outline: 2px solid currentColor; outline-offset: 2px; } #spdp-container #features-carousel-1:checked~.features-carousel-track { margin-left: calc(-0 * (var(--slide-w) + var(--slide-gap))); } #spdp-container #features-carousel-1:checked~.features-carousel-row-1 { display: flex; } #spdp-container #features-carousel-2:checked~.features-carousel-track { margin-left: calc(-1 * (var(--slide-w) + var(--slide-gap))); } #spdp-container #features-carousel-2:checked~.features-carousel-row-2 { display: flex; } #spdp-container #features-carousel-3:checked~.features-carousel-track { margin-left: calc(-2 * (var(--slide-w) + var(--slide-gap))); } #spdp-container #features-carousel-3:checked~.features-carousel-row-3 { display: flex; } #spdp-container #features-carousel-4:checked~.features-carousel-track { margin-left: calc(-3 * (var(--slide-w) + var(--slide-gap))); } #spdp-container #features-carousel-4:checked~.features-carousel-row-4 { display: flex; } #spdp-container .design-options { visibility: hidden; opacity: 0; transition: opacity 0.15s ease, visibility 0s linear 0.35s; } #spdp-container .compare-selector:focus-within .design-options { visibility: visible; opacity: 1; transition-delay: 0s; } #spdp-container .compare-selector:focus-within .design-selector-toggle svg { transform: rotate(-180deg); } #spdp-container input[name="compare-design"]:focus-visible~.design-compared-inner .compare-selector { outline: 2px solid currentColor; outline-offset: 4px; } #spdp-container .design-compared-inner div, #spdp-container .design-compared-inner span, #spdp-container .design-compared-inner label { color: black; } #spdp-container *.cpx-5 { padding-inline: 20px !important; } #spdp-container #srp-compare-design-1:checked~.design-compared-inner .compare-content .content-block#srp-compare-design-cb-1, #spdp-container #srp-compare-design-2:checked~.design-compared-inner .compare-content .content-block#srp-compare-design-cb-2, #spdp-container #srp-compare-design-3:checked~.design-compared-inner .compare-content .content-block#srp-compare-design-cb-3, #spdp-container #srp-compare-design-4:checked~.design-compared-inner .compare-content .content-block#srp-compare-design-cb-4 { display: block; } #spdp-container #srp-compare-design-1:checked~.design-compared-inner .compare-selector label span.span1, #spdp-container #srp-compare-design-2:checked~.design-compared-inner .compare-selector label span.span2, #spdp-container #srp-compare-design-3:checked~.design-compared-inner .compare-selector label span.span3, #spdp-container #srp-compare-design-4:checked~.design-compared-inner .compare-selector label span.span4 { display: block; } #spdp-container div:has(#srp-compare-design-1:checked) span#srp-compare-design-disclaimer-1, #spdp-container div:has(#srp-compare-design-2:checked) span#srp-compare-design-disclaimer-2, #spdp-container div:has(#srp-compare-design-3:checked) span#srp-compare-design-disclaimer-3, #spdp-container div:has(#srp-compare-design-4:checked) span#srp-compare-design-disclaimer-4 { display: block; } #spdp-container #srp-compare-design-1:checked~.design-compared-inner .compare-selector .design-options label[for="srp-compare-design-1"], #spdp-container #srp-compare-design-2:checked~.design-compared-inner .compare-selector .design-options label[for="srp-compare-design-2"], #spdp-container #srp-compare-design-3:checked~.design-compared-inner .compare-selector .design-options label[for="srp-compare-design-3"], #spdp-container #srp-compare-design-4:checked~.design-compared-inner .compare-selector .design-options label[for="srp-compare-design-4"] { background-color: black; color: white; } #spdp-container #srp-compare-design-1:checked~.design-compared-inner .compare-selector .design-options label[for="srp-compare-design-1"] *, #spdp-container #srp-compare-design-2:checked~.design-compared-inner .compare-selector .design-options label[for="srp-compare-design-2"] *, #spdp-container #srp-compare-design-3:checked~.design-compared-inner .compare-selector .design-options label[for="srp-compare-design-3"] *, #spdp-container #srp-compare-design-4:checked~.design-compared-inner .compare-selector .design-options label[for="srp-compare-design-4"] * { color: white; } #spdp-container .design-options label:hover, #spdp-container .design-options label:hover * { color: white; } #spdp-container .camera-options { visibility: hidden; opacity: 0; transition: opacity 0.15s ease, visibility 0s linear 0.35s; } #spdp-container .compare-selector:focus-within .camera-options { visibility: visible; opacity: 1; transition-delay: 0s; } #spdp-container .compare-selector:focus-within .camera-selector-toggle svg { transform: rotate(-180deg); } #spdp-container input[name="compare-camera"]:focus-visible~.camera-compared-inner .compare-selector { outline: 2px solid currentColor; outline-offset: 4px; } #spdp-container .camera-compared-inner div, #spdp-container .camera-compared-inner span, #spdp-container .camera-compared-inner label { color: black; } #spdp-container *.cpx-5 { padding-inline: 20px !important; } #spdp-container #srp-compare-camera-1:checked~.camera-compared-inner .compare-content .content-block#srp-compare-camera-cb-1, #spdp-container #srp-compare-camera-2:checked~.camera-compared-inner .compare-content .content-block#srp-compare-camera-cb-2 { display: block; } #spdp-container #srp-compare-camera-1:checked~.camera-compared-inner .compare-selector label span.span1, #spdp-container #srp-compare-camera-2:checked~.camera-compared-inner .compare-selector label span.span2 { display: block; } #spdp-container div:has(#srp-compare-camera-1:checked) span#srp-compare-camera-disclaimer-1, #spdp-container div:has(#srp-compare-camera-2:checked) span#srp-compare-camera-disclaimer-2 { display: block; } #spdp-container #srp-compare-camera-1:checked~.camera-compared-inner .compare-selector .camera-options label[for="srp-compare-camera-1"], #spdp-container #srp-compare-camera-2:checked~.camera-compared-inner .compare-selector .camera-options label[for="srp-compare-camera-2"] { background-color: black; color: white; } #spdp-container #srp-compare-camera-1:checked~.camera-compared-inner .compare-selector .camera-options label[for="srp-compare-camera-1"] *, #spdp-container #srp-compare-camera-2:checked~.camera-compared-inner .compare-selector .camera-options label[for="srp-compare-camera-2"] * { color: white; } #spdp-container .camera-options label:hover, #spdp-container .camera-options label:hover * { color: white; } /* Contain horizontal bleed from panel content. clip (unlike hidden) doesn't force overflow-y into a scroll context, so vertically overhanging content — dropdown menus — stays visible. Browsers that predate overflow:clip fall back to hidden and clip as before. */ #spdp-container .camera-s-tabbed { overflow-x: hidden; overflow-x: clip; } /* Radios are visually hidden (sr-only in the markup) but keep keyboard focus, so arrow keys switch tabs natively. Show where focus is by outlining the focused radio's tab label. */ /* Stacked below 440px so every tab stays visible — off-screen tabs in a scrollable row have no affordance on small touch screens. */ #spdp-container .camera .s-tabs { display: flex; flex-direction: column; align-items: center; list-style: none; gap: 12px; } /* Row layout from 440px: centered while the tabs fit; on overflow the auto margins collapse to zero, leaving the tabs left-aligned and fully scrollable — justify-content: center would clip the left end unreachably. */ @media screen and (min-width: 440px) { #spdp-container .camera .s-tabs { flex-direction: row; overflow-x: auto; } #spdp-container .camera .s-tab:first-child { margin-left: auto; } #spdp-container .camera .s-tab:last-child { margin-right: auto; } } @media screen and (min-width: 640px) { #spdp-container .camera .s-tabs { width: 100%; } } @media screen and (min-width: 786px) { #spdp-container .camera .s-tabs { gap: 40px; } } #spdp-container .camera .s-tabs li { width: fit-content; } #spdp-container .camera .s-tab { width: fit-content; flex-shrink: 0; } @media screen and (min-width: 640px) { #spdp-container .camera .s-tab { overflow-y: visible; } } #spdp-container .camera .s-tab>label { padding-inline: 16px; color: inherit; margin-bottom: 0; font-size: 20px; cursor: pointer; transition: all 0.3s; width: 100%; text-align: center; font-family: SamsungSSHead, sans-serif; font-weight: bold; } @media screen and (max-width: 768px) { #spdp-container .camera .s-tab>label { font-size: 16px; text-align: center; } } @media screen and (max-width: 420px) { #spdp-container .camera .s-tab>label { font-size: 14px; } } #spdp-container .camera .s-tab-content { display: none; margin-top: 40px !important; } #spdp-container .camera .no-scrollbar::-webkit-scrollbar { display: none; } #spdp-container .camera .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; } #spdp-container .camera-s-tabbed [type="radio"]:nth-of-type(1):checked~.s-tabs .s-tab:nth-of-type(1)::after { content: " "; width: 100%; margin-top: 10px; height: 4px; display: block; background-color: #000000; } #spdp-container .camera-s-tabbed [type="radio"]:nth-of-type(1):checked~.s-tab-content:nth-of-type(1) { display: block; } #spdp-container .camera-s-tabbed [type="radio"]:nth-of-type(1):focus-visible~.s-tabs .s-tab:nth-of-type(1)>label { outline: 2px solid currentColor; outline-offset: 4px; } #spdp-container .camera-s-tabbed [type="radio"]:nth-of-type(2):checked~.s-tabs .s-tab:nth-of-type(2)::after { content: " "; width: 100%; margin-top: 10px; height: 4px; display: block; background-color: #000000; } #spdp-container .camera-s-tabbed [type="radio"]:nth-of-type(2):checked~.s-tab-content:nth-of-type(2) { display: block; } #spdp-container .camera-s-tabbed [type="radio"]:nth-of-type(2):focus-visible~.s-tabs .s-tab:nth-of-type(2)>label { outline: 2px solid currentColor; outline-offset: 4px; } #spdp-container .camera-s-tabbed [type="radio"]:nth-of-type(3):checked~.s-tabs .s-tab:nth-of-type(3)::after { content: " "; width: 100%; margin-top: 10px; height: 4px; display: block; background-color: #000000; } #spdp-container .camera-s-tabbed [type="radio"]:nth-of-type(3):checked~.s-tab-content:nth-of-type(3) { display: block; } #spdp-container .camera-s-tabbed [type="radio"]:nth-of-type(3):focus-visible~.s-tabs .s-tab:nth-of-type(3)>label { outline: 2px solid currentColor; outline-offset: 4px; } #spdp-container .camera-s-tabbed [type="radio"]:nth-of-type(4):checked~.s-tabs .s-tab:nth-of-type(4)::after { content: " "; width: 100%; margin-top: 10px; height: 4px; display: block; background-color: #000000; } #spdp-container .camera-s-tabbed [type="radio"]:nth-of-type(4):checked~.s-tab-content:nth-of-type(4) { display: block; } #spdp-container .camera-s-tabbed [type="radio"]:nth-of-type(4):focus-visible~.s-tabs .s-tab:nth-of-type(4)>label { outline: 2px solid currentColor; outline-offset: 4px; } #spdp-container .camera-s-tabbed [type="radio"]:nth-of-type(5):checked~.s-tabs .s-tab:nth-of-type(5)::after { content: " "; width: 100%; margin-top: 10px; height: 4px; display: block; background-color: #000000; } #spdp-container .camera-s-tabbed [type="radio"]:nth-of-type(5):checked~.s-tab-content:nth-of-type(5) { display: block; } #spdp-container .camera-s-tabbed [type="radio"]:nth-of-type(5):focus-visible~.s-tabs .s-tab:nth-of-type(5)>label { outline: 2px solid currentColor; outline-offset: 4px; } /* Contain horizontal bleed from panel content. clip (unlike hidden) doesn't force overflow-y into a scroll context, so vertically overhanging content — dropdown menus — stays visible. Browsers that predate overflow:clip fall back to hidden and clip as before. */ #spdp-container .gai-s-tabbed { overflow-x: hidden; overflow-x: clip; } /* Radios are visually hidden (sr-only in the markup) but keep keyboard focus, so arrow keys switch tabs natively. Show where focus is by outlining the focused radio's tab label. */ /* Stacked below 440px so every tab stays visible — off-screen tabs in a scrollable row have no affordance on small touch screens. */ #spdp-container .gai .s-tabs { display: flex; flex-direction: column; align-items: center; list-style: none; gap: 12px; } /* Row layout from 440px: centered while the tabs fit; on overflow the auto margins collapse to zero, leaving the tabs left-aligned and fully scrollable — justify-content: center would clip the left end unreachably. */ @media screen and (min-width: 440px) { #spdp-container .gai .s-tabs { flex-direction: row; overflow-x: auto; } #spdp-container .gai .s-tab:first-child { margin-left: auto; } #spdp-container .gai .s-tab:last-child { margin-right: auto; } } @media screen and (min-width: 640px) { #spdp-container .gai .s-tabs { width: 100%; } } @media screen and (min-width: 786px) { #spdp-container .gai .s-tabs { gap: 40px; } } #spdp-container .gai .s-tabs li { width: fit-content; } #spdp-container .gai .s-tab { width: fit-content; flex-shrink: 0; } @media screen and (min-width: 640px) { #spdp-container .gai .s-tab { overflow-y: visible; } } #spdp-container .gai .s-tab>label { padding-inline: 16px; color: inherit; margin-bottom: 0; font-size: 20px; cursor: pointer; transition: all 0.3s; width: 100%; text-align: center; font-family: SamsungSSHead, sans-serif; font-weight: bold; } @media screen and (max-width: 768px) { #spdp-container .gai .s-tab>label { font-size: 16px; text-align: center; } } @media screen and (max-width: 420px) { #spdp-container .gai .s-tab>label { font-size: 14px; } } #spdp-container .gai .s-tab-content { display: none; margin-top: 40px !important; } #spdp-container .gai .no-scrollbar::-webkit-scrollbar { display: none; } #spdp-container .gai .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; } #spdp-container .gai-s-tabbed [type="radio"]:nth-of-type(1):checked~.s-tabs .s-tab:nth-of-type(1)::after { content: " "; width: 100%; margin-top: 10px; height: 4px; display: block; background-color: #000000; } #spdp-container .gai-s-tabbed [type="radio"]:nth-of-type(1):checked~.s-tab-content:nth-of-type(1) { display: block; } #spdp-container .gai-s-tabbed [type="radio"]:nth-of-type(1):focus-visible~.s-tabs .s-tab:nth-of-type(1)>label { outline: 2px solid currentColor; outline-offset: 4px; } #spdp-container .gai-s-tabbed [type="radio"]:nth-of-type(2):checked~.s-tabs .s-tab:nth-of-type(2)::after { content: " "; width: 100%; margin-top: 10px; height: 4px; display: block; background-color: #000000; } #spdp-container .gai-s-tabbed [type="radio"]:nth-of-type(2):checked~.s-tab-content:nth-of-type(2) { display: block; } #spdp-container .gai-s-tabbed [type="radio"]:nth-of-type(2):focus-visible~.s-tabs .s-tab:nth-of-type(2)>label { outline: 2px solid currentColor; outline-offset: 4px; } #spdp-container .gai-s-tabbed [type="radio"]:nth-of-type(3):checked~.s-tabs .s-tab:nth-of-type(3)::after { content: " "; width: 100%; margin-top: 10px; height: 4px; display: block; background-color: #000000; } #spdp-container .gai-s-tabbed [type="radio"]:nth-of-type(3):checked~.s-tab-content:nth-of-type(3) { display: block; } #spdp-container .gai-s-tabbed [type="radio"]:nth-of-type(3):focus-visible~.s-tabs .s-tab:nth-of-type(3)>label { outline: 2px solid currentColor; outline-offset: 4px; } #spdp-container .gai-s-tabbed [type="radio"]:nth-of-type(4):checked~.s-tabs .s-tab:nth-of-type(4)::after { content: " "; width: 100%; margin-top: 10px; height: 4px; display: block; background-color: #000000; } #spdp-container .gai-s-tabbed [type="radio"]:nth-of-type(4):checked~.s-tab-content:nth-of-type(4) { display: block; } #spdp-container .gai-s-tabbed [type="radio"]:nth-of-type(4):focus-visible~.s-tabs .s-tab:nth-of-type(4)>label { outline: 2px solid currentColor; outline-offset: 4px; } #spdp-container .gai-s-tabbed [type="radio"]:nth-of-type(5):checked~.s-tabs .s-tab:nth-of-type(5)::after { content: " "; width: 100%; margin-top: 10px; height: 4px; display: block; background-color: #000000; } #spdp-container .gai-s-tabbed [type="radio"]:nth-of-type(5):checked~.s-tab-content:nth-of-type(5) { display: block; } #spdp-container .gai-s-tabbed [type="radio"]:nth-of-type(5):focus-visible~.s-tabs .s-tab:nth-of-type(5)>label { outline: 2px solid currentColor; outline-offset: 4px; } /* Contain horizontal bleed from panel content. clip (unlike hidden) doesn't force overflow-y into a scroll context, so vertically overhanging content — dropdown menus — stays visible. Browsers that predate overflow:clip fall back to hidden and clip as before. */ #spdp-container .gai-s-tabbed { overflow-x: hidden; overflow-x: clip; } /* Radios are visually hidden (sr-only in the markup) but keep keyboard focus, so arrow keys switch tabs natively. Show where focus is by outlining the focused radio's tab label. */ /* Stacked below 440px so every tab stays visible — off-screen tabs in a scrollable row have no affordance on small touch screens. */ #spdp-container .performance .s-tabs { display: flex; flex-direction: column; align-items: center; list-style: none; gap: 12px; } /* Row layout from 440px: centered while the tabs fit; on overflow the auto margins collapse to zero, leaving the tabs left-aligned and fully scrollable — justify-content: center would clip the left end unreachably. */ @media screen and (min-width: 440px) { #spdp-container .performance .s-tabs { flex-direction: row; overflow-x: auto; } #spdp-container .performance .s-tab:first-child { margin-left: auto; } #spdp-container .performance .s-tab:last-child { margin-right: auto; } } @media screen and (min-width: 640px) { #spdp-container .performance .s-tabs { width: 100%; } } @media screen and (min-width: 786px) { #spdp-container .performance .s-tabs { gap: 40px; } } #spdp-container .performance .s-tabs li { width: fit-content; } #spdp-container .performance .s-tab { width: fit-content; flex-shrink: 0; } @media screen and (min-width: 640px) { #spdp-container .performance .s-tab { overflow-y: visible; } } #spdp-container .performance .s-tab>label { padding-inline: 16px; color: inherit; margin-bottom: 0; font-size: 20px; cursor: pointer; transition: all 0.3s; width: 100%; text-align: center; font-family: SamsungSSHead, sans-serif; font-weight: bold; } @media screen and (max-width: 768px) { #spdp-container .performance .s-tab>label { font-size: 16px; text-align: center; } } @media screen and (max-width: 420px) { #spdp-container .performance .s-tab>label { font-size: 14px; } } #spdp-container .performance .s-tab-content { display: none; margin-top: 40px !important; } #spdp-container .performance .no-scrollbar::-webkit-scrollbar { display: none; } #spdp-container .performance .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; } #spdp-container .gai-s-tabbed [type="radio"]:nth-of-type(1):checked~.s-tabs .s-tab:nth-of-type(1)::after { content: " "; width: 100%; margin-top: 10px; height: 4px; display: block; background-color: #000000; } #spdp-container .gai-s-tabbed [type="radio"]:nth-of-type(1):checked~.s-tab-content:nth-of-type(1) { display: block; } #spdp-container .gai-s-tabbed [type="radio"]:nth-of-type(1):focus-visible~.s-tabs .s-tab:nth-of-type(1)>label { outline: 2px solid currentColor; outline-offset: 4px; } #spdp-container .gai-s-tabbed [type="radio"]:nth-of-type(2):checked~.s-tabs .s-tab:nth-of-type(2)::after { content: " "; width: 100%; margin-top: 10px; height: 4px; display: block; background-color: #000000; } #spdp-container .gai-s-tabbed [type="radio"]:nth-of-type(2):checked~.s-tab-content:nth-of-type(2) { display: block; } #spdp-container .gai-s-tabbed [type="radio"]:nth-of-type(2):focus-visible~.s-tabs .s-tab:nth-of-type(2)>label { outline: 2px solid currentColor; outline-offset: 4px; } #spdp-container .display-options { visibility: hidden; opacity: 0; transition: opacity 0.15s ease, visibility 0s linear 0.35s; } #spdp-container .compare-selector:focus-within .display-options { visibility: visible; opacity: 1; transition-delay: 0s; } #spdp-container .compare-selector:focus-within .display-selector-toggle svg { transform: rotate(-180deg); } #spdp-container input[name="compare-display"]:focus-visible~.display-compared-inner .compare-selector { outline: 2px solid currentColor; outline-offset: 4px; } #spdp-container .display-compared-inner div, #spdp-container .display-compared-inner span, #spdp-container .display-compared-inner label { color: black; } #spdp-container *.cpx-5 { padding-inline: 20px !important; } #spdp-container #srp-compare-display-1:checked~.display-compared-inner .compare-content .content-block#srp-compare-display-cb-1, #spdp-container #srp-compare-display-2:checked~.display-compared-inner .compare-content .content-block#srp-compare-display-cb-2, #spdp-container #srp-compare-display-3:checked~.display-compared-inner .compare-content .content-block#srp-compare-display-cb-3, #spdp-container #srp-compare-display-4:checked~.display-compared-inner .compare-content .content-block#srp-compare-display-cb-4 { display: block; } #spdp-container #srp-compare-display-1:checked~.display-compared-inner .compare-selector label span.span1, #spdp-container #srp-compare-display-2:checked~.display-compared-inner .compare-selector label span.span2, #spdp-container #srp-compare-display-3:checked~.display-compared-inner .compare-selector label span.span3, #spdp-container #srp-compare-display-4:checked~.display-compared-inner .compare-selector label span.span4 { display: block; } #spdp-container div:has(#srp-compare-display-1:checked) span#srp-compare-display-disclaimer-1, #spdp-container div:has(#srp-compare-display-2:checked) span#srp-compare-display-disclaimer-2, #spdp-container div:has(#srp-compare-display-3:checked) span#srp-compare-display-disclaimer-3, #spdp-container div:has(#srp-compare-display-4:checked) span#srp-compare-display-disclaimer-4 { display: block; } #spdp-container #srp-compare-display-1:checked~.display-compared-inner .compare-selector .display-options label[for="srp-compare-display-1"], #spdp-container #srp-compare-display-2:checked~.display-compared-inner .compare-selector .display-options label[for="srp-compare-display-2"], #spdp-container #srp-compare-display-3:checked~.display-compared-inner .compare-selector .display-options label[for="srp-compare-display-3"], #spdp-container #srp-compare-display-4:checked~.display-compared-inner .compare-selector .display-options label[for="srp-compare-display-4"] { background-color: black; color: white; } #spdp-container #srp-compare-display-1:checked~.display-compared-inner .compare-selector .display-options label[for="srp-compare-display-1"] *, #spdp-container #srp-compare-display-2:checked~.display-compared-inner .compare-selector .display-options label[for="srp-compare-display-2"] *, #spdp-container #srp-compare-display-3:checked~.display-compared-inner .compare-selector .display-options label[for="srp-compare-display-3"] *, #spdp-container #srp-compare-display-4:checked~.display-compared-inner .compare-selector .display-options label[for="srp-compare-display-4"] * { color: white; } #spdp-container .display-options label:hover, #spdp-container .display-options label:hover * { color: white; } /* samsung-fixes.css */ .smsg-gap-pad{padding-left: 17px!important}.srp-relative ol>li {list-style-type: none!important}.sm-color-black{color:#000000!important}#spdp-container :before{display: none !important}