/*! Static Override Utilities */ (()=>{window.SOUtil=window.SOUtil||{addStylesheet:(cssStyles,overrideId)=>{const style=document.createElement("style");if(overrideId){style.id="static-override-"+overrideId}style.appendChild(document.createTextNode(cssStyles));document.head.appendChild(style)},pageIsInScope:pageScope=>{const host=location.hostname.toLowerCase();const path=location.pathname.toLowerCase();const locale=document.documentElement.lang.toLowerCase();const getMarket=marketAware=>{const locale=document.documentElement.lang.toLowerCase();const langCode=locale.split("-")[0];const market=new URLSearchParams(location.search).get("market")?.toLowerCase();if(market&&marketAware!==false){return`${langCode}-${market}`}return locale};const langLocs={"sr-rs":["sr-rs","sr-latn-rs","sr-cyrl-rs"],default:[locale]};const possibleLangLocs=langLocs[locale]||langLocs.default;const pathLocale=possibleLangLocs.find(loc=>path.indexOf(loc)!==-1);const pathNoLocale=path.replace(`/${pathLocale}`,"").replace(/\/$/,"");const previewHosts=["sites-author.adobeprod.microsoft.com","sites-author.adobeppe.microsoft.com","sites-author.adobestg.microsoft.com","sites-author.adobedev.microsoft.com","author-p147723-e1510601.adobeaemcloud.com","golf-author.adobeprod.microsoft.com","author-p147723-e1510635.adobeaemcloud.com","golf-author.adobestg.microsoft.com","author-p147723-e1520828.adobeaemcloud.com","golf-author.adobeppe.microsoft.com","author-p147723-e1510634.adobeaemcloud.com","golf-author.adobedev.microsoft.com","echo-author.adobeprod.microsoft.com","echo-author.adobeppe.microsoft.com","echo-author.adobestg.microsoft.com"];const isPreview=pageScope.previews&&previewHosts.includes(host);const previewPathStarts={"/content/microsoft/bade":"www.microsoft.com","/content/azure/acom":"azure.microsoft.com"};const nonprodHost={"wwwppe.microsoft.com":"www.microsoft.com","wwwqa.microsoft.com":"www.microsoft.com","origin.azureppe.microsoft.com":"azure.microsoft.com","origin.azureprod.microsoft.com":"azure.microsoft.com"};if(pageScope.editorOnly&&!window.frameElement?.baseURI.includes("/editor.html")){return false}let checkHost=host;let checkMarket=getMarket(pageScope.marketAware);let checkPath=pathNoLocale;if(pageScope.editorOnly||isPreview){const pathWithoutLaunch=path.replace(/\/content\/launches(\/[^\/]+){4}/g,"");const previewPathStart=Object.keys(previewPathStarts).find(key=>pathWithoutLaunch.startsWith(key));checkHost=previewPathStarts[previewPathStart];if(!previewPathStart||!checkHost){return false}checkPath=pathWithoutLaunch.replace(previewPathStart,"").replace(`/${pathLocale}`,"").replace(".html","")}if(nonprodHost[host]){checkHost=nonprodHost[host]}const hostScope=pageScope[checkHost];if(!hostScope){return false}if(hostScope.markets&&!hostScope.markets.includes(checkMarket)){return false}if(hostScope.paths&&!hostScope.paths.includes(checkPath)&&!(hostScope.allSubpaths&&startsWithPath())){return false}function startsWithPath(){return hostScope.paths.some(path=>checkPath.startsWith(path))}return true},runOnPageLoad:callback=>{if(document.readyState!=="loading"){callback()}else{document.addEventListener("DOMContentLoaded",callback)}},elementPromise:function(props){function addElementMarking(el,attr,value){if(hasElementMarking(el,attr,value))return;const markings=getElementMarkings(el,attr);markings.push(value);el.setAttribute(attr,markings)}function hasElementMarking(el,attr,value){return getElementMarkings(el,attr).includes(value)}function getElementMarkings(el,attr){let ret=el.getAttribute(attr);return ret?ret.split(","):[]}const querySelector=props.selector;const callbackName=props.callback.name;const rejectTime=props.rejectTime?props.rejectTime:0;const foundForDataAttr="data-so-found-for";return new Promise((resolve,reject)=>{if(!querySelector){return reject("No element or no query selector provided")}let wasFound=false;if(document.querySelector(querySelector)){wasFound=true;if(props.multiple){document.querySelectorAll(querySelector).forEach(e=>addElementMarking(e,foundForDataAttr,callbackName))}}if(!wasFound||props.multiple){const observerConfig={attributes:true,childList:true,characterData:true,subtree:true};const observer=new MutationObserver(mutations=>{const instancesFound=document.querySelectorAll(querySelector);const newInstancesFound=[...instancesFound].filter(e=>{if(hasElementMarking(e,foundForDataAttr,callbackName)){return false}addElementMarking(e,foundForDataAttr,callbackName);return true});if(newInstancesFound.length>0){wasFound=true;if(!props.multiple){observer.disconnect()}props.callback(props)}});if(rejectTime>0){window.setTimeout(()=>{observer.disconnect();if(!wasFound){reject(querySelector)}},rejectTime*100)}observer.observe(document,observerConfig)}if(wasFound){return resolve(document.querySelector(querySelector))}})},getElements:function(props){function getElement(props){const selector=props.selector;const baseElement=props.selectElement??document;if(!selector){return null}const element=baseElement.querySelector(selector);return element}function getElementMarkings(el,attr){let ret=el.getAttribute(attr);return ret?ret.split(","):[]}function addElementMarking(el,attr,value){if(hasElementMarking(el,attr,value))return;const markings=getElementMarkings(el,attr);markings.push(value);el.setAttribute(attr,markings)}function hasElementMarking(el,attr,value){return getElementMarkings(el,attr).includes(value)}const modifiedForDataAttr="data-so-modified-for";const callbackName=props.callback.name;if(props.multiple!==true){const el=getElement(props);return el?[el]:[]}const baseElement=props.selectElement??document;var elements=Array.from(baseElement.querySelectorAll(props.selector));if(props.selectorFilter&&typeof props.selectorFilter==="function"){elements=elements.filter(props.selectorFilter)}elements=elements.filter(e=>{if(hasElementMarking(e,modifiedForDataAttr,callbackName)){return false}addElementMarking(e,modifiedForDataAttr,callbackName);return true});return elements},hasTheme:themeName=>{const links=document.querySelectorAll(`link[rel="stylesheet"][href*="themes/${themeName}"]`);return Array.from(links).some(link=>{const url=new URL(link.href,document.baseURI);const segment=url.pathname.split("/themes/")[1];return segment===themeName||segment?.startsWith(`${themeName}.`)||segment?.startsWith(`${themeName}/`)})}}})(); /*! 1079427, 1081549 - Store Homepage style issues */ (()=>{function storeUpdates(){let overrideId="1079427";const styleText=` reimagine-logo-footer reimagine-badge { padding-inline: 8px; padding-block: 8px; width: 48px; max-width: 48px; height: 48px; max-height: 48px; cursor: pointer !important; } reimagine-featured reimagine-card-feature::part(card-feature__content-body) { margin-block-end: var( --ds-card-feature-content-body-margin-block-end, var(--ds-spacing-2xl) ); } reimagine-carousel reimagine-card-banner { margin-block-end: 0; } reimagine-secondary-nav-item { --ds-secondary-nav-quicklinks-link-font-size: var(--ds-label-l-font-size); } `;window.SOUtil.addStylesheet(styleText,overrideId);const announcementBanner=document.querySelector("reimagine-announcement");if(announcementBanner){announcementBanner.setAttribute("role","alert");announcementBanner.setAttribute("aria-label","Announcement banner")}const featured=document.querySelectorAll('reimagine-featured[configuration="4-col-even-1"]');if(featured.length>0){featured.forEach(el=>el.setAttribute("configuration","4-col-even-2"))}const logoFooter=document.querySelector("reimagine-logo-footer");if(logoFooter){logoFooter.setAttribute("role","navigation");logoFooter.setAttribute("aria-label","Follow Microsoft")} /*! 1080608 - Accessibility fix for autoplay carousel */ /*! 1081550 - Pause autoplay when user interacts */const carousels=document.querySelectorAll("reimagine-carousel[autoplay]");carousels.forEach(carousel=>{const srStatus=carousel.shadowRoot.querySelector(".carousel__screen-reader-status");const autoplayBtn=carousel.querySelector('reimagine-button[slot="play-button"]');const prevBtn=carousel.shadowRoot?.querySelector(".carousel__controls .scrollslider__prev-control-default");const nextBtn=carousel.shadowRoot?.querySelector(".carousel__controls .scrollslider__next-control-default");if(srStatus&&autoplayBtn){srStatus.removeAttribute("role");const srOnlySpan=srStatus.querySelector("span.sr-only");if(srOnlySpan){srOnlySpan.removeAttribute("aria-live")}autoplayBtn.addEventListener("click",()=>{setTimeout(()=>{if(autoplayBtn.getAttribute("aria-pressed")==="true"){srStatus.removeAttribute("role");if(srOnlySpan){srOnlySpan.removeAttribute("aria-live")}}else{srStatus.setAttribute("role","status");if(srOnlySpan){srOnlySpan.setAttribute("aria-live","polite")}}},0)})}function pauseAutoplay(){const controller=carousel._autoplayController;if(controller&&typeof controller["_pause"]==="function"&&controller["_active"]){controller["_pause"]()}}if(nextBtn)nextBtn.addEventListener("click",pauseAutoplay);if(prevBtn)prevBtn.addEventListener("click",pauseAutoplay)})}window.SOUtil.runOnPageLoad(storeUpdates)})(); /*! 1082330 - Multiple overrides for consumer/stores deals page */ (async()=>{let overrideId="1082330";const styleText=` reimagine-tabs[alignment="center"] { --ds-scrollslider-justify-content: center; } @media (max-width: 859.98px) { reimagine-card-banner.so-1082330 { height: 100%; --ds-card-banner-top-flex: 0; } reimagine-card-banner::part(card-banner__content-footer) { margin-top: auto; } } `;window.SOUtil.addStylesheet(styleText,overrideId);await customElements.whenDefined("reimagine-media");const mediaSources=document.querySelectorAll('reimagine-media [media="(min-width: 860px)"]');if(mediaSources!==undefined&&mediaSources.length>0){mediaSources.forEach(source=>{const srcset=source.getAttribute("srcset");if(srcset&&srcset.includes("VP5-800x450")){source.setAttribute("srcset",srcset.replace(/VP5-800x450/g,"VP4-1260x795"))}})}const cardPromosMedias=document.querySelectorAll("reimagine-card-promo reimagine-media");cardPromosMedias.forEach(media=>{media.setAttribute("object-fit","cover");media.style.setProperty("--ds-media-height","100%")});await customElements.whenDefined("reimagine-featured");const featured=document.querySelectorAll("reimagine-featured");if(featured){featured.forEach(item=>{if(!item)return;const cardFeature=item.querySelectorAll("reimagine-card-feature");if(cardFeature){cardFeature.forEach(card=>{const videoMedia=card.querySelector("reimagine-media[video]");if(videoMedia){videoMedia.style.setProperty("--ds-media-border-end-end-radius","var(--ds-radii-m)");videoMedia.style.setProperty("--ds-media-border-start-end-radius","var(--ds-radii-m)");videoMedia.style.setProperty("--ds-media-border-start-start-radius","var(--ds-radii-m)");videoMedia.style.setProperty("--ds-media-border-end-start-radius","var(--ds-radii-m)")}})}})}await customElements.whenDefined("reimagine-tabs");const tabs=document.querySelectorAll("reimagine-tabs");if(tabs){tabs.forEach(item=>{if(!item)return;function hideDropdownLabel(dropdown){if(!dropdown)return;const dropdownLabel=dropdown.querySelector('span[slot="dropdown-trigger__input-label"]');if(dropdownLabel){dropdownLabel.style.setProperty("display","none")}}const initialDropdown=item.shadowRoot?.querySelector("reimagine-dropdown");hideDropdownLabel(initialDropdown);if(item.shadowRoot){const observer=new MutationObserver(()=>{const dropdown=item.shadowRoot.querySelector("reimagine-dropdown");hideDropdownLabel(dropdown)});observer.observe(item.shadowRoot,{childList:true,subtree:true})}})} /*! 1092267 - Fix placeholder text issue for pill tabs dropdown */const pillTabs=document.querySelectorAll('reimagine-tabs[configuration="pill"], reimagine-tabs[configuration="selector"]');pillTabs.forEach(pillTab=>{const tabItems=pillTab.querySelectorAll("reimagine-tab");tabItems.forEach(tabItem=>{const correspondingMenuItem=tabItem.parentElement.parentElement.parentElement;if(correspondingMenuItem&&correspondingMenuItem.tagName==="REIMAGINE-MENU-LIST-ITEM"){correspondingMenuItem.appendChild(tabItem)}});const activePillTab=pillTab.querySelector("reimagine-menu-list-item[active]")?.querySelector("reimagine-pill");const dropdownTrigger=pillTab.shadowRoot?.querySelector("reimagine-dropdown-trigger");if(!dropdownTrigger)return;if(activePillTab){const pillTabText=activePillTab.textContent.trim();dropdownTrigger.textContent=pillTabText}const dropdownItems=pillTab.querySelectorAll("reimagine-tab");dropdownItems.forEach(dropdownItem=>{dropdownItem.addEventListener("click",function(e){const pillTabText=dropdownItem.textContent.trim();dropdownTrigger.textContent=pillTabText})})});await customElements.whenDefined("reimagine-carousel-card-grid");const carouselCardGrid=document.querySelectorAll("reimagine-carousel-card-grid");if(carouselCardGrid){carouselCardGrid.forEach(item=>{if(!item)return;const cardBanner=item.querySelectorAll("reimagine-card-banner");if(cardBanner){cardBanner.forEach(card=>{card.classList.add("so-1082330")})}})}})(); /*! 1086001 - Hero featured slider carousel autoplay fix */ /*! 1086001 - [Updated on 11/17/25] Adding a z-index to the container caused a regression where the play/pause button became unclickable. */window.SOUtil.runOnPageLoad(async()=>{await customElements.whenDefined("reimagine-hero-featured-slider");await customElements.whenDefined("reimagine-carousel");const featuredSliders=document.querySelectorAll("reimagine-hero-featured-slider");featuredSliders.forEach(featuredSlider=>{const carousels=featuredSlider.querySelectorAll("reimagine-carousel");carousels.forEach(carousel=>{const carouselIndicatorContainer=carousel.shadowRoot?.querySelector(".carousel__indicators-container");if(carouselIndicatorContainer){carouselIndicatorContainer.style.setProperty("width","fit-content");carouselIndicatorContainer.style.setProperty("max-width","1000px");if(window.innerWidth<860){carouselIndicatorContainer.style.setProperty("z-index","3")}}})})}); /*! 1112501, 1112725 - Store theme overrides */ (()=>{const storeThemeStyles=`/*! * Reimagine WC Theming v23.0.0 * OneCloud Reimagine v0.430.0 * MWF (Moray) v2.8.1 * Copyright (c) Microsoft Corporation. All rights reserved. * Copyright 2011-2020 The Bootstrap Authors and Twitter, Inc. */ /* prettier-ignore */ /* stylelint-disable-line declaration-no-important */ /* prettier-ignore */ :root { --ds-spacing-1: 0.125rem; --ds-spacing-3xs: 0.125rem; --ds-spacing-2: 0.25rem; --ds-spacing-2xs: 0.25rem; --ds-spacing-3: 0.5rem; --ds-spacing-xs: 0.5rem; --ds-spacing-4: 0.75rem; --ds-spacing-s: 0.75rem; --ds-spacing-5: 0.75rem; --ds-spacing-m: 0.75rem; --ds-spacing-6: 1rem; --ds-spacing-l: 1rem; --ds-spacing-7: 1.5rem; --ds-spacing-xl: 1.5rem; --ds-spacing-8: 2rem; --ds-spacing-2xl: 2rem; --ds-spacing-9: 3rem; --ds-spacing-3xl: 3rem; --ds-spacing-10: 3.5rem; --ds-spacing-4xl: 3.5rem; --ds-copy-padding-s: 0rem; --ds-copy-padding-m: 0rem; --ds-copy-padding-l: 0rem; --ds-copy-padding-xl: 0rem; --ds-card-padding-default: 1rem; --ds-card-padding-comfortable: 1.5rem; --ds-card-padding-relaxed: 2rem; --ds-breadth-vertical-default: var(--ds-spacing-4xl); --ds-breadth-vertical-relaxed: var(--ds-spacing-4xl); --ds-breadth-vertical-comfortable: var(--ds-spacing-3xl); --ds-breadth-vertical-compact: var(--ds-spacing-2xl); --ds-breadth-vertical-none: 0; --ds-density-vertical-default: var(--ds-spacing-2xl); --ds-density-vertical-compact: var(--ds-spacing-xl); --ds-density-vertical-none: 0; --ds-density-horizontal-default: var(--ds-spacing-m); --ds-density-horizontal-comfortable: var(--ds-spacing-2xl); --ds-density-horizontal-relaxed: var(--ds-spacing-4xl); --ds-radii-xs: 0.25rem; --ds-radii-s: 0.5rem; --ds-radii-m: 0.5rem; --ds-radii-l: 1rem; --ds-radii-circle: 12.5rem; --ds-blur-s: blur(0.5rem); --ds-blur-m: blur(1.5rem); --ds-blur-l: blur(2.5rem); --ds-blur-glass-background: rgba(255, 255, 255, 0.05); --ds-blur-glass: blur(5rem); --ds-border-width-xs: 0.0625rem; --ds-border-width-s: 0.125rem; --ds-border-width-m: 0.25rem; --ds-border-width-l: 0.5rem; --ds-elevation-color-1: rgba(0, 0, 0, 0.12); --ds-elevation-color-2: rgba(0, 0, 0, 0.14); --ds-elevation-level-1: 0 0 0.125rem var(--ds-elevation-color-1, rgba(0, 0, 0, 0.12)), 0 0.063rem 0.125rem var(--ds-elevation-color-2, rgba(0, 0, 0, 0.14)); --ds-elevation-level-2: 0 0 0.125rem var(--ds-elevation-color-1, rgba(0, 0, 0, 0.12)), 0 0.125rem 0.25rem var(--ds-elevation-color-2, rgba(0, 0, 0, 0.14)); --ds-elevation-level-3: 0 0 0.125rem var(--ds-elevation-color-1, rgba(0, 0, 0, 0.12)), 0 0.25rem 0.5rem var(--ds-elevation-color-2, rgba(0, 0, 0, 0.14)); --ds-elevation-level-4: 0 0 0.125rem var(--ds-elevation-color-1, rgba(0, 0, 0, 0.12)), 0 0.5rem 1rem var(--ds-elevation-color-2, rgba(0, 0, 0, 0.14)); --ds-elevation-level-5: 0 0 0.5rem var(--ds-elevation-color-1, rgba(0, 0, 0, 0.12)), 0 0.875rem 1.75rem var(--ds-elevation-color-2, rgba(0, 0, 0, 0.14)); --ds-elevation-level-6: 0 0 0.5rem var(--ds-elevation-color-1, rgba(0, 0, 0, 0.12)), 0 2rem 4rem var(--ds-elevation-color-2, rgba(0, 0, 0, 0.14)); --ds-font-family-segoe-variable-display: "Segoe UI Variable Display", "Segoe UI", segoeui, "Helvetica Neue", helvetica, arial, sans-serif; --ds-font-family-segoe-variable-text: "Segoe UI Variable Text", "Segoe UI", segoeui, "Helvetica Neue", helvetica, arial, sans-serif; --ds-font-family-segoe-variable-small: "Segoe UI Variable Small", "Segoe UI", segoeui, "Helvetica Neue", helvetica, arial, sans-serif; --ds-body-font-weight: 400; --ds-body-font-size: 1rem; --ds-body-line-height: 1.5rem; --ds-body-letter-spacing: -0.03em; --ds-heading-3xl-font-weight: 400; --ds-heading-3xl-font-size: 4.75rem; --ds-heading-3xl-line-height: 5.125rem; --ds-heading-3xl-letter-spacing: -0.025em; --ds-heading-2xl-font-weight: 400; --ds-heading-2xl-font-size: 3.5rem; --ds-heading-2xl-line-height: 3.875rem; --ds-heading-2xl-letter-spacing: -0.025em; --ds-heading-xl-font-weight: 500; --ds-heading-xl-font-size: 3rem; --ds-heading-xl-line-height: 3.5rem; --ds-heading-xl-letter-spacing: -0.025em; --ds-heading-l-font-weight: 500; --ds-heading-l-font-size: 2.5rem; --ds-heading-l-line-height: 3rem; --ds-heading-l-letter-spacing: -0.025em; --ds-heading-m-font-weight: 500; --ds-heading-m-font-size: 2rem; --ds-heading-m-line-height: 2.5rem; --ds-heading-m-letter-spacing: -0.025em; --ds-heading-s-font-weight: 500; --ds-heading-s-font-size: 1.5rem; --ds-heading-s-line-height: 2rem; --ds-heading-s-letter-spacing: -0.015em; --ds-heading-xs-font-weight: 500; --ds-heading-xs-font-size: 1.25rem; --ds-heading-xs-line-height: 1.75rem; --ds-heading-xs-letter-spacing: -0.01em; --ds-heading-2xs-font-weight: 600; --ds-heading-2xs-font-size: 1.125rem; --ds-heading-2xs-line-height: 1.5rem; --ds-heading-2xs-letter-spacing: normal; --ds-heading-3xs-font-weight: 600; --ds-heading-3xs-font-size: 1rem; --ds-heading-3xs-line-height: 1.5rem; --ds-heading-3xs-letter-spacing: normal; --ds-heading-superscript-3xl-font-weight: 400; --ds-heading-superscript-3xl-font-size: 3.5rem; --ds-heading-superscript-3xl-line-height: 3.875rem; --ds-heading-superscript-3xl-letter-spacing: -0.02em; --ds-heading-superscript-xl-font-weight: 400; --ds-heading-superscript-xl-font-size: 2.875rem; --ds-heading-superscript-xl-line-height: 3.375rem; --ds-heading-superscript-xl-letter-spacing: -0.02em; --ds-heading-superscript-m-font-weight: 400; --ds-heading-superscript-m-font-size: 1.75rem; --ds-heading-superscript-m-line-height: 2.25rem; --ds-heading-superscript-m-letter-spacing: 0; --ds-heading-superscript-s-font-weight: 500; --ds-heading-superscript-s-font-size: 1.5rem; --ds-heading-superscript-s-line-height: 2rem; --ds-heading-superscript-s-letter-spacing: -0.015em; --ds-heading-superscript-xs-font-weight: 500; --ds-heading-superscript-xs-font-size: 1.25rem; --ds-heading-superscript-xs-line-height: 1.75rem; --ds-heading-superscript-xs-letter-spacing: -0.01em; --ds-heading-superscript-2xs-font-weight: 600; --ds-heading-superscript-2xs-font-size: 1.125rem; --ds-heading-superscript-2xs-line-height: 1.625rem; --ds-heading-superscript-2xs-letter-spacing: 0; --ds-heading-superscript-3xs-font-weight: 600; --ds-heading-superscript-3xs-font-size: 1rem; --ds-heading-superscript-3xs-line-height: 1.5rem; --ds-heading-superscript-3xs-letter-spacing: 0; --ds-body-l-font-weight: 400; --ds-body-l-font-size: 1.125rem; --ds-body-l-line-height: 1.75rem; --ds-body-l-letter-spacing: -0.03em; --ds-body-m-font-weight: 400; --ds-body-m-font-size: 1rem; --ds-body-m-line-height: 1.5rem; --ds-body-m-letter-spacing: -0.03em; --ds-body-s-font-weight: 400; --ds-body-s-font-size: 0.875rem; --ds-body-s-line-height: 1.25rem; --ds-body-s-letter-spacing: -0.03em; --ds-body-xs-font-weight: 400; --ds-body-xs-font-size: 0.75rem; --ds-body-xs-line-height: 1rem; --ds-body-xs-letter-spacing: -0.03em; --ds-body-superscript-l-font-size: 1.125rem; --ds-body-superscript-l-line-height: 1.75rem; --ds-body-superscript-l-letter-spacing: -0.03em; --ds-body-superscript-m-font-size: 1rem; --ds-body-superscript-m-line-height: 1.5rem; --ds-body-superscript-m-letter-spacing: -0.03em; --ds-body-superscript-s-font-size: 0.875rem; --ds-body-superscript-s-line-height: 1.25rem; --ds-body-superscript-s-letter-spacing: -0.03em; --ds-body-superscript-xs-font-size: 0.75rem; --ds-body-superscript-xs-line-height: 1rem; --ds-body-superscript-xs-letter-spacing: -0.03em; --ds-label-font-weight: 600; --ds-label-font-size: 0.875rem; --ds-label-line-height: 1.25rem; --ds-label-letter-spacing: normal; --ds-label-l-font-weight: 600; --ds-label-l-font-size: 1rem; --ds-label-l-line-height: 1.5rem; --ds-label-l-letter-spacing: normal; --ds-label-m-font-weight: 600; --ds-label-m-font-size: 0.875rem; --ds-label-m-line-height: 1.25rem; --ds-label-m-letter-spacing: normal; --ds-label-s-font-weight: 600; --ds-label-s-font-size: 0.75rem; --ds-label-s-line-height: 1rem; --ds-label-s-letter-spacing: normal; --ds-label-eyebrow-font-weight: 600; --ds-label-eyebrow-font-size: 0.75rem; --ds-label-eyebrow-line-height: 1rem; --ds-label-eyebrow-letter-spacing: 0.08em; --ds-label-superscript-l-font-size: 1rem; --ds-label-superscript-l-line-height: 1.5rem; --ds-label-superscript-l-letter-spacing: 0; --ds-label-superscript-m-font-size: 0.875rem; --ds-label-superscript-m-line-height: 1.25rem; --ds-label-superscript-s-font-size: 0.75rem; --ds-label-superscript-s-line-height: 1rem; --ds-label-superscript-s-letter-spacing: 0; --ds-label-superscript-eyebrow-font-size: 0.75rem; --ds-label-superscript-eyebrow-line-height: 1rem; --ds-label-superscript-eyebrow-letter-spacing: 0.08em; --ds-action-button-font-weight: 600; --ds-action-button-font-size: 0.9375rem; --ds-action-button-line-height: 1.375rem; --ds-action-button-letter-spacing: -0.02em; --ds-action-button-superscript-font-size: 0.9375rem; --ds-action-button-superscript-line-height: 1.375rem; --ds-action-button-superscript-letter-spacing: 0.02em; --ds-color-brilliant-blue-50: #e6f2fb; --ds-color-brilliant-blue-100: #b0d5f2; --ds-color-brilliant-blue-200: #8ac1eb; --ds-color-brilliant-blue-300: #54a5e2; --ds-color-brilliant-blue-400: #3393dd; --ds-color-brilliant-blue-500: #0078d4; --ds-color-brilliant-blue-600: #006dc1; --ds-color-brilliant-blue-700: #005597; --ds-color-brilliant-blue-800: #004275; --ds-color-brilliant-blue-900: #002948; --ds-color-blue-black-50: #e6e9ea; --ds-color-blue-black-100: #b3babe; --ds-color-blue-black-200: #8e989e; --ds-color-blue-black-300: #5a6972; --ds-color-blue-black-400: #3a4c56; --ds-color-blue-black-500: #091f2c; --ds-color-blue-black-600: #081c28; --ds-color-blue-black-700: #06161f; --ds-color-blue-black-800: #051118; --ds-color-blue-black-900: #030b0f; --ds-color-sea-salt-50: #fdfdfc; --ds-color-sea-salt-100: #f8f7f5; --ds-color-sea-salt-200: #f4f4f0; --ds-color-sea-salt-300: #f0eeea; --ds-color-sea-salt-400: #edebe5; --ds-color-sea-salt-500: #e8e6df; --ds-color-sea-salt-600: #d3d1cb; --ds-color-sea-salt-700: #a5a39e; --ds-color-sea-salt-800: #807f7b; --ds-color-sea-salt-900: #4f4e4c; --ds-color-sky-blue-50: #f4fafd; --ds-color-sky-blue-100: #dceef8; --ds-color-sky-blue-200: #cbe6f4; --ds-color-sky-blue-300: #b3daf0; --ds-color-sky-blue-400: #a4d3ed; --ds-color-sky-blue-500: #8dc8e8; --ds-color-sky-blue-600: #80b6d3; --ds-color-sky-blue-700: #648ea5; --ds-color-sky-blue-800: #4e6e80; --ds-color-sky-blue-900: #30444f; --ds-color-dark-blue-50: #eaecf1; --ds-color-dark-blue-100: #bdc5d2; --ds-color-dark-blue-200: #9da9bd; --ds-color-dark-blue-300: #70829f; --ds-color-dark-blue-400: #55698c; --ds-color-dark-blue-500: #2a446f; --ds-color-dark-blue-600: #263e65; --ds-color-dark-blue-700: #1e304f; --ds-color-dark-blue-800: #17253d; --ds-color-dark-blue-900: #0e1726; --ds-color-aqua-foam-50: #f8fcfb; --ds-color-aqua-foam-100: #e9f4f1; --ds-color-aqua-foam-200: #dfefea; --ds-color-aqua-foam-300: #d0e8e1; --ds-color-aqua-foam-400: #c7e3db; --ds-color-aqua-foam-500: #b9dcd2; --ds-color-aqua-foam-600: #a8c8bf; --ds-color-aqua-foam-700: #839c95; --ds-color-aqua-foam-800: #667974; --ds-color-aqua-foam-900: #3f4b47; --ds-color-pale-lime-50: #fbfdf4; --ds-color-pale-lime-100: #f2f9dc; --ds-color-pale-lime-200: #ebf6cb; --ds-color-pale-lime-300: #e2f2b3; --ds-color-pale-lime-400: #ddf0a5; --ds-color-pale-lime-500: #d4ec8e; --ds-color-pale-lime-600: #c1d781; --ds-color-pale-lime-700: #97a865; --ds-color-pale-lime-800: #75824e; --ds-color-pale-lime-900: #485030; --ds-color-deep-teal-50: #e9efef; --ds-color-deep-teal-100: #baccce; --ds-color-deep-teal-200: #99b4b7; --ds-color-deep-teal-300: #6b9196; --ds-color-deep-teal-400: #4e7c81; --ds-color-deep-teal-500: #225b62; --ds-color-deep-teal-600: #1f5359; --ds-color-deep-teal-700: #184146; --ds-color-deep-teal-800: #133236; --ds-color-deep-teal-900: #0c1f21; --ds-color-lavender-50: #f9f8fc; --ds-color-lavender-100: #ede8f6; --ds-color-lavender-200: #e4ddf2; --ds-color-lavender-300: #d8cdec; --ds-color-lavender-400: #d1c3e9; --ds-color-lavender-500: #c5b4e3; --ds-color-lavender-600: #b3a4cf; --ds-color-lavender-700: #8c80a1; --ds-color-lavender-800: #6c637d; --ds-color-lavender-900: #433d4d; --ds-color-violet-50: #f1e9f1; --ds-color-violet-100: #d3bbd4; --ds-color-violet-200: #bd9bbf; --ds-color-violet-300: #9f6da1; --ds-color-violet-400: #8d518f; --ds-color-violet-500: #702573; --ds-color-violet-600: #662269; --ds-color-violet-700: #501a52; --ds-color-violet-800: #3e143f; --ds-color-violet-900: #260d27; --ds-color-twilight-purple-50: #edebf0; --ds-color-twilight-purple-100: #c6c1d0; --ds-color-twilight-purple-200: #aaa3ba; --ds-color-twilight-purple-300: #83789a; --ds-color-twilight-purple-400: #6b5e86; --ds-color-twilight-purple-500: #463668; --ds-color-twilight-purple-600: #40315f; --ds-color-twilight-purple-700: #32264a; --ds-color-twilight-purple-800: #271e39; --ds-color-twilight-purple-900: #181223; --ds-color-teams-50: #efeffb; --ds-color-teams-100: #cdccf2; --ds-color-teams-200: #b4b4eb; --ds-color-teams-300: #9291e2; --ds-color-teams-400: #7d7cdd; --ds-color-teams-500: #5d5bd4; --ds-color-teams-600: #5553c1; --ds-color-teams-700: #424197; --ds-color-teams-800: #333275; --ds-color-teams-900: #201f48; --ds-color-pink-50: #fff7f8; --ds-color-pink-100: #ffe7ea; --ds-color-pink-200: #ffdce0; --ds-color-pink-300: #ffccd1; --ds-color-pink-400: #ffc2c9; --ds-color-pink-500: #ffb3bb; --ds-color-pink-600: #e8a3aa; --ds-color-pink-700: #b57f85; --ds-color-pink-800: #8c6267; --ds-color-pink-900: #573d40; --ds-color-orange-coral-50: #fff6f3; --ds-color-orange-coral-100: #ffe2db; --ds-color-orange-coral-200: #ffd5ca; --ds-color-orange-coral-300: #ffc1b1; --ds-color-orange-coral-400: #ffb5a2; --ds-color-orange-coral-500: #ffa38b; --ds-color-orange-coral-600: #e8947e; --ds-color-orange-coral-700: #b57463; --ds-color-orange-coral-800: #8c5a4c; --ds-color-orange-coral-900: #57372f; --ds-color-maroon-50: #f1e9ea; --ds-color-maroon-100: #d4bcbf; --ds-color-maroon-200: #bf9b9f; --ds-color-maroon-300: #a16e74; --ds-color-maroon-400: #8f5159; --ds-color-maroon-500: #73262f; --ds-color-maroon-600: #69232b; --ds-color-maroon-700: #521b21; --ds-color-maroon-800: #3f151a; --ds-color-maroon-900: #270d10; --ds-color-custard-yellow-50: #fffcf5; --ds-color-custard-yellow-100: #fff6df; --ds-color-custard-yellow-200: #fff2d0; --ds-color-custard-yellow-300: #ffecbb; --ds-color-custard-yellow-400: #ffe9ad; --ds-color-custard-yellow-500: #ffe399; --ds-color-custard-yellow-600: #e8cf8b; --ds-color-custard-yellow-700: #b5a16d; --ds-color-custard-yellow-800: #8c7d54; --ds-color-custard-yellow-900: #574d34; --ds-color-golden-yellow-50: #fff8e6; --ds-color-golden-yellow-100: #ffe9b0; --ds-color-golden-yellow-200: #ffdf8a; --ds-color-golden-yellow-300: #ffd054; --ds-color-golden-yellow-400: #ffc733; --ds-color-golden-yellow-500: #ffb900; --ds-color-golden-yellow-600: #e8a800; --ds-color-golden-yellow-700: #b58300; --ds-color-golden-yellow-800: #8c6600; --ds-color-golden-yellow-900: #573f00; --ds-color-dark-brown-50: #efedeb; --ds-color-dark-brown-100: #ccc6c1; --ds-color-dark-brown-200: #b4aaa3; --ds-color-dark-brown-300: #92847a; --ds-color-dark-brown-400: #7d6c60; --ds-color-dark-brown-500: #5c4738; --ds-color-dark-brown-600: #544133; --ds-color-dark-brown-700: #413228; --ds-color-dark-brown-800: #33271f; --ds-color-dark-brown-900: #1f1813; --ds-color-green-black-50: #e7e9e9; --ds-color-green-black-100: #b4babb; --ds-color-green-black-200: #90999a; --ds-color-green-black-300: #5d6a6c; --ds-color-green-black-400: #3d4d50; --ds-color-green-black-500: #0d2124; --ds-color-green-black-600: #0c1e21; --ds-color-green-black-700: #09171a; --ds-color-green-black-800: #071214; --ds-color-green-black-900: #040b0c; --ds-color-purple-black-50: #e8e7ea; --ds-color-purple-black-100: #b7b4bd; --ds-color-purple-black-200: #94909d; --ds-color-purple-black-300: #645d71; --ds-color-purple-black-400: #453d55; --ds-color-purple-black-500: #170d2b; --ds-color-purple-black-600: #150c27; --ds-color-purple-black-700: #10091f; --ds-color-purple-black-800: #0d0718; --ds-color-purple-black-900: #08040f; --ds-color-red-black-50: #eae7e7; --ds-color-red-black-100: #bdb4b6; --ds-color-red-black-200: #9d9092; --ds-color-red-black-300: #715d60; --ds-color-red-black-400: #553d41; --ds-color-red-black-500: #2b0d12; --ds-color-red-black-600: #270c10; --ds-color-red-black-700: #1f090d; --ds-color-red-black-800: #18070a; --ds-color-red-black-900: #0f0406; --ds-color-brown-black-50: #eae8e8; --ds-color-brown-black-100: #bdb7b7; --ds-color-brown-black-200: #9d9594; --ds-color-brown-black-300: #706464; --ds-color-brown-black-400: #544645; --ds-color-brown-black-500: #291817; --ds-color-brown-black-600: #251615; --ds-color-brown-black-700: #1d1110; --ds-color-brown-black-800: #170d0d; --ds-color-brown-black-900: #0e0808; --ds-color-off-white-50: #fefefe; --ds-color-off-white-100: #fcfbfc; --ds-color-off-white-200: #faf9fa; --ds-color-off-white-300: #f8f7f8; --ds-color-off-white-400: #f6f5f7; --ds-color-off-white-500: #f4f3f5; --ds-color-off-white-600: #dedddf; --ds-color-off-white-700: #adadae; --ds-color-off-white-800: #868687; --ds-color-off-white-900: #535353; --ds-color-warm-white-50: #fffefe; --ds-color-warm-white-100: #fffdfb; --ds-color-warm-white-200: #fffcf9; --ds-color-warm-white-300: #fffaf7; --ds-color-warm-white-400: #fff9f5; --ds-color-warm-white-500: #fff8f3; --ds-color-warm-white-600: #e8e2dd; --ds-color-warm-white-700: #b5b0ad; --ds-color-warm-white-800: #8c8886; --ds-color-warm-white-900: #575453; --ds-color-pale-gray-50: #fbfbfb; --ds-color-pale-gray-100: #f3f3f2; --ds-color-pale-gray-200: #eeeeec; --ds-color-pale-gray-300: #e6e6e4; --ds-color-pale-gray-400: #e1e1de; --ds-color-pale-gray-500: #d9d9d6; --ds-color-pale-gray-600: #c5c5c3; --ds-color-pale-gray-700: #9a9a98; --ds-color-pale-gray-800: #777776; --ds-color-pale-gray-900: #4a4a49; --ds-color-vapor-gray-50: #f7f7f7; --ds-color-vapor-gray-100: #e7e7e7; --ds-color-vapor-gray-200: #dbdcdc; --ds-color-vapor-gray-300: #cbcccc; --ds-color-vapor-gray-400: #c1c2c2; --ds-color-vapor-gray-500: #b1b3b3; --ds-color-vapor-gray-600: #a1a3a3; --ds-color-vapor-gray-700: #7e7f7f; --ds-color-vapor-gray-800: #616262; --ds-color-vapor-gray-900: #3c3d3d; --ds-color-dark-slate-50: #ececec; --ds-color-dark-slate-100: #c5c4c4; --ds-color-dark-slate-200: #a9a8a8; --ds-color-dark-slate-300: #828080; --ds-color-dark-slate-400: #6a6768; --ds-color-dark-slate-500: #454142; --ds-color-dark-slate-600: #3f3b3c; --ds-color-dark-slate-700: #312e2f; --ds-color-dark-slate-800: #262424; --ds-color-dark-slate-900: #171616; --ds-color-morganite-50: #fcfbf9; --ds-color-morganite-100: #f6f1ee; --ds-color-morganite-200: #f1ebe5; --ds-color-morganite-300: #ebe2d9; --ds-color-morganite-400: #e7dcd2; --ds-color-morganite-500: #e1d3c7; --ds-color-morganite-600: #cdc0b5; --ds-color-morganite-700: #a0968d; --ds-color-morganite-800: #7c746d; --ds-color-morganite-900: #4d4844; --ds-color-brown-50: #f9f4f1; --ds-color-brown-100: #ebded4; --ds-color-brown-200: #e2cebf; --ds-color-brown-300: #d4b7a2; --ds-color-brown-400: #cca990; --ds-color-brown-500: #bf9474; --ds-color-brown-600: #ae876a; --ds-color-brown-700: #886952; --ds-color-brown-800: #695140; --ds-color-brown-900: #413227; --ds-color-breen-50: #f2efe8; --ds-color-breen-100: #d7ccb8; --ds-color-breen-200: #c4b396; --ds-color-breen-300: #a99066; --ds-color-breen-400: #997b48; --ds-color-breen-500: #7f5a1a; --ds-color-breen-600: #745218; --ds-color-breen-700: #5a4012; --ds-color-breen-800: #46320e; --ds-color-breen-900: #2b1f09; --ds-color-bright-orange-50: #ffefeb; --ds-color-bright-orange-100: #ffccc2; --ds-color-bright-orange-200: #ffb4a4; --ds-color-bright-orange-300: #ff927a; --ds-color-bright-orange-400: #ff7d61; --ds-color-bright-orange-500: #ff5c39; --ds-color-bright-orange-600: #e85434; --ds-color-bright-orange-700: #b54128; --ds-color-bright-orange-800: #8c331f; --ds-color-bright-orange-900: #571f13; --ds-color-ginger-bread-50: #f1ebe8; --ds-color-ginger-bread-100: #d4c2b9; --ds-color-ginger-bread-200: #bfa497; --ds-color-ginger-bread-300: #a17a68; --ds-color-ginger-bread-400: #8f614a; --ds-color-ginger-bread-500: #73391d; --ds-color-ginger-bread-600: #69341a; --ds-color-ginger-bread-700: #522815; --ds-color-ginger-bread-800: #3f1f10; --ds-color-ginger-bread-900: #27130a; --ds-color-red-50: #feebed; --ds-color-red-100: #fcc1c8; --ds-color-red-200: #faa3ad; --ds-color-red-300: #f87887; --ds-color-red-400: #f65e70; --ds-color-red-500: #f4364c; --ds-color-red-600: #de3145; --ds-color-red-700: #ad2636; --ds-color-red-800: #861e2a; --ds-color-red-900: #53121a; --ds-color-lilac-50: #fbf5fb; --ds-color-lilac-100: #f2e1f3; --ds-color-lilac-200: #ecd2ed; --ds-color-lilac-300: #e3bee4; --ds-color-lilac-400: #ddb1df; --ds-color-lilac-500: #d59ed7; --ds-color-lilac-600: #c290c4; --ds-color-lilac-700: #977099; --ds-color-lilac-800: #755776; --ds-color-lilac-900: #483649; --ds-color-red-violet-50: #f9ebf9; --ds-color-red-violet-100: #ebc2ed; --ds-color-red-violet-200: #e2a5e4; --ds-color-red-violet-300: #d57cd7; --ds-color-red-violet-400: #cd62d0; --ds-color-red-violet-500: #c03bc4; --ds-color-red-violet-600: #af36b2; --ds-color-red-violet-700: #882a8b; --ds-color-red-violet-800: #6a206c; --ds-color-red-violet-900: #411443; --ds-color-purple-50: #f3eff9; --ds-color-purple-100: #d9ceed; --ds-color-purple-200: #c7b6e4; --ds-color-purple-300: #ae95d8; --ds-color-purple-400: #9e81d1; --ds-color-purple-500: #8661c5; --ds-color-purple-600: #7a58b3; --ds-color-purple-700: #5f458c; --ds-color-purple-800: #4a356c; --ds-color-purple-900: #2e2143; --ds-color-mint-green-50: #f4fdf1; --ds-color-mint-green-100: #dcf8d3; --ds-color-mint-green-200: #cbf5be; --ds-color-mint-green-300: #b3f0a0; --ds-color-mint-green-400: #a4ed8d; --ds-color-mint-green-500: #8de971; --ds-color-mint-green-600: #80d467; --ds-color-mint-green-700: #64a550; --ds-color-mint-green-800: #4e803e; --ds-color-mint-green-900: #304f26; --ds-color-grass-green-50: #e6f0e8; --ds-color-grass-green-100: #b2cfb9; --ds-color-grass-green-200: #8db897; --ds-color-grass-green-300: #599768; --ds-color-grass-green-400: #39834a; --ds-color-grass-green-500: #07641d; --ds-color-grass-green-600: #065b1a; --ds-color-grass-green-700: #054715; --ds-color-grass-green-800: #043710; --ds-color-grass-green-900: #02220a; --ds-color-biscay-green-50: #edf9f7; --ds-color-biscay-green-100: #c7ede7; --ds-color-biscay-green-200: #abe4db; --ds-color-biscay-green-300: #85d8cb; --ds-color-biscay-green-400: #6dd1c1; --ds-color-biscay-green-500: #49c5b1; --ds-color-biscay-green-600: #42b3a1; --ds-color-biscay-green-700: #348c7e; --ds-color-biscay-green-800: #286c61; --ds-color-biscay-green-900: #19433c; --ds-color-oyster-gray-50: #fbfbfa; --ds-color-oyster-gray-100: #f3f1ef; --ds-color-oyster-gray-200: #edeae7; --ds-color-oyster-gray-300: #e4e1dc; --ds-color-oyster-gray-400: #dfdbd5; --ds-color-oyster-gray-500: #d7d2cb; --ds-color-oyster-gray-600: #c4bfb9; --ds-color-oyster-gray-700: #999590; --ds-color-oyster-gray-800: #767470; --ds-color-oyster-gray-900: #494745; --ds-color-warm-gray-50: #f4f3f1; --ds-color-warm-gray-100: #dbd8d5; --ds-color-warm-gray-200: #cac6c0; --ds-color-warm-gray-300: #b2aba3; --ds-color-warm-gray-400: #a39b91; --ds-color-warm-gray-500: #8c8276; --ds-color-warm-gray-600: #7f766b; --ds-color-warm-gray-700: #635c54; --ds-color-warm-gray-800: #4d4841; --ds-color-warm-gray-900: #302c28; --ds-color-success-50: #e7f3ea; --ds-color-success-100: #b4dabc; --ds-color-success-200: #90c89c; --ds-color-success-300: #5eaf6f; --ds-color-success-400: #3e9f53; --ds-color-success-500: #0e8728; --ds-color-success-600: #0d7b24; --ds-color-success-700: #0a601c; --ds-color-success-800: #084a16; --ds-color-success-900: #052e0e; --ds-color-error-50: #fceaec; --ds-color-error-100: #f5bfc5; --ds-color-error-200: #f0a0a9; --ds-color-error-300: #e97582; --ds-color-error-400: #e55a6a; --ds-color-error-500: #de3145; --ds-color-error-600: #ca2d3f; --ds-color-error-700: #9e2331; --ds-color-error-800: #7a1b26; --ds-color-error-900: #4b1117; --ds-color-warning-50: #fffbe9; --ds-color-warning-100: #fdf4bb; --ds-color-warning-200: #fdee9a; --ds-color-warning-300: #fce66c; --ds-color-warning-400: #fbe14f; --ds-color-warning-500: #fada23; --ds-color-warning-600: #e4c620; --ds-color-warning-700: #b29b19; --ds-color-warning-800: #8a7813; --ds-color-warning-900: #554a0c; --ds-color-info-50: #e6effd; --ds-color-info-100: #b0ccf8; --ds-color-info-200: #8ab4f4; --ds-color-info-300: #5492f0; --ds-color-info-400: #337ded; --ds-color-info-500: #005ce8; --ds-color-info-600: #0054d3; --ds-color-info-700: #0041a5; --ds-color-info-800: #003380; --ds-color-info-900: #001f4f; --ds-color-neutral-white: #fff; --ds-color-neutral-black: #000; --ds-color-neutral-bright-lime: #89c402; --ds-color-alpha-50: rgba(255, 255, 255, 0.05); --ds-color-alpha-100: rgba(255, 255, 255, 0.1); --ds-color-alpha-200: rgba(255, 255, 255, 0.2); --ds-color-alpha-300: rgba(255, 255, 255, 0.3); --ds-color-alpha-400: rgba(255, 255, 255, 0.4); --ds-color-alpha-500: rgba(255, 255, 255, 0.5); --ds-color-alpha-600: rgba(255, 255, 255, 0.6); --ds-color-alpha-700: rgba(255, 255, 255, 0.7); --ds-color-alpha-800: rgba(255, 255, 255, 0.8); --ds-color-alpha-900: rgba(255, 255, 255, 0.9); --ds-color-blue-black-900: #040d12; --ds-color-xbox-green-50: #e7f2e7; --ds-color-xbox-green-100: #bfdabf; --ds-color-xbox-green-200: #90c190; --ds-color-xbox-green-300: #61a861; --ds-color-xbox-green-400: #3f953f; --ds-color-xbox-green-500: #107c10; --ds-color-xbox-green-600: #0d630d; --ds-color-xbox-green-700: #054b16; --ds-color-xbox-green-800: #062b06; --ds-color-xbox-green-900: #020e02; --ds-color-xbox-light-green-50: #fafef3; --ds-color-xbox-light-green-100: #f5fee7; --ds-color-xbox-light-green-200: #effdd8; --ds-color-xbox-light-green-300: #ddfaac; --ds-color-xbox-light-green-400: #c9f77b; --ds-color-xbox-light-green-500: #9bf00b; --ds-color-xbox-light-green-600: #8cd80a; --ds-color-xbox-light-green-700: #74b408; --ds-color-xbox-light-green-800: #5d9007; --ds-color-xbox-light-green-900: #466c05; --ds-color-xbox-gray-50: #f1f1f1; --ds-color-xbox-gray-100: #e6e6e6; --ds-color-xbox-gray-200: #d4d4d4; --ds-color-xbox-gray-300: #c0c0c0; --ds-color-xbox-gray-400: #a4a4a4; --ds-color-xbox-gray-500: #737373; --ds-color-xbox-gray-600: #686868; --ds-color-xbox-gray-700: #505050; --ds-color-xbox-gray-800: #2f2f2f; --ds-color-xbox-gray-900: #1d1d1d; --ds-overlay-day-full: rgba(255, 255, 255, 0.6); --ds-overlay-day-gradient: linear-gradient(180deg, rgba(244, 250, 253, 0) 0%, #f4fafd 100%); --ds-overlay-day-bg-overlay-fill: rgba(255, 255, 255, 0.6); --ds-overlay-day-bg-overlay-horizontal: linear-gradient(270deg, rgba(255, 255, 255, 0) 33.48%, white 66.52%); --ds-overlay-day-bg-overlay-horizontal-faded: linear-gradient(270deg, rgba(255, 255, 255, 0) 33.48%, rgba(255, 255, 255, 0.6) 66.52%); --ds-overlay-day-bg-overlay-vertical: linear-gradient(0deg, rgba(244, 250, 253, 0) 0%, #f4fafd 100%); --ds-overlay-day-bg-overlay-vertical-color: linear-gradient(180deg, #c03bc4 26.79%, rgba(244, 250, 253, 0) 100%); --ds-overlay-day-bg-overlay-dark-blue-500: linear-gradient(180deg, #2a446f 26.79%, rgba(244, 250, 253, 0) 100%); --ds-overlay-day-bg-overlay-xbox-green-50: linear-gradient(360deg, rgba(231, 242, 231, 0) 0%, #e7f2e7 100%); --ds-overlay-day-bg-overlay-xbox-green-500: linear-gradient(180deg, #107c10 26.79%, rgba(16, 124, 16, 0) 100%); --ds-overlay-day-video-overlay-fill: rgba(255, 255, 255, 0.6); --ds-overlay-day-video-overlay-vertical: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 50%); --ds-overlay-day-video-overlay-bottom-vertical: linear-gradient(180deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.8) 100%); --ds-overlay-day-video-overlay-bottom-vertical-strong: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.75) 48%, rgba(255, 255, 255, 0.9) 100%); --ds-overlay-day-video-overlay-bottom-vertical-light: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%); --ds-overlay-night-full: rgba(0, 8, 20, 0.6); --ds-overlay-night-gradient: linear-gradient(180deg, rgba(4, 13, 18, 0) 0%, rgba(4, 13, 18, 0.8) 93.59%); --ds-overlay-night-bg-overlay-fill: rgba(0, 0, 0, 0.6); --ds-overlay-night-bg-overlay-horizontal: linear-gradient(90deg, black 33.48%, rgba(0, 0, 0, 0) 66.74%); --ds-overlay-night-bg-overlay-horizontal-faded: linear-gradient(90deg, rgba(0, 0, 0, 0.6) 33.48%, rgba(0, 0, 0, 0) 66.74%); --ds-overlay-night-bg-overlay-vertical: linear-gradient(0deg, rgba(4, 13, 18, 0) 0%, #040d12 100%); --ds-overlay-night-bg-overlay-xbox-green-900: linear-gradient(0deg, rgba(2, 14, 2, 0) 0%, #020e02 100%); --ds-overlay-night-video-overlay-fill: rgba(0, 0, 0, 0.6); --ds-overlay-night-video-overlay-vertical: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 50%); --ds-overlay-night-video-overlay-bottom-vertical: linear-gradient(180deg, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.8) 100%); --ds-overlay-night-video-overlay-bottom-vertical-strong: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.75) 48%, rgba(0, 0, 0, 0.9) 100%); --ds-overlay-night-video-overlay-bottom-vertical-light: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.8) 100%); --ds-gradient-mesh-aqua-foam: linear-gradient(122deg, #dfefea -18.47%, #badcd2 50.34%, #b0d5f2 118.47%); --ds-gradient-mesh-biscay-green: linear-gradient(122deg, #286c61 -18.47%, #1f534a 50.34%, #75824e 118.47%); --ds-gradient-mesh-biscaygreen300-lavender500: linear-gradient(90deg, #85d8cb 0%, #c5b4e3 100%); --ds-gradient-mesh-blue-black: linear-gradient(131deg, #003259 0%, #091f2c 50.25%, #004275 100%); --ds-gradient-mesh-brightorange200-redviolet200-redviolet500: linear-gradient(92.1deg, #ffb4a4 -8.3%, #e2a5e4 37.65%, #c03bc4 99.61%); --ds-gradient-mesh-brilliant-blue: linear-gradient(122deg, #b3daf0 -18.47%, #54a5e2 50.34%, #8ac1eb 118.47%); --ds-gradient-mesh-brilliant-blue300: linear-gradient(89.97deg, #54a5e2 0.03%, #e6f2fb 99.97%); --ds-gradient-mesh-brilliantblue300-brilliantblue50: linear-gradient(89.98deg, #54a5e2 0.02%, #e6f2fb 99.98%); --ds-gradient-mesh-brilliantblue700-brilliantblue200: linear-gradient(89.97deg, #005597 0.03%, #8ac1eb 99.97%); --ds-gradient-mesh-brilliantblue700-lavender400: linear-gradient(89.97deg, #005597 0.03%, #d1c3e9 99.97%); --ds-gradient-mesh-custard-yellow: linear-gradient(122deg, #fff2cb -18.47%, #ffe38e 50.34%, #ffbead 118.47%); --ds-gradient-mesh-dark-blue-lime: linear-gradient(122deg, #2a446f -18.47%, #1e304f 50.34%, #59633c 118.47%); --ds-gradient-mesh-dark-blue-sky: linear-gradient(122deg, #2a446f -18.47%, #1e304f 50.34%, #3b5461 118.47%); --ds-gradient-mesh-deep-teal: linear-gradient(126deg, #225b62 0%, #133236 50%, #4e5c58 100%); --ds-gradient-mesh-lavender100-biscaygreen50: linear-gradient(135deg, #ede8f6 0%, #edf9f7 100%); --ds-gradient-mesh-lavender200-lavender50-lavender200: linear-gradient(102.92deg, #e4ddf2 0%, #f9f8fc 50.54%, #e4ddf2 101.09%); --ds-gradient-mesh-lavender200-lavender50-lavender200-1: linear-gradient(135deg, #e4ddf2 0%, #f9f8fc 50%, #e4ddf2 100%); --ds-gradient-mesh-lavender400-lavender50: linear-gradient(89.98deg, #d1c3e9 0.02%, #f9f8fc 99.98%); --ds-gradient-mesh-lavender50-lavender100-lavender50-lavender100-lavender200: linear-gradient(180deg, #f9f8fc 0%, #ede8f6 10%, #f9f8fc 50%, #ede8f6 90%, #e4ddf2 100%); --ds-gradient-mesh-maroon: linear-gradient(122deg, #591520 -18.47%, #2b0d12 50.34%, #8c7d4e 118.47%); --ds-gradient-mesh-orange-coral: linear-gradient(122deg, #ffe1d9 -18.47%, #ffb19d 50.34%, #ffe38e 118.47%); --ds-gradient-mesh-pale-lime-foam: linear-gradient(127deg, #ebf6cb 0%, #d4ec8e 49.48%, #badcd2 100%); --ds-gradient-mesh-pale-lime-green: linear-gradient(122deg, #ebf6cb -18.47%, #d4ec8e 50.34%, #85d8cb 118.47%); --ds-gradient-mesh-pink: linear-gradient(122deg, #fed7e2 -18.47%, #fbb6ce 50.34%, #ffcf54 118.47%); --ds-gradient-mesh-red700-redviolet500-redviolet800: linear-gradient(91.35deg, #ad2636 -15.25%, #c03bc4 42.63%, #6a206c 108.29%); --ds-gradient-mesh-redviolet200-redviolet500: linear-gradient(98.2deg, #e2a5e4 -0.95%, #c03bc4 113.31%); --ds-gradient-mesh-redviolet400-lavender200: linear-gradient(90deg, #cd62d0 0%, #e4ddf2 100%); --ds-gradient-mesh-redviolet400-purple100: linear-gradient(90deg, #cd62d0 0%, #d9ceed 100%); --ds-gradient-mesh-redviolet500-redviolet800: linear-gradient(55.97deg, #c03bc4 38.58%, #6a206c 115.08%); --ds-gradient-mesh-sky-blue: linear-gradient(131deg, #cbe6f4 0%, #8dc8e8 50.25%, #c5b4e3 100%); --ds-gradient-mesh-twilightpurple700-biscaygreen900: linear-gradient(103.66deg, #32264a 0.72%, #1f534a 132.93%); --ds-gradient-mesh-twilightpurple900-twilightpurple600-twilightpurple900: linear-gradient(283.09deg, #1d172c 0%, #40315f 50.44%, #1d172c 99.87%); --ds-gradient-mesh-twilightpurple900-twilightpurple600-twilightpurple900-1: linear-gradient(0deg, #1d172c 21.76%, #40315f 56.81%, #1d172c 91.15%); --ds-gradient-mesh-twilightpurple900-twilightpurple300-twilightpurple100-twilightpurple50-twilightpurple300-twilightpurple600-twilightpurple900: linear-gradient(180deg, #1d172c 0%, #83789a 13%, #c6c1d0 25%, #edebf0 50%, #83789a 75%, #40315f 87%, #1d172c 100%); --ds-gradient-mesh-xbox-gray: linear-gradient(103.09deg, #e6e6e6 0%, #fff 50%, #f1f1f1 100%); --ds-gradient-mesh-xbox-gray1: linear-gradient(90deg, #e6e6e6 0%, #fff 100%); --ds-gradient-mesh-xbox-gray2: linear-gradient(180deg, #f1f1f1 0%, #e6e6e6 10%, #f1f1f1 50%, #e6e6e6 90%, #d4d4d4 100%); --ds-gradient-mesh-xbox-gray3: linear-gradient(180deg, #1d1d1d 0%, #686868 13%, #c0c0c0 25%, #e6e6e6 50%, #686868 75%, #505050 87%, #1d1d1d 100%); --ds-gradient-mesh-xbox-green-neutral: linear-gradient(89.97deg, #054b16 0.03%, #90c190 99.97%); --ds-gradient-mesh-xbox-green-special: linear-gradient(131.39deg, #0d630d 0%, #054b16 50%, #107c10 100%); --ds-gradient-mesh-xbox-green1: linear-gradient(90deg, #054b16 0%, #107c10 100%); --ds-gradient-mesh-xbox-light-green: linear-gradient(89.97deg, #107c10 0.03%, #9bf00b 99.97%); --ds-gradient-mesh-xboxgray-black: linear-gradient(103.09deg, #2f2f2f 0%, #1d1d1d 50%, #2f2f2f 100%); --ds-gradient-mesh-xboxgray-black1: linear-gradient(90deg, #1d1d1d 0%, #2f2f2f 100%); --ds-gradient-linear-aqua-foam: linear-gradient(90deg, #e9efef 0%, #f8fcfb 49.99%, #dceef8 100%); --ds-gradient-linear-aquafoam-brilliantblue: linear-gradient(180deg, #f8fcfb 0%, #e6f2fb 100%); --ds-gradient-linear-blue-black: linear-gradient(90deg, #06161f 0%, #091f2c 49.99%, #003259 100%); --ds-gradient-linear-blue-black-template: linear-gradient(180deg, #011f60 0%, #bfdcf8 13%, #dbf2ff 25%, #f4fafd 50%, #bfdcf8 75%, #2164a6 87%, #011f60 100%); --ds-gradient-linear-blue-black500: linear-gradient(3.24deg, #091f2c 2.68%, rgba(9, 31, 44, 0) 97.32%); --ds-gradient-linear-brilliant-blue: linear-gradient(180deg, #002948, #004275 100%); --ds-gradient-linear-brilliantblue-biscaygreen: linear-gradient(89.97deg, #0078d4 0.03%, #6dd1c1 99.97%); --ds-gradient-linear-brilliantblue-darkblue: linear-gradient(90deg, #005597 0%, #263e65 100%); --ds-gradient-linear-brilliantblue-purple: linear-gradient(90deg, #0778d4 0%, #8661c5 100%); --ds-gradient-linear-brilliantblue-redviolet: linear-gradient(90deg, #006dc1 0%, #c03bc4 100%); --ds-gradient-linear-brilliantblue-skyblue: linear-gradient(90deg, #006dc1 0%, #8dc8e8 100%); --ds-gradient-linear-brilliantblue600-purple600: linear-gradient(90deg, #006dc1 0%, #7a58b3 100%); --ds-gradient-linear-brown-black: linear-gradient(90deg, #110a0a 0%, #291817 49.99%, #33271f 100%); --ds-gradient-linear-custard-yellow: linear-gradient(90deg, #ffe1d9 0%, #fffcf4 50%, #f2e9ea 100%); --ds-gradient-linear-deepteal-brilliantblue: linear-gradient(90deg, #225b62 0%, #004275 99.99%); --ds-gradient-linear-green-black: linear-gradient(90deg, #050e0f 0%, #0d2124 49.99%, #133236 100%); --ds-gradient-linear-lavender-brilliantblue: linear-gradient(180deg, #f9f8fc 0%, #e6f2fb 100%); --ds-gradient-linear-lavender200-lavender50: linear-gradient(136.47deg, #e4ddf2 0%, #f9f8fc 97.56%); --ds-gradient-linear-lavender500-biscaygreen100-biscaygreen200: linear-gradient(90deg, #c5b4e3 0%, #c7ede7 100%, #abe4db 100%); --ds-gradient-linear-lavender500-twilightpurple500: linear-gradient(90deg, #c5b4e3 0%, #463668 100%); --ds-gradient-linear-mintgreen-brilliantblue: linear-gradient(90deg, #8de971 0%, #0778d4 100%); --ds-gradient-linear-mintgreen-orangecoral: linear-gradient(90deg, #8de971 0%, #ffa38b 100%); --ds-gradient-linear-mintgreen500-brilliantblue500: linear-gradient(90deg, #8de971 0%, #0078d4 100%); --ds-gradient-linear-orange-coral: linear-gradient(90deg, #edebf0 0%, #fff5f3 49.99%, #fff6dc 100%); --ds-gradient-linear-pale-lime-custard-yellow: linear-gradient(90deg, #fff6dc 0%, #fbfdf4 49.99%, #edf9f7 100%); --ds-gradient-linear-pale-lime-dark-blue: linear-gradient(90deg, #eaecf1 0%, #fbfdf4 49.99%, #eaf4f1 100%); --ds-gradient-linear-pink: linear-gradient(90deg, #fff8e6 0%, #fff7f8 49.99%, #f1e9f1 100%); --ds-gradient-linear-purple-black: linear-gradient(90deg, #0a0512 0%, #170d2b 49.99%, #271e39 100%); --ds-gradient-linear-red-black: linear-gradient(90deg, #120508 0%, #2b0d12 49.99%, #350d13 100%); --ds-gradient-linear-redviolet-brightorange: linear-gradient(90deg, #882a8b 0%, #dc2c04 100%, #b54128 100%); --ds-gradient-linear-redviolet300-redviolet200: linear-gradient(28.89deg, #d57cd7 16.34%, #e2a5e4 90.61%); --ds-gradient-linear-sea-salt: linear-gradient(90deg, #dceef8 0%, #f8f7f5 49.65%, #ede8f6 100%); --ds-gradient-linear-sky-blue: linear-gradient(90deg, #ede8f6 0%, #f4fafd 49.99%, #dceef8 100%); --ds-gradient-linear-skyblue-brilliantblue: linear-gradient(180deg, #f4fafd 0%, #e6f2fb 100%); --ds-gradient-linear-skyblue-brilliantblue50: linear-gradient(3.24deg, #e6f2fb 2.68%, rgba(230, 242, 251, 0) 97.32%); --ds-gradient-linear-skyblue-goldenyellow: linear-gradient(90deg, #8dc8e8 0%, #ffb900 100%); --ds-gradient-linear-skyblue-template: linear-gradient(180deg, #f4fafd 0%, #dbf2ff 10%, #f4fafd 50%, #dcf2ff 90%, #b8e5ff 100%); --ds-gradient-linear-skyblue2: linear-gradient(180deg, #b8e5ff 0%, #f4fafd 100%); --ds-gradient-linear-viva-dark-blue: linear-gradient(90deg, #2a446f 0%, #006dc1 100%); --ds-gradient-linear-viva-dark-purple: linear-gradient(90deg, #463668, #7a58b3 100%); --ds-gradient-linear-viva-dark-teal: linear-gradient(90deg, #225b62 0%, #348c7e 100%); --ds-gradient-linear-viva-light-blue: linear-gradient(90deg, #e6f2fb 0%, #b0d5f2 100%); --ds-gradient-linear-viva-light-purple: linear-gradient(90deg, #f3eff9, #d9ceed 100%); --ds-gradient-linear-viva-light-teal: linear-gradient(90deg, #f8fcfb 0%, #c7ede7 100%); --ds-gradient-linear-xbox-gray: linear-gradient(3.24deg, rgba(230, 230, 230, 0.6) 2.68%, rgba(230, 230, 230, 0) 97.32%); --ds-gradient-linear-xbox-gray-black: linear-gradient(3.24deg, rgba(80, 80, 80, 0.4) 2.68%, rgba(80, 80, 80, 0) 97.32%); --ds-gradient-linear-xbox-gray1: linear-gradient(90deg, rgba(230, 230, 230, 0.1) 0%, rgba(230, 230, 230, 0.6) 100%); --ds-gradient-linear-xbox-gray1-special: linear-gradient(90deg, rgba(80, 80, 80, 0.1) 0%, rgba(80, 80, 80, 0.4) 100%); --ds-gradient-linear-xbox-green: linear-gradient(3.24deg, rgba(5, 75, 22, 0) 2.68%, rgba(5, 75, 22, 0.8) 97.32%); --ds-gradient-linear-xbox-green1: linear-gradient(90deg, rgba(6, 43, 6, 0.2) 0%, rgba(6, 43, 6, 0.8) 100.38%); --ds-gradient-linear-xboxgreen-black: linear-gradient(90deg, #107c10 0%, #000 100%); --ds-gradient-linear-xboxgreen-xboxlightgreen: linear-gradient(90deg, #107c10 0%, #9bf00b 100%); --ds-gradient-linear-xboxlightgreen400-xboxlightgreen500: linear-gradient(90deg, #c9f77b 0%, #9bf00b 100%); --ds-theme-background-accent-strong-normal: var(--ds-color-brilliant-blue-500) ; --ds-theme-background-accent-strong-hover: var(--ds-color-brilliant-blue-600) ; --ds-theme-background-accent-strong-pressed: var(--ds-color-brilliant-blue-900) ; --ds-theme-background-accent-strong-selected: var(--ds-color-brilliant-blue-700) ; --ds-theme-background-accent-subtle-normal: rgba(0, 66, 117, 0.1) ; --ds-theme-background-accent-subtle-hover: rgba(0, 66, 117, 0.2) ; --ds-theme-background-accent-subtle-pressed: var(--ds-color-brilliant-blue-600) ; --ds-theme-background-accent-subtle-selected: var(--ds-color-brilliant-blue-800) ; --ds-theme-background-accent-subtle-badge-strong: var(--ds-color-golden-yellow-400) ; --ds-theme-background-accent-subtle-badge-subtle: var(--ds-color-sky-blue-100) ; --ds-theme-background-base-fade: var(--ds-color-sky-blue-100) ; --ds-theme-background-base-color: var(--ds-color-sky-blue-500) ; --ds-theme-background-base-strong: var(--ds-color-sky-blue-300) ; --ds-theme-background-base-subtle: var(--ds-color-sky-blue-200) ; --ds-theme-background-special-fade: var(--ds-gradient-linear-sky-blue) ; --ds-theme-background-special-color: var(--ds-gradient-mesh-sky-blue) ; --ds-theme-background-special-neutral: var(--ds-gradient-linear-skyblue-brilliantblue50) ; --ds-theme-background-special-subtle: var(--ds-gradient-linear-skyblue2) ; --ds-theme-background-special-template-subtle: var(--ds-gradient-linear-skyblue-template) ; --ds-theme-background-neutral-fade: var(--ds-color-vapor-gray-50) ; --ds-theme-background-neutral-color: var(--ds-color-vapor-gray-100) ; --ds-theme-background-neutral-strong: var(--ds-color-neutral-white-300) ; --ds-theme-background-neutral-subtle: var(--ds-color-sky-blue-50) ; --ds-theme-background-supportive-fade: var(--ds-color-lavender-100) ; --ds-theme-background-supportive-color: var(--ds-color-lavender-500) ; --ds-theme-background-supportive-strong: var(--ds-color-lavender-300) ; --ds-theme-background-supportive-subtle: var(--ds-color-lavender-200) ; --ds-theme-background-card-normal: var(--ds-color-neutral-white) ; --ds-theme-background-card-hover: var(--ds-color-off-white-300) ; --ds-theme-background-card-pressed: var(--ds-color-off-white-400) ; --ds-theme-background-card-selected: var(--ds-color-neutral-white) ; --ds-theme-background-glass-normal: var(--ds-color-alpha-400) ; --ds-theme-background-glass-hover: var(--ds-color-alpha-500) ; --ds-theme-background-glass-pressed: var(--ds-color-alpha-600) ; --ds-theme-background-glass-selected: var(--ds-color-alpha-700) ; --ds-theme-background-highlight-normal: var(--ds-color-sky-blue-100) ; --ds-theme-background-highlight-hover: var(--ds-color-sky-blue-200) ; --ds-theme-background-highlight-pressed: var(--ds-color-sky-blue-400) ; --ds-theme-background-highlight-selected: var(--ds-color-sky-blue-300) ; --ds-theme-background-background-overlay-fill: var(--ds-overlay-day-bg-overlay-fill) ; --ds-theme-background-background-overlay-horizontal: var(--ds-overlay-day-bg-overlay-horizontal) ; --ds-theme-background-background-overlay-horizontal-faded: var(--ds-overlay-day-bg-overlay-horizontal-faded) ; --ds-theme-background-background-overlay-vertical: var(--ds-overlay-day-bg-overlay-vertical) ; --ds-theme-background-background-overlay-vertical-color: var(--ds-overlay-day-bg-overlay-vertical-color) ; --ds-theme-background-video-overlay-fill: var(--ds-overlay-day-video-overlay-fill) ; --ds-theme-background-video-overlay-vertical: var(--ds-overlay-day-video-overlay-vertical) ; --ds-theme-background-video-overlay-bottom-vertical: var(--ds-overlay-day-video-overlay-bottom-vertical) ; --ds-theme-background-video-overlay-bottom-vertical-strong: var(--ds-overlay-day-video-overlay-bottom-vertical-strong) ; --ds-theme-background-video-overlay-bottom-vertical-light: var(--ds-overlay-day-video-overlay-bottom-vertical-light) ; --ds-theme-foreground-accent-strong-normal: var(--ds-color-neutral-white) ; --ds-theme-foreground-accent-strong-hover: var(--ds-color-neutral-white) ; --ds-theme-foreground-accent-strong-pressed: var(--ds-color-neutral-white) ; --ds-theme-foreground-accent-strong-selected: var(--ds-color-neutral-white) ; --ds-theme-foreground-accent-subtle-normal: var(--ds-color-dark-blue-500) ; --ds-theme-foreground-accent-subtle-hover: var(--ds-color-dark-blue-600) ; --ds-theme-foreground-accent-subtle-pressed: var(--ds-color-dark-blue-800) ; --ds-theme-foreground-accent-subtle-selected: var(--ds-color-neutral-white) ; --ds-theme-foreground-base-strong: var(--ds-color-dark-blue-900) ; --ds-theme-foreground-base-subtle: var(--ds-color-dark-blue-800) ; --ds-theme-foreground-base-highlight: var(--ds-color-dark-brown-700) ; --ds-theme-foreground-base-highlight-1: var(--ds-color-dark-brown-500) ; --ds-theme-foreground-base-icon: var(--ds-color-brilliant-blue-800) ; --ds-theme-foreground-base-icon-light: var(--ds-color-dark-blue-50) ; --ds-theme-foreground-base-gradient: var(--ds-gradient-mesh-brilliantblue700-brilliantblue200) ; --ds-theme-foreground-special-strong: var(--ds-color-dark-blue-900) ; --ds-theme-foreground-special-subtle: var(--ds-color-dark-blue-800) ; --ds-theme-foreground-special-highlight: var(--ds-color-dark-brown-700) ; --ds-theme-foreground-special-highlight-1: var(--ds-color-dark-brown-500) ; --ds-theme-foreground-special-icon: var(--ds-color-brilliant-blue-800) ; --ds-theme-foreground-special-icon-light: var(--ds-color-dark-blue-50) ; --ds-theme-foreground-special-gradient: var(--ds-gradient-mesh-brilliantblue700-brilliantblue200) ; --ds-theme-foreground-special-strong-gradient-1: var(--ds-gradient-linear-redviolet-brightorange) ; --ds-theme-foreground-special-strong-gradient-2: var(--ds-gradient-linear-brilliantblue-purple) ; --ds-theme-foreground-neutral-strong: var(--ds-color-dark-blue-900) ; --ds-theme-foreground-neutral-subtle: var(--ds-color-dark-blue-800) ; --ds-theme-foreground-neutral-highlight: var(--ds-color-dark-brown-700) ; --ds-theme-foreground-neutral-highlight-1: var(--ds-color-dark-brown-500) ; --ds-theme-foreground-neutral-icon: var(--ds-color-brilliant-blue-800) ; --ds-theme-foreground-neutral-icon-light: var(--ds-color-dark-blue-50) ; --ds-theme-foreground-neutral-gradient: var(--ds-gradient-mesh-brilliantblue700-brilliantblue200) ; --ds-theme-foreground-supportive-strong: var(--ds-color-dark-blue-900) ; --ds-theme-foreground-supportive-subtle: var(--ds-color-dark-blue-800) ; --ds-theme-foreground-supportive-highlight: var(--ds-color-dark-brown-700) ; --ds-theme-foreground-supportive-highlight-1: var(--ds-color-dark-brown-500) ; --ds-theme-foreground-supportive-icon: var(--ds-color-brilliant-blue-800) ; --ds-theme-foreground-supportive-icon-light: var(--ds-color-dark-blue-50) ; --ds-theme-foreground-supportive-gradient: var(--ds-gradient-mesh-brilliantblue700-brilliantblue200) ; --ds-theme-border-accent-strong-normal: var(--ds-color-brilliant-blue-500) ; --ds-theme-border-accent-strong-hover: var(--ds-color-brilliant-blue-600) ; --ds-theme-border-accent-strong-pressed: var(--ds-color-brilliant-blue-900) ; --ds-theme-border-accent-strong-selected: var(--ds-color-brilliant-blue-700) ; --ds-theme-border-accent-subtle-normal: var(--ds-color-dark-blue-500) ; --ds-theme-border-accent-subtle-hover: var(--ds-color-dark-blue-600) ; --ds-theme-border-accent-subtle-pressed: var(--ds-color-dark-blue-800) ; --ds-theme-border-accent-subtle-selected: var(--ds-color-dark-blue-700) ; --ds-theme-border-accent-subtle-badge-subtle: var(--ds-color-sky-blue-100) ; --ds-theme-border-base-strong: var(--ds-color-brilliant-blue-900) ; --ds-theme-border-base-subtle: var(--ds-color-brilliant-blue-700) ; --ds-theme-border-base-pure: var(--ds-color-brilliant-blue-500) ; --ds-theme-border-base-fade: var(--ds-color-vapor-gray-100) ; --ds-theme-border-special-strong: var(--ds-color-brilliant-blue-900) ; --ds-theme-border-special-subtle: var(--ds-color-brilliant-blue-700) ; --ds-theme-border-special-pure: var(--ds-color-brilliant-blue-500) ; --ds-theme-border-special-fade: var(--ds-color-vapor-gray-100) ; --ds-theme-border-neutral-strong: var(--ds-color-dark-blue-900) ; --ds-theme-border-neutral-subtle: var(--ds-color-vapor-gray-800) ; --ds-theme-border-neutral-pure: var(--ds-color-vapor-gray-500) ; --ds-theme-border-neutral-fade: var(--ds-color-vapor-gray-100) ; --ds-theme-border-supportive-strong: var(--ds-color-twilight-purple-900) ; --ds-theme-border-supportive-subtle: var(--ds-color-twilight-purple-700) ; --ds-theme-border-supportive-pure: var(--ds-color-lavender-500) ; --ds-theme-border-supportive-fade: var(--ds-color-vapor-gray-100) ; --ds-theme-border-card-strong: var(--ds-color-off-white-600) ; --ds-theme-border-card-fade: var(--ds-color-vapor-gray-100) ; --ds-theme-border-glass-strong: var(--ds-color-alpha-900) ; --ds-theme-border-glass-fade: var(--ds-color-alpha-100) ; --ds-theme-border-highlight-strong: var(--ds-color-brilliant-blue-100) ; --ds-theme-border-highlight-fade: var(--ds-color-brilliant-blue-50) ; } @media (min-width: 540px) { :root { --ds-copy-padding-m: 1.5rem; --ds-copy-padding-l: 1.5rem; --ds-copy-padding-xl: 1.5rem; } } @media (min-width: 860px) { :root { --ds-spacing-5: 1rem; --ds-spacing-m: 1rem; --ds-spacing-6: 1.5rem; --ds-spacing-l: 1.5rem; --ds-spacing-7: 2rem; --ds-spacing-xl: 2rem; --ds-spacing-8: 3rem; --ds-spacing-2xl: 3rem; --ds-spacing-9: 4.5rem; --ds-spacing-3xl: 4.5rem; --ds-spacing-10: 6rem; --ds-spacing-4xl: 6rem; --ds-copy-padding-l: 2rem; --ds-copy-padding-xl: 5.5rem; --ds-card-padding-default: 1.5rem; --ds-card-padding-comfortable: 3rem; --ds-card-padding-relaxed: 4.5rem; --ds-radii-m: 1rem; --ds-radii-l: 1.5rem; --ds-heading-3xl-font-size: 6.25rem; --ds-heading-3xl-line-height: 6.625rem; --ds-heading-2xl-font-size: 4.75rem; --ds-heading-2xl-line-height: 5.125rem; --ds-heading-xl-font-size: 3.75rem; --ds-heading-xl-line-height: 4.5rem; --ds-heading-l-font-size: 2.75rem; --ds-heading-l-line-height: 3.5rem; --ds-heading-m-font-size: 2.5rem; --ds-heading-m-line-height: 3rem; --ds-heading-xs-font-size: 1.375rem; --ds-heading-xs-line-height: 1.75rem; --ds-heading-superscript-3xl-font-size: 4.75rem; --ds-heading-superscript-3xl-line-height: 5.125rem; --ds-heading-superscript-m-font-size: 1.875rem; --ds-heading-superscript-m-line-height: 2.25rem; } } @media (min-width: 1440px) { :root { --ds-copy-padding-l: 3rem; --ds-copy-padding-xl: 11.75rem; --ds-heading-3xl-font-size: 7.75rem; --ds-heading-3xl-line-height: 8.125rem; --ds-heading-2xl-font-size: 6.25rem; --ds-heading-2xl-line-height: 6.625rem; --ds-heading-xl-font-size: 4.75rem; --ds-heading-xl-line-height: 5.5rem; --ds-heading-l-font-size: 3.875rem; --ds-heading-l-line-height: 4.5rem; --ds-heading-m-font-size: 3rem; --ds-heading-m-line-height: 3.5rem; --ds-heading-s-font-size: 2rem; --ds-heading-s-line-height: 2.5rem; --ds-heading-xs-font-size: 1.5rem; --ds-heading-xs-line-height: 2rem; --ds-heading-2xs-font-size: 1.25rem; --ds-heading-2xs-line-height: 1.75rem; --ds-heading-superscript-3xl-font-size: 6.25rem; --ds-heading-superscript-3xl-line-height: 6.625rem; --ds-heading-superscript-xl-font-size: 6.25rem; --ds-heading-superscript-xl-line-height: 6.625rem; --ds-heading-superscript-m-font-size: 2.5rem; --ds-heading-superscript-m-line-height: 3rem; --ds-heading-superscript-2xs-font-size: 1.25rem; --ds-heading-superscript-2xs-line-height: 1.75rem; --ds-body-l-font-size: 1.25rem; --ds-body-l-line-height: 2rem; --ds-body-superscript-l-font-size: 1.25rem; --ds-body-superscript-l-line-height: 2rem; } } .theme-day, [theme="day"] { --ds-elevation-color-1: rgba(0, 0, 0, 0.12); --ds-elevation-color-2: rgba(0, 0, 0, 0.14); --ds-theme-background-accent-strong-normal: var(--ds-color-brilliant-blue-500) ; --ds-theme-background-accent-strong-hover: var(--ds-color-brilliant-blue-600) ; --ds-theme-background-accent-strong-pressed: var(--ds-color-brilliant-blue-900) ; --ds-theme-background-accent-strong-selected: var(--ds-color-brilliant-blue-700) ; --ds-theme-background-accent-subtle-normal: rgba(0, 66, 117, 0.1) ; --ds-theme-background-accent-subtle-hover: rgba(0, 66, 117, 0.2) ; --ds-theme-background-accent-subtle-pressed: var(--ds-color-brilliant-blue-600) ; --ds-theme-background-accent-subtle-selected: var(--ds-color-brilliant-blue-800) ; --ds-theme-background-accent-subtle-badge-strong: var(--ds-color-golden-yellow-400) ; --ds-theme-background-accent-subtle-badge-subtle: var(--ds-color-sky-blue-100) ; --ds-theme-background-base-fade: var(--ds-color-sky-blue-100) ; --ds-theme-background-base-color: var(--ds-color-sky-blue-500) ; --ds-theme-background-base-strong: var(--ds-color-sky-blue-300) ; --ds-theme-background-base-subtle: var(--ds-color-sky-blue-200) ; --ds-theme-background-special-fade: var(--ds-gradient-linear-sky-blue) ; --ds-theme-background-special-color: var(--ds-gradient-mesh-sky-blue) ; --ds-theme-background-special-neutral: var(--ds-gradient-linear-skyblue-brilliantblue50) ; --ds-theme-background-special-subtle: var(--ds-gradient-linear-skyblue2) ; --ds-theme-background-special-template-subtle: var(--ds-gradient-linear-skyblue-template) ; --ds-theme-background-neutral-fade: var(--ds-color-vapor-gray-50) ; --ds-theme-background-neutral-color: var(--ds-color-vapor-gray-100) ; --ds-theme-background-neutral-strong: var(--ds-color-neutral-white-300) ; --ds-theme-background-neutral-subtle: var(--ds-color-sky-blue-50) ; --ds-theme-background-supportive-fade: var(--ds-color-lavender-100) ; --ds-theme-background-supportive-color: var(--ds-color-lavender-500) ; --ds-theme-background-supportive-strong: var(--ds-color-lavender-300) ; --ds-theme-background-supportive-subtle: var(--ds-color-lavender-200) ; --ds-theme-background-card-normal: var(--ds-color-neutral-white) ; --ds-theme-background-card-hover: var(--ds-color-off-white-300) ; --ds-theme-background-card-pressed: var(--ds-color-off-white-400) ; --ds-theme-background-card-selected: var(--ds-color-neutral-white) ; --ds-theme-background-glass-normal: var(--ds-color-alpha-400) ; --ds-theme-background-glass-hover: var(--ds-color-alpha-500) ; --ds-theme-background-glass-pressed: var(--ds-color-alpha-600) ; --ds-theme-background-glass-selected: var(--ds-color-alpha-700) ; --ds-theme-background-highlight-normal: var(--ds-color-sky-blue-100) ; --ds-theme-background-highlight-hover: var(--ds-color-sky-blue-200) ; --ds-theme-background-highlight-pressed: var(--ds-color-sky-blue-400) ; --ds-theme-background-highlight-selected: var(--ds-color-sky-blue-300) ; --ds-theme-background-background-overlay-fill: var(--ds-overlay-day-bg-overlay-fill) ; --ds-theme-background-background-overlay-horizontal: var(--ds-overlay-day-bg-overlay-horizontal) ; --ds-theme-background-background-overlay-horizontal-faded: var(--ds-overlay-day-bg-overlay-horizontal-faded) ; --ds-theme-background-background-overlay-vertical: var(--ds-overlay-day-bg-overlay-vertical) ; --ds-theme-background-background-overlay-vertical-color: var(--ds-overlay-day-bg-overlay-vertical-color) ; --ds-theme-background-video-overlay-fill: var(--ds-overlay-day-video-overlay-fill) ; --ds-theme-background-video-overlay-vertical: var(--ds-overlay-day-video-overlay-vertical) ; --ds-theme-background-video-overlay-bottom-vertical: var(--ds-overlay-day-video-overlay-bottom-vertical) ; --ds-theme-background-video-overlay-bottom-vertical-strong: var(--ds-overlay-day-video-overlay-bottom-vertical-strong) ; --ds-theme-background-video-overlay-bottom-vertical-light: var(--ds-overlay-day-video-overlay-bottom-vertical-light) ; --ds-theme-foreground-accent-strong-normal: var(--ds-color-neutral-white) ; --ds-theme-foreground-accent-strong-hover: var(--ds-color-neutral-white) ; --ds-theme-foreground-accent-strong-pressed: var(--ds-color-neutral-white) ; --ds-theme-foreground-accent-strong-selected: var(--ds-color-neutral-white) ; --ds-theme-foreground-accent-subtle-normal: var(--ds-color-dark-blue-500) ; --ds-theme-foreground-accent-subtle-hover: var(--ds-color-dark-blue-600) ; --ds-theme-foreground-accent-subtle-pressed: var(--ds-color-dark-blue-800) ; --ds-theme-foreground-accent-subtle-selected: var(--ds-color-neutral-white) ; --ds-theme-foreground-base-strong: var(--ds-color-dark-blue-900) ; --ds-theme-foreground-base-subtle: var(--ds-color-dark-blue-800) ; --ds-theme-foreground-base-highlight: var(--ds-color-dark-brown-700) ; --ds-theme-foreground-base-highlight-1: var(--ds-color-dark-brown-500) ; --ds-theme-foreground-base-icon: var(--ds-color-brilliant-blue-800) ; --ds-theme-foreground-base-icon-light: var(--ds-color-dark-blue-50) ; --ds-theme-foreground-base-gradient: var(--ds-gradient-mesh-brilliantblue700-brilliantblue200) ; --ds-theme-foreground-special-strong: var(--ds-color-dark-blue-900) ; --ds-theme-foreground-special-subtle: var(--ds-color-dark-blue-800) ; --ds-theme-foreground-special-highlight: var(--ds-color-dark-brown-700) ; --ds-theme-foreground-special-highlight-1: var(--ds-color-dark-brown-500) ; --ds-theme-foreground-special-icon: var(--ds-color-brilliant-blue-800) ; --ds-theme-foreground-special-icon-light: var(--ds-color-dark-blue-50) ; --ds-theme-foreground-special-gradient: var(--ds-gradient-mesh-brilliantblue700-brilliantblue200) ; --ds-theme-foreground-special-strong-gradient-1: var(--ds-gradient-linear-redviolet-brightorange) ; --ds-theme-foreground-special-strong-gradient-2: var(--ds-gradient-linear-brilliantblue-purple) ; --ds-theme-foreground-neutral-strong: var(--ds-color-dark-blue-900) ; --ds-theme-foreground-neutral-subtle: var(--ds-color-dark-blue-800) ; --ds-theme-foreground-neutral-highlight: var(--ds-color-dark-brown-700) ; --ds-theme-foreground-neutral-highlight-1: var(--ds-color-dark-brown-500) ; --ds-theme-foreground-neutral-icon: var(--ds-color-brilliant-blue-800) ; --ds-theme-foreground-neutral-icon-light: var(--ds-color-dark-blue-50) ; --ds-theme-foreground-neutral-gradient: var(--ds-gradient-mesh-brilliantblue700-brilliantblue200) ; --ds-theme-foreground-supportive-strong: var(--ds-color-dark-blue-900) ; --ds-theme-foreground-supportive-subtle: var(--ds-color-dark-blue-800) ; --ds-theme-foreground-supportive-highlight: var(--ds-color-dark-brown-700) ; --ds-theme-foreground-supportive-highlight-1: var(--ds-color-dark-brown-500) ; --ds-theme-foreground-supportive-icon: var(--ds-color-brilliant-blue-800) ; --ds-theme-foreground-supportive-icon-light: var(--ds-color-dark-blue-50) ; --ds-theme-foreground-supportive-gradient: var(--ds-gradient-mesh-brilliantblue700-brilliantblue200) ; --ds-theme-border-accent-strong-normal: var(--ds-color-brilliant-blue-500) ; --ds-theme-border-accent-strong-hover: var(--ds-color-brilliant-blue-600) ; --ds-theme-border-accent-strong-pressed: var(--ds-color-brilliant-blue-900) ; --ds-theme-border-accent-strong-selected: var(--ds-color-brilliant-blue-700) ; --ds-theme-border-accent-subtle-normal: var(--ds-color-dark-blue-500) ; --ds-theme-border-accent-subtle-hover: var(--ds-color-dark-blue-600) ; --ds-theme-border-accent-subtle-pressed: var(--ds-color-dark-blue-800) ; --ds-theme-border-accent-subtle-selected: var(--ds-color-dark-blue-700) ; --ds-theme-border-accent-subtle-badge-subtle: var(--ds-color-sky-blue-100) ; --ds-theme-border-base-strong: var(--ds-color-brilliant-blue-900) ; --ds-theme-border-base-subtle: var(--ds-color-brilliant-blue-700) ; --ds-theme-border-base-pure: var(--ds-color-brilliant-blue-500) ; --ds-theme-border-base-fade: var(--ds-color-vapor-gray-100) ; --ds-theme-border-special-strong: var(--ds-color-brilliant-blue-900) ; --ds-theme-border-special-subtle: var(--ds-color-brilliant-blue-700) ; --ds-theme-border-special-pure: var(--ds-color-brilliant-blue-500) ; --ds-theme-border-special-fade: var(--ds-color-vapor-gray-100) ; --ds-theme-border-neutral-strong: var(--ds-color-dark-blue-900) ; --ds-theme-border-neutral-subtle: var(--ds-color-vapor-gray-800) ; --ds-theme-border-neutral-pure: var(--ds-color-vapor-gray-500) ; --ds-theme-border-neutral-fade: var(--ds-color-vapor-gray-100) ; --ds-theme-border-supportive-strong: var(--ds-color-twilight-purple-900) ; --ds-theme-border-supportive-subtle: var(--ds-color-twilight-purple-700) ; --ds-theme-border-supportive-pure: var(--ds-color-lavender-500) ; --ds-theme-border-supportive-fade: var(--ds-color-vapor-gray-100) ; --ds-theme-border-card-strong: var(--ds-color-off-white-600) ; --ds-theme-border-card-fade: var(--ds-color-vapor-gray-100) ; --ds-theme-border-glass-strong: var(--ds-color-alpha-900) ; --ds-theme-border-glass-fade: var(--ds-color-alpha-100) ; --ds-theme-border-highlight-strong: var(--ds-color-brilliant-blue-100) ; --ds-theme-border-highlight-fade: var(--ds-color-brilliant-blue-50) ; } .theme-night, [theme="night"] { --ds-elevation-color-1: rgba(0, 0, 0, 0.28); --ds-elevation-color-2: rgba(0, 0, 0, 0.24); --ds-theme-background-accent-strong-normal: var(--ds-color-neutral-white) ; --ds-theme-background-accent-strong-hover: var(--ds-color-oyster-gray-500) ; --ds-theme-background-accent-strong-pressed: var(--ds-color-oyster-gray-700) ; --ds-theme-background-accent-strong-selected: var(--ds-color-oyster-gray-600) ; --ds-theme-background-accent-subtle-normal: rgba(238, 238, 236, 0.1) ; --ds-theme-background-accent-subtle-hover: rgba(238, 238, 236, 0.2) ; --ds-theme-background-accent-subtle-pressed: var(--ds-color-pale-gray-700) ; --ds-theme-background-accent-subtle-selected: var(--ds-color-pale-gray-200) ; --ds-theme-background-accent-subtle-badge-strong: var(--ds-color-golden-yellow-400) ; --ds-theme-background-accent-subtle-badge-subtle: var(--ds-color-pale-gray-100) ; --ds-theme-background-base-fade: var(--ds-color-dark-blue-900) ; --ds-theme-background-base-color: var(--ds-color-dark-blue-500) ; --ds-theme-background-base-strong: var(--ds-color-dark-blue-700) ; --ds-theme-background-base-subtle: var(--ds-color-dark-blue-800) ; --ds-theme-background-special-fade: var(--ds-gradient-linear-blue-black) ; --ds-theme-background-special-color: var(--ds-gradient-mesh-blue-black) ; --ds-theme-background-special-neutral: var(--ds-gradient-linear-blue-black500) ; --ds-theme-background-special-template-subtle: var(--ds-gradient-linear-blue-black-template) ; --ds-theme-background-special-ai-search: var(--ds-gradient-linear-brilliantblue600-purple600) ; --ds-theme-background-neutral-fade: var(--ds-color-dark-slate-900) ; --ds-theme-background-neutral-color: var(--ds-color-dark-slate-500) ; --ds-theme-background-neutral-strong: var(--ds-color-neutral-black) ; --ds-theme-background-supportive-fade: var(--ds-color-twilight-purple-900) ; --ds-theme-background-supportive-color: var(--ds-color-twilight-purple-500) ; --ds-theme-background-supportive-strong: var(--ds-color-twilight-purple-700) ; --ds-theme-background-supportive-subtle: var(--ds-color-twilight-purple-800) ; --ds-theme-background-card-normal: var(--ds-color-dark-slate-900) ; --ds-theme-background-card-hover: var(--ds-color-dark-slate-800) ; --ds-theme-background-card-pressed: var(--ds-color-dark-slate-700) ; --ds-theme-background-card-selected: var(--ds-color-dark-slate-900) ; --ds-theme-background-glass-normal: var(--ds-color-alpha-50) ; --ds-theme-background-glass-hover: var(--ds-color-alpha-200) ; --ds-theme-background-glass-pressed: var(--ds-color-alpha-300) ; --ds-theme-background-glass-selected: var(--ds-color-alpha-200) ; --ds-theme-background-highlight-normal: var(--ds-color-brilliant-blue-600) ; --ds-theme-background-highlight-hover: var(--ds-color-brilliant-blue-500) ; --ds-theme-background-highlight-pressed: var(--ds-color-brilliant-blue-300) ; --ds-theme-background-highlight-selected: var(--ds-color-brilliant-blue-400) ; --ds-theme-background-background-overlay-fill: var(--ds-overlay-night-bg-overlay-fill) ; --ds-theme-background-background-overlay-horizontal: var(--ds-overlay-night-bg-overlay-horizontal) ; --ds-theme-background-background-overlay-horizontal-faded: var(--ds-overlay-night-bg-overlay-horizontal-faded) ; --ds-theme-background-background-overlay-vertical: var(--ds-overlay-night-bg-overlay-vertical) ; --ds-theme-background-video-overlay-fill: var(--ds-overlay-night-video-overlay-fill) ; --ds-theme-background-video-overlay-vertical: var(--ds-overlay-night-video-overlay-vertical) ; --ds-theme-background-video-overlay-bottom-vertical: var(--ds-overlay-night-video-overlay-bottom-vertical) ; --ds-theme-background-video-overlay-bottom-vertical-light: var(--ds-overlay-night-video-overlay-bottom-vertical-light) ; --ds-theme-background-video-overlay-bottom-vertical-strong: var(--ds-overlay-night-video-overlay-bottom-vertical-strong) ; --ds-theme-background-video-overlay-bottom-vertical-strong-light: var(--ds-overlay-night-video-overlay-bottom-vertical-strong-light) ; --ds-theme-foreground-accent-strong-normal: var(--ds-color-dark-blue-900) ; --ds-theme-foreground-accent-strong-hover: var(--ds-color-dark-blue-900) ; --ds-theme-foreground-accent-strong-pressed: var(--ds-color-dark-blue-900) ; --ds-theme-foreground-accent-strong-selected: var(--ds-color-dark-blue-900) ; --ds-theme-foreground-accent-subtle-normal: var(--ds-color-vapor-gray-100) ; --ds-theme-foreground-accent-subtle-hover: var(--ds-color-vapor-gray-300) ; --ds-theme-foreground-accent-subtle-pressed: var(--ds-color-vapor-gray-500) ; --ds-theme-foreground-accent-subtle-selected: var(--ds-color-neutral-white) ; --ds-theme-foreground-base-strong: var(--ds-color-sky-blue-50) ; --ds-theme-foreground-base-subtle: var(--ds-color-brilliant-blue-50) ; --ds-theme-foreground-base-highlight: var(--ds-color-oyster-gray-500) ; --ds-theme-foreground-base-highlight-1: var(--ds-color-oyster-gray-200) ; --ds-theme-foreground-base-icon: var(--ds-color-vapor-gray-50) ; --ds-theme-foreground-base-icon-dark: var(--ds-color-dark-blue-900) ; --ds-theme-foreground-base-gradient: var(--ds-gradient-mesh-brilliant-blue300) ; --ds-theme-foreground-special-strong: var(--ds-color-sky-blue-50) ; --ds-theme-foreground-special-subtle: var(--ds-color-brilliant-blue-50) ; --ds-theme-foreground-special-highlight: var(--ds-color-oyster-gray-500) ; --ds-theme-foreground-special-highlight-1: var(--ds-color-oyster-gray-200) ; --ds-theme-foreground-special-icon: var(--ds-color-vapor-gray-50) ; --ds-theme-foreground-special-icon-dark: var(--ds-color-dark-blue-900) ; --ds-theme-foreground-special-gradient: var(--ds-gradient-mesh-brilliant-blue300) ; --ds-theme-foreground-special-strong-gradient: var(--ds-gradient-linear-mintgreen-brilliantblue) ; --ds-theme-foreground-neutral-strong: var(--ds-color-sky-blue-50) ; --ds-theme-foreground-neutral-subtle: var(--ds-color-sky-blue-100) ; --ds-theme-foreground-neutral-highlight: var(--ds-color-oyster-gray-500) ; --ds-theme-foreground-neutral-highlight-1: var(--ds-color-oyster-gray-200) ; --ds-theme-foreground-neutral-icon: var(--ds-color-vapor-gray-50) ; --ds-theme-foreground-neutral-icon-dark: var(--ds-color-dark-blue-900) ; --ds-theme-foreground-neutral-gradient: var(--ds-gradient-mesh-brilliant-blue300) ; --ds-theme-foreground-supportive-strong: var(--ds-color-sky-blue-50) ; --ds-theme-foreground-supportive-subtle: var(--ds-color-brilliant-blue-50) ; --ds-theme-foreground-supportive-highlight: var(--ds-color-oyster-gray-500) ; --ds-theme-foreground-supportive-highlight-1: var(--ds-color-oyster-gray-200) ; --ds-theme-foreground-supportive-icon: var(--ds-color-vapor-gray-50) ; --ds-theme-foreground-supportive-icon-dark: var(--ds-color-twilight-purple-900) ; --ds-theme-foreground-supportive-gradient: var(--ds-gradient-mesh-brilliant-blue300) ; --ds-theme-border-accent-strong-normal: var(--ds-color-neutral-white) ; --ds-theme-border-accent-strong-hover: var(--ds-color-oyster-gray-500) ; --ds-theme-border-accent-strong-pressed: var(--ds-color-oyster-gray-700) ; --ds-theme-border-accent-strong-selected: var(--ds-color-oyster-gray-600) ; --ds-theme-border-accent-subtle-normal: var(--ds-color-vapor-gray-100) ; --ds-theme-border-accent-subtle-hover: var(--ds-color-vapor-gray-300) ; --ds-theme-border-accent-subtle-pressed: var(--ds-color-vapor-gray-500) ; --ds-theme-border-accent-subtle-selected: var(--ds-color-pale-gray-200) ; --ds-theme-border-accent-subtle-badge-subtle: var(--ds-color-pale-gray-900) ; --ds-theme-border-base-strong: var(--ds-color-dark-blue-50) ; --ds-theme-border-base-subtle: var(--ds-color-dark-blue-100) ; --ds-theme-border-base-pure: var(--ds-color-brilliant-blue-100) ; --ds-theme-border-base-fade: var(--ds-color-dark-slate-500) ; --ds-theme-border-special-strong: var(--ds-color-dark-blue-50) ; --ds-theme-border-special-subtle: var(--ds-color-dark-blue-100) ; --ds-theme-border-special-pure: var(--ds-color-brilliant-blue-100) ; --ds-theme-border-special-fade: var(--ds-color-dark-slate-500) ; --ds-theme-border-neutral-strong: var(--ds-color-vapor-gray-50) ; --ds-theme-border-neutral-subtle: var(--ds-color-oyster-gray-500) ; --ds-theme-border-neutral-pure: var(--ds-color-vapor-gray-200) ; --ds-theme-border-neutral-fade: var(--ds-color-dark-slate-500) ; --ds-theme-border-supportive-strong: var(--ds-color-twilight-purple-50) ; --ds-theme-border-supportive-subtle: var(--ds-color-lavender-200) ; --ds-theme-border-supportive-pure: var(--ds-color-lavender-500) ; --ds-theme-border-supportive-fade: var(--ds-color-dark-slate-500) ; --ds-theme-border-card-strong: var(--ds-color-dark-slate-400) ; --ds-theme-border-card-fade: var(--ds-color-dark-slate-600) ; --ds-theme-border-glass-strong: rgba(255, 255, 255, 0.38) ; --ds-theme-border-glass-fade: var(--ds-color-alpha-100) ; --ds-theme-border-highlight-strong: var(--ds-color-sky-blue-50) ; --ds-theme-border-highlight-fade: var(--ds-color-brilliant-blue-500) ; } `;const baseCSS=` /*! * Reimagine WC Theming v23.0.0 * OneCloud Reimagine v0.430.0 * MWF (Moray) v2.8.1 * Copyright (c) Microsoft Corporation. All rights reserved. * Copyright 2011-2020 The Bootstrap Authors and Twitter, Inc. */ /* stylelint-disable value-list-comma-space-after */ /* stylelint-disable value-list-comma-newline-after */ @font-face { font-family: MWF-FLUENT-ICONS; src: url("/etc.clientlibs/cascade.component.authoring/clientlibs/clientlib-reimagine/resources/fonts/MWFFluentIcons.woff2") format("woff2"), url("/etc.clientlibs/cascade.component.authoring/clientlibs/clientlib-reimagine/resources/fonts/MWFFluentIcons.woff") format("woff"), url("/etc.clientlibs/cascade.component.authoring/clientlibs/clientlib-reimagine/resources/fonts/MWFFluentIcons.ttf") format("truetype"); } @font-face { font-family: SegoeUI; src: local("Segoe UI"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/normal/latest.ttf") format("ttf"); font-weight: 400; } @font-face { font-family: SegoeUI; src: local("Segoe UI"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/light/latest.ttf") format("ttf"); font-weight: 100; } @font-face { font-family: SegoeUI; src: local("Segoe UI"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semilight/latest.ttf") format("ttf"); font-weight: 200; } @font-face { font-family: SegoeUI; src: local("Segoe UI"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/semibold/latest.ttf") format("ttf"); font-weight: 600; } @font-face { font-family: SegoeUI; src: local("Segoe UI"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff2") format("woff2"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.woff") format("woff"), url("//c.s-microsoft.com/static/fonts/segoe-ui/west-european/bold/latest.ttf") format("ttf"); font-weight: 700; } /* prettier-ignore */ /* stylelint-disable-line declaration-no-important */ @font-face { font-family: "Segoe UI Variable Small"; src: local("Segoe UI Variable Small"), url("/etc.clientlibs/cascade.component.authoring/clientlibs/clientlib-reimagine/resources/fonts/segoe-sans/west-european/latest.woff2") format("woff2"), url("/etc.clientlibs/cascade.component.authoring/clientlibs/clientlib-reimagine/resources/fonts/segoe-sans/west-european/latest.ttf") format("truetype-variations"); font-variation-settings: "opsz" 1; font-weight: 300 700; font-style: normal; font-display: swap; } @font-face { font-family: "Segoe UI Variable Text"; src: local("Segoe UI Variable Text"), url("/etc.clientlibs/cascade.component.authoring/clientlibs/clientlib-reimagine/resources/fonts/segoe-sans/west-european/latest.woff2") format("woff2"), url("/etc.clientlibs/cascade.component.authoring/clientlibs/clientlib-reimagine/resources/fonts/segoe-sans/west-european/latest.ttf") format("truetype-variations"); font-variation-settings: "opsz" 10.5; font-weight: 300 700; font-style: normal; font-display: swap; } @font-face { font-family: "Segoe UI Variable Display"; src: local("Segoe UI Variable Display"), url("/etc.clientlibs/cascade.component.authoring/clientlibs/clientlib-reimagine/resources/fonts/segoe-sans/west-european/latest.woff2") format("woff2"), url("/etc.clientlibs/cascade.component.authoring/clientlibs/clientlib-reimagine/resources/fonts/segoe-sans/west-european/latest.ttf") format("truetype-variations"); font-variation-settings: "opsz" 36; font-weight: 300 700; font-style: normal; font-display: swap; } /* prettier-ignore */ *, *::before, *::after { box-sizing: border-box; } html { font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } article, aside, figcaption, figure, footer, header, hgroup, main, nav, section { display: block; } body { margin: 0; font-family: "Segoe UI", SegoeUI, "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.5; color: #000; background-color: #fff; } html:not([dir="rtl"]) body { text-align: left; } html[dir="rtl"] body { text-align: right; } a[href]:focus, area[href]:focus, input:focus, select:focus, textarea:focus, button:focus, iframe:focus, [tabindex]:focus, [contentEditable="true"]:focus { outline: 0.1875rem dotted currentColor; } [tabindex="-1"]:focus { outline: 0 !important; } hr { box-sizing: content-box; height: 0; } h1, h2, h3, h4, h5, h6 { margin-top: 0; margin-bottom: 0; } p { margin-top: 0; margin-bottom: 0; } abbr[title] { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; cursor: help; -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } address { margin-bottom: 1rem; font-style: normal; line-height: inherit; } ol, ul, dl { margin-top: 0; margin-bottom: 1rem; } ol ol, ul ul, ol ul, ul ol { margin-bottom: 0; } dt { font-weight: 700; } dd { margin-bottom: 0.5rem; } html:not([dir="rtl"]) dd { margin-left: 0; } html[dir="rtl"] dd { margin-right: 0; } blockquote { margin: 0 0 1rem; } b, strong { font-weight: bolder; } small { font-size: 80%; } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } a { color: #0067b8; } pre, code, kbd, samp { font-family: SFMono-Regular, Consolas, "Liberation Mono", Menlo, Courier, monospace; font-size: 1em; } pre { margin-top: 0; margin-bottom: 1rem; overflow: auto; } figure { margin: 0 0 1rem; } img, svg { vertical-align: middle; } table { border-collapse: collapse; } caption { padding-top: 1.5rem; padding-bottom: 1.5rem; color: #000; caption-side: bottom; } html:not([dir="rtl"]) caption { text-align: left; } html[dir="rtl"] caption { text-align: right; } th { text-align: inherit; } label { display: inline-block; } button { border-radius: 0; } input, button, select, optgroup, textarea { margin: 0; font-family: inherit; font-size: inherit; line-height: inherit; } button, select { text-transform: none; } select { word-wrap: normal; } button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } button:not(:disabled), [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled) { cursor: pointer; } button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { padding: 0; border-style: none; } input[type="date"], input[type="time"], input[type="datetime-local"], input[type="month"] { -webkit-appearance: listbox; } textarea { resize: vertical; } fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } legend { display: block; width: 100%; padding: 0; font-size: inherit; line-height: inherit; } progress { vertical-align: baseline; } [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } [type="search"] { outline-offset: -2px; -webkit-appearance: none; } [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-file-upload-button { font: inherit; -webkit-appearance: button; } output { display: inline-block; } summary { display: list-item; cursor: pointer; } template { display: none; } [hidden] { display: none !important; } .fade { transition: opacity 0.15s linear; } @media (prefers-reduced-motion: reduce) { .fade { transition: none; } } .fade:not(.show) { opacity: 0; } .collapse:not(.show) { display: none; } .collapsing { height: 0; overflow: hidden; transition: height 0.35s ease; } @media (prefers-reduced-motion: reduce) { .collapsing { transition: none; } } .universalheader, .uhf { line-height: normal !important; /* stylelint-disable-line declaration-no-important */ letter-spacing: normal !important; /* stylelint-disable-line declaration-no-important */ } body, p { font-family: var(--ds-body-m-font-family, var(--ds-font-family-segoe-variable-text)); font-weight: var(--ds-body-m-font-weight, 400); font-size: var(--ds-body-m-font-size, 1rem); line-height: var(--ds-body-m-line-height, 1.5rem); letter-spacing: var(--ds-body-m-letter-spacing, -0.03em); } h1, .h1 { font-family: var(--ds-heading-l-font-family, var(--ds-font-family-segoe-variable-text)); font-weight: var(--ds-heading-l-font-weight, 500); font-size: var(--ds-heading-l-font-size, 2.5rem); line-height: var(--ds-heading-l-line-height, 3rem); letter-spacing: var(--ds-heading-l-letter-spacing, -0.025em); } h2, .h2 { font-family: var(--ds-heading-m-font-family, var(--ds-font-family-segoe-variable-display)); font-weight: var(--ds-heading-m-font-weight, 500); font-size: var(--ds-heading-m-font-size, 2rem); line-height: var(--ds-heading-m-line-height, 2.5rem); letter-spacing: var(--ds-heading-m-letter-spacing, -0.025em); } h3, .h3 { font-family: var(--ds-heading-s-font-family, var(--ds-font-family-segoe-variable-display)); font-weight: var(--ds-heading-s-font-weight, 500); font-size: var(--ds-heading-s-font-size, 1.5rem); line-height: var(--ds-heading-s-line-height, 2rem); letter-spacing: var(--ds-heading-s-letter-spacing, -0.015em); } h4, .h4 { font-family: var(--ds-heading-xs-font-family, var(--ds-font-family-segoe-variable-display)); font-weight: var(--ds-heading-xs-font-weight, 500); font-size: var(--ds-heading-xs-font-size, 1.25rem); line-height: var(--ds-heading-xs-line-height, 1.75rem); letter-spacing: var(--ds-heading-xs-letter-spacing, -0.01em); } h5, .h5 { font-family: var(--ds-heading-2xs-font-family, var(--ds-font-family-segoe-variable-display)); font-weight: var(--ds-heading-2xs-font-weight, 600); font-size: var(--ds-heading-2xs-font-size, 1.125rem); line-height: var(--ds-heading-2xs-line-height, 1.5rem); letter-spacing: var(--ds-heading-2xs-letter-spacing, normal); } h6, .h6 { font-family: var(--ds-heading-3xs-font-family, var(--ds-font-family-segoe-variable-text)); font-weight: var(--ds-heading-3xs-font-weight, 600); font-size: var(--ds-heading-3xs-font-size, 1rem); line-height: var(--ds-heading-3xs-line-height, 1.5rem); letter-spacing: var(--ds-heading-3xs-letter-spacing, normal); } `;const storeDarkTheme=` [theme="dark"], [theme="night"] { --ds-app-color-base-default-fg-heading: var(--ds-color-sky-blue-50, #f4fafd); --ds-app-color-base-default-fg-body: var(--ds-color-sky-blue-100, #dceef8); --ds-app-color-base-default-fg-highlight: var(--ds-color-oyster-gray-500, #d7d2cb); --ds-app-color-base-default-fg-accent: var(--ds-color-vapor-gray-50, #f7f7f7); --ds-app-color-base-default-bg-opt1: var(--ds-color-dark-blue-900, #0e1726); --ds-app-color-base-default-bg-opt2: var(--ds-color-dark-blue-500, #2a446f); --ds-app-color-base-default-bg-opt3: var(--ds-color-dark-blue-700, #1e304f); --ds-app-color-base-default-bg-opt4: var(--ds-color-dark-blue-800, #17253d); --ds-app-color-base-default-border-subtle: var(--ds-color-sky-blue-900, #3b5461); --ds-app-color-base-default-border-strong: var(--ds-color-sky-blue-50, #f4fafd); --ds-app-color-base-alt1-fg-heading: var(--ds-color-sky-blue-50, #f4fafd); --ds-app-color-base-alt1-fg-body: var(--ds-color-sky-blue-100, #dceef8); --ds-app-color-base-alt1-fg-highlight: var(--ds-color-oyster-gray-500, #d7d2cb); --ds-app-color-base-alt1-fg-accent: var(--ds-color-vapor-gray-50, #f7f7f7); --ds-app-color-base-alt1-bg-opt1: var(--ds-color-dark-slate-900, #1d1b1c); --ds-app-color-base-alt1-bg-opt2: var(--ds-color-dark-slate-500, #454142); --ds-app-color-base-alt1-bg-opt3: black; --ds-app-color-base-alt1-bg-opt4: var(--ds-color-dark-blue-800, #17253d); --ds-app-color-base-alt1-border-subtle: #312e2f; --ds-app-color-base-alt1-border-strong: var(--ds-color-pure-white, #fff); --ds-app-color-base-alt2-fg-heading: var(--ds-color-twilight-purple-50, #edebf0); --ds-app-color-base-alt2-fg-body: var(--ds-color-twilight-purple-100, #c6c1d0); --ds-app-color-base-alt2-fg-highlight: var(--ds-color-oyster-gray-500, #d7d2cb); --ds-app-color-base-alt2-fg-accent: var(--ds-color-vapor-gray-50, #f7f7f7); --ds-app-color-base-alt2-bg-opt1: #1D172C; --ds-app-color-base-alt2-bg-opt2: var(--ds-color-twilight-purple-500, #463668); --ds-app-color-base-alt2-bg-opt3: var(--ds-color-twilight-purple-700, #32264a); --ds-app-color-base-alt2-bg-opt4: var(--ds-color-twilight-purple-800, #271e39); --ds-app-color-base-alt2-border-subtle: var(--ds-color-twilight-purple-800, #271e39); --ds-app-color-base-alt2-border-strong: var(--ds-color-vapor-gray-50, #f7f7f7); --ds-app-color-base-special-fg-heading: var(--ds-color-sky-blue-50, #f4fafd); --ds-app-color-base-special-fg-body: var(--ds-color-sky-blue-100, #dceef8); --ds-app-color-base-special-fg-highlight: var(--ds-color-oyster-gray-500, #d7d2cb); --ds-app-color-base-special-fg-accent: var(--ds-color-vapor-gray-50, #f7f7f7); --ds-app-color-base-special-bg-opt1-stop1: var(--ds-color-blue-black-600, #081c28); --ds-app-color-base-special-bg-opt1-stop2: var(--ds-color-blue-black-600, #081c28); --ds-app-color-base-special-bg-opt1-stop3: var(--ds-color-brilliant-blue-900, #002948); --ds-app-color-base-special-bg-opt2-stop1: var(--ds-color-brilliant-blue-900, #002948); --ds-app-color-base-special-bg-opt2-stop2: var(--ds-color-blue-black-500, #091f2c); --ds-app-color-base-special-bg-opt2-stop3: var(--ds-color-brilliant-blue-900, #002948); --ds-app-color-base-special-bg-opt3-stop1: var(--ds-color-brilliant-blue-900, #002948); --ds-app-color-base-special-bg-opt3-stop2: var(--ds-color-brilliant-blue-900, #002948); --ds-app-color-base-special-bg-opt3-stop3: var(--ds-color-brilliant-blue-800, #004275); --ds-app-color-base-special-bg-opt4-stop1: var(--ds-color-brilliant-blue-600, #006dc1); --ds-app-color-base-special-bg-opt4-stop2: var(--ds-color-brilliant-blue-600, #006dc1); --ds-app-color-base-special-bg-opt4-stop3: var(--ds-color-twilight-purple-600, #40315f); --ds-app-color-base-special-border-subtle: var(--ds-color-sky-blue-900, #3b5461); --ds-app-color-base-special-border-strong: var(--ds-color-pure-white, #fff); --ds-app-color-gradient-opt1-stop1: var(--ds-color-pale-lime-400, #ddf0a5); --ds-app-color-gradient-opt1-stop2: var(--ds-color-brilliant-blue-500, #0078d4); --ds-app-color-gradient-opt1-left: linear-gradient(90deg, var(--ds-app-color-gradient-opt1-stop1, #ddf0a5) 0%, var(--ds-app-color-gradient-opt1-stop2, #0078d4) 100%); --ds-app-color-gradient-opt2-stop1: var(--ds-color-brilliant-blue-500, #0078d4); --ds-app-color-gradient-opt2-stop2: var(--ds-color-brilliant-blue-500, #0078d4); --ds-app-color-gradient-opt2-stop3: var(--ds-color-biscay-green-400, #6dd1c1); --ds-app-color-gradient-opt2-left: linear-gradient(90deg, var(--ds-app-color-gradient-opt2-stop1, #0078d4) 0%, var(--ds-app-color-gradient-opt2-stop2, #0078d4) 50%, var(--ds-app-color-gradient-opt2-stop3, #6dd1c1) 100%); --ds-app-color-gradient-opt3-stop1: var(--ds-color-brilliant-blue-500, #0078d4); --ds-app-color-gradient-opt3-stop2: var(--ds-color-brilliant-blue-500, #0078d4); --ds-app-color-gradient-opt3-stop3: var(--ds-color-purple-500, #8661c5); --ds-app-color-gradient-opt3-left: linear-gradient(90deg, var(--ds-app-color-gradient-opt3-stop1, #0078d4) 0%, var(--ds-app-color-gradient-opt3-stop2, #0078d4) 50%, var(--ds-app-color-gradient-opt3-stop3, #8661c5) 100%); --ds-app-color-highlight-fg: var(--ds-color-brilliant-blue-300, #54a5e2); --ds-app-color-highlight-bg: var(--ds-color-sky-blue-800, #4e6e80); --ds-app-color-interactive-primary-fg-default: var(--ds-color-dark-blue-900, #0e1726); --ds-app-color-interactive-primary-fg-hover: var(--ds-color-dark-blue-900, #0e1726); --ds-app-color-interactive-primary-fg-active: var(--ds-color-dark-blue-900, #0e1726); --ds-app-color-interactive-primary-fg-selected: var(--ds-color-dark-blue-900, #0e1726); --ds-app-color-interactive-primary-fg-inactive: var(--ds-color-dark-blue-800, #17253d); --ds-app-color-interactive-primary-bg-default: var(--ds-color-sky-blue-300, #b3daf0); --ds-app-color-interactive-primary-bg-hover: var(--ds-color-sky-blue-200, #cbe6f4); --ds-app-color-interactive-primary-bg-active: var(--ds-color-sky-blue-50, #f4fafd); --ds-app-color-interactive-primary-bg-selected: var(--ds-color-sky-blue-100, #dceef8); --ds-app-color-interactive-primary-bg-inactive: var(--ds-color-sky-blue-900, #3b5461); --ds-app-color-interactive-primary-border-default: var(--ds-color-sky-blue-300, #b3daf0); --ds-app-color-interactive-primary-border-hover: var(--ds-color-sky-blue-200, #cbe6f4); --ds-app-color-interactive-primary-border-active: var(--ds-color-sky-blue-50, #f4fafd); --ds-app-color-interactive-primary-border-selected: var(--ds-color-sky-blue-100, #dceef8); --ds-app-color-interactive-primary-border-inactive: var(--ds-color-sky-blue-900, #3b5461); --ds-app-color-interactive-secondary-fg-default: var(--ds-color-sky-blue-50, #f4fafd); --ds-app-color-interactive-secondary-fg-hover: var(--ds-color-sky-blue-50, #f4fafd); --ds-app-color-interactive-secondary-fg-active: var(--ds-color-sky-blue-50, #f4fafd); --ds-app-color-interactive-secondary-fg-selected: var(--ds-color-dark-blue-900, #0e1726); --ds-app-color-interactive-secondary-fg-inactive: var(--ds-color-dark-blue-500, #2a446f); --ds-app-color-interactive-secondary-bg-default: var(--ds-color-brilliant-blue-800, #004275); --ds-app-color-interactive-secondary-bg-hover: var(--ds-color-brilliant-blue-700, #005597); --ds-app-color-interactive-secondary-bg-active: var(--ds-color-brilliant-blue-600, #006dc1); --ds-app-color-interactive-secondary-bg-selected: var(--ds-color-sky-blue-500, #8dc8e8); --ds-app-color-interactive-secondary-bg-inactive: var(--ds-color-dark-blue-700, #1e304f); --ds-app-color-interactive-secondary-border-default: var(--ds-color-sky-blue-100, #dceef8); --ds-app-color-interactive-secondary-border-hover: var(--ds-color-sky-blue-100, #dceef8); --ds-app-color-interactive-secondary-border-active: var(--ds-color-sky-blue-50, #f4fafd); --ds-app-color-interactive-secondary-border-selected: var(--ds-color-sky-blue-500, #8dc8e8); --ds-app-color-interactive-secondary-border-inactive: var(--ds-color-dark-blue-600, #263e65); --ds-app-color-overlay-fill: var(--ds-color-alpha-black-500, #00000080); --ds-app-color-overlay-opt1-stop1: var(--ds-color-brilliant-blue-900, #002948); --ds-app-color-overlay-opt1-stop2: #00294800; --ds-app-color-overlay-opt1-left: linear-gradient(90deg, var(--ds-app-color-overlay-opt1-stop1, #002948) 0%, var(--ds-app-color-overlay-opt1-stop2, #00294800) 100%); --ds-app-color-overlay-opt2-stop1: #1D172C; --ds-app-color-overlay-opt2-stop2: #1D172C00; --ds-app-color-overlay-opt2-left: linear-gradient(90deg, var(--ds-app-color-overlay-opt2-stop1, #1D172C) 0%, var(--ds-app-color-overlay-opt2-stop2, #1D172C00) 100%); --ds-app-color-surface-solid-bg-nonclickable: var(--ds-color-dark-blue-900, #0e1726); --ds-app-color-surface-solid-bg-default: var(--ds-color-dark-blue-900, #0e1726); --ds-app-color-surface-solid-bg-hover: var(--ds-color-dark-blue-800, #17253d); --ds-app-color-surface-solid-bg-pressed: var(--ds-color-dark-blue-700, #1e304f); --ds-app-color-surface-solid-bg-selected: var(--ds-color-dark-blue-900, #0e1726); --ds-app-color-surface-glass-bg-nonclickable: var(--ds-color-alpha-black-200, #0003); --ds-app-color-surface-glass-bg-default: var(--ds-color-alpha-black-200, #0003); --ds-app-color-surface-glass-bg-hover: var(--ds-color-alpha-black-300, #0000004d); --ds-app-color-surface-glass-bg-pressed: var(--ds-color-alpha-black-400, #0006); --ds-app-color-surface-glass-bg-selected: var(--ds-color-alpha-black-500, #00000080); --ds-app-color-surface-contrast-bg-nonclickable: var(--ds-color-brilliant-blue-600, #006dc1); --ds-app-color-surface-contrast-bg-default: var(--ds-color-brilliant-blue-600, #006dc1); --ds-app-color-surface-contrast-bg-hover: var(--ds-color-brilliant-blue-700, #005597); --ds-app-color-surface-contrast-bg-pressed: var(--ds-color-brilliant-blue-800, #004275); --ds-app-color-surface-contrast-bg-selected: var(--ds-color-brilliant-blue-500, #0078d4); } `;globalThis.SOUtil.runOnPageLoad(()=>{if(globalThis.SOUtil.hasTheme("store")){globalThis.SOUtil.addStylesheet(baseCSS,"base-theme");globalThis.SOUtil.addStylesheet(storeThemeStyles,"store-theme");globalThis.SOUtil.addStylesheet(storeDarkTheme,"store-dark-theme")}})})(); /*! 1112725 - Azure dark theme overrides */ (()=>{const azureDarkTheme=` [theme="dark"], [theme="night"] { --ds-app-color-base-default-fg-heading: var(--ds-color-sky-blue-50, #f4fafd); --ds-app-color-base-default-fg-body: var(--ds-color-sky-blue-100, #dceef8); --ds-app-color-base-default-fg-highlight: var(--ds-color-sky-blue-300, #b3daf0); --ds-app-color-base-default-fg-accent: var(--ds-color-brilliant-blue-500, #0078d4); --ds-app-color-base-default-bg-opt1: var(--ds-color-brilliant-blue-900, #002948); --ds-app-color-base-default-bg-opt2: var(--ds-color-brilliant-blue-700, #005597); --ds-app-color-base-default-bg-opt3: var(--ds-color-pure-black, #000); --ds-app-color-base-default-bg-opt4: #00ff26; --ds-app-color-base-default-border-subtle: var(--ds-color-sky-blue-800, #4e6e80); --ds-app-color-base-default-border-strong: var(--ds-color-sky-blue-50, #f4fafd); --ds-app-color-base-alt1-fg-heading: var(--ds-color-sky-blue-50, #f4fafd); --ds-app-color-base-alt1-fg-body: var(--ds-color-sky-blue-100, #dceef8); --ds-app-color-base-alt1-fg-highlight: var(--ds-color-sky-blue-100, #dceef8); --ds-app-color-base-alt1-fg-accent: var(--ds-color-sky-blue-50, #f4fafd); --ds-app-color-base-alt1-bg-opt1: var(--ds-color-blue-black-500, #091f2c); --ds-app-color-base-alt1-bg-opt2: var(--ds-color-blue-black-700, #06161f); --ds-app-color-base-alt1-bg-opt3: #00ff26; --ds-app-color-base-alt1-bg-opt4: #00ff26; --ds-app-color-base-alt1-border-subtle: var(--ds-color-dark-slate-700, #312e2f); --ds-app-color-base-alt1-border-strong: var(--ds-color-sky-blue-50, #f4fafd); --ds-app-color-base-alt2-fg-heading: var(--ds-color-sky-blue-50, #f4fafd); --ds-app-color-base-alt2-fg-body: var(--ds-color-sky-blue-100, #dceef8); --ds-app-color-base-alt2-fg-highlight: var(--ds-color-vapor-gray-100, #e7e7e7); --ds-app-color-base-alt2-fg-accent: var(--ds-color-vapor-gray-100, #e7e7e7); --ds-app-color-base-alt2-bg-opt1: var(--ds-color-pale-gray-800, #777776); --ds-app-color-base-alt2-bg-opt2: var(--ds-color-twilight-purple-50, #edebf0); --ds-app-color-base-alt2-bg-opt3: #00ff26; --ds-app-color-base-alt2-bg-opt4: #00ff26; --ds-app-color-base-alt2-border-subtle: var(--ds-color-twilight-purple-100, #c6c1d0); --ds-app-color-base-alt2-border-strong: var(--ds-color-vapor-gray-50, #f7f7f7); --ds-app-color-base-special-fg-heading: var(--ds-color-sky-blue-50, #f4fafd); --ds-app-color-base-special-fg-body: var(--ds-color-sky-blue-100, #dceef8); --ds-app-color-base-special-fg-highlight: var(--ds-color-sky-blue-300, #b3daf0); --ds-app-color-base-special-fg-accent: var(--ds-color-sky-blue-300, #b3daf0); --ds-app-color-base-special-bg-opt1-stop1: var(--ds-color-blue-black-700, #06161f); --ds-app-color-base-special-bg-opt1-stop2: var(--ds-color-blue-black-500, #091f2c); --ds-app-color-base-special-bg-opt1-stop3: var(--ds-color-dark-blue-700, #1e304f); --ds-app-color-base-special-bg-opt1-left: linear-gradient(90deg, var(--ds-app-color-base-special-bg-opt1-stop1, #06161f) 0%, var(--ds-app-color-base-special-bg-opt1-stop2, #091f2c) 50%, var(--ds-app-color-base-special-bg-opt1-stop3, #1e304f) 100%); --ds-app-color-base-special-bg-opt2-stop1: var(--ds-color-dark-blue-700, #1e304f); --ds-app-color-base-special-bg-opt2-stop2: var(--ds-color-dark-blue-500, #2a446f); --ds-app-color-base-special-bg-opt2-stop3: var(--ds-color-twilight-purple-500, #463668); --ds-app-color-base-special-bg-opt2-left: linear-gradient(90deg, var(--ds-app-color-base-special-bg-opt2-stop1, #1e304f) 0%, var(--ds-app-color-base-special-bg-opt2-stop2, #2a446f) 50%, var(--ds-app-color-base-special-bg-opt2-stop3, #463668) 100%); --ds-app-color-base-special-bg-opt3-stop1: var(--ds-color-brilliant-blue-900, #002948); --ds-app-color-base-special-bg-opt3-stop2: var(--ds-color-brilliant-blue-900, #002948); --ds-app-color-base-special-bg-opt3-stop3: var(--ds-color-brilliant-blue-700, #005597); --ds-app-color-base-special-bg-opt3-left: linear-gradient(90deg, var(--ds-app-color-base-special-bg-opt3-stop1, #002948) 0%, var(--ds-app-color-base-special-bg-opt3-stop2, #002948) 50%, var(--ds-app-color-base-special-bg-opt3-stop3, #005597) 100%); --ds-app-color-base-special-bg-opt4-stop1: var(--ds-color-dark-blue-700, #1e304f); --ds-app-color-base-special-bg-opt4-stop2: var(--ds-color-dark-blue-700, #1e304f); --ds-app-color-base-special-bg-opt4-stop3: var(--ds-color-brilliant-blue-900, #002948); --ds-app-color-base-special-bg-opt4-left: linear-gradient(90deg, var(--ds-app-color-base-special-bg-opt4-stop1, #1e304f) 0%, var(--ds-app-color-base-special-bg-opt4-stop2, #1e304f) 50%, var(--ds-app-color-base-special-bg-opt4-stop3, #002948) 100%); --ds-app-color-base-special-border-subtle: var(--ds-color-sky-blue-700, #648ea5); --ds-app-color-base-special-border-strong: var(--ds-color-sky-blue-50, #f4fafd); --ds-app-color-gradient-opt1-stop1: var(--ds-color-pale-lime-400, #ddf0a5); --ds-app-color-gradient-opt1-stop2: var(--ds-color-brilliant-blue-500, #0078d4); --ds-app-color-gradient-opt1-left: linear-gradient(90deg, var(--ds-app-color-gradient-opt1-stop1, #ddf0a5) 0%, var(--ds-app-color-gradient-opt1-stop2, #0078d4) 100%); --ds-app-color-gradient-opt2-stop1: var(--ds-color-brilliant-blue-500, #0078d4); --ds-app-color-gradient-opt2-stop2: var(--ds-color-brilliant-blue-500, #0078d4); --ds-app-color-gradient-opt2-stop3: var(--ds-color-biscay-green-400, #6dd1c1); --ds-app-color-gradient-opt2-left: linear-gradient(90deg, var(--ds-app-color-gradient-opt2-stop1, #0078d4) 0%, var(--ds-app-color-gradient-opt2-stop2, #0078d4) 50%, var(--ds-app-color-gradient-opt2-stop3, #6dd1c1) 100%); --ds-app-color-gradient-opt3-stop1: var(--ds-color-brilliant-blue-500, #0078d4); --ds-app-color-gradient-opt3-stop2: var(--ds-color-brilliant-blue-500, #0078d4); --ds-app-color-gradient-opt3-stop3: var(--ds-color-purple-500, #8661c5); --ds-app-color-gradient-opt3-left: linear-gradient(90deg, var(--ds-app-color-gradient-opt3-stop1, #0078d4) 0%, var(--ds-app-color-gradient-opt3-stop2, #0078d4) 50%, var(--ds-app-color-gradient-opt3-stop3, #8661c5) 100%); --ds-app-color-highlight-fg: var(--ds-color-brilliant-blue-300, #54a5e2); --ds-app-color-highlight-bg: var(--ds-color-sky-blue-800, #4e6e80); --ds-app-color-interactive-primary-fg-default: var(--ds-color-brilliant-blue-900, #002948); --ds-app-color-interactive-primary-fg-hover: var(--ds-color-brilliant-blue-900, #002948); --ds-app-color-interactive-primary-fg-active: var(--ds-color-brilliant-blue-900, #002948); --ds-app-color-interactive-primary-fg-selected: var(--ds-color-brilliant-blue-900, #002948); --ds-app-color-interactive-primary-fg-inactive: var(--ds-color-dark-blue-700, #1e304f); --ds-app-color-interactive-primary-bg-default: var(--ds-color-sky-blue-300, #b3daf0); --ds-app-color-interactive-primary-bg-hover: var(--ds-color-sky-blue-400, #a4d3ed); --ds-app-color-interactive-primary-bg-active: var(--ds-color-sky-blue-500, #8dc8e8); --ds-app-color-interactive-primary-bg-selected: var(--ds-color-sky-blue-400, #a4d3ed); --ds-app-color-interactive-primary-bg-inactive: var(--ds-color-dark-blue-500, #2a446f); --ds-app-color-interactive-primary-border-default: var(--ds-color-sky-blue-300, #b3daf0); --ds-app-color-interactive-primary-border-hover: var(--ds-color-sky-blue-400, #a4d3ed); --ds-app-color-interactive-primary-border-active: var(--ds-color-sky-blue-500, #8dc8e8); --ds-app-color-interactive-primary-border-selected: var(--ds-color-sky-blue-400, #a4d3ed); --ds-app-color-interactive-primary-border-inactive: var(--ds-color-dark-blue-500, #2a446f); --ds-app-color-interactive-secondary-fg-default: var(--ds-color-sky-blue-50, #f4fafd); --ds-app-color-interactive-secondary-fg-hover: var(--ds-color-sky-blue-100, #dceef8); --ds-app-color-interactive-secondary-fg-active: var(--ds-color-sky-blue-200, #cbe6f4); --ds-app-color-interactive-secondary-fg-selected: var(--ds-color-brilliant-blue-900, #002948); --ds-app-color-interactive-secondary-fg-inactive: var(--ds-color-sky-blue-700, #648ea5); --ds-app-color-interactive-secondary-bg-default: transparent; --ds-app-color-interactive-secondary-bg-hover: var(--ds-color-alpha-white-100, #ffffff1a); --ds-app-color-interactive-secondary-bg-active: var(--ds-color-alpha-white-200, #fff3); --ds-app-color-interactive-secondary-bg-selected: var(--ds-color-sky-blue-400, #a4d3ed); --ds-app-color-interactive-secondary-bg-inactive: transparent; --ds-app-color-interactive-secondary-border-default: var(--ds-color-sky-blue-500, #8dc8e8); --ds-app-color-interactive-secondary-border-hover: var(--ds-color-sky-blue-400, #a4d3ed); --ds-app-color-interactive-secondary-border-active: var(--ds-color-sky-blue-300, #b3daf0); --ds-app-color-interactive-secondary-border-selected: var(--ds-color-sky-blue-400, #a4d3ed); --ds-app-color-interactive-secondary-border-inactive: var(--ds-color-sky-blue-800, #4e6e80); --ds-app-color-overlay-fill: var(--ds-color-alpha-black-600, #0009); --ds-app-color-overlay-opt1-stop1: var(--ds-color-brilliant-blue-900, #002948); --ds-app-color-overlay-opt1-stop2: #0000; --ds-app-color-overlay-opt1-left: linear-gradient(90deg, var(--ds-app-color-overlay-opt1-stop1, #002948) 0%, var(--ds-app-color-overlay-opt1-stop2, #0000) 100%); --ds-app-color-overlay-opt2-stop1: var(--ds-color-red-violet-700, #882a8b); --ds-app-color-overlay-opt2-stop2: #0000; --ds-app-color-overlay-opt2-left: linear-gradient(90deg, var(--ds-app-color-overlay-opt2-stop1, #882a8b) 0%, var(--ds-app-color-overlay-opt2-stop2, #0000) 100%); --ds-app-color-surface-solid-bg-nonclickable: var(--ds-color-dark-blue-800, #17253d); --ds-app-color-surface-solid-bg-default: var(--ds-color-dark-blue-800, #17253d); --ds-app-color-surface-solid-bg-hover: var(--ds-color-dark-blue-700, #1e304f); --ds-app-color-surface-solid-bg-pressed: var(--ds-color-dark-blue-600, #263e65); --ds-app-color-surface-solid-bg-selected: var(--ds-color-dark-blue-700, #1e304f); --ds-app-color-surface-glass-bg-nonclickable: var(--ds-color-alpha-white-100, #ffffff1a); --ds-app-color-surface-glass-bg-default: var(--ds-color-alpha-white-100, #ffffff1a); --ds-app-color-surface-glass-bg-hover: var(--ds-color-alpha-white-200, #fff3); --ds-app-color-surface-glass-bg-pressed: var(--ds-color-alpha-white-300, #ffffff4d); --ds-app-color-surface-glass-bg-selected: var(--ds-color-sky-blue-500, #8dc8e8); --ds-app-color-surface-contrast-bg-nonclickable: var(--ds-color-dark-blue-700, #1e304f); --ds-app-color-surface-contrast-bg-default: var(--ds-color-dark-blue-700, #1e304f); --ds-app-color-surface-contrast-bg-hover: var(--ds-color-dark-blue-600, #263e65); --ds-app-color-surface-contrast-bg-pressed: var(--ds-color-dark-blue-500, #2a446f); --ds-app-color-surface-contrast-bg-selected: var(--ds-color-dark-blue-600, #263e65); } `;globalThis.SOUtil.runOnPageLoad(()=>{if(globalThis.SOUtil.hasTheme("azure")){globalThis.SOUtil.addStylesheet(azureDarkTheme,"azure-dark-theme")}})})(); /*! 1112840 - Store Holiday Dark Theme overrides */ (()=>{const storeHolidayDarkTheme=` [theme="dark"], [theme="night"] { --ds-app-color-base-default-fg-heading: var(--ds-color-sky-blue-50, #f4fafd); --ds-app-color-base-default-fg-body: var(--ds-color-sky-blue-100, #dceef8); --ds-app-color-base-default-fg-highlight: var(--ds-color-oyster-gray-500, #d7d2cb); --ds-app-color-base-default-fg-accent: var(--ds-color-brilliant-blue-300, #54a5e2); --ds-app-color-base-default-bg-opt1: var(--ds-color-dark-blue-900, #0e1726); --ds-app-color-base-default-bg-opt2: var(--ds-color-dark-blue-500, #2a446f); --ds-app-color-base-default-bg-opt3: var(--ds-color-dark-blue-700, #1e304f); --ds-app-color-base-default-bg-opt4: var(--ds-color-dark-blue-800, #17253d); --ds-app-color-base-default-border-subtle: var(--ds-color-sky-blue-900, #3b5461); --ds-app-color-base-default-border-strong: var(--ds-color-sky-blue-50, #f4fafd); --ds-app-color-base-alt1-fg-heading: var(--ds-color-sky-blue-50, #f4fafd); --ds-app-color-base-alt1-fg-body: var(--ds-color-sky-blue-100, #dceef8); --ds-app-color-base-alt1-fg-highlight: var(--ds-color-oyster-gray-500, #d7d2cb); --ds-app-color-base-alt1-fg-accent: var(--ds-color-brilliant-blue-300, #54a5e2); --ds-app-color-base-alt1-bg-opt1: var(--ds-color-dark-slate-900, #1d1b1c); --ds-app-color-base-alt1-bg-opt2: var(--ds-color-dark-slate-500, #454142); --ds-app-color-base-alt1-bg-opt3: #00ff26; --ds-app-color-base-alt1-bg-opt4: #00ff26; --ds-app-color-base-alt1-border-subtle: #312e2f; --ds-app-color-base-alt1-border-strong: var(--ds-color-pure-white, #fff); --ds-app-color-base-alt2-fg-heading: var(--ds-color-twilight-purple-50, #edebf0); --ds-app-color-base-alt2-fg-body: var(--ds-color-twilight-purple-100, #c6c1d0); --ds-app-color-base-alt2-fg-highlight: var(--ds-color-oyster-gray-500, #d7d2cb); --ds-app-color-base-alt2-fg-accent: var(--ds-color-violet-300, #9f6da1); --ds-app-color-base-alt2-bg-opt1: #1D172C; --ds-app-color-base-alt2-bg-opt2: var(--ds-color-twilight-purple-500, #463668); --ds-app-color-base-alt2-bg-opt3: var(--ds-color-twilight-purple-700, #32264a); --ds-app-color-base-alt2-bg-opt4: var(--ds-color-twilight-purple-800, #271e39); --ds-app-color-base-alt2-border-subtle: var(--ds-color-twilight-purple-800, #271e39); --ds-app-color-base-alt2-border-strong: var(--ds-color-twilight-purple-50, #edebf0); --ds-app-color-base-special-fg-heading: var(--ds-color-sky-blue-50, #f4fafd); --ds-app-color-base-special-fg-body: var(--ds-color-sky-blue-100, #dceef8); --ds-app-color-base-special-fg-highlight: var(--ds-color-oyster-gray-500, #d7d2cb); --ds-app-color-base-special-fg-accent: var(--ds-color-brilliant-blue-300, #54a5e2); --ds-app-color-base-special-bg-opt1-stop1: var(--ds-color-blue-black-700, #06161f); --ds-app-color-base-special-bg-opt1-stop2: var(--ds-color-blue-black-500, #091f2c); --ds-app-color-base-special-bg-opt1-stop3: var(--ds-color-brilliant-blue-900, #002948); --ds-app-color-base-special-bg-opt2-stop1: var(--ds-color-brilliant-blue-900, #002948); --ds-app-color-base-special-bg-opt2-stop2: var(--ds-color-blue-black-500, #091f2c); --ds-app-color-base-special-bg-opt2-stop3: var(--ds-color-brilliant-blue-800, #004275); --ds-app-color-base-special-bg-opt3-stop1: var(--ds-color-brilliant-blue-600, #006dc1); --ds-app-color-base-special-bg-opt3-stop2: var(--ds-color-brilliant-blue-600, #006dc1); --ds-app-color-base-special-bg-opt3-stop3: var(--ds-color-purple-600, #7a58b3); --ds-app-color-base-special-bg-opt4-stop1: var(--ds-color-brilliant-blue-600, #006dc1); --ds-app-color-base-special-bg-opt4-stop2: var(--ds-color-brilliant-blue-600, #006dc1); --ds-app-color-base-special-bg-opt4-stop3: var(--ds-color-twilight-purple-600, #40315f); --ds-app-color-base-special-bg-opt4-left: linear-gradient(90deg, var(--ds-app-color-base-special-bg-opt4-stop1, #006dc1) 0%, var(--ds-app-color-base-special-bg-opt4-stop2, #006dc1) 50%, var(--ds-app-color-base-special-bg-opt4-stop3, #40315f) 100%); --ds-app-color-base-special-border-subtle: var(--ds-color-sky-blue-900, #3b5461); --ds-app-color-base-special-border-strong: var(--ds-color-pure-white, #fff); --ds-app-color-gradient-opt1-stop1: var(--ds-color-pale-lime-400, #ddf0a5); --ds-app-color-gradient-opt1-stop2: var(--ds-color-brilliant-blue-500, #0078d4); --ds-app-color-gradient-opt1-left: linear-gradient(90deg, var(--ds-app-color-gradient-opt1-stop1, #ddf0a5) 0%, var(--ds-app-color-gradient-opt1-stop2, #0078d4) 100%); --ds-app-color-gradient-opt2-stop1: var(--ds-color-brilliant-blue-500, #0078d4); --ds-app-color-gradient-opt2-stop2: var(--ds-color-brilliant-blue-500, #0078d4); --ds-app-color-gradient-opt2-stop3: var(--ds-color-biscay-green-400, #6dd1c1); --ds-app-color-gradient-opt2-left: linear-gradient(90deg, var(--ds-app-color-gradient-opt2-stop1, #0078d4) 0%, var(--ds-app-color-gradient-opt2-stop2, #0078d4) 50%, var(--ds-app-color-gradient-opt2-stop3, #6dd1c1) 100%); --ds-app-color-gradient-opt3-stop1: var(--ds-color-brilliant-blue-500, #0078d4); --ds-app-color-gradient-opt3-stop2: var(--ds-color-brilliant-blue-500, #0078d4); --ds-app-color-gradient-opt3-stop3: var(--ds-color-purple-500, #8661c5); --ds-app-color-gradient-opt3-left: linear-gradient(90deg, var(--ds-app-color-gradient-opt3-stop1, #0078d4) 0%, var(--ds-app-color-gradient-opt3-stop2, #0078d4) 50%, var(--ds-app-color-gradient-opt3-stop3, #8661c5) 100%); --ds-app-color-highlight-fg: var(--ds-color-brilliant-blue-300, #54a5e2); --ds-app-color-highlight-bg: var(--ds-color-sky-blue-800, #4e6e80); --ds-app-color-interactive-primary-fg-default: var(--ds-color-dark-blue-900, #0e1726); --ds-app-color-interactive-primary-fg-hover: var(--ds-color-dark-blue-900, #0e1726); --ds-app-color-interactive-primary-fg-active: var(--ds-color-dark-blue-900, #0e1726); --ds-app-color-interactive-primary-fg-selected: var(--ds-color-dark-blue-900, #0e1726); --ds-app-color-interactive-primary-fg-inactive: var(--ds-color-dark-blue-800, #17253d); --ds-app-color-interactive-primary-bg-default: var(--ds-color-sky-blue-300, #b3daf0); --ds-app-color-interactive-primary-bg-hover: var(--ds-color-sky-blue-200, #cbe6f4); --ds-app-color-interactive-primary-bg-active: var(--ds-color-sky-blue-50, #f4fafd); --ds-app-color-interactive-primary-bg-selected: var(--ds-color-sky-blue-100, #dceef8); --ds-app-color-interactive-primary-bg-inactive: var(--ds-color-sky-blue-900, #3b5461); --ds-app-color-interactive-primary-border-default: var(--ds-color-sky-blue-300, #b3daf0); --ds-app-color-interactive-primary-border-hover: var(--ds-color-sky-blue-200, #cbe6f4); --ds-app-color-interactive-primary-border-active: var(--ds-color-sky-blue-50, #f4fafd); --ds-app-color-interactive-primary-border-selected: var(--ds-color-sky-blue-100, #dceef8); --ds-app-color-interactive-primary-border-inactive: var(--ds-color-sky-blue-900, #3b5461); --ds-app-color-interactive-secondary-fg-default: var(--ds-color-sky-blue-50, #f4fafd); --ds-app-color-interactive-secondary-fg-hover: var(--ds-color-sky-blue-50, #f4fafd); --ds-app-color-interactive-secondary-fg-active: var(--ds-color-sky-blue-50, #f4fafd); --ds-app-color-interactive-secondary-fg-selected: var(--ds-color-dark-blue-900, #0e1726); --ds-app-color-interactive-secondary-fg-inactive: var(--ds-color-dark-blue-500, #2a446f); --ds-app-color-interactive-secondary-bg-default: var(--ds-color-brilliant-blue-800, #004275); --ds-app-color-interactive-secondary-bg-hover: var(--ds-color-brilliant-blue-700, #005597); --ds-app-color-interactive-secondary-bg-active: var(--ds-color-brilliant-blue-600, #006dc1); --ds-app-color-interactive-secondary-bg-selected: var(--ds-color-sky-blue-500, #8dc8e8); --ds-app-color-interactive-secondary-bg-inactive: var(--ds-color-dark-blue-700, #1e304f); --ds-app-color-interactive-secondary-border-default: var(--ds-color-sky-blue-100, #dceef8); --ds-app-color-interactive-secondary-border-hover: var(--ds-color-sky-blue-100, #dceef8); --ds-app-color-interactive-secondary-border-active: var(--ds-color-sky-blue-50, #f4fafd); --ds-app-color-interactive-secondary-border-selected: var(--ds-color-sky-blue-500, #8dc8e8); --ds-app-color-interactive-secondary-border-inactive: var(--ds-color-dark-blue-600, #263e65); --ds-app-color-overlay-fill: var(--ds-color-alpha-black-500, #00000080); --ds-app-color-overlay-opt1-stop1: var(--ds-color-brilliant-blue-900, #002948); --ds-app-color-overlay-opt1-stop2: #00294800; --ds-app-color-overlay-opt1-left: linear-gradient(90deg, var(--ds-app-color-overlay-opt1-stop1, #002948) 0%, var(--ds-app-color-overlay-opt1-stop2, #00294800) 100%); --ds-app-color-overlay-opt2-stop1: #1D172C; --ds-app-color-overlay-opt2-stop2: #1D172C00; --ds-app-color-overlay-opt2-left: linear-gradient(90deg, var(--ds-app-color-overlay-opt2-stop1, #1D172C) 0%, var(--ds-app-color-overlay-opt2-stop2, #1D172C00) 100%); --ds-app-color-surface-solid-bg-nonclickable: #1D172C; --ds-app-color-surface-solid-bg-default: #1D172C; --ds-app-color-surface-solid-bg-hover: var(--ds-color-twilight-purple-800, #271e39); --ds-app-color-surface-solid-bg-active: var(--ds-color-twilight-purple-700, #32264a); --ds-app-color-surface-solid-bg-selected: #1D172C; --ds-app-color-surface-glass-bg-nonclickable: var(--ds-color-alpha-black-200, #0003); --ds-app-color-surface-glass-bg-default: var(--ds-color-alpha-black-200, #0003); --ds-app-color-surface-glass-bg-hover: var(--ds-color-alpha-black-300, #0000004d); --ds-app-color-surface-glass-bg-pressed: var(--ds-color-alpha-black-400, #0006); --ds-app-color-surface-glass-bg-selected: var(--ds-color-alpha-black-500, #00000080); } `;globalThis.SOUtil.runOnPageLoad(()=>{if(globalThis.SOUtil.hasTheme("store-holiday")){globalThis.SOUtil.addStylesheet(storeHolidayDarkTheme,"store-holiday-dark-theme")}})})(); /*! 1113387 - M365 Dark Theme overrides */ (()=>{const m365DarkTheme=` [theme="dark"], [theme="night"] { --ds-app-color-base-default-fg-heading: var(--ds-color-sky-blue-50,#f4fafd); --ds-app-color-base-default-fg-body: var(--ds-color-sky-blue-100,#dceef8); --ds-app-color-base-default-fg-highlight: var(--ds-color-sky-blue-300,#b3daf0); --ds-app-color-base-default-fg-accent: var(--ds-color-brilliant-blue-300,#54a5e2); --ds-app-color-base-default-bg-opt1: var(--ds-color-brilliant-blue-900,#002948); --ds-app-color-base-default-bg-opt2: var(--ds-color-brilliant-blue-700,#005597); --ds-app-color-base-default-bg-opt3: var(--ds-color-pure-black,#000); --ds-app-color-base-default-bg-opt4: #00ff26; --ds-app-color-base-default-border-subtle: var(--ds-color-sky-blue-900,#3b5461); --ds-app-color-base-default-border-strong: var(--ds-color-sky-blue-50,#f4fafd); --ds-app-color-base-alt1-fg-heading: var(--ds-color-sky-blue-50,#f4fafd); --ds-app-color-base-alt1-fg-body: var(--ds-color-sky-blue-100,#dceef8); --ds-app-color-base-alt1-fg-highlight: var(--ds-color-grass-green-300,#599768); --ds-app-color-base-alt1-fg-accent: var(--ds-color-grass-green-300,#599768); --ds-app-color-base-alt1-bg-opt1: var(--ds-color-pale-lime-900,#59633c); --ds-app-color-base-alt1-bg-opt2: var(--ds-color-pale-lime-700,#97a865); --ds-app-color-base-alt1-bg-opt3: #00ff26; --ds-app-color-base-alt1-bg-opt4: #00ff26; --ds-app-color-base-alt1-border-subtle: var(--ds-color-grass-green-800,#043710); --ds-app-color-base-alt1-border-strong: var(--ds-color-sky-blue-50,#f4fafd); --ds-app-color-base-alt2-fg-heading: var(--ds-color-sky-blue-50,#f4fafd); --ds-app-color-base-alt2-fg-body: var(--ds-color-sky-blue-100,#dceef8); --ds-app-color-base-alt2-fg-highlight: var(--ds-color-vapor-gray-300,#cbcccc); --ds-app-color-base-alt2-fg-accent: white; --ds-app-color-base-alt2-bg-opt1: var(--ds-color-dark-slate-900,#1d1b1c); --ds-app-color-base-alt2-bg-opt2: var(--ds-color-dark-slate-700,#312e2f); --ds-app-color-base-alt2-bg-opt3: #00ff26; --ds-app-color-base-alt2-bg-opt4: #00ff26; --ds-app-color-base-alt2-border-subtle: var(--ds-color-dark-slate-800,#262424); --ds-app-color-base-alt2-border-strong: white; --ds-app-color-base-special-fg-heading: var(--ds-color-sky-blue-50,#f4fafd); --ds-app-color-base-special-fg-body: var(--ds-color-sky-blue-100,#dceef8); --ds-app-color-base-special-fg-highlight: var(--ds-color-orange-coral-300,#ffc1b1); --ds-app-color-base-special-fg-accent: var(--ds-color-orange-coral-300,#ffc1b1); --ds-app-color-base-special-bg-opt1-stop1: var(--ds-color-orange-coral-900,#6b443a); --ds-app-color-base-special-bg-opt1-stop2: var(--ds-color-orange-coral-900,#6b443a); --ds-app-color-base-special-bg-opt1-stop3: var(--ds-color-orange-coral-900,#6b443a); --ds-app-color-base-special-bg-opt2-stop1: var(--ds-color-orange-coral-700,#b57463); --ds-app-color-base-special-bg-opt2-stop2: var(--ds-color-orange-coral-700,#b57463); --ds-app-color-base-special-bg-opt2-stop3: var(--ds-color-orange-coral-700,#b57463); --ds-app-color-base-special-bg-opt3-stop1: var(--ds-color-brilliant-blue-900,#002948); --ds-app-color-base-special-bg-opt3-stop2: var(--ds-color-brilliant-blue-900,#002948); --ds-app-color-base-special-bg-opt3-stop3: var(--ds-color-brilliant-blue-800,#004275); --ds-app-color-base-special-bg-opt3-left: linear-gradient(90deg,var(--ds-app-color-base-special-bg-opt3-stop1,#002948) 0,var(--ds-app-color-base-special-bg-opt3-stop2,#002948) 50%,var(--ds-app-color-base-special-bg-opt3-stop3,#004275) 100%); --ds-app-color-base-special-bg-opt4-stop1: var(--ds-color-brilliant-blue-600,#006dc1); --ds-app-color-base-special-bg-opt4-stop2: var(--ds-color-brilliant-blue-600,#006dc1); --ds-app-color-base-special-bg-opt4-stop3: var(--ds-color-twilight-purple-600,#40315f); --ds-app-color-base-special-bg-opt4-left: linear-gradient(90deg,var(--ds-app-color-base-special-bg-opt4-stop1,#006dc1) 0,var(--ds-app-color-base-special-bg-opt4-stop2,#006dc1) 50%,var(--ds-app-color-base-special-bg-opt4-stop3,#40315f) 100%); --ds-app-color-base-special-border-subtle: var(--ds-color-sky-blue-900,#3b5461); --ds-app-color-base-special-border-strong: var(--ds-color-pure-white,#fff); --ds-app-color-gradient-opt1-stop1: var(--ds-color-pale-lime-400,#ddf0a5); --ds-app-color-gradient-opt1-stop2: var(--ds-color-brilliant-blue-500,#0078d4); --ds-app-color-gradient-opt1-left: linear-gradient(90deg,var(--ds-app-color-gradient-opt1-stop1,#ddf0a5) 0,var(--ds-app-color-gradient-opt1-stop2,#0078d4) 100%); --ds-app-color-gradient-opt2-stop1: var(--ds-color-brilliant-blue-500,#0078d4); --ds-app-color-gradient-opt2-stop2: var(--ds-color-brilliant-blue-500,#0078d4); --ds-app-color-gradient-opt2-stop3: var(--ds-color-biscay-green-400,#6dd1c1); --ds-app-color-gradient-opt2-left: linear-gradient(90deg,var(--ds-app-color-gradient-opt2-stop1,#0078d4) 0,var(--ds-app-color-gradient-opt2-stop2,#0078d4) 50%,var(--ds-app-color-gradient-opt2-stop3,#6dd1c1) 100%); --ds-app-color-gradient-opt3-stop1: var(--ds-color-brilliant-blue-500,#0078d4); --ds-app-color-gradient-opt3-stop2: var(--ds-color-brilliant-blue-500,#0078d4); --ds-app-color-gradient-opt3-stop3: var(--ds-color-purple-500,#8661c5); --ds-app-color-gradient-opt3-left: linear-gradient(90deg,var(--ds-app-color-gradient-opt3-stop1,#0078d4) 0,var(--ds-app-color-gradient-opt3-stop2,#0078d4) 50%,var(--ds-app-color-gradient-opt3-stop3,#8661c5) 100%); --ds-app-color-highlight-fg: var(--ds-color-brilliant-blue-300,#54a5e2); --ds-app-color-highlight-bg: var(--ds-color-sky-blue-800,#4e6e80); --ds-app-color-interactive-primary-fg-default: var(--ds-color-dark-blue-900,#0e1726); --ds-app-color-interactive-primary-fg-hover: var(--ds-color-dark-blue-900,#0e1726); --ds-app-color-interactive-primary-fg-active: var(--ds-color-dark-blue-900,#0e1726); --ds-app-color-interactive-primary-fg-selected: var(--ds-color-dark-blue-900,#0e1726); --ds-app-color-interactive-primary-fg-inactive: var(--ds-color-dark-blue-800,#17253d); --ds-app-color-interactive-primary-bg-default: var(--ds-color-sky-blue-300,#b3daf0); --ds-app-color-interactive-primary-bg-hover: var(--ds-color-sky-blue-200,#cbe6f4); --ds-app-color-interactive-primary-bg-active: var(--ds-color-sky-blue-50,#f4fafd); --ds-app-color-interactive-primary-bg-selected: var(--ds-color-sky-blue-100,#dceef8); --ds-app-color-interactive-primary-bg-inactive: var(--ds-color-sky-blue-900,#3b5461); --ds-app-color-interactive-primary-border-default: var(--ds-color-sky-blue-300,#b3daf0); --ds-app-color-interactive-primary-border-hover: var(--ds-color-sky-blue-200,#cbe6f4); --ds-app-color-interactive-primary-border-active: var(--ds-color-sky-blue-50,#f4fafd); --ds-app-color-interactive-primary-border-selected: var(--ds-color-sky-blue-100,#dceef8); --ds-app-color-interactive-primary-border-inactive: var(--ds-color-sky-blue-900,#3b5461); --ds-app-color-interactive-secondary-fg-default: var(--ds-color-sky-blue-50,#f4fafd); --ds-app-color-interactive-secondary-fg-hover: var(--ds-color-sky-blue-50,#f4fafd); --ds-app-color-interactive-secondary-fg-active: var(--ds-color-sky-blue-50,#f4fafd); --ds-app-color-interactive-secondary-fg-selected: var(--ds-color-dark-blue-900,#0e1726); --ds-app-color-interactive-secondary-fg-inactive: var(--ds-color-dark-blue-500,#2a446f); --ds-app-color-interactive-secondary-bg-default: var(--ds-color-brilliant-blue-800,#004275); --ds-app-color-interactive-secondary-bg-hover: var(--ds-color-brilliant-blue-700,#005597); --ds-app-color-interactive-secondary-bg-active: var(--ds-color-brilliant-blue-600,#006dc1); --ds-app-color-interactive-secondary-bg-selected: var(--ds-color-sky-blue-500,#8dc8e8); --ds-app-color-interactive-secondary-bg-inactive: var(--ds-color-dark-blue-700,#1e304f); --ds-app-color-interactive-secondary-border-default: var(--ds-color-sky-blue-100,#dceef8); --ds-app-color-interactive-secondary-border-hover: var(--ds-color-sky-blue-100,#dceef8); --ds-app-color-interactive-secondary-border-active: var(--ds-color-sky-blue-50,#f4fafd); --ds-app-color-interactive-secondary-border-selected: var(--ds-color-sky-blue-500,#8dc8e8); --ds-app-color-interactive-secondary-border-inactive: var(--ds-color-dark-blue-600,#263e65); --ds-app-color-overlay-fill: var(--ds-color-alpha-black-500,#00000080); --ds-app-color-overlay-opt1-stop1: var(--ds-color-brilliant-blue-900,#002948); --ds-app-color-overlay-opt1-stop2: #00294800; --ds-app-color-overlay-opt1-left: linear-gradient(90deg,var(--ds-app-color-overlay-opt1-stop1,#002948) 0,var(--ds-app-color-overlay-opt1-stop2,#00294800) 100%); --ds-app-color-overlay-opt2-stop1: #1d172c; --ds-app-color-overlay-opt2-stop2: #1D172C00; --ds-app-color-overlay-opt2-left: linear-gradient(90deg,var(--ds-app-color-overlay-opt2-stop1,#1d172c) 0,var(--ds-app-color-overlay-opt2-stop2,#1D172C00) 100%); --ds-app-color-surface-solid-bg-nonclickable: var(--ds-color-dark-blue-900,#0e1726); --ds-app-color-surface-solid-bg-default: var(--ds-color-dark-blue-900,#0e1726); --ds-app-color-surface-solid-bg-hover: var(--ds-color-dark-blue-800,#17253d); --ds-app-color-surface-solid-bg-pressed: var(--ds-color-dark-blue-700,#1e304f); --ds-app-color-surface-solid-bg-selected: var(--ds-color-dark-blue-900,#0e1726); --ds-app-color-surface-glass-bg-nonclickable: var(--ds-color-alpha-black-200,#0003); --ds-app-color-surface-glass-bg-default: var(--ds-color-alpha-black-200,#0003); --ds-app-color-surface-glass-bg-hover: var(--ds-color-alpha-black-300,#0000004d); --ds-app-color-surface-glass-bg-pressed: var(--ds-color-alpha-black-400,#0006); --ds-app-color-surface-glass-bg-selected: var(--ds-color-alpha-black-500,#00000080); --ds-app-color-surface-contrast-bg-nonclickable: var(--ds-color-brilliant-blue-600,#006dc1); --ds-app-color-surface-contrast-bg-default: var(--ds-color-brilliant-blue-600,#006dc1); --ds-app-color-surface-contrast-bg-hover: var(--ds-color-brilliant-blue-700,#005597); --ds-app-color-surface-contrast-bg-pressed: var(--ds-color-brilliant-blue-800,#004275); --ds-app-color-surface-contrast-bg-selected: var(--ds-color-brilliant-blue-500,#0078d4) } `;globalThis.SOUtil.runOnPageLoad(()=>{if(globalThis.SOUtil.hasTheme("m365")){globalThis.SOUtil.addStylesheet(m365DarkTheme,"m365-dark-theme")}})})();