/* latin-ext */ @font-face { font-family: 'Noto IKEA'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://www.ikea.com/global/assets/fonts/woff2/noto-ikea-400i.latin-ext.7ed5b4fc.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Noto IKEA'; font-style: italic; font-weight: 400; font-display: swap; src: url(https://www.ikea.com/global/assets/fonts/woff2/noto-ikea-400i.latin.a15d672b.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Noto IKEA'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://www.ikea.com/global/assets/fonts/woff2/noto-ikea-700i.latin-ext.c6db488c.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Noto IKEA'; font-style: italic; font-weight: 700; font-display: swap; src: url(https://www.ikea.com/global/assets/fonts/woff2/noto-ikea-700i.latin.f77e6ad9.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Noto IKEA'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://www.ikea.com/global/assets/fonts/woff2/noto-ikea-400.latin-ext.14a7297a.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Noto IKEA'; font-style: normal; font-weight: 400; font-display: swap; src: url(https://www.ikea.com/global/assets/fonts/woff2/noto-ikea-400.latin.16880ce8.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* latin-ext */ @font-face { font-family: 'Noto IKEA'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://www.ikea.com/global/assets/fonts/woff2/noto-ikea-700.latin-ext.3934340f.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Noto IKEA'; font-style: normal; font-weight: 700; font-display: swap; src: url(https://www.ikea.com/global/assets/fonts/woff2/noto-ikea-700.latin.5d09a799.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } :root { --ikea-font: 'Noto IKEA', 'Noto Sans', 'Roboto', 'Open Sans', system-ui, sans-serif !important; font-family: var(--ikea-font); } /* FONT PATCH */ /* COLORS */ /* MEDIA QUERIES */ /* LAYOUT */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ :root { --focus-visible-relative-for-accessibility: relative; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } img, svg { display: block; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main { display: block; } strong { font-weight: bold; } em { font-style: italic; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* ---- COMMON ----- */ html, body, #mountId { height: 100%; margin: 0; } body { background: var(--background-color, #fffefb); overflow-x: hidden; /* To remove the horizontal scroll*/ letter-spacing: normal; word-spacing: normal; line-height: normal; height: auto; } /* * Utility class to hide content visually while keeping it screen reader-accessible. * Source: https://www.scottohara.me/blog/2017/04/14/inclusively-hidden.html */ .sr-only:not(:focus):not(:active) { clip: rect(0 0 0 0); -webkit-clip-path: inset(100%); clip-path: inset(100%); height: 0.0625rem; overflow: hidden; position: absolute; white-space: nowrap; width: 0.0625rem; } input, textarea, button { font-family: inherit; } button { color: inherit; } a, button { position: var(--focus-visible-relative-for-accessibility); } /* Focus outline polyfill - https://www.npmjs.com/package/focus-visible */ .js-focus-visible :focus:not(.focus-visible) { outline: none !important; } .js-focus-visible .focus-visible { outline: none !important; } .js-focus-visible .focus-visible:before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; z-index: 100; outline: none !important; box-shadow: inset 0 0 0 0.0625rem #111, inset 0 0 0 0.1875rem #fff, inset 0 0 0 0.25rem #111 !important; transition: box-shadow 0.2s ease-out; } .js-focus-visible .focus-visible.round-focus-visible:before, .js-focus-visible .focus-visible.global-iconbtn:before { border-radius: 50%; } .js-focus-visible .focus-visible.btn-focus-visible:before { border-radius: 1.75rem; } #ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy { margin-top: 2em; padding: 0; border-top: 0.0625rem solid #ddd; } #ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group, #ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group-desc { color: #111; } #ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table { border-color: #ddd; width: 80%; margin: 0; } #ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table thead { background-color: transparent; } #ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table thead th { color: #111; font-weight: bold; background-color: transparent; } #ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table tr { color: #111; } #ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table tr td { color: #111; } #ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table tr td a { color: #111; background-color: transparent; } #ot-sdk-cookie-policy #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table tr td span { color: #111; } #onetrust-consent-sdk { font-family: var(--ikea-font); } #onetrust-consent-sdk .onetrust-pc-dark-filter { background: rgba(0, 0, 0, 0.4); } #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded { /* BANNER */ background-color: #fffefb; border-radius: 2em; overflow: auto; box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1); width: 54rem; max-width: 95vw; padding: 0; left: 0; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); } #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded .ot-sdk-row { padding: 2.5rem; } @media only screen and (max-width: 33.125rem) { #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded .ot-sdk-row { padding: 2rem; } } #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-policy-title, #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-policy-text { color: #111; padding: 0; margin: 0; width: auto; } #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-policy-title { font-size: 1.25rem; margin-bottom: 2.5rem; } #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-policy-text { font-size: 1rem; } #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-policy { margin: 0; } #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-button-group-parent { padding: 0; margin-top: 2rem; } #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-button-group { display: flex; flex-wrap: wrap; } #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded .banner-actions-container { width: auto; flex-shrink: 0; order: 2; } @media only screen and (max-width: 33.125rem) { #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded .banner-actions-container { order: 1; width: 100%; } } #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-accept-btn-handler, #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-reject-all-handler, #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-pc-btn-handler { font-size: 0.9rem; display: inline-block !important; background: #fffefb; border-radius: 2em; border-color: #111; border-style: solid; border-width: 0.125rem; color: #111; letter-spacing: 0; margin: 0; padding: 1em 1.5em; overflow: hidden; text-decoration: none; } @media only screen and (max-width: 33.125rem) { #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-accept-btn-handler, #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-reject-all-handler, #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-pc-btn-handler { width: 100%; max-width: 100%; } } #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-accept-btn-handler:hover, #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-reject-all-handler:hover, #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-pc-btn-handler:hover, #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-accept-btn-handler:focus, #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-reject-all-handler:focus, #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-pc-btn-handler:focus { opacity: 1; } #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-accept-btn-handler, #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-reject-all-handler, #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #accept-recommended-btn-handler { background-color: #fff; border-color: #fff; margin-left: 1rem; } @media only screen and (max-width: 33.125rem) { #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-accept-btn-handler, #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-reject-all-handler, #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #accept-recommended-btn-handler { margin-left: 0; } } #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter { /*COOKIE SETTINGS*/ background: #fffefb; width: 54rem; min-width: auto; max-width: 95vw; border-radius: 0.5rem; box-shadow: 0 0.25rem 1.25rem rgba(0, 0, 0, 0.1); } #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .ot-pc-header, #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .ot-pc-footer-logo { display: none; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-pc-content { top: 0; width: auto; margin: 0; padding-left: 5.56%; padding-right: 6.5%; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-pc-title, #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-pc-desc, #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-category-title, #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter [id^='ot-header-id-'], #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter [id^='ot-desc-id-'] { color: #111; padding: 0; padding-left: 0.4375rem; margin: 0; width: auto; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-pc-title { font-size: 1.25rem; margin-bottom: 1em; margin-top: 5.56%; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-pc-desc { font-size: 0.9em; margin-bottom: 2rem; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler) { font-size: 0.75rem; display: inline-block !important; background: #fffefb; border-radius: 2em; border-color: #111; border-style: solid; border-width: 0.125rem; color: #111; letter-spacing: 0; margin: 0; padding: 1em 1.5em; overflow: hidden; text-decoration: none; margin: 0 0.4375rem; font-weight: 400; height: 2.5rem; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):hover, #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler):focus { opacity: 1; } @media only screen and (max-width: 33.125rem) { #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter button:not(#clear-filters-handler):not(.ot-close-icon):not(#filter-btn-handler):not(.ot-remove-objection-handler):not(.ot-obj-leg-btn-handler) { width: 100%; max-width: 100%; margin: 1rem 0 0; } } #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #accept-recommended-btn-handler { background-color: #111 !important; color: #fff !important; height: 2.5rem; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .ot-sdk-row.ot-cat-grp { border-top: 0.0625rem solid #ddd; margin-top: 2rem; padding: 2rem 0; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter #ot-category-title { font-size: 1rem; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .ot-cat-item { position: relative; margin: 0; padding: 0; margin-top: 2rem; padding-left: 2rem; width: calc(100% - 2rem); } #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter [id^='ot-header-id-'] { float: none; display: inline-block; font-size: 0.9rem; line-height: 1.5; margin-top: 0.25rem; margin-bottom: 0.5em; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter [id^='ot-desc-id-'] { font-size: 0.9rem; line-height: 1.5; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .ot-cat-grp .ot-always-active { font-size: 0.7rem !important; float: none; display: inline-block; color: #fff; margin: 0; background: #111; padding: 0.5em 0.5em; position: absolute; margin-top: 0.25em; margin-left: 0.5rem; line-height: 1; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .ot-tgl { position: absolute; top: 0; left: 0; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .ot-tgl input { cursor: pointer; width: 2rem; height: 2rem; left: 0; top: 0; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .ot-tgl input + .ot-switch { cursor: pointer; width: 1rem; height: 1rem; left: calc(0.5rem - 1px); border: 1px solid #111; border-radius: 2px; top: calc(0.5rem - 1px); background-color: #fffefb; transition: outline 0.5s, background-color 0.5s; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .ot-tgl input + .ot-switch::after { cursor: pointer; content: ''; position: absolute; z-index: -1; top: 0; left: 0; background: #dfdfdf; height: calc(1rem); width: calc(1rem); border-radius: 4px; display: block; transition: transform 0.2s; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .ot-tgl input + .ot-switch .ot-switch-nob { cursor: pointer; border-radius: 0; background-color: transparent; border: 0 none; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .ot-tgl input + .ot-switch .ot-switch-nob::before { display: none; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .ot-tgl input:checked + .ot-switch { background-color: #111; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .ot-tgl input:checked + .ot-switch .ot-switch-nob { background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+Cjxzdmcgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDI0IDI0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zOnNlcmlmPSJodHRwOi8vd3d3LnNlcmlmLmNvbS8iIHN0eWxlPSJmaWxsLXJ1bGU6ZXZlbm9kZDtjbGlwLXJ1bGU6ZXZlbm9kZDtzdHJva2UtbGluZWpvaW46cm91bmQ7c3Ryb2tlLW1pdGVybGltaXQ6MjsiPgogICAgPHBhdGggZD0iTTE5LjI5LDYuNzlMMTAuNTMsMTUuNTZMNS43NCwxMC4zMkw0LjI2LDExLjY4TDEwLjQ3LDE4LjQ0TDIwLjcxLDguMjFMMTkuMjksNi43OVoiIHN0eWxlPSJmaWxsOndoaXRlO2ZpbGwtcnVsZTpub256ZXJvOyIvPgo8L3N2Zz4K'); } #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .ot-tgl input:checked + .ot-switch .ot-switch-nob::before { display: none; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .ot-tgl input:hover + .ot-switch::after { transform: scale3d(2, 2, 1); } #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .ot-tgl input:hover + .ot-switch .ot-switch-nob::before { background-color: transparent; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .ot-tgl input:focus + .ot-switch { outline: 0 none; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .ot-btn-container { padding: 1.5rem; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler { font-size: 0.75rem !important; display: inline-block !important; background: #111 !important; border-radius: 2em !important; border-color: #111 !important; border-style: solid !important; border-width: 0.0625rem !important; color: #fff !important; letter-spacing: 0 !important; margin: 0 !important; padding: 1em 1.5em !important; overflow: hidden !important; text-decoration: none !important; font-weight: 400; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:hover, #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:focus { opacity: 1 !important; } @media only screen and (max-width: 33.125rem) { #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler { width: 100%; max-width: 100%; margin: 1rem 0 0; } } #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .privacy-link:link, #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .privacy-link:visited, #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .privacy-link:hover, #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .privacy-link:active { color: #111; font-weight: 700; margin-left: 0; text-decoration: none; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcCenter .privacy-link:hover { text-decoration: underline; } #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded { top: auto; width: calc(100% - 1rem); max-width: 25rem; bottom: 0; left: 0; transform: initial; background-color: #fff; height: auto; margin: 1rem; border-radius: 0.5rem; } @media screen and (max-width: 47.9375rem) { #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded { left: 50%; bottom: 0.5rem; transform: translateX(-50%); max-width: calc(100% - 1rem); margin: 0; } } #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-policy-title { font-size: 1rem; font-family: var(--ikea-font); font-weight: 700; line-height: 1.3125rem; color: #111111; margin-bottom: 0.75rem; } #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-policy-text { font-size: 0.875rem; font-weight: 400; font-family: var(--ikea-font); line-height: 1.3; margin-bottom: 2rem; } #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-button-group-parent { margin-top: 0; } #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded .banner-actions-container { order: 0; float: none; margin-bottom: 0.625rem; } #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-pc-btn-handler.cookie-setting-link, #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-accept-btn-handler, #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-reject-all-handler { margin-left: 0; height: 2.5rem; font-size: 0.75rem; font-family: var(--ikea-font); font-weight: 400; position: relative; display: flex !important; justify-content: center; max-width: 100%; width: 100%; overflow: visible; margin-top: 0; background-color: #111111; border: 0; color: #fff; } #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-pc-btn-handler.cookie-setting-link:focus, #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-accept-btn-handler:focus, #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-reject-all-handler:focus { outline: none; } #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-pc-btn-handler.cookie-setting-link:focus::before, #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-accept-btn-handler:focus::before, #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-reject-all-handler:focus::before { position: absolute; box-sizing: border-box; border: 0.125rem solid #111111; border-radius: 2.5rem; width: calc(100% + 0.25rem); height: calc(100% + 0.25rem); content: ''; top: -0.125rem; left: -0.125rem; } #onetrust-consent-sdk #onetrust-banner-sdk.otCenterRounded #onetrust-reject-all-handler { margin-top: 0.625rem; order: 1; } #onetrust-consent-sdk #onetrust-button-group-parent:not(.has-reject-all-button) #onetrust-button-group { display: flex; flex-direction: column; } #onetrust-consent-sdk .has-reject-all-button #onetrust-pc-btn-handler { float: none !important; max-width: 100% !important; } #onetrust-consent-sdk .has-reject-all-button #onetrust-pc-btn-handler.cookie-setting-link { text-align: center !important; margin-right: 0 !important; } #onetrust-consent-sdk .has-reject-all-button .banner-actions-container { max-width: none !important; width: 100% !important; display: flex; flex-direction: column; } :root { --breadcrumbs-spacing-top: 2rem; --breadcrumbs-spacing-bottom: 3rem; --breadcrumbs-spacing-horizontal: var(--navigation-spacing-desktop, 1.5rem); --breadcrumbs-text-color: var(--text-color, #111); --breadcrumbs-background: var(--background-color, #fffefb); } @media screen and (max-width: 64rem) { :root { --breadcrumbs-spacing-horizontal: var(--navigation-spacing-tablet, 1rem); } } @media screen and (max-width: 47.9375rem) { :root { --breadcrumbs-spacing-horizontal: var(--navigation-spacing-mobile, 1rem); } } .breadcrumbs-wrapper { color: var(--breadcrumbs-text-color); background: var(--breadcrumbs-background); box-sizing: border-box; padding: 0.0625rem 0; } .breadcrumbs-container { box-sizing: border-box; max-width: var(--navigation-max-width, 1440px); margin: var(--breadcrumbs-spacing-top) auto var(--breadcrumbs-spacing-bottom); position: relative; } .breadcrumbs-container:before, .breadcrumbs-container:after { content: ''; display: block; position: absolute; top: 0; left: 0; bottom: 0; width: var(--breadcrumbs-spacing-horizontal); height: 100%; background: linear-gradient(to right, var(--breadcrumbs-background), rgba(255, 255, 255, 0)); pointer-events: none; z-index: 1; } .breadcrumbs-container:after { left: auto; right: 0; width: calc(2 * var(--breadcrumbs-spacing-horizontal)); background: linear-gradient(to left, var(--breadcrumbs-background), rgba(255, 255, 255, 0)); } .breadcrumbs-inner { padding: 0 calc(2 * var(--breadcrumbs-spacing-horizontal)) 0 var(--breadcrumbs-spacing-horizontal); overflow: auto; --scroll-track-color: rgba(128, 128, 128, 0.15); --scroll-thumb-color: rgba(128, 128, 128, 0.3); } @media (hover: hover) and (pointer: fine) { .breadcrumbs-inner { scrollbar-color: var(--scroll-thumb-color, var(--text-color, #111)) var(--scroll-track-color, rgba(17, 17, 17, 0.2)); scrollbar-width: thin; } .breadcrumbs-inner::-webkit-scrollbar { height: 2.5rem; } .breadcrumbs-inner::-webkit-scrollbar-track { background: linear-gradient(180deg, transparent 100%, var(--scroll-track-color, rgba(17, 17, 17, 0.2)) 45%, var(--scroll-track-color, rgba(17, 17, 17, 0.2)) 50%, transparent 50%); } .breadcrumbs-inner::-webkit-scrollbar-track:hover { background: linear-gradient(180deg, transparent 45%, var(--scroll-track-color, rgba(17, 17, 17, 0.2)) 45%, var(--scroll-track-color, rgba(17, 17, 17, 0.2)) 50%, transparent 50%); } .breadcrumbs-inner::-webkit-scrollbar-thumb { background-clip: content-box; background: linear-gradient(180deg, transparent 0%, transparent 45%, var(--scroll-thumb-color, var(--text-color, #111)) 45%, var(--scroll-thumb-color, var(--text-color, #111)) 50%, transparent 50%); } .breadcrumbs-inner::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, transparent 45%, var(--scroll-thumb-color, var(--text-color, #111)) 45%, var(--scroll-thumb-color, var(--text-color, #111)) 50%, transparent 50%); } } @media (hover: none) { .breadcrumbs-inner { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .breadcrumbs-inner::-webkit-scrollbar { display: none; } } .breadcrumbs-inner:before, .breadcrumbs-inner:after { content: ''; display: block; position: absolute; bottom: 0; left: 0; width: var(--breadcrumbs-spacing-horizontal); height: 2.5rem; background: var(--breadcrumbs-background); pointer-events: none; z-index: 1; } .breadcrumbs-inner:after { left: auto; right: 0; } ol.breadcrumbs { list-style: none; display: flex; flex-direction: row; flex-wrap: nowrap; font-size: 0.875rem; line-height: 157.1%; margin: 0; letter-spacing: 0; } ol.breadcrumbs > li { margin-right: 0.75rem; } ol.breadcrumbs > li, ol.breadcrumbs > li a { display: flex; align-items: center; white-space: nowrap; } ol.breadcrumbs > li:last-of-type { padding-right: calc(2 * var(--breadcrumbs-spacing-horizontal)); } ol.breadcrumbs > li i { display: flex; } ol.breadcrumbs > li.breadcrumbs-item--home i { display: none; } ol.breadcrumbs > li.breadcrumbs-item--live-preview span { cursor: help; } ol.breadcrumbs > li.breadcrumbs-item--current { display: none; } ol.breadcrumbs > li.breadcrumbs-item--current span { opacity: 0.7; } @media screen and (max-width: 47.9375rem) { ol.breadcrumbs > li { display: none; } ol.breadcrumbs > li:nth-last-of-type(2) { display: flex; } ol.breadcrumbs > li:nth-last-of-type(2) svg { transform: rotate(180deg); } } ol.breadcrumbs > li a { color: currentColor; text-decoration: none; } ol.breadcrumbs > li svg { display: inline-block; fill: currentColor; margin: 0 0.75rem 0 0; } /* Global helpers Class .global-content should include all settings while we still utilize each class where we need them. For examnple .global-content-links can be used onto parent of links only While .global-content will have all settings in the future - links/lists etc.. */ /* General css variables for template layout */ :root { --container-max-width: 90rem; --container-spacing-desktop: 1.5rem; --container-spacing-tablet: 1rem; --container-spacing-mobile: 1rem; --archive-page-header-bottom-margin: 1.875rem; } /* Links inside content */ .global-content-links a, .global-content a { color: currentColor; text-decoration: underline; position: relative; /* Focus visible helper We need this as inline-text cannot have a before if it breaks onto two lines */ } .global-content-links a.focus-visible, .global-content a.focus-visible { box-shadow: inset 0 0 0 0.0625rem #111, inset 0 0 0 0.1875rem #fff, inset 0 0 0 0.25rem #111 !important; transition: box-shadow 0.2s ease-out; } .global-content-links a.focus-visible:before, .global-content a.focus-visible:before { display: none; } /* Lists */ .global-content-lists ul, .global-content ul, .global-content-lists ol, .global-content ol { padding-left: 1.25rem; list-style: disc; } .global-content-lists ul li, .global-content ul li, .global-content-lists ol li, .global-content ol li { margin-bottom: 0.5rem; } .global-content-lists ol li, .global-content ol li { list-style-type: decimal; } .global-content-lists ol li::marker, .global-content ol li::marker { font-weight: bold; } /* Font size */ .h-jumbo { font-size: 9.125rem; line-height: 108%; font-weight: 700; margin: 1rem 0; letter-spacing: -0.375rem; } @media screen and (max-width: 64rem) and (min-width: 48rem) { .h-jumbo { font-size: 6.375rem; line-height: 108%; font-weight: 700; margin: 1rem 0; letter-spacing: -0.2625rem; } } @media screen and (max-width: 64rem) and (min-width: 48rem) and screen and (max-width: 64rem) and (min-width: 48rem) { .h-jumbo { font-size: 4.5rem; line-height: 108%; font-weight: 700; margin: 1rem 0; letter-spacing: -0.115rem; } } @media screen and (max-width: 64rem) and (min-width: 48rem) and screen and (max-width: 64rem) and (min-width: 48rem) and screen and (max-width: 64rem) { .h-jumbo { font-size: 3.1875rem; line-height: 108%; font-weight: 700; margin: 1rem 0; letter-spacing: -0.0925rem; } } @media screen and (max-width: 64rem) and (min-width: 48rem) and screen and (max-width: 64rem) and (min-width: 48rem) and screen and (max-width: 64rem) and screen and (max-width: 47.9375rem) { .h-jumbo { font-size: 2.25rem; line-height: 120%; font-weight: 700; margin: 1rem 0; letter-spacing: -0.06rem; } } @media screen and (max-width: 64rem) and (min-width: 48rem) and screen and (max-width: 64rem) and (min-width: 48rem) and screen and (max-width: 64rem) and screen and (max-width: 47.9375rem) and screen and (max-width: 47.9375rem) { .h-jumbo { font-size: 1.5625rem; line-height: 120%; font-weight: 700; margin: 1rem 0; letter-spacing: -0.03375rem; } } @media screen and (max-width: 64rem) and (min-width: 48rem) and screen and (max-width: 47.9375rem) { .h-jumbo { font-size: 3.1875rem; line-height: 108%; font-weight: 700; margin: 1rem 0; letter-spacing: -0.0925rem; } } @media screen and (max-width: 64rem) and (min-width: 48rem) and screen and (max-width: 47.9375rem) and screen and (max-width: 47.9375rem) { .h-jumbo { font-size: 2.25rem; line-height: 120%; font-weight: 700; margin: 1rem 0; letter-spacing: -0.06rem; } } @media screen and (max-width: 64rem) and (min-width: 48rem) and screen and (max-width: 47.9375rem) and screen and (max-width: 47.9375rem) and screen and (max-width: 47.9375rem) { .h-jumbo { font-size: 1.5625rem; line-height: 120%; font-weight: 700; margin: 1rem 0; letter-spacing: -0.03375rem; } } @media screen and (max-width: 47.9375rem) { .h-jumbo { font-size: 4.5rem; line-height: 108%; font-weight: 700; margin: 1rem 0; letter-spacing: -0.115rem; } } @media screen and (max-width: 47.9375rem) and screen and (max-width: 64rem) { .h-jumbo { font-size: 3.1875rem; line-height: 108%; font-weight: 700; margin: 1rem 0; letter-spacing: -0.0925rem; } } @media screen and (max-width: 47.9375rem) and screen and (max-width: 64rem) and screen and (max-width: 47.9375rem) { .h-jumbo { font-size: 2.25rem; line-height: 120%; font-weight: 700; margin: 1rem 0; letter-spacing: -0.06rem; } } @media screen and (max-width: 47.9375rem) and screen and (max-width: 64rem) and screen and (max-width: 47.9375rem) and screen and (max-width: 47.9375rem) { .h-jumbo { font-size: 1.5625rem; line-height: 120%; font-weight: 700; margin: 1rem 0; letter-spacing: -0.03375rem; } } .h-xxl { font-size: 6.375rem; line-height: 108%; font-weight: 700; margin: 1rem 0; letter-spacing: -0.2625rem; } @media screen and (max-width: 64rem) and (min-width: 48rem) { .h-xxl { font-size: 4.5rem; line-height: 108%; font-weight: 700; margin: 1rem 0; letter-spacing: -0.115rem; } } @media screen and (max-width: 64rem) and (min-width: 48rem) and screen and (max-width: 64rem) { .h-xxl { font-size: 3.1875rem; line-height: 108%; font-weight: 700; margin: 1rem 0; letter-spacing: -0.0925rem; } } @media screen and (max-width: 64rem) and (min-width: 48rem) and screen and (max-width: 64rem) and screen and (max-width: 47.9375rem) { .h-xxl { font-size: 2.25rem; line-height: 120%; font-weight: 700; margin: 1rem 0; letter-spacing: -0.06rem; } } @media screen and (max-width: 64rem) and (min-width: 48rem) and screen and (max-width: 64rem) and screen and (max-width: 47.9375rem) and screen and (max-width: 47.9375rem) { .h-xxl { font-size: 1.5625rem; line-height: 120%; font-weight: 700; margin: 1rem 0; letter-spacing: -0.03375rem; } } @media screen and (max-width: 47.9375rem) { .h-xxl { font-size: 3.1875rem; line-height: 108%; font-weight: 700; margin: 1rem 0; letter-spacing: -0.0925rem; } } @media screen and (max-width: 47.9375rem) and screen and (max-width: 47.9375rem) { .h-xxl { font-size: 2.25rem; line-height: 120%; font-weight: 700; margin: 1rem 0; letter-spacing: -0.06rem; } } @media screen and (max-width: 47.9375rem) and screen and (max-width: 47.9375rem) and screen and (max-width: 47.9375rem) { .h-xxl { font-size: 1.5625rem; line-height: 120%; font-weight: 700; margin: 1rem 0; letter-spacing: -0.03375rem; } } .h-xl { font-size: 4.5rem; line-height: 108%; font-weight: 700; margin: 1rem 0; letter-spacing: -0.115rem; } @media screen and (max-width: 64rem) { .h-xl { font-size: 3.1875rem; line-height: 108%; font-weight: 700; margin: 1rem 0; letter-spacing: -0.0925rem; } } @media screen and (max-width: 64rem) and screen and (max-width: 47.9375rem) { .h-xl { font-size: 2.25rem; line-height: 120%; font-weight: 700; margin: 1rem 0; letter-spacing: -0.06rem; } } @media screen and (max-width: 64rem) and screen and (max-width: 47.9375rem) and screen and (max-width: 47.9375rem) { .h-xl { font-size: 1.5625rem; line-height: 120%; font-weight: 700; margin: 1rem 0; letter-spacing: -0.03375rem; } } .h-l { font-size: 3.1875rem; line-height: 108%; font-weight: 700; margin: 1rem 0; letter-spacing: -0.0925rem; } @media screen and (max-width: 47.9375rem) { .h-l { font-size: 2.25rem; line-height: 120%; font-weight: 700; margin: 1rem 0; letter-spacing: -0.06rem; } } @media screen and (max-width: 47.9375rem) and screen and (max-width: 47.9375rem) { .h-l { font-size: 1.5625rem; line-height: 120%; font-weight: 700; margin: 1rem 0; letter-spacing: -0.03375rem; } } .h-m { font-size: 2.25rem; line-height: 120%; font-weight: 700; margin: 1rem 0; letter-spacing: -0.06rem; } @media screen and (max-width: 47.9375rem) { .h-m { font-size: 1.5625rem; line-height: 120%; font-weight: 700; margin: 1rem 0; letter-spacing: -0.03375rem; } } .h-s { font-size: 1.5625rem; line-height: 120%; font-weight: 700; margin: 1rem 0; letter-spacing: -0.03375rem; } .h-xs { font-size: 1.25rem; font-weight: 700; margin: 1rem 0; } .thin { font-weight: 300; } .p-statement-xl { font-size: 4.5rem; line-height: 120%; margin: 0 0 1em 0; font-weight: 400; letter-spacing: -0.0525rem; } @media screen and (max-width: 47.9375rem) { .p-statement-xl { font-size: 3.1875rem; line-height: 140%; margin: 0 0 1em 0; font-weight: 400; letter-spacing: -0.06rem; } } @media screen and (max-width: 47.9375rem) and screen and (max-width: 47.9375rem) { .p-statement-xl { font-size: 2.25rem; line-height: 140%; margin: 0 0 1em 0; font-weight: 400; letter-spacing: -0.06rem; } } @media screen and (max-width: 47.9375rem) and screen and (max-width: 47.9375rem) and screen and (max-width: 47.9375rem) { .p-statement-xl { margin: 1rem 0; font-size: 1.5625rem; line-height: 140%; font-weight: 400; letter-spacing: -0.015rem; } } .p-statement-l { font-size: 3.1875rem; line-height: 140%; margin: 0 0 1em 0; font-weight: 400; letter-spacing: -0.06rem; } @media screen and (max-width: 47.9375rem) { .p-statement-l { font-size: 2.25rem; line-height: 140%; margin: 0 0 1em 0; font-weight: 400; letter-spacing: -0.06rem; } } @media screen and (max-width: 47.9375rem) and screen and (max-width: 47.9375rem) { .p-statement-l { margin: 1rem 0; font-size: 1.5625rem; line-height: 140%; font-weight: 400; letter-spacing: -0.015rem; } } .p-statement-m { font-size: 2.25rem; line-height: 140%; margin: 0 0 1em 0; font-weight: 400; letter-spacing: -0.06rem; } @media screen and (max-width: 47.9375rem) { .p-statement-m { margin: 1rem 0; font-size: 1.5625rem; line-height: 140%; font-weight: 400; letter-spacing: -0.015rem; } } .p-statement-s { margin: 0 0 1em 0; font-size: 1.5625rem; line-height: 140%; font-weight: 400; letter-spacing: -0.015rem; } .p-xxl { font-size: 1.5625rem; line-height: 162.5%; margin: 0 0 1em 0; letter-spacing: 0; } .p-xl { font-size: 1.25rem; line-height: 162.5%; margin: 0 0 1em 0; letter-spacing: 0; } .p-l { font-size: 1rem; line-height: 162.5%; margin: 0 0 1em 0; letter-spacing: 0; } .p-m { font-size: 0.875rem; line-height: 157.1%; margin: 0 0 1em 0; letter-spacing: 0; } .p-s { font-size: 0.75rem; line-height: 150%; margin: 0 0 1em 0; letter-spacing: 0; } sup { position: relative; font-size: 0.625rem; top: -0.375rem; left: 0.125rem; } sub { position: relative; font-size: 0.625rem; bottom: -0.125rem; left: 0.125rem; } /* Font color */ .text-bright { color: #ffffff; } /* Margins */ .m-0 { margin: 0; } /* Paddings */ .pd-0 { padding: 0; } :root { --main-bg-onetrust: #ffffff; --secondary-bg-onetrust: #f5f5f5; --confirm-onetrust: #0058a3; --link-onetrust: #3860be; --dark-onetrust: #111; --light-onetrust: #fff; --light-dark-onetrust: #929292; --border-onetrust: #ddd; --box-border-radius: 0.5rem; --content-border-radius: 0.125rem; } #onetrust-consent-sdk { /* Focus visible helper We need this as inline-text cannot have a before if it breaks onto two lines */ /* START COOKIE SETTINGS/PREFERENCE */ } #onetrust-consent-sdk a { color: currentColor; text-decoration: underline; position: relative; } #onetrust-consent-sdk a.focus-visible { box-shadow: inset 0 0 0 0.0625rem #111, inset 0 0 0 0.1875rem #fff, inset 0 0 0 0.25rem #111 !important; transition: box-shadow 0.2s ease-out; } #onetrust-consent-sdk a.focus-visible:before { display: none; } #onetrust-consent-sdk #onetrust-banner-sdk.otFloatingRoundedCorner.otRelFont.ot-bottom-left { background: var(--main-bg-onetrust); width: auto; max-width: 31.25rem; box-shadow: 0 0.25rem 0.9375rem rgba(0, 0, 0, 0.1); padding: 0; left: 0.9375rem; bottom: 0.9375rem; right: 0.9375rem; max-height: calc(100vh - var(--navigation-height, 80px)); /* Buttons start */ } #onetrust-consent-sdk #onetrust-banner-sdk.otFloatingRoundedCorner.otRelFont.ot-bottom-left #onetrust-button-group-parent { position: sticky; bottom: 0; background: linear-gradient(0deg, var(--main-bg-onetrust) 95%, transparent 100%); box-sizing: border-box; padding: 1.25rem 1.5625rem 1.875rem; } @media only screen and (max-width: 33.125rem) { #onetrust-consent-sdk #onetrust-banner-sdk.otFloatingRoundedCorner.otRelFont.ot-bottom-left #onetrust-button-group-parent { padding: 1.25rem 0.9375rem; } } #onetrust-consent-sdk #onetrust-banner-sdk.otFloatingRoundedCorner.otRelFont.ot-bottom-left #onetrust-button-group-parent #onetrust-accept-btn-handler, #onetrust-consent-sdk #onetrust-banner-sdk.otFloatingRoundedCorner.otRelFont.ot-bottom-left #onetrust-button-group-parent #onetrust-reject-all-handler { font-size: 0.75rem !important; display: inline-block !important; background: var(--dark-onetrust) !important; border-radius: 2em !important; border-color: var(--dark-onetrust) !important; border-style: solid !important; border-width: 0.0625rem !important; color: var(--light-onetrust) !important; letter-spacing: 0 !important; margin: 0 !important; padding: 1em 1.5em !important; overflow: hidden !important; text-decoration: none !important; font-weight: bold !important; height: 2.5rem !important; line-height: 1; position: relative; width: 100% !important; } #onetrust-consent-sdk #onetrust-banner-sdk.otFloatingRoundedCorner.otRelFont.ot-bottom-left #onetrust-button-group-parent #onetrust-accept-btn-handler:hover, #onetrust-consent-sdk #onetrust-banner-sdk.otFloatingRoundedCorner.otRelFont.ot-bottom-left #onetrust-button-group-parent #onetrust-reject-all-handler:hover { opacity: 1 !important; } @media only screen and (max-width: 33.125rem) { #onetrust-consent-sdk #onetrust-banner-sdk.otFloatingRoundedCorner.otRelFont.ot-bottom-left #onetrust-button-group-parent #onetrust-accept-btn-handler, #onetrust-consent-sdk #onetrust-banner-sdk.otFloatingRoundedCorner.otRelFont.ot-bottom-left #onetrust-button-group-parent #onetrust-reject-all-handler { width: 100%; max-width: 100%; } } #onetrust-consent-sdk #onetrust-banner-sdk.otFloatingRoundedCorner.otRelFont.ot-bottom-left #onetrust-button-group-parent #onetrust-accept-btn-handler:focus, #onetrust-consent-sdk #onetrust-banner-sdk.otFloatingRoundedCorner.otRelFont.ot-bottom-left #onetrust-button-group-parent #onetrust-reject-all-handler:focus { outline: none; opacity: 1 !important; } #onetrust-consent-sdk #onetrust-banner-sdk.otFloatingRoundedCorner.otRelFont.ot-bottom-left #onetrust-button-group-parent #onetrust-accept-btn-handler:focus::before, #onetrust-consent-sdk #onetrust-banner-sdk.otFloatingRoundedCorner.otRelFont.ot-bottom-left #onetrust-button-group-parent #onetrust-reject-all-handler:focus::before { position: absolute; box-sizing: border-box; border: 0.125rem solid #111111; border-radius: 2.5rem; width: calc(100% + 0.25rem); height: calc(100% + 0.25rem); content: ''; top: -0.125rem; left: -0.125rem; } #onetrust-consent-sdk #onetrust-banner-sdk.otFloatingRoundedCorner.otRelFont.ot-bottom-left #onetrust-button-group-parent #onetrust-reject-all-handler { margin-top: 0.625rem !important; margin-bottom: 0.625rem !important; } #onetrust-consent-sdk #onetrust-banner-sdk.otFloatingRoundedCorner.otRelFont.ot-bottom-left #onetrust-button-group-parent #onetrust-pc-btn-handler { font-size: 0.75rem !important; display: inline-block !important; background: var(--dark-onetrust) !important; border-radius: 2em !important; border-style: solid !important; border-width: 0.0625rem !important; color: var(--light-onetrust) !important; letter-spacing: 0 !important; margin: 0 !important; padding: 1em 1.5em !important; overflow: hidden !important; text-decoration: none !important; font-weight: bold !important; height: 2.5rem !important; line-height: 1; position: relative; background: var(--light-onetrust) !important; border-color: var(--dark-onetrust) !important; color: var(--dark-onetrust) !important; width: 100% !important; } #onetrust-consent-sdk #onetrust-banner-sdk.otFloatingRoundedCorner.otRelFont.ot-bottom-left #onetrust-button-group-parent #onetrust-pc-btn-handler:hover { opacity: 1 !important; } @media only screen and (max-width: 33.125rem) { #onetrust-consent-sdk #onetrust-banner-sdk.otFloatingRoundedCorner.otRelFont.ot-bottom-left #onetrust-button-group-parent #onetrust-pc-btn-handler { width: 100%; max-width: 100%; } } #onetrust-consent-sdk #onetrust-banner-sdk.otFloatingRoundedCorner.otRelFont.ot-bottom-left #onetrust-button-group-parent #onetrust-pc-btn-handler:focus { outline: none; opacity: 1 !important; } #onetrust-consent-sdk #onetrust-banner-sdk.otFloatingRoundedCorner.otRelFont.ot-bottom-left #onetrust-button-group-parent #onetrust-pc-btn-handler:focus::before { position: absolute; box-sizing: border-box; border: 0.125rem solid #111111; border-radius: 2.5rem; width: calc(100% + 0.25rem); height: calc(100% + 0.25rem); content: ''; top: -0.125rem; left: -0.125rem; } @media (hover: hover) and (pointer: fine) { #onetrust-consent-sdk #onetrust-banner-sdk.otFloatingRoundedCorner.otRelFont.ot-bottom-left #onetrust-button-group-parent #onetrust-pc-btn-handler:hover { background: #f5f5f5; } #onetrust-consent-sdk #onetrust-banner-sdk.otFloatingRoundedCorner.otRelFont.ot-bottom-left #onetrust-button-group-parent #onetrust-pc-btn-handler:active { background: #dfdfdf; } } #onetrust-consent-sdk #onetrust-banner-sdk.otFloatingRoundedCorner.otRelFont.ot-bottom-left #onetrust-policy-title { line-height: 1.2; font-size: 0.9625rem; padding: 0 1.5625rem; width: 100%; } @media only screen and (max-width: 33.125rem) { #onetrust-consent-sdk #onetrust-banner-sdk.otFloatingRoundedCorner.otRelFont.ot-bottom-left #onetrust-policy-title { padding: 0 0.625rem 0 1.25rem; } } #onetrust-consent-sdk #onetrust-banner-sdk.otFloatingRoundedCorner.otRelFont.ot-bottom-left #onetrust-policy-text { padding: 0.625rem 1.5625rem; font-size: 0.875rem; } #onetrust-consent-sdk #onetrust-banner-sdk.otFloatingRoundedCorner.otRelFont.ot-bottom-left #onetrust-policy-text > a { font-weight: 700; } @media only screen and (max-width: 33.125rem) { #onetrust-consent-sdk #onetrust-banner-sdk.otFloatingRoundedCorner.otRelFont.ot-bottom-left #onetrust-policy-text { padding: 0.625rem 0.9375rem 0.9375rem 1.25rem; } } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel { background: var(--main-bg-onetrust); width: 100%; max-width: 30rem; font-size: 0.875rem; padding: 0; animation-duration: 0.2s; animation-timing-function: cubic-bezier(0, 0, 0.1, 1); box-shadow: 0 0.125rem 0.625rem -0.1875rem rgba(0, 0, 0, 0.1); border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-pc-header { height: 2.5rem; padding: 0; border-bottom: none; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-pc-header #close-pc-btn-handler { position: relative; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-pc-header .ot-pc-logo, #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-pc-footer-logo { display: none; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #ot-pc-content { box-sizing: border-box; top: 2.625rem; width: 100%; margin: 0; padding: 0 0.9375rem 0 1.5625rem; -ms-scroll-chaining: none; overscroll-behavior: contain; } @media only screen and (max-width: 33.125rem) { #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #ot-pc-content { padding: 0 0.625rem 0 1.25rem; } } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-optout-signal { display: flex; align-items: center; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-optout-signal .ot-optout-icon { margin-bottom: 0.5rem; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #ot-pc-title { line-height: 1.44444; font-size: 1.125rem; margin-bottom: 0.625rem; margin-top: 0; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #ot-pc-desc { margin-bottom: 1.875rem; font-size: 0.875rem; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #accept-recommended-btn-handler { font-size: 0.75rem !important; display: inline-block !important; background: var(--dark-onetrust) !important; border-radius: 2em !important; border-color: var(--dark-onetrust) !important; border-style: solid !important; border-width: 0.0625rem !important; color: var(--light-onetrust) !important; letter-spacing: 0 !important; margin: 0 !important; padding: 1em 1.5em !important; overflow: hidden !important; text-decoration: none !important; font-weight: bold !important; height: 2.5rem !important; line-height: 1; position: relative; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #accept-recommended-btn-handler:hover { opacity: 1 !important; } @media only screen and (max-width: 33.125rem) { #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #accept-recommended-btn-handler { width: 100%; max-width: 100%; } } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #accept-recommended-btn-handler:focus { outline: none; opacity: 1 !important; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #accept-recommended-btn-handler:focus::before { position: absolute; box-sizing: border-box; border: 0.125rem solid #111111; border-radius: 2.5rem; width: calc(100% + 0.25rem); height: calc(100% + 0.25rem); content: ''; top: -0.125rem; left: -0.125rem; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-sdk-row.ot-cat-grp { margin-top: 1.875rem; padding: 1.875rem 0; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #ot-category-title { font-size: 1rem; margin: 2rem 0 0; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-tgl input + .ot-switch .ot-switch-nob { background: var(--light-dark-onetrust); width: 48px; border: 0; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-tgl input + .ot-switch .ot-switch-nob::before { background: var(--light-onetrust); bottom: 2px; left: 2px; transition: transform 0.1s linear; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-tgl input + .ot-switch .ot-switch-nob::after { position: absolute; content: ''; transform: rotate(45deg); box-sizing: content-box; display: inline-block; opacity: 1; border: 0.1125rem solid var(--confirm-onetrust); border-left: 0; border-top: 0; height: 0.40625rem; width: 0.21875rem; transition: all 0.1s linear; left: 10px; top: 8px; opacity: 0; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-tgl input:checked + .ot-switch .ot-switch-nob { background: var(--confirm-onetrust); } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-tgl input:checked + .ot-switch .ot-switch-nob::after { opacity: 1; left: 31px; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-accordion-layout { margin: 0; padding: 0; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-accordion-layout [id^='ot-header-id-'] { font-size: 0.875rem; line-height: 1.7142; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-accordion-layout .ot-acc-hdr .ot-always-active { font-size: 0.875rem; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-accordion-layout .ot-acc-hdr .ot-always-active::before { position: absolute; content: ''; transform: rotate(45deg); box-sizing: content-box; display: inline-block; opacity: 1; border: 0.1125rem solid var(--confirm-onetrust); border-left: 0; border-top: 0; height: 0.40625rem; width: 0.21875rem; left: -0.625rem; top: 0.375rem; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-accordion-layout .ot-acc-grpcntr.ot-acc-txt { background: var(--secondary-bg-onetrust); } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-accordion-layout .ot-acc-grpcntr.ot-acc-txt .ot-acc-grpdesc.ot-category-desc { padding: 0.9375rem 1.25rem 1.5625rem 1.25rem; font-size: 0.875rem; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-accordion-layout .ot-acc-grpcntr.ot-acc-txt .ot-hlst-cntr { box-sizing: border-box; padding: 0 1.25rem 1.5625rem; width: 100%; margin: 0; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-accordion-layout .ot-acc-grpcntr.ot-acc-txt .ot-hlst-cntr .ot-link-btn { font-size: 0.75rem !important; display: inline-block !important; background: var(--dark-onetrust) !important; border-radius: 2em !important; border-color: var(--dark-onetrust) !important; border-style: solid !important; border-width: 0.0625rem !important; color: var(--light-onetrust) !important; letter-spacing: 0 !important; margin: 0 !important; padding: 1em 1.5em !important; overflow: hidden !important; text-decoration: none !important; font-weight: bold !important; height: 2.5rem !important; line-height: 1; position: relative; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-accordion-layout .ot-acc-grpcntr.ot-acc-txt .ot-hlst-cntr .ot-link-btn:hover { opacity: 1 !important; } @media only screen and (max-width: 33.125rem) { #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-accordion-layout .ot-acc-grpcntr.ot-acc-txt .ot-hlst-cntr .ot-link-btn { width: 100%; max-width: 100%; } } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-accordion-layout .ot-acc-grpcntr.ot-acc-txt .ot-hlst-cntr .ot-link-btn:focus { outline: none; opacity: 1 !important; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-accordion-layout .ot-acc-grpcntr.ot-acc-txt .ot-hlst-cntr .ot-link-btn:focus::before { position: absolute; box-sizing: border-box; border: 0.125rem solid #111111; border-radius: 2.5rem; width: calc(100% + 0.25rem); height: calc(100% + 0.25rem); content: ''; top: -0.125rem; left: -0.125rem; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-pc-footer { padding: 1.25rem 0; box-sizing: border-box; border: 0; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-btn-container { display: flex; justify-content: space-between; } @media only screen and (max-width: 33.125rem) { #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-btn-container { flex-direction: column; margin-left: 1.25rem; margin-right: 1.25rem; } } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-btn-container .ot-pc-refuse-all-handler { font-size: 0.75rem !important; display: inline-block !important; background: var(--dark-onetrust) !important; border-radius: 2em !important; border-color: var(--dark-onetrust) !important; border-style: solid !important; border-width: 0.0625rem !important; color: var(--light-onetrust) !important; letter-spacing: 0 !important; margin: 0 !important; padding: 1em 1.5em !important; overflow: hidden !important; text-decoration: none !important; font-weight: bold !important; height: 2.5rem !important; line-height: 1; position: relative; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-btn-container .ot-pc-refuse-all-handler:hover { opacity: 1 !important; } @media only screen and (max-width: 33.125rem) { #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-btn-container .ot-pc-refuse-all-handler { width: 100%; max-width: 100%; } } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-btn-container .ot-pc-refuse-all-handler:focus { outline: none; opacity: 1 !important; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-btn-container .ot-pc-refuse-all-handler:focus::before { position: absolute; box-sizing: border-box; border: 0.125rem solid #111111; border-radius: 2.5rem; width: calc(100% + 0.25rem); height: calc(100% + 0.25rem); content: ''; top: -0.125rem; left: -0.125rem; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler { font-size: 0.75rem !important; display: inline-block !important; background: var(--dark-onetrust) !important; border-radius: 2em !important; border-style: solid !important; border-width: 0.0625rem !important; color: var(--light-onetrust) !important; letter-spacing: 0 !important; margin: 0 !important; padding: 1em 1.5em !important; overflow: hidden !important; text-decoration: none !important; font-weight: bold !important; height: 2.5rem !important; line-height: 1; position: relative; background: var(--light-onetrust) !important; border-color: var(--dark-onetrust) !important; color: var(--dark-onetrust) !important; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:hover { opacity: 1 !important; } @media only screen and (max-width: 33.125rem) { #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler { width: 100%; max-width: 100%; } } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:focus { outline: none; opacity: 1 !important; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:focus::before { position: absolute; box-sizing: border-box; border: 0.125rem solid #111111; border-radius: 2.5rem; width: calc(100% + 0.25rem); height: calc(100% + 0.25rem); content: ''; top: -0.125rem; left: -0.125rem; } @media (hover: hover) and (pointer: fine) { #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:hover { background: #f5f5f5; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler:active { background: #dfdfdf; } } @media only screen and (max-width: 33.125rem) { #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .ot-btn-container .save-preference-btn-handler.onetrust-close-btn-handler { margin-top: 0.625rem !important; } } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .privacy-link:link, #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .privacy-notice-link:link, #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .privacy-link:visited, #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .privacy-notice-link:visited, #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .privacy-link:hover, #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .privacy-notice-link:hover, #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .privacy-link:active, #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .privacy-notice-link:active { color: var(--dark-onetrust); font-weight: 700; margin-left: 0; text-decoration: underline; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel .privacy-link { display: inline; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #ot-pc-lst .ot-link-btn.back-btn-handler { position: relative; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #ot-pc-lst #filter-btn-handler { background: var(--dark-onetrust); } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #ot-pc-lst .ot-host-item { padding: 0.9375rem; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #ot-pc-lst .ot-host-item .ot-host-expand { color: var(--link-onetrust); } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #ot-pc-lst .ot-host-opts .ot-host-opt { background: var(--secondary-bg-onetrust); border-radius: var(--content-border-radius); } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #ot-pc-lst .ot-host-opts .ot-host-opt .ot-host-info { font-size: 0.875rem; background-color: transparent; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #ot-pc-lst .ot-host-opts .ot-host-opt .ot-host-info * { font-size: 0.875rem; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #ot-pc-lst #ot-pc-hdr #filter-apply-handler, #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #ot-pc-lst #ot-pc-hdr #filter-cancel-handler, #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #ot-pc-lst #ot-pc-hdr #clear-filters-handler { font-size: 0.75rem !important; display: inline-block !important; background: var(--dark-onetrust) !important; border-radius: 2em !important; border-color: var(--dark-onetrust) !important; border-style: solid !important; border-width: 0.0625rem !important; color: var(--light-onetrust) !important; letter-spacing: 0 !important; margin: 0 !important; padding: 1em 1.5em !important; overflow: hidden !important; text-decoration: none !important; font-weight: bold !important; height: 2.5rem !important; line-height: 1; position: relative; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #ot-pc-lst #ot-pc-hdr #filter-apply-handler:hover, #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #ot-pc-lst #ot-pc-hdr #filter-cancel-handler:hover, #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #ot-pc-lst #ot-pc-hdr #clear-filters-handler:hover { opacity: 1 !important; } @media only screen and (max-width: 33.125rem) { #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #ot-pc-lst #ot-pc-hdr #filter-apply-handler, #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #ot-pc-lst #ot-pc-hdr #filter-cancel-handler, #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #ot-pc-lst #ot-pc-hdr #clear-filters-handler { width: 100%; max-width: 100%; } } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #ot-pc-lst #ot-pc-hdr #filter-apply-handler:focus, #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #ot-pc-lst #ot-pc-hdr #filter-cancel-handler:focus, #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #ot-pc-lst #ot-pc-hdr #clear-filters-handler:focus { outline: none; opacity: 1 !important; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #ot-pc-lst #ot-pc-hdr #filter-apply-handler:focus::before, #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #ot-pc-lst #ot-pc-hdr #filter-cancel-handler:focus::before, #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #ot-pc-lst #ot-pc-hdr #clear-filters-handler:focus::before { position: absolute; box-sizing: border-box; border: 0.125rem solid #111111; border-radius: 2.5rem; width: calc(100% + 0.25rem); height: calc(100% + 0.25rem); content: ''; top: -0.125rem; left: -0.125rem; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #ot-pc-lst #ot-pc-hdr #clear-filters-handler { margin-bottom: 1.25rem !important; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #ot-pc-lst #ot-pc-hdr #ot-fltr-cnt { padding: 1.25rem; border-radius: var(--box-border-radius); height: auto; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #ot-pc-lst #ot-pc-hdr .ot-fltr-btns { margin: 0; display: flex; justify-content: space-between; gap: 0.625rem; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #ot-pc-lst #ot-pc-hdr .ot-fltr-btns > button { flex: 1; } #onetrust-consent-sdk #onetrust-pc-sdk.otPcPanel #ot-pc-lst #ot-pc-hdr .ot-fltr-opts .ot-fltr-opt { width: 100%; margin-bottom: 1.25rem; margin-left: 0; } html.onetrust-box-closed #onetrust-banner-sdk{display:none;}