.flex-container{max-width:var(--global-container-max-width);width:100%;margin:0 auto}.figma-flex{--flex-gap:0px;align-items:var(--flex-align-secondary,"start");flex-direction:var(--flex-direction,"row");gap:var(--flex-gap);justify-content:var(--flex-align-primary,"start");display:flex}.figma-flex.flex-type-half{--column-major:calc(var(--sds-responsive-ratio-column-half)/2);--column-minor:calc(var(--sds-responsive-ratio-column-half)/2)}.figma-flex.flex-type-quarter{--column-major:calc(var(--sds-responsive-ratio-column-quarter-major)/4);--column-minor:calc(var(--sds-responsive-ratio-column-quarter-minor)/4)}.figma-flex.flex-type-third{--column-major:calc(var(--sds-responsive-ratio-column-third-major)/3);--column-minor:calc(var(--sds-responsive-ratio-column-third-minor)/3)}:is(.figma-flex.flex-direction-column,.figma-flex.flex-direction-column-reverse).flex-align-secondary-stretch>*{width:100%}:is(.figma-flex.flex-type-half,.figma-flex.flex-type-quarter,.figma-flex.flex-type-third)>.flex-item-size-full{--column-ratio:calc(var(--sds-responsive-ratio-column-full)/1)}:is(.figma-flex.flex-type-half,.figma-flex.flex-type-quarter,.figma-flex.flex-type-third)>.flex-item-size-half{--column-ratio:calc(var(--sds-responsive-ratio-column-half)/2)}:is(.figma-flex.flex-type-half,.figma-flex.flex-type-quarter,.figma-flex.flex-type-third)>.flex-item-size-major{--column-ratio:var(--column-major)}:is(.figma-flex.flex-type-half,.figma-flex.flex-type-quarter,.figma-flex.flex-type-third)>.flex-item-size-minor{--column-ratio:var(--column-minor)}:is(.figma-flex.flex-type-half,.figma-flex.flex-type-quarter,.figma-flex.flex-type-third)>*{--column-count:calc(1/var(--column-ratio));--base-width:calc((100%/var(--column-count)) - (((var(--column-count) - 1)/var(--column-count))*var(--flex-gap)));--column-span:calc(var(--column-ratio)*var(--column-count));flex-basis:calc(var(--column-span)*var(--base-width));max-width:calc(var(--column-span)*var(--base-width))}:is(.figma-flex.flex-direction-row,.figma-flex.flex-direction-row-reverse)>:not(.flex-item){--column-ratio:var(--column-minor)}:is(.figma-flex.flex-direction-row,.figma-flex.flex-direction-row-reverse).flex-type-auto.flex-align-primary-stretch>*{flex:1}.figma-flex .flex-item-size-fill{flex-grow:1}.figma-flex.flex-wrap{flex-wrap:wrap}.figma-flex.flex-gap-100{--flex-gap:var(--sds-size-space-100)}.figma-flex.flex-gap-200{--flex-gap:var(--sds-size-space-200)}.figma-flex.flex-gap-300{--flex-gap:var(--sds-size-space-300)}.figma-flex.flex-gap-400{--flex-gap:var(--sds-size-space-400)}.figma-flex.flex-gap-600{--flex-gap:var(--sds-size-space-600)}.figma-flex.flex-gap-800{--flex-gap:var(--sds-size-space-800)}.figma-flex.flex-gap-1200{--flex-gap:var(--sds-size-space-1200)}.figma-flex.flex-gap-1600{--flex-gap:var(--sds-size-space-1600)}
.button{--border-radius:var(--sds-size-radius-200);box-shadow:inset 0 0 0 var(--sds-size-stroke-border)var(--button-border-color);border-radius:var(--border-radius);background:var(--button-background-color);color:var(--button-color);cursor:pointer;font:var(--button-font);align-items:center;gap:var(--sds-size-space-200);padding:var(--button-padding-y)var(--button-padding-x);white-space:nowrap;justify-content:center;line-height:1;display:inline-flex;position:relative}.button>.icon{--icon-color:var(--button-color)}.button-size-small{--button-font:var(--sds-font-body-small);--button-padding-x:var(--sds-size-space-200);--button-padding-y:var(--sds-size-space-200)}.button-size-small>.icon{--icon-diameter:var(--sds-typography-scale-02)}.button-size-medium{--button-font:var(--sds-font-body-base);--button-padding-x:var(--sds-size-space-300);--button-padding-y:var(--sds-size-space-300)}.button-size-medium>.icon{--icon-diameter:var(--sds-typography-scale-03)}.button-size-large{font-size:var(--sds-typography-body-size-large);--button-padding-x:var(--sds-size-space-400);--button-padding-y:var(--sds-size-space-400)}.button[data-focus-visible]{--offset:calc(var(--sds-size-stroke-border)*2);outline:none}.button[data-focus-visible]:before{content:"";border-radius:calc(var(--border-radius) + var(--offset));bottom:calc(-1*var(--offset));box-shadow:0 0 0 var(--global-focus-ring-size)var(--global-focus-ring-color);left:calc(-1*var(--offset));right:calc(-1*var(--offset));top:calc(-1*var(--offset));position:absolute}.button-variant-primary{--button-background-color:var(--sds-color-background-brand-default);--button-border-color:var(--sds-color-border-brand-default);--button-color:var(--sds-color-text-brand-on-brand)}.button-variant-primary[data-hovered]:not([data-disabled]){--button-background-color:var(--sds-color-background-brand-hover);--button-border-color:var(--sds-color-border-brand-default)}.button-variant-neutral{--button-background-color:var(--sds-color-background-default-secondary);--button-border-color:var(--sds-color-border-default-default);--button-color:var(--sds-color-text-default-default)}.button-variant-neutral[data-hovered]:not([data-disabled]){--button-background-color:var(--sds-color-background-default-secondary-hover)}.button-variant-subtle{--button-background-color:transparent;--button-border-color:transparent;--button-color:var(--sds-color-text-brand-default)}.button-variant-subtle[data-hovered]:not([data-disabled]){--button-background-color:var(--sds-color-background-default-default-hover)}.button-variant-subtle.dark{--button-color:var(--sds-color-brand-100)}.button-variant-subtle.dark[data-hovered]:not([data-disabled]){--button-background-color:var(--sds-color-gray-700)}.button-variant-danger-primary{--button-background-color:var(--sds-color-background-danger-default);--button-border-color:var(--sds-color-border-danger-secondary);--button-color:var(--sds-color-text-danger-on-danger)}.button-variant-danger-primary[data-hovered]:not([data-disabled]){--button-background-color:var(--sds-color-background-danger-hover);--button-border-color:var(--sds-color-border-danger-default)}.button-variant-danger-subtle{--button-background-color:transparent;--button-border-color:transparent;--button-color:var(--sds-color-text-danger-default)}.button-variant-danger-subtle[data-hovered]:not([data-disabled]){--button-background-color:var(--sds-color-background-danger-tertiary-hover)}.button[data-disabled]{cursor:default;pointer-events:none}.button[data-disabled]:not(.button-variant-subtle):not(.button-variant-danger-subtle){--button-background-color:var(--sds-color-background-disabled-default);--button-border-color:var(--sds-color-border-disabled-default)}.button[data-disabled]{--button-color:var(--sds-color-text-disabled-default)}.button-group{align-items:center;gap:var(--sds-size-space-300);display:flex}.button-group.button-group-align-start{justify-content:flex-start}.button-group.button-group-align-center{justify-content:center}.button-group.button-group-align-end{justify-content:flex-end}.button-group.button-group-align-justify>.button{flex:1}.button-group.button-group-align-stack{flex-direction:column}.button-group.button-group-align-stack>.button{width:100%}
.icon-button{--border-radius:var(--sds-size-radius-full)}
.image{-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:auto;max-width:100%}.image-placeholder{background:var(--sds-color-background-default-secondary);display:block}img.image-loading{opacity:0;display:none}.image-variant-rounded{border-radius:var(--sds-size-radius-100)}.image-aspect-ratio-1-1{aspect-ratio:1}.image-aspect-ratio-16-9{aspect-ratio:16/9}.image-aspect-ratio-4-3{aspect-ratio:4/3}.image-aspect-ratio-fill{width:100%}.image-aspect-ratio-natural{aspect-ratio:auto}.image-size-small{--image-size-height:10rem;height:var(--image-size-height)}.image-size-medium{--image-size-height:20rem;height:var(--image-size-height)}.image-size-large{--image-size-height:30rem;height:var(--image-size-height)}.image-size-fill{--image-size-height:auto;height:var(--image-size-height);width:100%}.image-size-natural{--image-size-height:auto;height:var(--image-size-height)}.image-size .picture{width:100%;display:flex}
.section{box-sizing:border-box;padding:var(--section-padding-top)var(--section-padding-horizontal)var(--section-padding-bottom);width:100%;box-shadow:0 4px 8px #0000001a,0 -4px 8px #0000001a}.section:not(.header){position:relative}.section-variant-image{overflow:hidden}.section-variant-image.scrim:before{content:"";background-color:var(--sds-color-background-utilities-scrim)}.section-variant-image .section-image{-o-object-position:center 75%;object-position:center 75%;width:100%;height:100%}.section-variant-image:before,.section-variant-image .section-image{position:absolute;inset:0}.section-variant-brand{background:var(--sds-color-background-brand-default);color:var(--sds-color-text-brand-on-brand)}.section-variant-neutral{background:var(--sds-color-background-default-tertiary)}.section-variant-neutral p:not(:first-child){margin-top:.5rem}.section-variant-neutral strong{line-height:1.8}.section-variant-stroke:not(:last-child){border-bottom:var(--sds-size-stroke-border)solid var(--sds-color-border-default-default)}.section-variant-stroke:not(:first-child){border-top:var(--sds-size-stroke-border)solid var(--sds-color-border-default-default)}.section-variant-stroke+.section-variant-stroke{border-top:none}.section-variant-subtle{background:0 0}
.yarl__fullsize{width:100%;height:100%}.yarl__relative{position:relative}.yarl__portal{opacity:0;transition:opacity var(--yarl__fade_animation_duration,.25s)var(--yarl__fade_animation_timing_function,ease);z-index:var(--yarl__portal_zindex,9999);position:fixed;inset:0;overflow:hidden}.yarl__portal_open{opacity:1}.yarl__container{background-color:var(--yarl__container_background_color,var(--yarl__color_backdrop,#000));overscroll-behavior:var(--yarl__controller_overscroll_behavior,contain);touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none;outline:none;position:absolute;inset:0;overflow:hidden}.yarl__carousel{height:100%;opacity:var(--yarl__pull_opacity,1);transform:translate(var(--yarl__swipe_offset,0),var(--yarl__pull_offset,0));width:calc(100% + (var(--yarl__carousel_slides_count) - 1)*(100% + var(--yarl__carousel_spacing_px,0)*1px + var(--yarl__carousel_spacing_percent,0)*1%));flex:none;place-content:center;align-items:stretch;display:flex}.yarl__carousel_with_slides{-moz-column-gap:calc(var(--yarl__carousel_spacing_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_spacing_percent,0)*1%);column-gap:calc(var(--yarl__carousel_spacing_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_spacing_percent,0)*1%)}.yarl__flex_center{place-content:center;align-items:center;display:flex}.yarl__slide{padding:calc(var(--yarl__carousel_padding_px,0)*1px + 100/(var(--yarl__carousel_slides_count)*100 + (var(--yarl__carousel_slides_count) - 1)*var(--yarl__carousel_spacing_percent,0))*var(--yarl__carousel_padding_percent,0)*1%);flex:1;position:relative;overflow:hidden}[dir=rtl] .yarl__slide{--yarl__direction:-1}.yarl__slide_image{-o-object-fit:contain;object-fit:contain;touch-action:var(--yarl__controller_touch_action,none);-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;max-width:100%;max-height:100%}.yarl__slide_image_cover{-o-object-fit:cover;object-fit:cover;width:100%;height:100%}.yarl__slide_image_loading{opacity:0}@media screen and (min-width:800px){.yarl__slide_wrapper:not(.yarl__slide_wrapper_interactive) .yarl__slide_image{-webkit-backface-visibility:hidden;-webkit-transform-style:preserve-3d;-webkit-transform:translateZ(0)}}.yarl__slide_placeholder{line-height:0;position:absolute;top:50%;left:50%;transform:translate(-50%)translateY(-50%)}.yarl__slide_loading{color:var(--yarl__slide_icon_loading_color,var(--yarl__color_button,#fffc));animation:1s linear yarl__delayed_fadein}.yarl__slide_loading line{animation:1s linear infinite yarl__stroke_opacity}.yarl__slide_loading line:first-of-type{animation-delay:-1.875s}.yarl__slide_loading line:nth-of-type(2){animation-delay:-1.75s}.yarl__slide_loading line:nth-of-type(3){animation-delay:-1.625s}.yarl__slide_loading line:nth-of-type(4){animation-delay:-1.5s}.yarl__slide_loading line:nth-of-type(5){animation-delay:-1.375s}.yarl__slide_loading line:nth-of-type(6){animation-delay:-1.25s}.yarl__slide_loading line:nth-of-type(7){animation-delay:-1.125s}.yarl__slide_loading line:nth-of-type(8){animation-delay:-1s}.yarl__slide_error{color:var(--yarl__slide_icon_error_color,red);height:var(--yarl__slide_icon_error_size,48px);width:var(--yarl__slide_icon_error_size,48px)}@media (prefers-reduced-motion){.yarl__portal,.yarl__slide{transition:unset}.yarl__slide_loading,.yarl__slide_loading line{animation:unset}}.yarl__toolbar{padding:var(--yarl__toolbar_padding,8px);justify-content:flex-end;display:flex;position:absolute;inset:0 0 auto auto}[dir=rtl] .yarl__toolbar{inset:0 auto auto 0}.yarl__icon{height:var(--yarl__icon_size,32px);width:var(--yarl__icon_size,32px)}.yarl__button{appearance:none;background-color:var(--yarl__button_background_color,transparent);border:var(--yarl__button_border,0);color:var(--yarl__color_button,#fffc);cursor:pointer;filter:var(--yarl__button_filter,drop-shadow(2px 2px 2px #000c));margin:var(--yarl__button_margin,0);padding:var(--yarl__button_padding,8px);-webkit-tap-highlight-color:transparent;outline:none;line-height:0}.yarl__button:focus{color:var(--yarl__color_button_active,#fff)}.yarl__button:focus:not(:focus-visible){color:var(--yarl__color_button,#fffc)}.yarl__button:focus-visible{color:var(--yarl__color_button_active,#fff)}@media (hover:hover){.yarl__button:focus-visible:hover,.yarl__button:focus:hover,.yarl__button:hover{color:var(--yarl__color_button_active,#fff)}}.yarl__button:disabled{color:var(--yarl__color_button_disabled,#fff6);cursor:default}.yarl__navigation_next,.yarl__navigation_prev{padding:var(--yarl__navigation_button_padding,24px 16px);position:absolute;top:50%;transform:translateY(-50%)}.yarl__navigation_prev{left:0}[dir=rtl] .yarl__navigation_prev{left:unset;right:0;transform:translateY(-50%)rotate(180deg)}.yarl__navigation_next{right:0}[dir=rtl] .yarl__navigation_next{left:0;right:unset;transform:translateY(-50%)rotate(180deg)}.yarl__no_scroll{overscroll-behavior:none;height:100%;overflow:hidden}@keyframes yarl__delayed_fadein{0%{opacity:0}80%{opacity:0}to{opacity:1}}@keyframes yarl__stroke_opacity{0%{stroke-opacity:1}to{stroke-opacity:.125}}
.logo{--border-radius:var(--sds-size-radius-200);border-radius:var(--border-radius);padding:0;position:relative}.logo[data-focus-visible]{--offset:calc(var(--sds-size-stroke-border)*2);outline:none}.logo[data-focus-visible]:before{content:"";border-radius:calc(var(--border-radius) + var(--offset));bottom:calc(-1*var(--offset));box-shadow:0 0 0 var(--global-focus-ring-size)var(--global-focus-ring-color);left:calc(-1*var(--offset));right:calc(-1*var(--offset));top:calc(-1*var(--offset));position:absolute}.logo>img{--logo-color:var(--sds-color-icon-default-default);height:auto;width:var(--sds-size-icon-large)}
.menu{--menu-anchor-gap:var(--sds-size-space-300);--menu-anchor-offset:var(--sds-size-space-300);--menu-anchor-padding:var(--sds-size-space-300);background:var(--sds-color-background-default-default);border-radius:var(--sds-size-radius-200);box-shadow:inset 0 0 0 var(--sds-size-stroke-border)var(--sds-color-border-default-default),var(--sds-effects-shadows-drop-shadow-400);padding:var(--sds-size-space-200);outline:none;overflow-y:auto}.menu-header{padding:var(--sds-size-space-200)var(--sds-size-space-400)var(--sds-size-space-100)}.menu-section{width:100%}.menu-heading{color:var(--sds-color-text-default-secondary);font:var(--sds-font-body-strong);padding:var(--sds-size-space-200)var(--sds-size-space-400)var(--sds-size-space-100)}.menu-separator{background-color:var(--sds-color-border-default-default);height:var(--sds-size-stroke-border);margin:var(--sds-size-space-100)var(--sds-size-space-400);display:block}.menu-item{--menu-label-column-start:1;--menu-label-column-span-a:2;--menu-label-column-span-b:1;--menu-description-column-start:1;--menu-description-column-span:3;--menu-item-background-color:transparent;--menu-item-icon-color:var(--sds-color-icon-default-default);--menu-item-label-color:var(--sds-color-text-default-default);--menu-item-description-color:var(--sds-color-text-default-secondary);background-color:var(--menu-item-background-color);border-radius:var(--sds-size-radius-200);color:var(--menu-item-label-color);-moz-column-gap:var(--sds-size-space-400);column-gap:var(--sds-size-space-400);font:var(--sds-font-body-base);padding:var(--sds-size-space-300)var(--sds-size-space-400);row-gap:var(--sds-size-space-100);grid-template-columns:1fr auto;width:100%;display:grid}.menu-item[data-focused]{outline:none}.menu-item[data-focused],.menu-item[data-hovered]:not([data-disabled]){--menu-item-icon-color:var(--sds-color-icon-brand-on-brand);--menu-item-label-color:var(--sds-color-text-brand-on-brand);--menu-item-description-color:var(--sds-color-text-brand-on-brand);--menu-item-background-color:var(--sds-color-background-brand-default)}.menu-item[data-disabled]{--menu-item-icon-color:var(--sds-color-icon-disabled-default);--menu-item-label-color:var(--sds-color-text-disabled-default);--menu-item-description-color:var(--sds-color-text-disabled-default)}.menu-item:has(>.keyboard){--menu-label-column-span-b:0}.menu-item:has(>.icon){--menu-label-column-start:2;--menu-label-column-span-a:1;--menu-description-column-start:2;--menu-description-column-span:2}.menu-item>.icon{--icon-color:var(--menu-item-icon-color)}.menu-label{color:var(--menu-item-label-color);grid-column:var(--menu-label-column-start)/span calc(var(--menu-label-column-span-a) + var(--menu-label-column-span-b));grid-row-start:1}.menu-description{color:var(--menu-item-description-color);grid-column:var(--menu-description-column-start)/span var(--menu-description-column-span);grid-row-start:2}.keyboard{color:var(--menu-item-description-color);align-items:center;gap:var(--sds-size-space-100);text-transform:capitalize;display:flex}.keyboard>kbd{font:var(--sds-font-body-base);text-align:center;display:flex}
.navigation{align-items:center;gap:var(--sds-size-space-200);display:flex}.navigation-direction-row{flex-direction:row}.navigation-direction-row>.navigation-button{justify-content:center;height:100%}.navigation-direction-column{flex-direction:column}.navigation-direction-column>.navigation-button{width:100%}.navigation-pill{--border-radius:var(--sds-size-radius-200);border-radius:var(--border-radius);cursor:pointer;padding:var(--sds-size-space-200);background:0 0;position:relative}.navigation-pill.navigation-pill-variant-bright-background{color:var(--sds-color-text-default-default)}.navigation-pill.navigation-pill-variant-bright-background+.navigation-pill.navigation-pill-variant-bright-background[data-hovered]{color:var(--sds-color-text-default-default)}.navigation-pill.navigation-pill-variant-dark-background{color:var(--sds-color-text-default-default)}.navigation-pill[data-hovered]{background:var(--sds-color-background-default-default-hover)}.navigation-pill[data-selected]{color:var(--sds-color-text-brand-on-brand-secondary);background:var(--sds-color-background-brand-secondary)}.navigation-pill[data-focus-visible]{--offset:calc(var(--sds-size-stroke-border)*2);outline:none}.navigation-pill[data-focus-visible]:before{content:"";border-radius:calc(var(--border-radius) + var(--offset));bottom:calc(-1*var(--offset));box-shadow:0 0 0 var(--global-focus-ring-size)var(--global-focus-ring-color);left:calc(-1*var(--offset));right:calc(-1*var(--offset));top:calc(-1*var(--offset));position:absolute}.navigation-button{--border-radius:0px;border-radius:var(--border-radius);color:var(--sds-color-text-default-secondary);cursor:pointer;align-items:center;gap:var(--sds-size-space-200);padding:var(--sds-size-space-200);background:0 0;line-height:1;display:flex;position:relative}.navigation-button>.icon{--icon-color:var(--sds-color-icon-default-secondary)}.navigation-button[data-selected]{color:var(--sds-color-text-brand-default)}.navigation-button[data-selected]>.icon{--icon-color:var(--sds-color-icon-brand-default)}.navigation-button[data-hovered]{background:var(--sds-color-background-default-default-hover)}.navigation-button[data-focus-visible]{--offset:calc(var(--sds-size-stroke-border)*2);outline:none}.navigation-button[data-focus-visible]:before{content:"";border-radius:calc(var(--border-radius) + var(--offset));bottom:calc(-1*var(--offset));box-shadow:0 0 0 var(--global-focus-ring-size)var(--global-focus-ring-color);left:calc(-1*var(--offset));right:calc(-1*var(--offset));top:calc(-1*var(--offset));position:absolute}.navigation-button.navigation-button-direction-column{flex-direction:column}.navigation-button.navigation-button-direction-row{flex-direction:row}.navigation-button.navigation-button-size-small{font:var(--sds-font-body-small-strong)}.navigation-button.navigation-button-size-medium{font:var(--sds-font-body-base)}
.notification{--border-radius:var(--sds-size-radius-200);background-color:var(--notification-background-color);border-radius:var(--border-radius);box-shadow:inset 0 0 0 var(--sds-size-stroke-border)var(--notification-border-color);color:var(--notification-color);padding:var(--sds-size-space-400)var(--sds-size-space-300)var(--sds-size-space-400)var(--sds-size-space-400);grid-template-columns:min-content 1fr;grid-template-areas:"icon content""icon content""icon content";justify-content:center;align-items:center;width:100%;display:grid;position:relative}.notification>.notification-icon{grid-area:icon;align-self:flex-start}.notification>.notification-icon+.notification-content{margin-left:var(--sds-size-space-300)}.notification>.notification-content{flex-direction:column;grid-area:content;display:flex}.notification>.notification-content>*+*{margin-top:var(--sds-size-space-100)}.notification>.notification-content>.button{margin-top:var(--sds-size-space-300)}.notification>.notification-icon>.icon{--icon-color:var(--notification-icon)}.notification>.icon-button{right:var(--sds-size-space-200);top:var(--sds-size-space-200);position:absolute}.notification-variant-message{--notification-color:var(--sds-color-text-default-default);--notification-icon:var(--sds-color-icon-default-default);--notification-border-color:var(--sds-color-border-default-default);--notification-background-color:var(--sds-color-background-default-default)}.notification-variant-message.dark{--notification-color:var(--sds-color-white-1000);--notification-icon:var(--sds-color-white-1000);--notification-border-color:var(--sds-color-gray-600);--notification-background-color:var(--sds-color-gray-900)}.notification-variant-alert{--notification-color:var(--sds-color-text-danger-on-danger-tertiary);--notification-icon:var(--sds-color-icon-danger-on-danger-tertiary);--notification-border-color:var(--sds-color-border-danger-default);--notification-background-color:var(--sds-color-background-danger-tertiary)}
.switch:not(.light){--switch-background:var(--sds-color-background-default-secondary);--switch-border:var(--sds-color-border-default-default);--switch-icon:var(--sds-color-icon-default-secondary)}.switch.light{--switch-background:var(--sds-color-gray-100)!important;--switch-border:var(--sds-color-gray-300)!important;--switch-icon:var(--sds-color-gray-500)!important}.switch{--switch-padding:var(--sds-size-space-100);--switch-width:calc(var(--sds-size-space-400) + var(--sds-size-space-600));--switch-icon-diameter:var(--sds-size-space-400);--switch-icon-x:calc(var(--switch-padding));--switch-border-radius:var(--sds-size-space-600);background:var(--switch-background);box-shadow:inset 0 0 0 var(--sds-size-stroke-border)var(--switch-border);border-radius:var(--switch-border-radius);height:var(--sds-size-space-600);padding:var(--switch-padding);width:var(--switch-width);position:relative}.switch>.switch-icon{background:var(--switch-icon);border-radius:var(--switch-icon-diameter);transform:translateY(-50%)translateX(var(--switch-icon-x));height:var(--switch-icon-diameter);width:var(--switch-icon-diameter);display:block;position:absolute;top:50%;left:0}.switch-group{gap:var(--sds-size-space-300);flex-direction:column;display:flex}.switch-field[data-selected]:not(.light) .switch{--switch-background:var(--sds-color-background-brand-default);--switch-icon:var(--sds-color-icon-brand-on-brand)}.switch-field[data-selected].light .switch{box-shadow:inset 0 0 0 var(--sds-size-stroke-border)transparent;--switch-background:var(--sds-color-brand-800)!important;--switch-icon:var(--sds-color-brand-100)!important}.switch-field[data-selected] .switch{--switch-border:var(--switch-background);--switch-icon-x:calc(var(--switch-width) - var(--switch-padding) - var(--switch-icon-diameter))}.switch-field[data-focus-visible] .switch:before{--offset:calc(var(--sds-size-stroke-border)*2);content:"";border-radius:calc(var(--switch-border-radius) + var(--offset));bottom:calc(-1*var(--offset));box-shadow:0 0 0 var(--global-focus-ring-size)var(--global-focus-ring-color);left:calc(-1*var(--offset));right:calc(-1*var(--offset));top:calc(-1*var(--offset));position:absolute}.switch-field:not(.light){--switch-field-label-color:var(--sds-color-text-default-default)!important;--switch-field-description-color:var(--sds-color-text-default-secondary)!important}.switch-field.light{--switch-field-label-color:var(--sds-color-gray-900)!important;--switch-field-description-color:var(--sds-color-gray-550)!important}.switch-field{-moz-column-gap:var(--sds-size-space-300);align-items:center;column-gap:var(--sds-size-space-300);row-gap:var(--sds-size-space-100);grid-template-columns:1fr auto;display:grid}.switch-field>.switch{grid-row-start:1;grid-column-start:2}.switch-field>.label{color:var(--switch-field-label-color);grid-row-start:1;grid-column-start:1}.switch-field>.description{color:var(--switch-field-description-color);grid-row-start:2;grid-column-start:1}.switch-field[data-disabled]>.label{--switch-field-label-color:var(--sds-color-text-disabled-default)}.switch-field[data-disabled]>.description{--switch-field-description-color:var(--sds-color-text-disabled-default)}:is(.switch-field[data-disabled] .switch,.switch-field[data-disabled][data-selected] .switch) :not(.light){--switch-background:var(--sds-color-background-disabled-default);--switch-border:var(--sds-color-border-disabled-default);--switch-icon:var(--sds-color-icon-disabled-default)}:is(.switch-field[data-disabled] .switch,.switch-field[data-disabled][data-selected] .switch) .light{--switch-background:var(--sds-color-brand-300)!important;--switch-border:var(--sds-color-brand-400)!important;--switch-icon:var(--sds-color-brand-400)!important;--switch-field-label-color:var(--sds-color-brand-400)!important;--switch-field-description-color:var(--sds-color-brand-400)!important}