.hintBase[data-stb-hint=current]{& button.hintButton{background:transparent;border:none;border-radius:3.2px;cursor:pointer;font-family:Storebrand Text,sans-serif;font-weight:600;line-height:150%;outline-offset:2px;padding:0;text-decoration:underline;white-space:nowrap}& 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]{& .popoverPopoverElement{--popover-background-color:var(--p-color-surface-1);--popover-box-shadow:0 0.25rem 0.375rem 0 rgb(0 0 0/14%),0 0.375rem 0.5rem 0 rgb(0 0 0/12%);background:var(--popover-background-color);border-radius:var(--p-corner-radius-rem-small);box-shadow:var(--popover-box-shadow);box-sizing:border-box;display:flex;flex-direction:row;gap:var(--p-spacing-rem-16);justify-content:space-between;max-width:35rem;min-width:18rem;padding:var(--p-spacing-rem-16);width:100%;z-index:var(--p-z-index-popover);@media (min-width:600px){padding:var(--p-spacing-rem-20)}&[data-show-on=hover]{padding:var(--p-spacing-rem-24)}& .popoverContent{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--p-spacing-rem-08);justify-content:center;width:calc(100% - var(--p-spacing-rem-40));& .popoverContentHeader,.popoverContentSection{box-sizing:border-box;overflow-wrap:break-word}}}}.button[data-stb-button-circle=current],.button[data-stb-button=current]{.buttonContentContainer{align-items:center;display:flex;gap:var(--p-spacing-rem-04);justify-content:center;white-space:nowrap;.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{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}&:focus-visible{--button-outline:var(--p-outline)}&[data-loading=true]{.buttonContentContainer{visibility:hidden}}&[data-size=large]{--button-height:var(--p-spacing-rem-48);@media (min-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:0.875rem;--button-line-height:1.25rem;--button-padding:0.625rem var(--p-spacing-rem-16);@media (min-width:600px){--button-font-size:1rem;--button-line-height:1.375rem}}&[data-size=small]{--button-height:var(--p-spacing-rem-32);--button-font-size:0.75rem;--button-line-height:1rem;--button-padding:var(--p-spacing-rem-08) var(--p-spacing-rem-12);@media (min-width:600px){--button-font-size:0.875rem;--button-line-height:1.125rem}}&[data-variant=primary]{&[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);&[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);&[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;&[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)}&[disabled]{--button-color:var(--p-color-text-disabled);--button-background-color:var(--p-color-button-disabled);--button-border-color:var(--p-color-button-disabled)}}&[disabled]{pointer-events:none}}.buttonIcon[data-stb-button-icon=current]{&>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 (min-width:600px){--button-icon-size:clamp(1.75rem,3vw,1.75rem)}}&[data-size=large]{--button-icon-size:clamp(1.375rem,3vw,1.375rem);@media (min-width:600px){--button-icon-size:clamp(1.625rem,3vw,1.625rem)}}&[data-size=medium]{--button-icon-size:clamp(1.25rem,3vw,1.25rem);@media (min-width:600px){--button-icon-size:clamp(1.375rem,3vw,1.375rem)}}&[data-size=small]{--button-icon-size:clamp(1rem,3vw,1rem);@media (min-width:600px){--button-icon-size:clamp(1.125rem,3vw,1.125rem)}}&[disabled]{--button-icon-color:var(--p-color-icon-disabled);pointer-events:none}}.systemIconBase[data-stb-system-icon=current]{&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (min-width:600px){font-size:1.5rem;height:1.5rem;line-height:1.5rem;width:1.5rem}}.iconBase[data-stb-icon=current]{& img,& svg{height:100%;width:100%}}.illustrationBase[data-stb-illustration=current]{&.autoHeight{img{height:auto;width:auto}}& img{max-width:100%;vertical-align:middle}}.spinnerContainer[data-stb-spinner=current]{& svg{height:100%;width:100%}p{font-size:1rem;white-space:nowrap}&.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:loading-indicator-spinner-rotate 5s linear infinite}& .spinnerTrack{stroke:var(--spinner-track-color)}& .spinnerInMotion{animation:loading-indicator-spinner-spin 6s ease-in-out infinite;stroke:var(--spinner-ticker-color);stroke-dasharray:var(--spinner-perimeter);transform-origin:var(--spinner-radius) var(--spinner-radius) 0}}.labelAtom[data-stb-label=current]{&[data-has-popover=true]{flex-direction:row;gap:var(--p-spacing-rem-08)}&[data-disabled=true]{color:var(--p-color-text-disabled);pointer-events:none}}.checkboxAtom[data-stb-checkbox-atom=current]{--checkbox-border-color:var(--p-color-stroke-strong);--checkbox-border-color-checked:var(--p-color-surface-selected);--checkbox-background:var(--p-color-surface-static);--checkbox-background-checked:var(--p-color-surface-selected);--checkbox-icon-color:var(--p-color-surface-static);--checkbox-hint-color:var(--p-color-text-secondary);--checkbox-border-radius:0.25rem;--checkbox-input-size:var(--p-system-icon-body,1.375rem);@media (min-width:600px){--checkbox-input-size:var(--p-system-icon-body,1.625rem)}--outline:transparent;--border-color:var(--p-color-stroke-subtle-0);--border-color-checked:var(--p-color-stroke-selected);--border-radius:0.75rem;--border-thickness:0.0625rem;align-items:center;box-sizing:border-box;display:grid;grid-gap:var(--p-spacing-rem-08) var(--p-spacing-rem-12);gap:var(--p-spacing-rem-08) var(--p-spacing-rem-12);grid-template-columns:auto 1fr;outline:none;width:-moz-fit-content;width:fit-content;&:focus-visible{--outline:var(--p-outline)}&[data-fluid=true]{max-width:100%;width:100%}&[data-border=true]{border:var(--border-thickness) solid var(--border-color);border-radius:var(--border-radius);cursor:pointer;outline:var(--outline);outline-offset:var(--p-outline-offset);padding:var(--p-spacing-rem-24) var(--p-spacing-rem-20);& .checkboxLabel:before{outline:none}}.checkboxInput{-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}& .checkboxLabel{grid-column-gap:inherit;column-gap:inherit;cursor:pointer;display:grid;font-weight:400;grid-column:1/-1;grid-row:1/2;grid-template-columns:subgrid}& .checkboxLabel:after,.checkboxLabel:before{aspect-ratio:1;border-radius:var(--checkbox-border-radius);box-sizing:border-box;content:"";display:inline-block;grid-area:1/1/span 1/span 1;height:var(--checkbox-input-size);place-self:start center}& .checkboxLabel:before{background:var(--checkbox-background);border:var(--p-border-rem-small) solid var(--checkbox-border-color);outline:var(--outline);outline-offset:var(--p-outline-offset)}& .checkboxLabel:after{background:var(--checkbox-icon-color);-webkit-mask:url('data:image/svg+xml;utf8,<svg viewBox="0 0 13 11" xmlns="http://www.w3.org/2000/svg"><path d="M12.2311 1.29248C12.6079 1.72314 12.5861 2.39812 12.1823 2.80007L4.68232 10.2667C4.28837 10.6589 3.67393 10.6476 3.29289 10.2412L0.792893 7.57452C0.402369 7.15797 0.402369 6.48259 0.792893 6.06603C1.18342 5.64947 1.81658 5.64947 2.20711 6.06603L4.02396 8.00401L10.8177 1.24049C11.2214 0.838536 11.8542 0.86181 12.2311 1.29248Z" fill="black"/></svg>') center/contain no-repeat;mask:url('data:image/svg+xml;utf8,<svg viewBox="0 0 13 11" xmlns="http://www.w3.org/2000/svg"><path d="M12.2311 1.29248C12.6079 1.72314 12.5861 2.39812 12.1823 2.80007L4.68232 10.2667C4.28837 10.6589 3.67393 10.6476 3.29289 10.2412L0.792893 7.57452C0.402369 7.15797 0.402369 6.48259 0.792893 6.06603C1.18342 5.64947 1.81658 5.64947 2.20711 6.06603L4.02396 8.00401L10.8177 1.24049C11.2214 0.838536 11.8542 0.86181 12.2311 1.29248Z" fill="black"/></svg>') center/contain no-repeat;opacity:0;width:.8125rem}& .checkboxInput:checked+.checkboxLabel{&:before{background:var(--checkbox-background-checked);border-color:var(--checkbox-border-color-checked)}&:after{opacity:1}}& .checkboxInput:not(:checked)+.checkboxLabel[data-checked=mixed]{&:before{background-color:var(--checkbox-background-checked);border-color:var(--checkbox-border-color-checked)}&:after{border-radius:.125rem;height:.125rem;-webkit-mask:unset;mask:unset;opacity:1;place-self:center center;width:.75rem}}&:has(.checkboxInput:focus-visible){--outline:var(--p-outline)}&:has(.checkboxInput:checked){border-color:var(--border-color-checked)}.checkboxHint{color:var(--checkbox-hint-color);grid-column:2/-1;grid-row:2/3}&:has(.checkboxHint:not(:empty)) .checkboxLabel{font-weight:600}@media (hover:hover) and (pointer:fine){&:hover{--checkbox-border-color:var(--p-color-stroke-selected-hover);--checkbox-border-color-checked:var(--p-color-stroke-selected-hover);--checkbox-background:var(--p-color-background-hover);--checkbox-background-checked:var(--p-color-surface-selected-hover);--checkbox-icon-color:var(--p-color-surface-static);--border-color:var(--p-color-stroke-strong-hover);--border-color-checked:var(--p-color-stroke-selected-hover)}}&:has(.checkboxInput:active){--checkbox-border-color:var(--p-color-stroke-selected-pressed);--checkbox-border-color-checked:var(--p-color-stroke-selected-pressed);--checkbox-background:var(--p-color-background-pressed);--checkbox-background-checked:var(--p-color-background-selected-pressed);--checkbox-icon-color:var(--p-color-icon-on-color);--border-color:var(--p-color-stroke-selected);--border-color-checked:var(--p-color-stroke-selected-pressed)}&[data-message-type=warning]{--checkbox-border-color:var(--p-color-stroke-warning);--checkbox-border-color-checked:var(--p-color-stroke-warning);--checkbox-background:var(--p-color-surface-warning);--checkbox-background-checked:var(--p-color-stroke-warning);--checkbox-icon-color:var(--p-color-surface-warning);--border-color:var(--p-color-stroke-warning);--border-color-checked:var(--p-color-stroke-warning)}&[data-message-type=error]{--checkbox-border-color:var(--p-color-stroke-error);--checkbox-border-color-checked:var(--p-color-stroke-error);--checkbox-background:var(--p-color-surface-error);--checkbox-background-checked:var(--p-color-stroke-error);--checkbox-icon-color:var(--p-color-surface-error);--border-color:var(--p-color-stroke-error);--border-color-checked:var(--p-color-stroke-error)}&:has(.checkboxInput[aria-disabled=true]){--checkbox-border-color:var(--p-color-stroke-disabled);--checkbox-border-color-checked:var(--p-color-background-disabled);--checkbox-background:var(--p-color-surface-static);--checkbox-background-checked:var(--p-color-background-disabled);--checkbox-icon-color:var(--p-color-stroke-disabled);--border-color:var(--p-color-stroke-disabled);--border-color-checked:var(--p-color-stroke-disabled);--checkbox-hint-color:var(--p-color-stroke-disabled);pointer-events:none}}.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:0.0938rem;--border-thickness:var(--border-normal);align-items:center;align-self:flex-start;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;display:inline-flex;max-height:var(--input-max-height);max-width:18rem;min-height:var(--input-max-height);position:relative;& .inputElement{background-color:transparent;border:none;border-radius:var(--p-corner-radius-rem-small);box-sizing:border-box;color:var(--text-color);height:100%;outline:none;padding:var(--p-spacing-rem-12);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 (min-width:600px){font-size:1.125rem;line-height:1.625rem}}&::-webkit-inner-spin-button,&::-webkit-outer-spin-button{-webkit-appearance:none}&[type=number]{-moz-appearance:textfield}}&.inputCompact{--input-max-height:2.5rem;height:var(--input-max-height);& .inputElement{padding:var(--p-spacing-rem-08) var(--p-spacing-rem-12)}}& .inputAdditions{align-items:center;display:flex;gap:.5rem;height:100%;padding-right:var(--p-spacing-rem-12);position:absolute;right:0;top:0;z-index:var(--p-z-index-input)}& .iconButton{color:var(--icon-color);display:flex}& .icon{--icon-size:1.375rem;color:var(--icon-color);display:flex;pointer-events:none;i{font-size:var(--icon-size);height:var(--icon-size);line-height:var(--icon-size);width:var(--icon-size)}@media (min-width:600px){--icon-size:1.625rem}}& .inputSuffix{color:var(--suffix-color)}&[data-fluid=true]{max-width:100%;width:100%;&>select{width:100%}}&[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;& .inputAdditions .inputSuffix,& .inputElement{pointer-events:none}}}.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:0.0938rem;--border-thickness:var(--border-normal);align-items:flex-start;align-self:flex-start;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;display:inline-flex;height:auto;max-width:18rem;min-height:auto;padding:.125rem;position:relative;width:100%;& .inputElement{background-color:transparent;border:none;border-radius:var(--p-corner-radius-rem-small);box-sizing:border-box;color:var(--text-color);flex-grow:1;height:auto;min-height:auto;outline:none;padding:var(--p-spacing-rem-08);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 (min-width:600px){font-size:1.125rem;line-height:1.625rem}}&::-webkit-resizer{background-image:url(https://assets.storebrand.no/pretzel/phosphor-icons/notches.svg);background-repeat:no-repeat;background-size:100% 100%;border:none;cursor:se-resize;fill:var(--border-color)}}&: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;& .inputAdditions,& .inputElement{pointer-events:none}}}.button[data-stb-button-circle=current],.button[data-stb-button=current]{.buttonContentContainer{align-items:center;display:flex;gap:var(--p-spacing-rem-04);justify-content:center;white-space:nowrap;.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{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}&:focus-visible{--button-outline:var(--p-outline)}&[data-fluid=true]{width:100%;@media (min-width:600px){max-width:600px}}&[data-loading=true]{.buttonContentContainer{visibility:hidden}}&[data-size=large]{--button-height:var(--p-spacing-rem-48);@media (min-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:0.875rem;--button-line-height:1.25rem;--button-padding:0.625rem var(--p-spacing-rem-16);@media (min-width:600px){--button-font-size:1rem;--button-line-height:1.375rem}}&[data-size=small]{--button-height:var(--p-spacing-rem-32);--button-font-size:0.75rem;--button-line-height:1rem;--button-padding:var(--p-spacing-rem-08) var(--p-spacing-rem-12);@media (min-width:600px){--button-font-size:0.875rem;--button-line-height:1.125rem}}&[data-variant=primary]{&[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);&[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);&[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;&[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)}&[disabled]{--button-color:var(--p-color-text-disabled);--button-background-color:var(--p-color-button-disabled);--button-border-color:var(--p-color-button-disabled)}}&[disabled]{pointer-events:none}}.buttonIcon[data-stb-button-icon=current]{&>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 (min-width:600px){--button-icon-size:clamp(1.75rem,3vw,1.75rem)}}&[data-size=large]{--button-icon-size:clamp(1.375rem,3vw,1.375rem);@media (min-width:600px){--button-icon-size:clamp(1.625rem,3vw,1.625rem)}}&[data-size=medium]{--button-icon-size:clamp(1.25rem,3vw,1.25rem);@media (min-width:600px){--button-icon-size:clamp(1.375rem,3vw,1.375rem)}}&[data-size=small]{--button-icon-size:clamp(1rem,3vw,1rem);@media (min-width:600px){--button-icon-size:clamp(1.125rem,3vw,1.125rem)}}&[disabled]{--button-icon-color:var(--p-color-icon-disabled);pointer-events:none}}.systemIconBase[data-stb-system-icon=current]{&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (min-width:600px){font-size:1.5rem;height:1.5rem;line-height:1.5rem;width:1.5rem}}.iconBase[data-stb-icon=current]{& img,& svg{height:100%;width:100%}}.illustrationBase[data-stb-illustration=current]{&.autoHeight{img{height:auto;width:auto}}& img{max-width:100%;vertical-align:middle}}.spinnerContainer[data-stb-spinner=current]{& svg{height:100%;width:100%}p{font-size:1rem;white-space:nowrap}&.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:loading-indicator-spinner-rotate 5s linear infinite}& .spinnerTrack{stroke:var(--spinner-track-color)}& .spinnerInMotion{animation:loading-indicator-spinner-spin 6s ease-in-out infinite;stroke:var(--spinner-ticker-color);stroke-dasharray:var(--spinner-perimeter);transform-origin:var(--spinner-radius) var(--spinner-radius) 0}}:where(.formElementWrapper[data-stb-form-element-wrapper=current]){display:flex;flex-direction:column;gap:var(--p-spacing-rem-08);width:100%;&[data-disabled=true]{cursor:not-allowed}}.systemIconBase[data-stb-system-icon=current]{&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (min-width:600px){font-size:1.5rem;height:1.5rem;line-height:1.5rem;width:1.5rem}}.iconBase[data-stb-icon=current]{& img,& svg{height:100%;width:100%}}.illustrationBase[data-stb-illustration=current]{&.autoHeight{img{height:auto;width:auto}}& img{max-width:100%;vertical-align:middle}}.alertInlineBase[data-stb-alert-inline=current]{--color-text:var(--p-color-text-primary);--color-icon:var(--p-color-icon-primary);align-self:start;border-radius:var(--p-corner-radius-rem-small);box-sizing:border-box;display:inline-flex;flex-direction:row;flex-shrink:0;gap:var(--p-spacing-rem-08);& .alertTitle{--alert-line-height:1.25rem;color:var(--color-text);line-height:var(--alert-line-height);@media (min-width:600px){--alert-line-height:1.375rem}}& .alertIconWrapper{display:flex;text-align:center}& .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 (min-width:600px){--alert-icon-size:1.375rem}}&[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{background:transparent;border:none;border-radius:3.2px;cursor:pointer;font-family:Storebrand Text,sans-serif;font-weight:600;line-height:150%;outline-offset:2px;padding:0;text-decoration:underline;white-space:nowrap}& 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]{align-items:center;display:flex;justify-content:center;& .popoverPopoverElement{--popover-background-color:var(--p-color-surface-1);--popover-box-shadow:0 0.25rem 0.375rem 0 rgb(0 0 0/14%),0 0.375rem 0.5rem 0 rgb(0 0 0/12%);background:var(--popover-background-color);border-radius:var(--p-corner-radius-rem-small);box-shadow:var(--popover-box-shadow);box-sizing:border-box;display:flex;flex-direction:row;gap:var(--p-spacing-rem-16);justify-content:space-between;max-width:35rem;min-width:18rem;padding:var(--p-spacing-rem-16);width:100%;z-index:var(--p-z-index-popover);@media (min-width:600px){padding:var(--p-spacing-rem-20)}&[data-show-on=hover]{padding:var(--p-spacing-rem-24)}& .popoverContent{box-sizing:border-box;display:flex;flex-direction:column;gap:var(--p-spacing-rem-08);justify-content:center;width:calc(100% - var(--p-spacing-rem-40));& .popoverContentHeader,.popoverContentSection{box-sizing:border-box;overflow-wrap:break-word}}}}.button[data-stb-button-circle=current],.button[data-stb-button=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);align-items:center;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;display:inline-flex;font-size:var(--button-font-size);height:var(--button-height);justify-content:center;line-height:var(--button-line-height);outline:var(--button-outline);outline-offset:var(--p-outline-offset);padding:var(--button-padding);position:relative;text-decoration:none;transition-duration:var(--p-transition-duration);transition-property:border,background-color,color;.buttonContentContainer{align-items:center;display:flex;gap:var(--p-spacing-rem-04);justify-content:center;white-space:nowrap;.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{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}&:focus-visible{--button-outline:var(--p-outline)}&[data-fluid=true]{width:100%;@media (min-width:600px){max-width:600px}}&[data-loading=true]{.buttonContentContainer{visibility:hidden}}&[data-size=large]{--button-height:var(--p-spacing-rem-48);@media (min-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:0.875rem;--button-line-height:1.25rem;--button-padding:0.625rem var(--p-spacing-rem-16);@media (min-width:600px){--button-font-size:1rem;--button-line-height:1.375rem}}&[data-size=small]{--button-height:var(--p-spacing-rem-32);--button-font-size:0.75rem;--button-line-height:1rem;--button-padding:var(--p-spacing-rem-08) var(--p-spacing-rem-12);@media (min-width:600px){--button-font-size:0.875rem;--button-line-height:1.125rem}}&[data-variant=primary]{&[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);&[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);&[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;&[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)}&[disabled]{--button-color:var(--p-color-text-disabled);--button-background-color:var(--p-color-button-disabled);--button-border-color:var(--p-color-button-disabled)}}&[disabled]{pointer-events:none}}.buttonCircle[data-stb-button-circle=current]{--button-size:var(--button-height);height:var(--button-size);padding:0;width:var(--button-size)}.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);align-items:center;background-color:var(--button-icon-background-color);border:none;border-radius:.125rem;box-sizing:border-box;color:var(--button-icon-color);cursor:pointer;display:inline-flex;justify-content:center;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);padding:0;position:relative;text-decoration:none;transition-duration:var(--p-transition-duration);transition-property:border,background-color,color;white-space:nowrap;width:var(--button-icon-size);&>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 (min-width:600px){--button-icon-size:clamp(1.75rem,3vw,1.75rem)}}&[data-size=large]{--button-icon-size:clamp(1.375rem,3vw,1.375rem);@media (min-width:600px){--button-icon-size:clamp(1.625rem,3vw,1.625rem)}}&[data-size=medium]{--button-icon-size:clamp(1.25rem,3vw,1.25rem);@media (min-width:600px){--button-icon-size:clamp(1.375rem,3vw,1.375rem)}}&[data-size=small]{--button-icon-size:clamp(1rem,3vw,1rem);@media (min-width:600px){--button-icon-size:clamp(1.125rem,3vw,1.125rem)}}&[disabled]{--button-icon-color:var(--p-color-icon-disabled);pointer-events:none}}.systemIconBase[data-stb-system-icon=current]{&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (min-width:600px){font-size:1.5rem;height:1.5rem;line-height:1.5rem;width:1.5rem}}.iconBase[data-stb-icon=current]{& img,& svg{height:100%;width:100%}}.illustrationBase[data-stb-illustration=current]{&.autoHeight{img{height:auto;width:auto}}& img{max-width:100%;vertical-align:middle}}.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(0.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);align-items:center;color:var(--text-color);display:flex;flex-direction:column;gap:var(--p-spacing-08);width:var(--spinner-container-size);& svg{height:100%;width:100%}p{font-size:1rem;white-space:nowrap}&.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:loading-indicator-spinner-rotate 5s linear infinite}& .spinnerTrack{stroke:var(--spinner-track-color)}& .spinnerInMotion{animation:loading-indicator-spinner-spin 6s ease-in-out infinite;stroke:var(--spinner-ticker-color);stroke-dasharray:var(--spinner-perimeter);transform-origin:var(--spinner-radius) var(--spinner-radius) 0}}@keyframes loading-indicator-spinner-spin{0%{stroke-dasharray:var(--spinner-perimeter-full),var(--spinner-perimeter-fraction);transform:rotate(0deg)}50%{stroke-dasharray:var(--spinner-perimeter-fraction),var(--spinner-perimeter-full);transform:rotate(2turn)}to{stroke-dasharray:var(--spinner-perimeter-full),var(--spinner-perimeter-fraction);transform:rotate(3turn)}}@keyframes loading-indicator-spinner-rotate{0%{transform:rotate(0deg)}50%{transform:rotate(2turn)}to{transform:rotate(3turn)}}.labelAtom[data-stb-label=current]{display:flex;flex-direction:column;gap:var(--p-spacing-rem-04);text-wrap:pretty;&[data-has-popover=true]{flex-direction:row;gap:var(--p-spacing-rem-08)}&[data-disabled=true]{color:var(--p-color-text-disabled);pointer-events:none}}.systemIconBase[data-stb-system-icon=current]{flex-shrink:0;font-family:Storebrand Symbols;font-size:1rem;height:1rem;line-height:1rem;width:1rem;&[data-legacy=true]{font-family:System-Icons!important}&:before{content:attr(data-icon-name);white-space:nowrap}@media (min-width:600px){font-size:1.5rem;height:1.5rem;line-height:1.5rem;width:1.5rem}}.iconBase[data-stb-icon=current]{display:inline-flex;& img,& svg{height:100%;width:100%}}.illustrationBase[data-stb-illustration=current]{display:inline-flex;&.autoHeight{img{height:auto;width:auto}}& img{max-width:100%;vertical-align:middle}}.switchBase[data-stb-switch=current]{--toggle-height:1.375rem;--toggle-width:2.5rem;--translate-x:1.0995rem;--hover-gap:0.25rem;--optical-adjustment:0.085rem;--translate-x-checked-hover:calc(var(--translate-x) - calc(var(--hover-gap) - var(--optical-adjustment)));--translate-x-unchecked-hover:var(--hover-gap);align-items:center;display:inline-flex;gap:var(--p-spacing-rem-08);&.switchBaseLeft{flex-direction:row-reverse}& .switchContainer{display:flex}& .hiddenInput{-webkit-clip-path:rect(1px 1px 1px 1px);clip-path:rect(1px 1px 1px 1px);height:1px;opacity:0;overflow:hidden;position:absolute;width:1px;&:checked+.switchBaseTrack{background-color:var(--p-color-surface-selected);@media (hover:hover) and (pointer:fine){&:hover{background-color:var(--p-color-surface-selected-hover);& .switchBaseThumb{border-color:var(--p-color-surface-selected-hover);transform:translateX(var(--translate-x-checked-hover))}}}&>.switchBaseThumb{border-color:var(--p-color-surface-selected);transform:translateX(var(--translate-x))}}&:focus-visible+.switchBaseTrack{outline:var(--p-outline);outline-offset:var(--p-outline-offset)}}&[data-disabled=true]{pointer-events:none;& *{color:var(--p-color-text-disabled)}& .hiddenInput,.hiddenInput:checked{&+.switchBaseTrack{background-color:var(--p-color-background-disabled);pointer-events:none;&>.switchBaseThumb{border-color:var(--p-color-background-disabled)}@media (hover:hover) and (pointer:fine){&:hover{background-color:var(--p-color-background-disabled);& .switchBaseThumb{border-color:var(--p-color-background-disabled);transform:translateX(var(--translate-x-checked-hover))}}}}}}& .switchBaseTrack{background-color:var(--p-color-states-toggle-off);border-radius:1.25rem;cursor:pointer;display:inline-flex;flex-shrink:0;height:var(--toggle-height);position:relative;transition:.2s ease-in-out;transition-property:background-color;width:var(--toggle-width);&:before{content:"";height:var(--toggle-height);inset:0;position:absolute;width:var(--toggle-width)}@media (hover:hover) and (pointer:fine){&:hover{background-color:var(--p-color-states-toggle-off-hover);.switchBaseThumb{border-color:var(--p-color-states-toggle-off-hover);transform:translateX(var(--translate-x-unchecked-hover))}}}}& .switchBaseThumb{background-color:var(--p-color-surface-static);border:var(--p-border-rem-small) solid var(--p-color-states-toggle-off);border-radius:50%;box-sizing:border-box;height:var(--toggle-height);transform:translateX(0);transition:.2s ease-in-out;transition-property:transform,border-color;width:var(--toggle-height)}@media (min-width:600px){--toggle-height:1.625rem;--toggle-width:3rem;--translate-x:1.35rem;--hover-gap:0.325rem}}