.spinnerContainer[data-stb-spinner=current]{--spinner-container-size:var(--p-spacing-rem-96);--spinner-radius:44;--spinner-perimeter:calc(2 * pi * var(--spinner-radius));--spinner-perimeter-full:calc(var(--spinner-perimeter) * 1px);--spinner-perimeter-fraction:calc(.001 * var(--spinner-perimeter) * 1px);--spinner-track-color:var(--p-color-static-grey-background);--spinner-ticker-color:var(--p-color-static-brand-foreground);--text-color:var(--p-color-text-primary);color:var(--text-color);align-items:center;gap:var(--p-spacing-08);width:var(--spinner-container-size);flex-direction:column;display:flex;& svg{width:100%;height:100%}& p{white-space:nowrap;font-size:1rem}&.xxsmall{--spinner-radius:8;--spinner-container-size:var(--p-spacing-rem-16)}&.xsmall{--spinner-radius:10;--spinner-container-size:1.375rem}&.small{--spinner-radius:11;--spinner-container-size:var(--p-spacing-rem-24)}&.medium{--spinner-radius:24;--spinner-container-size:var(--p-spacing-rem-48);& p{font-size:.875rem}}&.onRed{--spinner-track-color:var(--p-color-static-grey-background);--spinner-ticker-color:var(--p-color-static-grey-foreground);--text-color:var(--p-color-text-primary)}& .spinner{animation:5s linear infinite loading-indicator-spinner-rotate}& .spinnerTrack{stroke:var(--spinner-track-color)}& .spinnerInMotion{stroke:var(--spinner-ticker-color);stroke-dasharray:var(--spinner-perimeter);transform-origin:var(--spinner-radius) var(--spinner-radius) 0;animation:6s ease-in-out infinite loading-indicator-spinner-spin}}@keyframes loading-indicator-spinner-spin{0%{stroke-dasharray:var(--spinner-perimeter-full), var(--spinner-perimeter-fraction);transform:rotate(0)}50%{stroke-dasharray:var(--spinner-perimeter-fraction), var(--spinner-perimeter-full);transform:rotate(720deg)}to{stroke-dasharray:var(--spinner-perimeter-full), var(--spinner-perimeter-fraction);transform:rotate(1080deg)}}@keyframes loading-indicator-spinner-rotate{0%{transform:rotate(0)}50%{transform:rotate(720deg)}to{transform:rotate(1080deg)}}.inputContainer[data-stb-input-field=current]{--text-color:var(--p-color-text-primary);--background-color:var(--p-color-surface-static);--border-color:var(--p-color-stroke-0);--suffix-color:var(--p-color-text-secondary);--icon-color:var(--p-color-text-primary);--input-max-height:3rem;--border-normal:var(--p-border-rem-xsmall);--border-fat:.0938rem;--border-thickness:var(--border-normal);background-color:var(--background-color);border:var(--border-thickness) solid var(--border-color);border-radius:var(--p-corner-radius-rem-small);box-sizing:border-box;color:var(--text-color);cursor:text;max-height:var(--input-max-height);min-height:var(--input-max-height);padding:var(--p-spacing-rem-12);align-self:flex-start;align-items:center;width:100%;display:inline-flex;position:relative;& .inputElement{box-sizing:border-box;color:var(--text-color);background-color:#0000;border:none;outline:none;flex:1;width:100%;height:100%;padding:0;&:focus{outline:none}&::placeholder{color:var(--p-color-text-placeholder);font-family:Storebrand Text,sans-serif;font-size:1rem;font-weight:400;line-height:1.375rem;@media (width>=600px){font-size:1.125rem;line-height:1.625rem}}&::-webkit-outer-spin-button{-webkit-appearance:none}&::-webkit-inner-spin-button{-webkit-appearance:none}&[type=number]{-moz-appearance:textfield}}&[data-density=compact]{--input-max-height:2.5rem;height:var(--input-max-height);& .inputContainer{padding:var(--p-spacing-rem-08) var(--p-spacing-rem-12)}}& .inputAdditions{height:100%;margin-left:var(--p-spacing-rem-08);align-items:center;gap:.5rem;display:flex}& .iconButton{color:var(--icon-color);display:flex}& .icon{--icon-size:1.375rem;color:var(--icon-color);pointer-events:none;display:flex;& i{font-size:var(--icon-size);height:var(--icon-size);line-height:var(--icon-size);width:var(--icon-size)}@media (width>=600px){--icon-size:1.625rem}}& .inputSuffix{color:var(--suffix-color);margin-left:var(--p-spacing-rem-08)}&[data-message-type=success]{--border-color:var(--p-color-stroke-success);--border-thickness:var(--border-fat);--background-color:var(--p-color-surface-success)}&[data-message-type=warning]{--border-color:var(--p-color-stroke-warning);--border-thickness:var(--border-fat);--background-color:var(--p-color-surface-warning)}&[data-message-type=error]{--border-color:var(--p-color-stroke-error);--border-thickness:var(--border-fat);--background-color:var(--p-color-surface-error)}&:not([data-disabled=true],[data-readonly=true]){&:active,&:focus-within{--border-color:var(--p-color-stroke-selected);--border-thickness:var(--border-fat)}@media (hover:hover) and (pointer:fine){&:hover{--border-color:var(--p-color-background-selected-pressed)}}& .inputElement:focus-visible{--border-color:var(--p-color-stroke-0)}}&[data-readonly=true]{--border-color:var(--p-color-stroke-0);--background-color:var(--p-color-background-hover);&:active,&:focus-within{--border-thickness:var(--border-normal)}}&[data-disabled=true]{--background-color:var(--p-color-surface-static);--border-color:var(--p-color-stroke-disabled);--suffix-color:var(--p-color-text-disabled);--text-color:var(--p-color-text-disabled);--icon-color:var(--p-color-text-disabled);cursor:not-allowed;opacity:1;& .inputElement,& .inputAdditions .inputSuffix{pointer-events:none}}}.inputWrapper{max-width:37.5rem;&[data-fluid=true]{width:100%;max-width:100%}}.textAreaContainer[data-stb-textarea-atom=current]{--text-color:var(--p-color-text-primary);--background-color:var(--p-color-surface-static);--border-color:var(--p-color-stroke-0);--suffix-color:var(--p-color-text-secondary);--icon-color:var(--p-color-text-primary);--border-normal:var(--p-border-rem-xsmall);--border-fat:.0938rem;--border-thickness:var(--border-normal);background-color:var(--background-color);border:var(--border-thickness) solid var(--border-color);border-radius:var(--p-corner-radius-rem-small);box-sizing:border-box;color:var(--text-color);cursor:text;align-self:flex-start;align-items:flex-start;width:100%;max-width:18rem;height:auto;min-height:auto;padding:.125rem;display:inline-flex;position:relative;& .inputElement{border-radius:var(--p-corner-radius-rem-small);box-sizing:border-box;color:var(--text-color);height:auto;min-height:auto;padding:var(--p-spacing-rem-08);background-color:#0000;border:none;outline:none;flex-grow:1;width:100%;&:focus{outline:none}&::placeholder{color:var(--p-color-text-placeholder);font-family:Storebrand Text,sans-serif;font-size:1rem;font-weight:400;line-height:1.375rem;@media (width>=600px){font-size:1.125rem;line-height:1.625rem}}&::-webkit-resizer{cursor:se-resize;fill:var(--border-color);background-image:url(https://assets.storebrand.no/pretzel/phosphor-icons/notches.svg);background-repeat:no-repeat;background-size:100% 100%;border:none}}&:focus-visible{--input-outline:var(--p-outline);--border-color:var(--p-color-stroke-0)}&[data-message-type=success]{--border-color:var(--p-color-stroke-success);--border-thickness:var(--border-fat);--background-color:var(--p-color-surface-success)}&[data-message-type=warning]{--border-color:var(--p-color-stroke-warning);--border-thickness:var(--border-fat);--background-color:var(--p-color-surface-warning)}&[data-message-type=error]{--border-color:var(--p-color-stroke-error);--border-thickness:var(--border-fat);--background-color:var(--p-color-surface-error)}&[data-readonly=true]:active,&[data-readonly=true]:focus-within{--border-color:var(--p-color-stroke-0);--background-color:var(--p-color-background-hover);--border-thickness:var(--border-normal)}&:not([data-disabled=true],[data-readonly=true]){&:active,&:focus-within{--border-color:var(--p-color-stroke-selected);--border-thickness:var(--border-fat)}@media (hover:hover) and (pointer:fine){&:hover{--border-color:var(--p-color-background-selected-pressed)}}& .inputElement:focus-visible{--border-color:var(--p-color-stroke-0)}}&[data-readonly=true]{--border-color:var(--p-color-stroke-0);--background-color:var(--p-color-background-hover);& .inputElement{pointer-events:none}}&[data-disabled=true]{--background-color:var(--p-color-surface-static);--border-color:var(--p-color-stroke-disabled);--suffix-color:var(--p-color-text-disabled);--text-color:var(--p-color-text-disabled);--icon-color:var(--p-color-text-disabled);cursor:not-allowed;opacity:1;& .inputElement,& .inputAdditions{pointer-events:none}}&[data-fluid=true]{max-width:100%}}.button[data-stb-button=current],.button[data-stb-button-circle=current]{--button-background-color:var(--p-color-button-action-fill);--button-color:var(--p-color-text-on-color);--button-color-active:var(--p-color-text-on-color);--button-border-color:var(--p-color-button-action-fill);--button-outline:none;--button-height:var(--p-spacing-rem-40);--button-font-size:1rem;--button-line-height:1.375rem;--button-icon-size:var(--button-line-height);--button-padding:var(--p-spacing-rem-08) var(--p-spacing-rem-20);background-color:var(--button-background-color);border:var(--p-border-rem-xsmall) solid var(--button-border-color);border-radius:var(--p-corner-radius-rem-extreme);box-sizing:border-box;color:var(--button-color);cursor:pointer;font-size:var(--button-font-size);height:var(--button-height);line-height:var(--button-line-height);outline:var(--button-outline);outline-offset:var(--p-outline-offset);padding:var(--button-padding);transition-duration:var(--p-transition-duration);justify-content:center;align-items:center;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;& .buttonContentContainer{align-items:center;gap:var(--p-spacing-rem-04);white-space:nowrap;justify-content:center;display:flex;& .buttonContent{padding:0 var(--p-spacing-rem-04)}}& i{font-size:calc(var(--button-icon-size) - 2px);height:var(--button-icon-size);line-height:var(--button-icon-size);text-align:center;width:var(--button-icon-size)}& .buttonSpinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}&:focus-visible{--button-outline:var(--p-outline)}&[data-fluid=true]{width:100%;@media (width>=600px){max-width:600px}}&[data-loading=true]{& .buttonContentContainer{visibility:hidden}}&[data-size=large]{--button-height:var(--p-spacing-rem-48);@media (width>=600px){--button-font-size:1.125rem;--button-line-height:1.625rem}}&[data-size=medium]{--button-height:var(--p-spacing-rem-40);--button-font-size:.875rem;--button-line-height:1.25rem;--button-padding:.625rem  var(--p-spacing-rem-16);@media (width>=600px){--button-font-size:1rem;--button-line-height:1.375rem}}&[data-size=small]{--button-height:var(--p-spacing-rem-32);--button-font-size:.75rem;--button-line-height:1rem;--button-padding:var(--p-spacing-rem-08) var(--p-spacing-rem-12);@media (width>=600px){--button-font-size:.875rem;--button-line-height:1.125rem}}&[data-variant=primary]{&[aria-disabled=true],&[disabled]{--button-color:var(--p-color-text-disabled);--button-background-color:var(--p-color-button-disabled);--button-border-color:var(--p-color-button-disabled)}@media (hover:hover) and (pointer:fine){&:hover{--button-background-color:var(--p-color-button-action-fill-hover);--button-border-color:var(--p-color-button-action-fill-hover)}}&:active{--button-background-color:var(--p-color-button-action-fill-active);--button-border-color:var(--p-color-button-action-fill-active)}}&[data-variant=secondary]{--button-color:var(--p-color-text-primary);--button-background-color:transparent;--button-border-color:var(--p-color-stroke-strong);&[aria-disabled=true],&[disabled]{--button-color:var(--p-color-text-disabled);--button-border-color:var(--p-color-stroke-disabled)}&[data-loading=true]{--button-background-color:transparent}@media (hover:hover) and (pointer:fine){&:hover{--button-background-color:var(--p-color-background-hover);--button-color:var(--p-color-text-primary-hover);--button-border-color:var(--p-color-stroke-strong-hover)}}&:active{--button-background-color:var(--p-color-background-pressed);--button-color:var(--p-color-text-primary-active);--button-border-color:var(--p-color-stroke-strong-pressed)}}&[data-variant=subtle]{--button-color:var(--p-color-text-primary);--button-background-color:transparent;--button-border-color:var(--p-color-stroke-subtle-0);&[aria-disabled=true],&[disabled]{--button-color:var(--p-color-text-disabled);--button-border-color:var(--p-color-stroke-disabled)}&[data-loading=true]{--button-background-color:transparent}@media (hover:hover) and (pointer:fine){&:hover{--button-background-color:var(--p-color-background-hover);--button-color:var(--p-color-text-primary-hover);--button-border-color:var(--p-color-stroke-strong-hover)}}&:active{--button-background-color:var(--p-color-background-pressed);--button-color:var(--p-color-text-primary-active);--button-border-color:var(--p-color-stroke-strong-pressed)}}&[data-variant=tertiary]{--button-color:var(--p-color-text-interactive);--button-background-color:transparent;--button-border-color:transparent;&[aria-disabled=true],&[disabled]{--button-color:var(--p-color-text-disabled)}@media (hover:hover) and (pointer:fine){&:hover{--button-background-color:var(--p-color-background-hover);--button-color:var(--p-color-text-interactive-hover)}}&:active{--button-background-color:var(--p-color-background-pressed);--button-color:var(--p-color-text-interactive-active)}&:focus-visible{--button-border-color:transparent}}&[data-variant=brand]{--button-background-color:var(--p-color-button-brand-fill);--button-color:var(--p-color-text-on-color);--button-border-color:var(--p-color-button-brand-fill);@media (hover:hover) and (pointer:fine){&:hover{--button-background-color:var(--p-color-button-brand-fill-hover);--button-border-color:var(--p-color-button-brand-fill-hover)}}&:active{--button-background-color:var(--p-color-button-brand-fill-active);--button-border-color:var(--p-color-button-brand-fill-active)}&[aria-disabled=true],&[disabled]{--button-color:var(--p-color-text-disabled);--button-background-color:var(--p-color-button-disabled);--button-border-color:var(--p-color-button-disabled)}}&[aria-disabled=true],&[disabled]{pointer-events:none}}.buttonIcon[data-stb-button-icon=current]{--button-icon-background-color:transparent;--button-icon-color:var(--p-color-icon-primary);--button-icon-outline:none;--button-icon-size:clamp(1.375rem, 3vw, 1.375rem);background-color:var(--button-icon-background-color);box-sizing:border-box;color:var(--button-icon-color);cursor:pointer;max-height:var(--button-icon-size);max-width:var(--button-icon-size);min-height:var(--button-icon-size);min-width:var(--button-icon-size);outline:var(--button-icon-outline);outline-offset:var(--p-outline-offset);transition-duration:var(--p-transition-duration);white-space:nowrap;width:var(--button-icon-size);border:none;border-radius:.125rem;justify-content:center;align-items:center;padding:0;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;&>i{font-size:var(--button-icon-size);height:var(--button-icon-size);line-height:var(--button-icon-size);width:var(--button-icon-size)}&:focus-visible{--button-icon-outline:var(--p-outline)}@media (hover:hover) and (pointer:fine){&:hover{--button-icon-color:var(--p-color-icon-primary-hover)}}&:active{--button-icon-color:var(--p-color-icon-primary-active)}&[data-size=xlarge]{--button-icon-size:clamp(1.625rem, 3vw, 1.625rem);@media (width>=600px){--button-icon-size:clamp(1.75rem, 3vw, 1.75rem)}}&[data-size=large]{--button-icon-size:clamp(1.375rem, 3vw, 1.375rem);@media (width>=600px){--button-icon-size:clamp(1.625rem, 3vw, 1.625rem)}}&[data-size=medium]{--button-icon-size:clamp(1.25rem, 3vw, 1.25rem);@media (width>=600px){--button-icon-size:clamp(1.375rem, 3vw, 1.375rem)}}&[data-size=small]{--button-icon-size:clamp(1rem, 3vw, 1rem);@media (width>=600px){--button-icon-size:clamp(1.125rem, 3vw, 1.125rem)}}&[aria-disabled=true],&[disabled]{--button-icon-color:var(--p-color-icon-disabled);pointer-events:none}}.systemIconBase[data-stb-system-icon=current]{flex-shrink:0;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.spinnerContainer[data-stb-spinner=current]{--spinner-container-size:var(--p-spacing-rem-96);--spinner-radius:44;--spinner-perimeter:calc(2 * pi * var(--spinner-radius));--spinner-perimeter-full:calc(var(--spinner-perimeter) * 1px);--spinner-perimeter-fraction:calc(.001 * var(--spinner-perimeter) * 1px);--spinner-track-color:var(--p-color-static-grey-background);--spinner-ticker-color:var(--p-color-static-brand-foreground);--text-color:var(--p-color-text-primary);color:var(--text-color);align-items:center;gap:var(--p-spacing-08);width:var(--spinner-container-size);flex-direction:column;display:flex;& svg{width:100%;height:100%}& p{white-space:nowrap;font-size:1rem}&.xxsmall{--spinner-radius:8;--spinner-container-size:var(--p-spacing-rem-16)}&.xsmall{--spinner-radius:10;--spinner-container-size:1.375rem}&.small{--spinner-radius:11;--spinner-container-size:var(--p-spacing-rem-24)}&.medium{--spinner-radius:24;--spinner-container-size:var(--p-spacing-rem-48);& p{font-size:.875rem}}&.onRed{--spinner-track-color:var(--p-color-static-grey-background);--spinner-ticker-color:var(--p-color-static-grey-foreground);--text-color:var(--p-color-text-primary)}& .spinner{animation:5s linear infinite loading-indicator-spinner-rotate}& .spinnerTrack{stroke:var(--spinner-track-color)}& .spinnerInMotion{stroke:var(--spinner-ticker-color);stroke-dasharray:var(--spinner-perimeter);transform-origin:var(--spinner-radius) var(--spinner-radius) 0;animation:6s ease-in-out infinite loading-indicator-spinner-spin}}:where(.formElementWrapper[data-stb-form-element-wrapper=current]){gap:var(--p-spacing-rem-08);flex-direction:column;display:flex;&[data-disabled=true]{cursor:not-allowed}}.systemIconBase[data-stb-system-icon=current]{flex-shrink:0;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.alertInlineBase[data-stb-alert-inline=current]{--color-text:var(--p-color-text-primary);--color-icon:var(--p-color-icon-primary);border-radius:var(--p-corner-radius-rem-small);box-sizing:border-box;align-self:start;gap:var(--p-spacing-rem-08);flex-direction:row;flex-shrink:0;display:inline-flex;& .alertTitle{--alert-line-height:1.25rem;color:var(--color-text);line-height:var(--alert-line-height);@media (width>=600px){--alert-line-height:1.375rem}}& .alertIconWrapper{text-align:center;display:flex}& .alertIcon{--alert-icon-size:1.25rem;color:var(--color-icon);font-size:var(--alert-icon-size);height:var(--alert-icon-size);line-height:var(--alert-icon-size);width:var(--alert-icon-size);@media (width>=600px){--alert-icon-size:1.375rem}}&.alertInlineRegular{gap:var(--p-spacing-rem-12);& .alertTitle{--alert-line-height:1.375rem;@media (width>=600px){--alert-line-height:1.625rem}}& .alertIcon{--alert-icon-size:1.375rem;@media (width>=600px){--alert-icon-size:1.625rem}}}&[data-variant=error]{--color-icon:var(--p-color-icon-error);--color-text:var(--p-color-text-error)}&[data-variant=warning]{--color-icon:var(--p-color-icon-warning);--color-text:var(--p-color-text-warning)}&[data-variant=success]{--color-icon:var(--p-color-icon-success);--color-text:var(--p-color-text-success)}&[data-variant=info]{--color-icon:var(--p-color-icon-info);--color-text:var(--p-color-text-info)}}.hintBase[data-stb-hint=current]{color:var(--p-color-text-secondary);display:inline-block;& button.hintButton{cursor:pointer;outline-offset:2px;white-space:nowrap;background:0 0;border:none;border-radius:3.2px;padding:0;font-family:Storebrand Text,sans-serif;font-weight:600;line-height:150%;text-decoration:underline}& button{& .system-icon.icon-left{margin-left:var(--p-spacing-16)}}& button.hintButton:focus{outline:var(--p-outline)}& button.hintButton:focus:not(:focus-visible){outline:0}& button.hintButton:focus-visible{outline:var(--p-outline)}& p{margin:0;&>a{font-size:inherit}}& .hintText{color:var(--p-color-text-secondary);text-wrap:pretty}&[data-disabled-style=true]{& span.hintText{color:var(--p-color-text-disabled)}}}.popoverBase[data-stb-popover=current]{justify-content:center;align-items:center;display:flex;& .popoverPopoverElement{--popover-background-color:var(--p-color-surface-1);--popover-box-shadow:0 .25rem .375rem 0 #00000024, 0 .375rem .5rem 0 #0000001f;background:var(--popover-background-color);border-radius:var(--p-corner-radius-rem-small);box-shadow:var(--popover-box-shadow);box-sizing:border-box;gap:var(--p-spacing-rem-16);min-width:18rem;max-width:35rem;padding:var(--p-spacing-rem-16);width:100%;z-index:var(--p-z-index-popover);flex-direction:row;justify-content:space-between;display:flex;@media (width>=600px){padding:var(--p-spacing-rem-20)}&[data-show-on=hover]{padding:var(--p-spacing-rem-24)}& .popoverContent{box-sizing:border-box;gap:var(--p-spacing-rem-08);width:calc(100% - var(--p-spacing-rem-40));flex-direction:column;justify-content:center;display:flex;& .popoverContentHeader,& .popoverContentSection{box-sizing:border-box;overflow-wrap:break-word}}}}.button[data-stb-button=current],.button[data-stb-button-circle=current]{--button-background-color:var(--p-color-button-action-fill);--button-color:var(--p-color-text-on-color);--button-color-active:var(--p-color-text-on-color);--button-border-color:var(--p-color-button-action-fill);--button-outline:none;--button-height:var(--p-spacing-rem-40);--button-font-size:1rem;--button-line-height:1.375rem;--button-icon-size:var(--button-line-height);--button-padding:var(--p-spacing-rem-08) var(--p-spacing-rem-20);background-color:var(--button-background-color);border:var(--p-border-rem-xsmall) solid var(--button-border-color);border-radius:var(--p-corner-radius-rem-extreme);box-sizing:border-box;color:var(--button-color);cursor:pointer;font-size:var(--button-font-size);height:var(--button-height);line-height:var(--button-line-height);outline:var(--button-outline);outline-offset:var(--p-outline-offset);padding:var(--button-padding);transition-duration:var(--p-transition-duration);justify-content:center;align-items:center;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;& .buttonContentContainer{align-items:center;gap:var(--p-spacing-rem-04);white-space:nowrap;justify-content:center;display:flex;& .buttonContent{padding:0 var(--p-spacing-rem-04)}}& i{font-size:calc(var(--button-icon-size) - 2px);height:var(--button-icon-size);line-height:var(--button-icon-size);text-align:center;width:var(--button-icon-size)}& .buttonSpinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}&:focus-visible{--button-outline:var(--p-outline)}&[data-fluid=true]{width:100%;@media (width>=600px){max-width:600px}}&[data-loading=true]{& .buttonContentContainer{visibility:hidden}}&[data-size=large]{--button-height:var(--p-spacing-rem-48);@media (width>=600px){--button-font-size:1.125rem;--button-line-height:1.625rem}}&[data-size=medium]{--button-height:var(--p-spacing-rem-40);--button-font-size:.875rem;--button-line-height:1.25rem;--button-padding:.625rem  var(--p-spacing-rem-16);@media (width>=600px){--button-font-size:1rem;--button-line-height:1.375rem}}&[data-size=small]{--button-height:var(--p-spacing-rem-32);--button-font-size:.75rem;--button-line-height:1rem;--button-padding:var(--p-spacing-rem-08) var(--p-spacing-rem-12);@media (width>=600px){--button-font-size:.875rem;--button-line-height:1.125rem}}&[data-variant=primary]{&[aria-disabled=true],&[disabled]{--button-color:var(--p-color-text-disabled);--button-background-color:var(--p-color-button-disabled);--button-border-color:var(--p-color-button-disabled)}@media (hover:hover) and (pointer:fine){&:hover{--button-background-color:var(--p-color-button-action-fill-hover);--button-border-color:var(--p-color-button-action-fill-hover)}}&:active{--button-background-color:var(--p-color-button-action-fill-active);--button-border-color:var(--p-color-button-action-fill-active)}}&[data-variant=secondary]{--button-color:var(--p-color-text-primary);--button-background-color:transparent;--button-border-color:var(--p-color-stroke-strong);&[aria-disabled=true],&[disabled]{--button-color:var(--p-color-text-disabled);--button-border-color:var(--p-color-stroke-disabled)}&[data-loading=true]{--button-background-color:transparent}@media (hover:hover) and (pointer:fine){&:hover{--button-background-color:var(--p-color-background-hover);--button-color:var(--p-color-text-primary-hover);--button-border-color:var(--p-color-stroke-strong-hover)}}&:active{--button-background-color:var(--p-color-background-pressed);--button-color:var(--p-color-text-primary-active);--button-border-color:var(--p-color-stroke-strong-pressed)}}&[data-variant=subtle]{--button-color:var(--p-color-text-primary);--button-background-color:transparent;--button-border-color:var(--p-color-stroke-subtle-0);&[aria-disabled=true],&[disabled]{--button-color:var(--p-color-text-disabled);--button-border-color:var(--p-color-stroke-disabled)}&[data-loading=true]{--button-background-color:transparent}@media (hover:hover) and (pointer:fine){&:hover{--button-background-color:var(--p-color-background-hover);--button-color:var(--p-color-text-primary-hover);--button-border-color:var(--p-color-stroke-strong-hover)}}&:active{--button-background-color:var(--p-color-background-pressed);--button-color:var(--p-color-text-primary-active);--button-border-color:var(--p-color-stroke-strong-pressed)}}&[data-variant=tertiary]{--button-color:var(--p-color-text-interactive);--button-background-color:transparent;--button-border-color:transparent;&[aria-disabled=true],&[disabled]{--button-color:var(--p-color-text-disabled)}@media (hover:hover) and (pointer:fine){&:hover{--button-background-color:var(--p-color-background-hover);--button-color:var(--p-color-text-interactive-hover)}}&:active{--button-background-color:var(--p-color-background-pressed);--button-color:var(--p-color-text-interactive-active)}&:focus-visible{--button-border-color:transparent}}&[data-variant=brand]{--button-background-color:var(--p-color-button-brand-fill);--button-color:var(--p-color-text-on-color);--button-border-color:var(--p-color-button-brand-fill);@media (hover:hover) and (pointer:fine){&:hover{--button-background-color:var(--p-color-button-brand-fill-hover);--button-border-color:var(--p-color-button-brand-fill-hover)}}&:active{--button-background-color:var(--p-color-button-brand-fill-active);--button-border-color:var(--p-color-button-brand-fill-active)}&[aria-disabled=true],&[disabled]{--button-color:var(--p-color-text-disabled);--button-background-color:var(--p-color-button-disabled);--button-border-color:var(--p-color-button-disabled)}}&[aria-disabled=true],&[disabled]{pointer-events:none}}.buttonCircle[data-stb-button-circle=current]{--button-size:var(--button-height);height:var(--button-size);width:var(--button-size);padding:0}.buttonIcon[data-stb-button-icon=current]{--button-icon-background-color:transparent;--button-icon-color:var(--p-color-icon-primary);--button-icon-outline:none;--button-icon-size:clamp(1.375rem, 3vw, 1.375rem);background-color:var(--button-icon-background-color);box-sizing:border-box;color:var(--button-icon-color);cursor:pointer;max-height:var(--button-icon-size);max-width:var(--button-icon-size);min-height:var(--button-icon-size);min-width:var(--button-icon-size);outline:var(--button-icon-outline);outline-offset:var(--p-outline-offset);transition-duration:var(--p-transition-duration);white-space:nowrap;width:var(--button-icon-size);border:none;border-radius:.125rem;justify-content:center;align-items:center;padding:0;text-decoration:none;transition-property:border,background-color,color;display:inline-flex;position:relative;&>i{font-size:var(--button-icon-size);height:var(--button-icon-size);line-height:var(--button-icon-size);width:var(--button-icon-size)}&:focus-visible{--button-icon-outline:var(--p-outline)}@media (hover:hover) and (pointer:fine){&:hover{--button-icon-color:var(--p-color-icon-primary-hover)}}&:active{--button-icon-color:var(--p-color-icon-primary-active)}&[data-size=xlarge]{--button-icon-size:clamp(1.625rem, 3vw, 1.625rem);@media (width>=600px){--button-icon-size:clamp(1.75rem, 3vw, 1.75rem)}}&[data-size=large]{--button-icon-size:clamp(1.375rem, 3vw, 1.375rem);@media (width>=600px){--button-icon-size:clamp(1.625rem, 3vw, 1.625rem)}}&[data-size=medium]{--button-icon-size:clamp(1.25rem, 3vw, 1.25rem);@media (width>=600px){--button-icon-size:clamp(1.375rem, 3vw, 1.375rem)}}&[data-size=small]{--button-icon-size:clamp(1rem, 3vw, 1rem);@media (width>=600px){--button-icon-size:clamp(1.125rem, 3vw, 1.125rem)}}&[aria-disabled=true],&[disabled]{--button-icon-color:var(--p-color-icon-disabled);pointer-events:none}}.systemIconBase[data-stb-system-icon=current]{flex-shrink:0;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.spinnerContainer[data-stb-spinner=current]{--spinner-container-size:var(--p-spacing-rem-96);--spinner-radius:44;--spinner-perimeter:calc(2 * pi * var(--spinner-radius));--spinner-perimeter-full:calc(var(--spinner-perimeter) * 1px);--spinner-perimeter-fraction:calc(.001 * var(--spinner-perimeter) * 1px);--spinner-track-color:var(--p-color-static-grey-background);--spinner-ticker-color:var(--p-color-static-brand-foreground);--text-color:var(--p-color-text-primary);color:var(--text-color);align-items:center;gap:var(--p-spacing-08);width:var(--spinner-container-size);flex-direction:column;display:flex;& svg{width:100%;height:100%}& p{white-space:nowrap;font-size:1rem}&.xxsmall{--spinner-radius:8;--spinner-container-size:var(--p-spacing-rem-16)}&.xsmall{--spinner-radius:10;--spinner-container-size:1.375rem}&.small{--spinner-radius:11;--spinner-container-size:var(--p-spacing-rem-24)}&.medium{--spinner-radius:24;--spinner-container-size:var(--p-spacing-rem-48);& p{font-size:.875rem}}&.onRed{--spinner-track-color:var(--p-color-static-grey-background);--spinner-ticker-color:var(--p-color-static-grey-foreground);--text-color:var(--p-color-text-primary)}& .spinner{animation:5s linear infinite loading-indicator-spinner-rotate}& .spinnerTrack{stroke:var(--spinner-track-color)}& .spinnerInMotion{stroke:var(--spinner-ticker-color);stroke-dasharray:var(--spinner-perimeter);transform-origin:var(--spinner-radius) var(--spinner-radius) 0;animation:6s ease-in-out infinite loading-indicator-spinner-spin}}.labelAtom[data-stb-label=current]{gap:var(--p-spacing-rem-04);text-wrap:pretty;flex-direction:column;display:flex;&[data-has-popover=true]{gap:var(--p-spacing-rem-08);flex-direction:row}&[data-disabled=true]{color:var(--p-color-text-disabled);pointer-events:none}}.systemIconBase[data-stb-system-icon=current]{flex-shrink:0;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.systemIconBase[data-stb-system-icon=current]{flex-shrink:0;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}.surfaceComponent{&[data-stb-background=current]{background-color:var(--p-color-background)}&[data-stb-surface1=current]{background-color:var(--p-color-surface-1);& .alertBase[data-stb-alert=current]{&[data-variant=info-subtle]{--color-bg:var(--p-color-background-white)}}}&[data-stb-surface2=current]{background-color:var(--p-color-surface-2)}}[data-surface-background-theme=white]{--p-color-background:var(--p-color-background-white);--p-color-background-hover:var(--p-color-background-hover-white);--p-color-background-pressed:var(--p-color-background-pressed-white);--p-color-background-active:var(--p-color-background-active-white);--p-color-background-disabled:var(--p-color-background-disabled-white);--p-color-text-primary:var(--p-color-text-primary-white);--p-color-text-primary-hover:var(--p-color-text-primary-hover-white);--p-color-text-primary-active:var(--p-color-text-primary-active-white);--p-color-text-interactive:var(--p-color-text-interactive-white);--p-color-text-interactive-hover:var(--p-color-text-interactive-hover-white);--p-color-text-interactive-pressed:var(--p-color-text-interactive-pressed-white);--p-color-text-interactive-active:var(--p-color-text-interactive-active-white);--p-color-text-secondary:var(--p-color-text-secondary-white);--p-color-text-placeholder:var(--p-color-text-placeholder-white);--p-color-text-on-color:var(--p-color-text-on-color-white);--p-color-text-disabled:var(--p-color-text-disabled-white);--p-color-text-info:var(--p-color-text-info-white);--p-color-text-success:var(--p-color-text-success-white);--p-color-text-warning:var(--p-color-text-warning-white);--p-color-text-error:var(--p-color-text-error-white);--p-color-text-alert:var(--p-color-text-alert-white);--p-color-text-on-brand:var(--p-color-text-on-brand-white);--p-color-icon-primary:var(--p-color-icon-primary-white);--p-color-icon-primary-hover:var(--p-color-icon-primary-hover-white);--p-color-icon-primary-active:var(--p-color-icon-primary-active-white);--p-color-icon-interactive:var(--p-color-icon-interactive-white);--p-color-icon-interactive-hover:var(--p-color-icon-interactive-hover-white);--p-color-icon-interactive-pressed:var(--p-color-icon-interactive-pressed-white);--p-color-icon-interactive-active:var(--p-color-icon-interactive-active-white);--p-color-icon-on-color:var(--p-color-icon-on-color-white);--p-color-icon-disabled:var(--p-color-icon-disabled-white);--p-color-icon-error:var(--p-color-icon-error-white);--p-color-icon-success:var(--p-color-icon-success-white);--p-color-icon-warning:var(--p-color-icon-warning-white);--p-color-icon-info:var(--p-color-icon-info-white);--p-color-icon-neutral:var(--p-color-icon-neutral-white);--p-color-icon-on-brand:var(--p-color-icon-on-brand-white);--p-color-button-primary:var(--p-color-button-primary-white);--p-color-button-primary-hover:var(--p-color-button-primary-hover-white);--p-color-button-primary-pressed:var(--p-color-button-primary-pressed-white);--p-color-button-brand:var(--p-color-button-brand-white);--p-color-button-brand-hover:var(--p-color-button-brand-hover-white);--p-color-button-brand-pressed:var(--p-color-button-brand-pressed-white);--p-color-button-fill:var(--p-color-button-fill-white);--p-color-button-fill-hover:var(--p-color-button-fill-hover-white);--p-color-button-fill-pressed:var(--p-color-button-fill-pressed-white);--p-color-button-disabled:var(--p-color-button-disabled-white);--p-color-graphics-illustration-primary:var(--p-color-graphics-illustration-primary-white);--p-color-graphics-illustration-detail:var(--p-color-graphics-illustration-detail-white);--p-color-graphics-illustration-base:var(--p-color-graphics-illustration-base-white);--p-color-graphics-storebrand-icon-detail:var(--p-color-graphics-storebrand-icon-detail-white);--p-color-graphics-storebrand-icon-outline:var(--p-color-graphics-storebrand-icon-outline-white);--p-color-static-orange-foreground:var(--p-color-static-orange-foreground-white);--p-color-static-orange-background:var(--p-color-static-orange-background-white);--p-color-static-purple-foreground:var(--p-color-static-purple-foreground-white);--p-color-static-purple-background:var(--p-color-static-purple-background-white);--p-color-static-red-foreground:var(--p-color-static-red-foreground-white);--p-color-static-red-background:var(--p-color-static-red-background-white);--p-color-static-grey-foreground:var(--p-color-static-grey-foreground-white);--p-color-static-grey-background:var(--p-color-static-grey-background-white);--p-color-static-risk-filled:var(--p-color-static-risk-filled-white);--p-color-static-risk-unfilled:var(--p-color-static-risk-unfilled-white);--p-color-static-sustainability-filled:var(--p-color-static-sustainability-filled-white);--p-color-static-sustainability-unfilled:var(--p-color-static-sustainability-unfilled-white);--p-color-states-focus:var(--p-color-states-focus-white);--p-color-states-scrim:var(--p-color-states-scrim-white);--p-color-states-toggle-off:var(--p-color-states-toggle-off-white);--p-color-states-toggle-off-hover:var(--p-color-states-toggle-off-hover-white);--p-color-surface-1:var(--p-color-surface-1-white);--p-color-surface-2:var(--p-color-surface-2-white);--p-color-surface-1-hover:var(--p-color-surface-1-hover-white);--p-color-surface-2-hover:var(--p-color-surface-2-hover-white);--p-color-surface-inverse:var(--p-color-surface-inverse-white);--p-color-surface-inverse-hover:var(--p-color-surface-inverse-hover-white);--p-color-surface-inverse-pressed:var(--p-color-surface-inverse-pressed-white);--p-color-surface-selected:var(--p-color-surface-selected-white);--p-color-surface-selected-hover:var(--p-color-surface-selected-hover-white);--p-color-surface-selected-pressed:var(--p-color-surface-selected-pressed-white);--p-color-surface-selected-active:var(--p-color-surface-selected-active-white);--p-color-surface-error:var(--p-color-surface-error-white);--p-color-surface-success:var(--p-color-surface-success-white);--p-color-surface-warning:var(--p-color-surface-warning-white);--p-color-surface-info:var(--p-color-surface-info-white);--p-color-surface-neutral:var(--p-color-surface-neutral-white);--p-color-surface-static:var(--p-color-surface-static-white);--p-color-stroke-strong:var(--p-color-stroke-strong-white);--p-color-stroke-strong-hover:var(--p-color-stroke-strong-hover-white);--p-color-stroke-strong-pressed:var(--p-color-stroke-strong-pressed-white);--p-color-stroke-0:var(--p-color-stroke-0-white);--p-color-stroke-1:var(--p-color-stroke-1-white);--p-color-stroke-2:var(--p-color-stroke-2-white);--p-color-stroke-on-white:var(--p-color-stroke-on-white-white);--p-color-stroke-subtle-1:var(--p-color-stroke-subtle-1-white);--p-color-stroke-subtle-2:var(--p-color-stroke-subtle-2-white);--p-color-stroke-selected:var(--p-color-stroke-selected-white);--p-color-stroke-selected-hover:var(--p-color-stroke-selected-hover-white);--p-color-stroke-selected-pressed:var(--p-color-stroke-selected-pressed-white);--p-color-stroke-disabled:var(--p-color-stroke-disabled-white);--p-color-stroke-error:var(--p-color-stroke-error-white);--p-color-stroke-success:var(--p-color-stroke-success-white);--p-color-stroke-warning:var(--p-color-stroke-warning-white);--card-background:var(--p-color-surface-1-grey)}[data-surface-background-theme=grey]{--p-color-background:var(--p-color-background-grey);--p-color-background-hover:var(--p-color-background-hover-grey);--p-color-background-pressed:var(--p-color-background-pressed-grey);--p-color-background-active:var(--p-color-background-active-grey);--p-color-background-disabled:var(--p-color-background-disabled-grey);--p-color-text-primary:var(--p-color-text-primary-grey);--p-color-text-primary-hover:var(--p-color-text-primary-hover-grey);--p-color-text-primary-active:var(--p-color-text-primary-active-grey);--p-color-text-interactive:var(--p-color-text-interactive-grey);--p-color-text-interactive-hover:var(--p-color-text-interactive-hover-grey);--p-color-text-interactive-pressed:var(--p-color-text-interactive-pressed-grey);--p-color-text-interactive-active:var(--p-color-text-interactive-active-grey);--p-color-text-secondary:var(--p-color-text-secondary-grey);--p-color-text-placeholder:var(--p-color-text-placeholder-grey);--p-color-text-on-color:var(--p-color-text-on-color-grey);--p-color-text-disabled:var(--p-color-text-disabled-grey);--p-color-text-info:var(--p-color-text-info-grey);--p-color-text-success:var(--p-color-text-success-grey);--p-color-text-warning:var(--p-color-text-warning-grey);--p-color-text-error:var(--p-color-text-error-grey);--p-color-text-alert:var(--p-color-text-alert-grey);--p-color-text-on-brand:var(--p-color-text-on-brand-grey);--p-color-icon-primary:var(--p-color-icon-primary-grey);--p-color-icon-primary-hover:var(--p-color-icon-primary-hover-grey);--p-color-icon-primary-active:var(--p-color-icon-primary-active-grey);--p-color-icon-interactive:var(--p-color-icon-interactive-grey);--p-color-icon-interactive-hover:var(--p-color-icon-interactive-hover-grey);--p-color-icon-interactive-pressed:var(--p-color-icon-interactive-pressed-grey);--p-color-icon-interactive-active:var(--p-color-icon-interactive-active-grey);--p-color-icon-on-color:var(--p-color-icon-on-color-grey);--p-color-icon-disabled:var(--p-color-icon-disabled-grey);--p-color-icon-error:var(--p-color-icon-error-grey);--p-color-icon-success:var(--p-color-icon-success-grey);--p-color-icon-warning:var(--p-color-icon-warning-grey);--p-color-icon-info:var(--p-color-icon-info-grey);--p-color-icon-neutral:var(--p-color-icon-neutral-grey);--p-color-icon-on-brand:var(--p-color-icon-on-brand-grey);--p-color-button-primary:var(--p-color-button-primary-grey);--p-color-button-primary-hover:var(--p-color-button-primary-hover-grey);--p-color-button-primary-pressed:var(--p-color-button-primary-pressed-grey);--p-color-button-brand:var(--p-color-button-brand-grey);--p-color-button-brand-hover:var(--p-color-button-brand-hover-grey);--p-color-button-brand-pressed:var(--p-color-button-brand-pressed-grey);--p-color-button-fill:var(--p-color-button-fill-grey);--p-color-button-fill-hover:var(--p-color-button-fill-hover-grey);--p-color-button-fill-pressed:var(--p-color-button-fill-pressed-grey);--p-color-button-disabled:var(--p-color-button-disabled-grey);--p-color-graphics-illustration-primary:var(--p-color-graphics-illustration-primary-grey);--p-color-graphics-illustration-detail:var(--p-color-graphics-illustration-detail-grey);--p-color-graphics-illustration-base:var(--p-color-graphics-illustration-base-grey);--p-color-graphics-storebrand-icon-detail:var(--p-color-graphics-storebrand-icon-detail-grey);--p-color-graphics-storebrand-icon-outline:var(--p-color-graphics-storebrand-icon-outline-grey);--p-color-static-orange-foreground:var(--p-color-static-orange-foreground-grey);--p-color-static-orange-background:var(--p-color-static-orange-background-grey);--p-color-static-purple-foreground:var(--p-color-static-purple-foreground-grey);--p-color-static-purple-background:var(--p-color-static-purple-background-grey);--p-color-static-red-foreground:var(--p-color-static-red-foreground-grey);--p-color-static-red-background:var(--p-color-static-red-background-grey);--p-color-static-grey-foreground:var(--p-color-static-grey-foreground-grey);--p-color-static-grey-background:var(--p-color-static-grey-background-grey);--p-color-static-risk-filled:var(--p-color-static-risk-filled-grey);--p-color-static-risk-unfilled:var(--p-color-static-risk-unfilled-grey);--p-color-static-sustainability-filled:var(--p-color-static-sustainability-filled-grey);--p-color-static-sustainability-unfilled:var(--p-color-static-sustainability-unfilled-grey);--p-color-states-focus:var(--p-color-states-focus-grey);--p-color-states-scrim:var(--p-color-states-scrim-grey);--p-color-states-toggle-off:var(--p-color-states-toggle-off-grey);--p-color-states-toggle-off-hover:var(--p-color-states-toggle-off-hover-grey);--p-color-surface-1:var(--p-color-surface-1-grey);--p-color-surface-2:var(--p-color-surface-2-grey);--p-color-surface-1-hover:var(--p-color-surface-1-hover-grey);--p-color-surface-2-hover:var(--p-color-surface-2-hover-grey);--p-color-surface-inverse:var(--p-color-surface-inverse-grey);--p-color-surface-inverse-hover:var(--p-color-surface-inverse-hover-grey);--p-color-surface-inverse-pressed:var(--p-color-surface-inverse-pressed-grey);--p-color-surface-selected:var(--p-color-surface-selected-grey);--p-color-surface-selected-hover:var(--p-color-surface-selected-hover-grey);--p-color-surface-selected-pressed:var(--p-color-surface-selected-pressed-grey);--p-color-surface-selected-active:var(--p-color-surface-selected-active-grey);--p-color-surface-error:var(--p-color-surface-error-grey);--p-color-surface-success:var(--p-color-surface-success-grey);--p-color-surface-warning:var(--p-color-surface-warning-grey);--p-color-surface-info:var(--p-color-surface-info-grey);--p-color-surface-neutral:var(--p-color-surface-neutral-grey);--p-color-surface-static:var(--p-color-surface-static-grey);--p-color-stroke-strong:var(--p-color-stroke-strong-grey);--p-color-stroke-strong-hover:var(--p-color-stroke-strong-hover-grey);--p-color-stroke-strong-pressed:var(--p-color-stroke-strong-pressed-grey);--p-color-stroke-0:var(--p-color-stroke-0-grey);--p-color-stroke-1:var(--p-color-stroke-1-grey);--p-color-stroke-2:var(--p-color-stroke-2-grey);--p-color-stroke-on-white:var(--p-color-stroke-on-white-grey);--p-color-stroke-subtle-1:var(--p-color-stroke-subtle-1-grey);--p-color-stroke-subtle-2:var(--p-color-stroke-subtle-2-grey);--p-color-stroke-selected:var(--p-color-stroke-selected-grey);--p-color-stroke-selected-hover:var(--p-color-stroke-selected-hover-grey);--p-color-stroke-selected-pressed:var(--p-color-stroke-selected-pressed-grey);--p-color-stroke-disabled:var(--p-color-stroke-disabled-grey);--p-color-stroke-error:var(--p-color-stroke-error-grey);--p-color-stroke-success:var(--p-color-stroke-success-grey);--p-color-stroke-warning:var(--p-color-stroke-warning-grey);--card-background:var(--p-color-surface-1-white)}:where(.surface[data-stb-surface=current]){background-color:var(--p-color-background);color:var(--p-color-text-primary);transition:background-color var(--p-transition-duration)}:where(.surface[data-stb-surface=current]){&[data-surface-layer="1"],&[data-surface-layer="3"],&[data-surface-layer="5"]{&[data-theme=pretzel-light],&[data-theme=kron-light],&[data-theme=kron],:where(&),:where([data-theme=pretzel-light] &),:where([data-theme=kron-light] &),:where([data-theme=kron] &){--p-color-background:var(--p-color-background-grey);--p-color-background-hover:var(--p-color-background-hover-grey);--p-color-background-pressed:var(--p-color-background-pressed-grey);--p-color-background-active:var(--p-color-background-active-grey);--p-color-background-disabled:var(--p-color-background-disabled-grey);--p-color-text-primary:var(--p-color-text-primary-grey);--p-color-text-primary-hover:var(--p-color-text-primary-hover-grey);--p-color-text-primary-active:var(--p-color-text-primary-active-grey);--p-color-text-interactive:var(--p-color-text-interactive-grey);--p-color-text-interactive-hover:var(--p-color-text-interactive-hover-grey);--p-color-text-interactive-pressed:var(--p-color-text-interactive-pressed-grey);--p-color-text-interactive-active:var(--p-color-text-interactive-active-grey);--p-color-text-secondary:var(--p-color-text-secondary-grey);--p-color-text-placeholder:var(--p-color-text-placeholder-grey);--p-color-text-on-color:var(--p-color-text-on-color-grey);--p-color-text-disabled:var(--p-color-text-disabled-grey);--p-color-text-info:var(--p-color-text-info-grey);--p-color-text-success:var(--p-color-text-success-grey);--p-color-text-warning:var(--p-color-text-warning-grey);--p-color-text-error:var(--p-color-text-error-grey);--p-color-text-alert:var(--p-color-text-alert-grey);--p-color-text-on-brand:var(--p-color-text-on-brand-grey);--p-color-icon-primary:var(--p-color-icon-primary-grey);--p-color-icon-primary-hover:var(--p-color-icon-primary-hover-grey);--p-color-icon-primary-active:var(--p-color-icon-primary-active-grey);--p-color-icon-interactive:var(--p-color-icon-interactive-grey);--p-color-icon-interactive-hover:var(--p-color-icon-interactive-hover-grey);--p-color-icon-interactive-pressed:var(--p-color-icon-interactive-pressed-grey);--p-color-icon-interactive-active:var(--p-color-icon-interactive-active-grey);--p-color-icon-on-color:var(--p-color-icon-on-color-grey);--p-color-icon-disabled:var(--p-color-icon-disabled-grey);--p-color-icon-error:var(--p-color-icon-error-grey);--p-color-icon-success:var(--p-color-icon-success-grey);--p-color-icon-warning:var(--p-color-icon-warning-grey);--p-color-icon-info:var(--p-color-icon-info-grey);--p-color-icon-neutral:var(--p-color-icon-neutral-grey);--p-color-icon-on-brand:var(--p-color-icon-on-brand-grey);--p-color-button-primary:var(--p-color-button-primary-grey);--p-color-button-primary-hover:var(--p-color-button-primary-hover-grey);--p-color-button-primary-pressed:var(--p-color-button-primary-pressed-grey);--p-color-button-brand:var(--p-color-button-brand-grey);--p-color-button-brand-hover:var(--p-color-button-brand-hover-grey);--p-color-button-brand-pressed:var(--p-color-button-brand-pressed-grey);--p-color-button-fill:var(--p-color-button-fill-grey);--p-color-button-fill-hover:var(--p-color-button-fill-hover-grey);--p-color-button-fill-pressed:var(--p-color-button-fill-pressed-grey);--p-color-button-disabled:var(--p-color-button-disabled-grey);--p-color-graphics-illustration-primary:var(--p-color-graphics-illustration-primary-grey);--p-color-graphics-illustration-detail:var(--p-color-graphics-illustration-detail-grey);--p-color-graphics-illustration-base:var(--p-color-graphics-illustration-base-grey);--p-color-graphics-storebrand-icon-detail:var(--p-color-graphics-storebrand-icon-detail-grey);--p-color-graphics-storebrand-icon-outline:var(--p-color-graphics-storebrand-icon-outline-grey);--p-color-static-orange-foreground:var(--p-color-static-orange-foreground-grey);--p-color-static-orange-background:var(--p-color-static-orange-background-grey);--p-color-static-purple-foreground:var(--p-color-static-purple-foreground-grey);--p-color-static-purple-background:var(--p-color-static-purple-background-grey);--p-color-static-red-foreground:var(--p-color-static-red-foreground-grey);--p-color-static-red-background:var(--p-color-static-red-background-grey);--p-color-static-grey-foreground:var(--p-color-static-grey-foreground-grey);--p-color-static-grey-background:var(--p-color-static-grey-background-grey);--p-color-static-risk-filled:var(--p-color-static-risk-filled-grey);--p-color-static-risk-unfilled:var(--p-color-static-risk-unfilled-grey);--p-color-static-sustainability-filled:var(--p-color-static-sustainability-filled-grey);--p-color-static-sustainability-unfilled:var(--p-color-static-sustainability-unfilled-grey);--p-color-states-focus:var(--p-color-states-focus-grey);--p-color-states-scrim:var(--p-color-states-scrim-grey);--p-color-states-toggle-off:var(--p-color-states-toggle-off-grey);--p-color-states-toggle-off-hover:var(--p-color-states-toggle-off-hover-grey);--p-color-surface-1:var(--p-color-surface-1-grey);--p-color-surface-2:var(--p-color-surface-2-grey);--p-color-surface-1-hover:var(--p-color-surface-1-hover-grey);--p-color-surface-2-hover:var(--p-color-surface-2-hover-grey);--p-color-surface-inverse:var(--p-color-surface-inverse-grey);--p-color-surface-inverse-hover:var(--p-color-surface-inverse-hover-grey);--p-color-surface-inverse-pressed:var(--p-color-surface-inverse-pressed-grey);--p-color-surface-selected:var(--p-color-surface-selected-grey);--p-color-surface-selected-hover:var(--p-color-surface-selected-hover-grey);--p-color-surface-selected-pressed:var(--p-color-surface-selected-pressed-grey);--p-color-surface-selected-active:var(--p-color-surface-selected-active-grey);--p-color-surface-error:var(--p-color-surface-error-grey);--p-color-surface-success:var(--p-color-surface-success-grey);--p-color-surface-warning:var(--p-color-surface-warning-grey);--p-color-surface-info:var(--p-color-surface-info-grey);--p-color-surface-neutral:var(--p-color-surface-neutral-grey);--p-color-surface-static:var(--p-color-surface-static-grey);--p-color-stroke-strong:var(--p-color-stroke-strong-grey);--p-color-stroke-strong-hover:var(--p-color-stroke-strong-hover-grey);--p-color-stroke-strong-pressed:var(--p-color-stroke-strong-pressed-grey);--p-color-stroke-0:var(--p-color-stroke-0-grey);--p-color-stroke-1:var(--p-color-stroke-1-grey);--p-color-stroke-2:var(--p-color-stroke-2-grey);--p-color-stroke-on-white:var(--p-color-stroke-on-white-grey);--p-color-stroke-subtle-0:var(--p-color-stroke-subtle-0-grey);--p-color-stroke-subtle-1:var(--p-color-stroke-subtle-1-grey);--p-color-stroke-subtle-2:var(--p-color-stroke-subtle-2-grey);--p-color-stroke-selected:var(--p-color-stroke-selected-grey);--p-color-stroke-selected-hover:var(--p-color-stroke-selected-hover-grey);--p-color-stroke-selected-pressed:var(--p-color-stroke-selected-pressed-grey);--p-color-stroke-disabled:var(--p-color-stroke-disabled-grey);--p-color-stroke-error:var(--p-color-stroke-error-grey);--p-color-stroke-success:var(--p-color-stroke-success-grey);--p-color-stroke-warning:var(--p-color-stroke-warning-grey);--card-background:var(--p-color-surface-1-white)}}}:where(.surface[data-stb-surface=current]){&[data-surface-layer="0"],&[data-surface-layer="2"],&[data-surface-layer="4"]{&[data-theme=pretzel-light],&[data-theme=kron-light],&[data-theme=kron],:where(&),:where([data-theme=pretzel-light] &),:where([data-theme=kron-light] &),:where([data-theme=kron] &){--p-color-background:var(--p-color-background-white);--p-color-background-hover:var(--p-color-background-hover-white);--p-color-background-pressed:var(--p-color-background-pressed-white);--p-color-background-active:var(--p-color-background-active-white);--p-color-background-disabled:var(--p-color-background-disabled-white);--p-color-text-primary:var(--p-color-text-primary-white);--p-color-text-primary-hover:var(--p-color-text-primary-hover-white);--p-color-text-primary-active:var(--p-color-text-primary-active-white);--p-color-text-interactive:var(--p-color-text-interactive-white);--p-color-text-interactive-hover:var(--p-color-text-interactive-hover-white);--p-color-text-interactive-pressed:var(--p-color-text-interactive-pressed-white);--p-color-text-interactive-active:var(--p-color-text-interactive-active-white);--p-color-text-secondary:var(--p-color-text-secondary-white);--p-color-text-placeholder:var(--p-color-text-placeholder-white);--p-color-text-on-color:var(--p-color-text-on-color-white);--p-color-text-disabled:var(--p-color-text-disabled-white);--p-color-text-info:var(--p-color-text-info-white);--p-color-text-success:var(--p-color-text-success-white);--p-color-text-warning:var(--p-color-text-warning-white);--p-color-text-error:var(--p-color-text-error-white);--p-color-text-alert:var(--p-color-text-alert-white);--p-color-text-on-brand:var(--p-color-text-on-brand-white);--p-color-icon-primary:var(--p-color-icon-primary-white);--p-color-icon-primary-hover:var(--p-color-icon-primary-hover-white);--p-color-icon-primary-active:var(--p-color-icon-primary-active-white);--p-color-icon-interactive:var(--p-color-icon-interactive-white);--p-color-icon-interactive-hover:var(--p-color-icon-interactive-hover-white);--p-color-icon-interactive-pressed:var(--p-color-icon-interactive-pressed-white);--p-color-icon-interactive-active:var(--p-color-icon-interactive-active-white);--p-color-icon-on-color:var(--p-color-icon-on-color-white);--p-color-icon-disabled:var(--p-color-icon-disabled-white);--p-color-icon-error:var(--p-color-icon-error-white);--p-color-icon-success:var(--p-color-icon-success-white);--p-color-icon-warning:var(--p-color-icon-warning-white);--p-color-icon-info:var(--p-color-icon-info-white);--p-color-icon-neutral:var(--p-color-icon-neutral-white);--p-color-icon-on-brand:var(--p-color-icon-on-brand-white);--p-color-button-primary:var(--p-color-button-primary-white);--p-color-button-primary-hover:var(--p-color-button-primary-hover-white);--p-color-button-primary-pressed:var(--p-color-button-primary-pressed-white);--p-color-button-brand:var(--p-color-button-brand-white);--p-color-button-brand-hover:var(--p-color-button-brand-hover-white);--p-color-button-brand-pressed:var(--p-color-button-brand-pressed-white);--p-color-button-fill:var(--p-color-button-fill-white);--p-color-button-fill-hover:var(--p-color-button-fill-hover-white);--p-color-button-fill-pressed:var(--p-color-button-fill-pressed-white);--p-color-button-disabled:var(--p-color-button-disabled-white);--p-color-graphics-illustration-primary:var(--p-color-graphics-illustration-primary-white);--p-color-graphics-illustration-detail:var(--p-color-graphics-illustration-detail-white);--p-color-graphics-illustration-base:var(--p-color-graphics-illustration-base-white);--p-color-graphics-storebrand-icon-detail:var(--p-color-graphics-storebrand-icon-detail-white);--p-color-graphics-storebrand-icon-outline:var(--p-color-graphics-storebrand-icon-outline-white);--p-color-static-orange-foreground:var(--p-color-static-orange-foreground-white);--p-color-static-orange-background:var(--p-color-static-orange-background-white);--p-color-static-purple-foreground:var(--p-color-static-purple-foreground-white);--p-color-static-purple-background:var(--p-color-static-purple-background-white);--p-color-static-red-foreground:var(--p-color-static-red-foreground-white);--p-color-static-red-background:var(--p-color-static-red-background-white);--p-color-static-grey-foreground:var(--p-color-static-grey-foreground-white);--p-color-static-grey-background:var(--p-color-static-grey-background-white);--p-color-static-risk-filled:var(--p-color-static-risk-filled-white);--p-color-static-risk-unfilled:var(--p-color-static-risk-unfilled-white);--p-color-static-sustainability-filled:var(--p-color-static-sustainability-filled-white);--p-color-static-sustainability-unfilled:var(--p-color-static-sustainability-unfilled-white);--p-color-states-focus:var(--p-color-states-focus-white);--p-color-states-scrim:var(--p-color-states-scrim-white);--p-color-states-toggle-off:var(--p-color-states-toggle-off-white);--p-color-states-toggle-off-hover:var(--p-color-states-toggle-off-hover-white);--p-color-surface-1:var(--p-color-surface-1-white);--p-color-surface-2:var(--p-color-surface-2-white);--p-color-surface-1-hover:var(--p-color-surface-1-hover-white);--p-color-surface-2-hover:var(--p-color-surface-2-hover-white);--p-color-surface-inverse:var(--p-color-surface-inverse-white);--p-color-surface-inverse-hover:var(--p-color-surface-inverse-hover-white);--p-color-surface-inverse-pressed:var(--p-color-surface-inverse-pressed-white);--p-color-surface-selected:var(--p-color-surface-selected-white);--p-color-surface-selected-hover:var(--p-color-surface-selected-hover-white);--p-color-surface-selected-pressed:var(--p-color-surface-selected-pressed-white);--p-color-surface-selected-active:var(--p-color-surface-selected-active-white);--p-color-surface-error:var(--p-color-surface-error-white);--p-color-surface-success:var(--p-color-surface-success-white);--p-color-surface-warning:var(--p-color-surface-warning-white);--p-color-surface-info:var(--p-color-surface-info-white);--p-color-surface-neutral:var(--p-color-surface-neutral-white);--p-color-surface-static:var(--p-color-surface-static-white);--p-color-stroke-strong:var(--p-color-stroke-strong-white);--p-color-stroke-strong-hover:var(--p-color-stroke-strong-hover-white);--p-color-stroke-strong-pressed:var(--p-color-stroke-strong-pressed-white);--p-color-stroke-0:var(--p-color-stroke-0-white);--p-color-stroke-1:var(--p-color-stroke-1-white);--p-color-stroke-2:var(--p-color-stroke-2-white);--p-color-stroke-on-white:var(--p-color-stroke-on-white-white);--p-color-stroke-subtle-1:var(--p-color-stroke-subtle-1-white);--p-color-stroke-subtle-2:var(--p-color-stroke-subtle-2-white);--p-color-stroke-selected:var(--p-color-stroke-selected-white);--p-color-stroke-selected-hover:var(--p-color-stroke-selected-hover-white);--p-color-stroke-selected-pressed:var(--p-color-stroke-selected-pressed-white);--p-color-stroke-disabled:var(--p-color-stroke-disabled-white);--p-color-stroke-error:var(--p-color-stroke-error-white);--p-color-stroke-success:var(--p-color-stroke-success-white);--p-color-stroke-warning:var(--p-color-stroke-warning-white);--card-background:var(--p-color-surface-1-grey)}}}:where(.surface[data-stb-surface=current]){:where([data-theme=kron-dark] &),:where([data-theme=pretzel-dark] &),&[data-theme=kron-dark],&[data-theme=pretzel-dark]{color:var(--p-color-text-primary);&[data-surface-layer="1"]{--p-color-background:var(--p-color-surface-1)}&[data-surface-layer="2"]{--p-color-background:var(--p-color-surface-2)}}}.alertBase[data-stb-alert=current]{--alert-color-text:var(--p-color-text-primary);--alert-color-icon:var(--p-color-icon-primary);--alert-min-width:18rem;--alert-line-height:1.625rem;--alert-icon-size:var(--alert-line-height);--alert-border-radius:var(--p-corner-radius-rem-small);--icon-gap:var(--p-spacing-rem-12);background-color:var(--alert-background);border-radius:var(--alert-border-radius);box-sizing:border-box;max-width:38.75rem;min-width:var(--alert-min-width);padding:var(--p-spacing-rem-20) var(--p-spacing-rem-16);border:none;align-items:center;display:inline-flex;position:relative;@media (width>=600px){padding:var(--p-spacing-rem-24) var(--p-spacing-rem-20)}& p,& .alertTitle,& .alertDescription,& .alertContainer,& .font-body{color:var(--alert-color-text)}& .icon{color:var(--alert-color-icon);font-size:calc(var(--alert-icon-size) - 2px);height:var(--alert-icon-size);line-height:var(--alert-icon-size);width:var(--alert-icon-size);align-self:flex-start;display:flex}& .alertContainer{align-self:flex-start;gap:var(--icon-gap);text-align:left;grid-template-columns:auto 1fr;max-width:100%;display:grid}& .alertDescription{text-wrap:pretty;align-items:center;display:flex}&[data-size=small]{--alert-line-height:1.375rem;--icon-gap:var(--p-spacing-rem-08);padding:var(--p-spacing-rem-16) var(--p-spacing-rem-12);@media (width>=600px){padding:var(--p-spacing-rem-20) var(--p-spacing-rem-16)}}&[data-fluid=true]{width:100%;max-width:100%}&[data-variant=error]{--alert-color-icon:var(--p-color-icon-on-error);--alert-background:var(--p-color-surface-error);--alert-color-text:var(--p-color-text-on-error)}&[data-variant=warning]{--alert-color-icon:var(--p-color-icon-on-warning);--alert-background:var(--p-color-surface-warning);--alert-color-text:var(--p-color-text-on-warning)}&[data-variant=success]{--alert-color-icon:var(--p-color-icon-on-success);--alert-background:var(--p-color-surface-success);--alert-color-text:var(--p-color-text-on-success)}&[data-variant=info]{--alert-color-icon:var(--p-color-icon-on-info);--alert-background:var(--p-color-surface-info);--alert-color-text:var(--p-color-text-on-info)}&[data-variant=info-subtle]{--alert-background:var(--p-color-background)}@media (width<=600px){--alert-line-height:1.375rem;--icon-gap:var(--p-spacing-rem-08);max-width:100%;min-width:min(85%, var(--alert-min-width));padding:var(--p-spacing-rem-20) var(--p-spacing-rem-16);&[data-size=small]{--alert-line-height:1.25rem}}}.alertFullSpanContainer[data-stb-alert-fullspan=current]{width:100%;& .alertBase[data-stb-alert=current]{--alert-border-radius:none;padding:var(--p-spacing-rem-24);width:100%}}.alertGridContent{grid-column:1/-1;grid-template-columns:subgrid;width:100%;display:grid}.alertContainer{align-items:flex-start;gap:var(--p-spacing-rem-16);grid-column:1/-1;width:100%}.systemIconBase[data-stb-system-icon=current]{flex-shrink:0;width:1rem;height:1rem;font-family:Storebrand Symbols;font-size:1rem;line-height:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (width>=600px){width:1.5rem;height:1.5rem;font-size:1.5rem;line-height:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& svg,& img{width:100%;height:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{& img{width:auto;height:auto}}& img{vertical-align:middle;max-width:100%}}