@import url(https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined);:root{--brand-primary:#fdc129;--brand-secondary:var(--brown-solid);--brown-solid:#2f2424;--dark-brown:#493c3b;--brown-medium:#72605e;--brown-soft:#a38b80;--brown-light:#d4c4bc;--gray:#ebe7e2;--brand-orange:#ee7023;--brand-turquoise:#31a3ae;--brand-turquoise-light:#8acdc3;--text-default:var(--brown-solid);--text-muted:var(--brown-medium);--text-link:#257886;--text-white:var(--white);--text-disabled:#c0bebe;--brand-error:#b5111a;--btn-primary-color:var(--brown-solid);--btn-primary-text-color:var(--text-white);--btn-primary-hover:var(--brown-medium);--btn-secondary-color:var(--white);--btn-secondary-text-color:var(--text-default);--btn-secondary-border-color:var(--brown-medium);--btn-secondary-hover:var(--brown-light);--btn-tertiary-color:var(--gray);--btn-tertiary-text-color:var(--brown-solid);--btn-tertiary-hover:var(--brown-light);--btn-tertiary-disabled:var(--btn-bg-disabled);--btn-active-color:var(--brand-turquoise-light);--input-border-color:var(--brown-soft);--input-border-focus-color:var(--brown-solid);--input-border-success-color:var(--brand-turquoise);--brand-headline:"Swedbank Headline","Arial",sans-serif;--brand-black:"Swedbank Headline Black","Arial",sans-serif;--brand-monofont:"Akkurat Mono",monospace;--brand-default:"Arial",sans-serif}body,body p.lead,html,html p.lead{font-family:Futura PT W08 Book,sans-serif;font-family:var(--brand-default)}body p.lead,html p.lead{font-weight:700;font-weight:var(--font-weight-bold)}.material-icons{font-family:Material Icons Outlined;font-family:var(--payex-material-icons)}.material-icons.alert-icon{font-family:Material icons}:root{--black:#000;--text-gray:var(--brand-secondary,#3c3c3c);--list-gray:#999;--light-gray:#f4f4f4;--white:#fff;--soft-brown:#707070;--medium-brown:#72605e;--brand-primary:#2a9d3f;--brand-primary-light:var(--brand-primary,#2a9d3f);--brand-primary-light-2:var(--brand-primary,#2a9d3f);--brand-primary-light-3:var(--brand-primary,#2a9d3f);--brand-secondary:#3c3c3c;--brand-secondary-hover:#5f5f5f;--brand-secondary-light-1:var(--brand-secondary,#3c3c3c);--brand-secondary-light-2:#c8c8c8;--brand-secondary-light-3:var(--brand-secondary-light-2,#c8c8c8);--brand-secondary-light-4:var(--brand-secondary,#3c3c3c);--brand-secondary-info-1:var(--brand-secondary-light-3,#c8c8c8);--brand-secondary-info-2:#efb7b6;--brand-tertiary:var(--brand-primary,#2a9d3f);--brand-accent:var(--brand-secondary,#3c3c3c);--blue-bright:var(--brand-secondary-light-2,#c8c8c8);--brand-accent-links:var(--brand-primary,#2a9d3f);--payex-light-blue:#32b2dd;--payex-dark-blue:#1e3a6e;--brand-bg-1:#e8f3e6;--brand-bg-2:#e8f3e6;--brand-bg-3:#fbedf4;--brand-bg-4:#eaf8fc;--brand-bg-gray:var(--brand-secondary-light-2,#c8c8c8);--brand-bg-white:#fff;--bg-quaternary:var(--list-gray,#999);--brand-success:#238635;--brand-success-light:#e8f3e6;--brand-success-light-2:var(--brand-success,#238635);--brand-warning:#f35b1c;--brand-warning-light:#ffecd5;--brand-warning-2:#f35b1c;--brand-error-border:#f1bbb9;--brand-error:#c5131c;--brand-error-light:#ffebe3;--brand-info:#3e6ab6;--brand-info-light:#e8eff9;--checkbox-checked-color:var(--brand-secondary,#3c3c3c);--primary-disabled-bg:#f5b895;--secondary-disabled-bg:#98d0d6;--btn-primary-color:var(--brand-success,#238635);--btn-primary-text-color:var(--white,#fff);--btn-primary-bg:var(--brand-success,#238635);--btn-primary-hover:var(--brand-tertiary,#2a9d3f);--btn-primary-disabled-color:var(--white,#fff);--btn-primary-disabled-bg:var(--brand-secondary-light-2,#c8c8c8);--btn-secondary-color:var(--white,#fff);--btn-secondary-bg:var(--brand-secondary,#3c3c3c);--btn-secondary-text-color:var(--brand-secondary,#3c3c3c);--btn-secondary-border-color:var(--brand-secondary,#3c3c3c);--btn-secondary-hover:var(--brand-secondary,#3c3c3c);--btn-secondary-disabled-color:var(--white,#fff);--btn-secondary-disabled-bg:var(--brand-secondary-light-2,#c8c8c8);--btn-tertiary-color:var(--brand-secondary,#3c3c3c);--btn-tertiary-text-color:var(--white,#fff);--btn-tertiary-hover:var(--brand-secondary-hover,#5f5f5f);--btn-tertiary-disabled:var(--btn-bg-disabled,hsla(20,22%,78%,0.3));--destructive-disabled-bg:#f9ded3;--btn-destructive-color:var(--white,#fff);--btn-destructive-bg:var(--brand-error,#c5131c);--btn-destructive-hover:#ee4e56;--btn-destructive-disabled-color:var(--white,#fff);--btn-destructive-disabled-bg:var(--destructive-disabled-bg,#f9ded3);--btn-link-color:var(--brand-secondary,#3c3c3c);--btn-link-disabled-color:var(--list-gray,#999);--link-hover-color:var(--brand-primary,#2a9d3f);--link-color:var(--btn-primary-bg,#238635);--btn-disabled-text:var(--text-disabled);--btn-bg-disabled:hsla(20,22%,78%,0.3);--btn-active-color:var(--payex-light-blue);--input-color:var(--brand-secondary,#3c3c3c);--input-bg:var(--white,#fff);--input-bg-disabled:var(--white,#fff);--input-checked-bg-disabled:var(--brand-secondary-light-3,#c8c8c8);--input-addon-color:var(--brand-secondary,#3c3c3c);--input-border-color:var(--brand-secondary-hover,#5f5f5f);--input-border-focus-color:var(--brand-secondary,#3c3c3c);--input-border-success-color:var(--payex-light-blue);--panel-default-border-color:var(--brand-secondary-light-3,#c8c8c8);--yellow-faded:#fbdd91;--green-syntax-highlight:#9c6;--blue-syntax-highlight:#43d0dd;--yellow-syntax-highlight:#fff3d5;--pink-cards-details:#c5569a;--dark-brown:var(--brand-secondary,#3c3c3c);--light-brown:var(--brand-secondary-light-3,#c8c8c8);--help-block-text:#707070;--tab-link:var(--help-block-text,#707070);--radiobutton-border:var(--help-block-text,#707070);--border-radius:8px;--brand-black:"Futura PT W08 Medium",sans-serif;--brand-default:"Futura PT W08 Book",sans-serif;--brand-monofont:monospace;--payex-material-icons:"Material Icons Outlined";--brand-headline:"Futura PT W08 Demi",sans-serif;--brand-font-default:"Futura PT W08 Book",sans-serif;--font-weight-header:400;--text-color:var(--brand-secondary);--border-color:var(--brand-secondary-light-3);--font-stack:"Arial",sans-serif;--base-font-size:1rem;--font-size-large:calc(var(--base-font-size)*1.25);--font-size-small:calc(var(--base-font-size)*0.875);--font-weight-light:300;--font-weight-normal:400;--font-weight-bold:700;--font-weight-base:var(--font-weight-normal);--line-height-base:1.5;--spacer:1rem;--base-margin:var(--spacer);--base-margin-xs:calc(var(--base-margin)/4);--base-margin-sm:calc(var(--base-margin)/2);--base-margin-lg:calc(var(--base-margin)*1.5);--base-margin-xl:calc(var(--base-margin)*2);--base-margin-xxl:calc(var(--base-margin)*4);--base-padding:var(--spacer);--base-padding-xs:calc(var(--base-padding)/4);--base-padding-sm:calc(var(--base-padding)/2);--base-padding-lg:calc(var(--base-padding)*1.5);--base-padding-xl:calc(var(--base-padding)*2);--base-padding-xxl:calc(var(--base-padding)*4);--input-padding-x:16px;--input-padding-y:12px;--border-width:1px;--border-width-focus:2px;--border-width-diff-focus:calc(var(--border-width-focus, 2px) - var(--border-width, 1px));--border-radius-modal:20px;--tooltip-z-index:1100;--skip-link-active-z-index:1000;--toast-z-index:700;--dialog-z-index:600;--sheet-z-index:500;--action-list-z-index:450;--topbar-z-index:400;--sidebar-z-index:400;--datepicker-z-index:150;--dropdown-z-index:150;--navigation-z-index:100;--progress-steps-z-index:100;--tabs-z-index:100;--skip-link-z-index:-100}@font-face{font-family:Swedbank Headline;src:url(/v/10.8.3/designguide/fonts/SwedbankHeadline-Bold.woff) format("woff")}@font-face{font-family:Swedbank Headline Black;src:url(/v/10.8.3/designguide/fonts/SwedbankHeadline-Black.woff) format("woff")}@font-face{font-family:Akkurat Mono;src:url(/v/10.8.3/designguide/fonts/AkkuratMonoLLWeb-Regular.woff) format("woff")}@font-face{font-family:Akkurat Mono;font-weight:700;src:url(/v/10.8.3/designguide/fonts/AkkuratMonoLLWeb-Bold.woff) format("woff")}@font-face{font-family:Akkurat Mono;font-style:italic;src:url(/v/10.8.3/designguide/fonts/AkkuratMonoLLWeb-Italic.woff) format("woff")}@font-face{font-family:Akkurat Mono;font-style:italic;font-weight:700;src:url(/v/10.8.3/designguide/fonts/AkkuratMonoLLWeb-BoldItalic.woff) format("woff")}@font-face{font-family:Futura PT W08 Book;src:url(/v/10.8.3/designguide/fonts/FuturaBook.woff2) format("woff2"),url(/v/10.8.3/designguide/fonts/FuturaBook.woff) format("woff")}@font-face{font-family:Futura PT W08 Medium;src:url(/v/10.8.3/designguide/fonts/FuturaMedium.woff2) format("woff2"),url(/v/10.8.3/designguide/fonts/FuturaMedium.woff) format("woff")}@font-face{font-family:Futura PT W08 Demi;src:url(/v/10.8.3/designguide/fonts/FuturaDemi.woff2) format("woff2"),url(/v/10.8.3/designguide/fonts/FuturaDemi.woff) format("woff")}html{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;height:100%;line-height:1.15;scroll-behavior:smooth}@media (min-width:1199.98px){html{scroll-snap-type:y mandatory}}body{background-color:#fff;color:#3c3c3c;color:var(--brand-secondary);font-family:Arial,sans-serif;font-family:var(--font-stack);font-size:1rem;font-size:var(--base-font-size);height:100%;line-height:1.5;line-height:var(--line-height-base,1.5);margin:0}body.no-vscroll{overflow-x:hidden}body.has-vscroll,body.no-scroll{overflow:hidden}@media screen and (min-width:576px){body.has-vscroll,body.has-vscroll .dialog{padding-right:17px}body.has-vscroll .topbar{padding:0 20px}}body.intent-mouse :focus{outline:4px solid transparent}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}ol,ul{margin-bottom:1rem;margin-bottom:var(--base-margin);margin-top:0}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}[role=button]{cursor:pointer}*{box-sizing:border-box}#designguide{display:flex;flex-direction:column;min-height:100%}#designguide .designguide-header{z-index:400;z-index:var(--topbar-z-index,400)}#designguide pre{font-size:87.5%}#designguide .color-preview{grid-row-gap:1rem;grid-column-gap:2.5rem;-moz-column-gap:2.5rem;column-gap:2.5rem;display:grid;grid-template-columns:1fr;row-gap:1rem}#designguide .color-preview svg{width:100%}#designguide .color-preview figcaption{line-height:1.25rem;margin-top:.25rem}@media screen and (min-width:576px){#designguide .color-preview{grid-template-columns:1fr 1fr 1fr}}#designguide .sp-wrapper{margin-bottom:1rem}#designguide .sp-wrapper>div:not(.sp-stack){color:#3c3c3c;font-size:medium;line-height:1.5}#designguide .showcase-panel{--preview-min-height:200px}#designguide .showcase-panel .sc-highlight{background-color:rgba(86,61,124,.15);border:1px solid rgba(86,61,124,.15)}#designguide .showcase-panel .showcase-grid .row>[class*=col]{background:#f4f4f4;border:1px solid hsla(0,0%,60%,.8);padding-bottom:.5rem;padding-top:.5rem}#designguide .showcase-panel .showcase-grid .row+.row{margin-top:1rem}#designguide .showcase-panel .showcase-grid.showcase-vertical-space .row{background:#f4f4f4;height:10rem}#designguide .showcase-panel iframe{min-height:var(--preview-min-height)}#designguide .browser-support-table th,#designguide .browser-support-table tr{text-align:center;vertical-align:middle}#designguide .browser-support-table svg{display:inline-block;height:1.5rem;width:1.5rem}#designguide figure{margin:0}#designguide figure td:focus-visible{border-radius:2px;outline:2px solid #2a9d3f}#designguide figure button:focus-visible{border-radius:2px;outline:2px solid #2a9d3f}#designguide figure .code-toolbar>.toolbar{opacity:1}#designguide figure .code-toolbar>.toolbar>.toolbar-item a{background:transparent;border:0;border-radius:.25rem;box-shadow:none;padding:.25rem .5rem}#designguide figure .code-toolbar>.toolbar>.toolbar-item a:hover{background:#2a9d3f;color:#fff}#designguide #loading-component{display:flex;flex-grow:1;justify-content:center}#designguide #loading-component .loader{margin-top:10rem}#designguide .demo-square{background-color:#f4f4f4;display:inline-block;height:5rem;width:5rem}#designguide .demo-square:not(:last-child){margin-right:1rem}.search-container{margin-top:1rem;position:absolute;right:1rem;z-index:103}.search-container:focus-visible{border-radius:2px;outline:2px solid #3c3c3c}.search-container .form-group{margin-bottom:0}.search-container .form-group .input-container:focus-within+button{border-color:transparent}.search-container .form-group:focus-visible{border-radius:2px;outline:2px solid #3c3c3c}.search-container .form-group input{width:21rem}.search-container .form-group button.hint-shortcuts{background:none;border-color:transparent;position:absolute;right:2.5rem;top:.8rem}.search-container .form-group button.hint-shortcuts:hover{border-color:transparent}.search-container .form-group button.hint-shortcuts kbd{background:rgba(42,157,63,.8);border-radius:3px;color:#3c3c3c;margin:2px;padding:2px 6px}.search-container .form-group button i{color:#707070}.search-container .form-group button:hover{border-color:#707070}.search-container .form-group button:active,.search-container .form-group button:focus{border-color:transparent;box-shadow:none}.search-container .form-group button:focus i,.search-container .form-group button:hover i{color:#3c3c3c;transform:scale(1.2)}.search-container .result-box{background-color:#fff;border-radius:8px;border-radius:var(--border-radius,8px);box-shadow:1px 2px 20px rgba(0,0,0,.25);display:flex;flex-direction:column;height:auto;max-height:50vh;overflow:auto;padding-top:.5rem;position:absolute;width:100%;z-index:103}.search-container .result-box:focus-visible{border-radius:2px;outline:2px solid #3c3c3c}.search-container .result-box .item-list{margin-bottom:0}.search-container .result-box .item-list a{padding-bottom:.25rem;padding-top:.25rem;-webkit-text-decoration:none;text-decoration:none}.search-container .result-box .item-list a:focus-visible{border-radius:2px;outline:2px solid #3c3c3c;outline-offset:-2px}.search-container .result-box .item-list a li{margin-left:7px;margin-right:7px}.search-container .result-box .item-list.item-list-hover li{border-bottom:none;border-radius:2px;height:2rem;padding:.5rem}.search-container .result-box .item-list.item-list-hover li:hover{background-color:#e8f3e6;cursor:pointer}.search-container .result-box .item-list.item-list-hover li span{color:#3c3c3c;display:inline-block;position:relative;-webkit-text-decoration:none;text-decoration:none;z-index:1}.search-container .result-box .item-list.item-list-hover li .directory{color:#707070;font-size:.875rem}.search-container.search-expander{left:1rem;margin-top:0;top:auto}.search-container.search-expander .form-group{display:flex}.search-container.search-expander .form-group #search-box:focus+button{border-color:#707070}.search-container.search-expander .form-group button{border-color:#2f2424;border-bottom-color:var(--brown-solid);border-left:1px solid;border-left-color:var(--brown-solid);border-right-color:var(--brown-solid);border-top-color:var(--brown-solid);height:2.5rem;position:absolute;right:0;top:-1.4rem}.search-container.search-expander .form-group button i{color:#3c3c3c;font-size:1.25rem}.search-container.search-expander .form-group input{display:none}.search-container.search-expander.expanded{display:grid}.search-container.search-expander.expanded .form-group button{align-self:center;border:1px solid #707070;height:2.5rem;position:static;right:auto}.search-container.search-expander.expanded .form-group button:focus,.search-container.search-expander.expanded .form-group button:hover{background-color:transparent;outline-color:#3c3c3c}.search-container.search-expander.expanded .form-group button:focus i,.search-container.search-expander.expanded .form-group button:hover i{color:#000}.search-container.search-expander.expanded .form-group input{display:block;font-size:.875rem;line-height:1.5;margin-right:.5rem;width:100%}.documentation{width:100%}.documentation .doc-container{margin-left:auto;margin-right:auto;max-width:46.375rem;padding:2rem;width:100%}.documentation .doc-container h1:first-of-type{margin-bottom:1rem;margin-top:1rem}.documentation .doc-container.utilities-page{max-width:70rem;padding-top:3rem}.documentation .doc-container.dg-front-page{max-width:82rem;position:relative}.documentation .doc-container.dg-front-page section{height:100vh}.documentation .doc-container.dg-front-page .rotate-icon{transform:rotate(180deg)}.documentation .doc-container.dg-front-page .dg-front-page-container{max-width:70rem;padding-top:3rem}.documentation .doc-container.dg-front-page .dg-front-page-container header{line-height:4rem}.documentation .doc-container.dg-front-page .dg-front-page-container header .dg-title-small{font-family:Futura PT W08 Demi,sans-serif;font-family:var(--brand-headline);font-size:2.5rem;font-weight:700;font-weight:var(--font-weight-bold)}.documentation .doc-container.dg-front-page .dg-front-page-container header .dg-title-big{font-family:Futura PT W08 Demi,sans-serif;font-family:var(--brand-headline);font-size:3.5rem;font-weight:700;font-weight:var(--font-weight-bold)}.documentation .doc-container.dg-front-page .dg-front-page-container .dg-version-indicator{margin-bottom:1.5rem;margin-top:.5rem}.documentation .doc-container.dg-front-page .dg-front-page-container .dg-version-indicator span{background-color:#fff3d5;font-family:Futura PT W08 Demi,sans-serif;font-family:var(--brand-headline);font-size:1.25rem;padding:.5rem}.documentation .doc-container.dg-front-page .dg-front-page-container .front-page-lead{font-family:Arial,sans-serif;font-family:var(--font-stack);font-size:1.25rem;line-height:1.75rem;max-width:38.75rem}.documentation .doc-container.dg-front-page .dg-front-page-container .dg-cards-container{max-width:70rem;z-index:10}.documentation .doc-container.dg-front-page .dg-next-page-content{color:inherit;display:flex;justify-content:center;position:relative;-webkit-text-decoration:none;text-decoration:none}.documentation .doc-container.dg-front-page .dg-next-page-content span{cursor:pointer;font-size:.75rem;padding-bottom:2rem;text-transform:uppercase}.documentation .doc-container.dg-front-page .dg-next-page-content>i{animation:bounce 1.5s infinite;cursor:pointer;position:absolute}.documentation .doc-container.dg-front-page .dg-next-page-content:hover{font-weight:700}.documentation .doc-container.dg-front-page .dg-next-page-content:hover>i{animation-play-state:paused;font-weight:700}@keyframes bounce{0%{bottom:.15rem}50%{bottom:-.15rem}to{bottom:.15rem}}.documentation .doc-container.dg-front-page .dg-changelog-container .dg-changelog-content{max-width:70rem;z-index:10}.documentation .doc-container.dg-front-page .dg-changelog-container .dg-changelog-content .dg-changlelog-title{font-family:Futura PT W08 Demi,sans-serif;font-family:var(--brand-headline);font-size:1.5rem}.documentation .doc-container.dg-front-page .dg-changelog-container .dg-changelog-content .dg-changlelog-title .dg-changelog-divider{background-color:#f35b1c;border-radius:1.6rem;height:.25rem;width:3.75rem}.documentation .doc-container.dg-front-page .dg-changelog-container .dg-changelog-content .dg-changelog-description{max-width:47.25rem}@media (min-width:1199.98px){.documentation .doc-container.dg-front-page .dg-changelog-description{margin-left:2rem}.documentation .doc-container.dg-front-page .dg-version-indicator{margin-top:.75rem}}@media (min-width:576px) and (max-width:991.98px){.documentation .doc-container.dg-front-page{padding:0 5rem}.documentation .doc-container.dg-front-page .dg-changelog-container,.documentation .doc-container.dg-front-page .dg-front-page-container{height:auto;padding-top:1rem}.documentation .doc-container.dg-front-page .dg-changelog-container header .dg-title-small,.documentation .doc-container.dg-front-page .dg-front-page-container header .dg-title-small{font-size:2rem}.documentation .doc-container.dg-front-page .dg-changelog-container header .dg-title-big,.documentation .doc-container.dg-front-page .dg-front-page-container header .dg-title-big{font-size:2.5rem}}@media (max-width:575.98px){.documentation .doc-container.dg-front-page .dg-front-page-container{height:auto;padding:5rem 0}.documentation .doc-container.dg-front-page .dg-front-page-container header{line-height:2rem}.documentation .doc-container.dg-front-page .dg-front-page-container header .dg-title-small{font-size:1.25rem}.documentation .doc-container.dg-front-page .dg-front-page-container header .dg-title-big{font-size:1.5rem}.documentation .doc-container.dg-front-page .dg-front-page-container .front-page-ingress{font-size:1rem}.documentation .doc-container.dg-front-page .dg-front-page-container .dg-version-indicator{margin:1rem 0}.documentation .doc-container.dg-front-page .dg-front-page-container .dg-version-indicator .dg-version-indicator-text{font-size:.875rem}.documentation .doc-container.dg-front-page .dg-changelog-container .dg-version-title{min-width:6rem}.documentation .doc-container.dg-front-page .dg-changelog-container .dg-changelog-description{padding-bottom:.5rem}}.documentation .doc-container.dg-front-page .background-img{position:absolute}.documentation .doc-container.dg-front-page .cluster-bubble{left:63.25rem}.documentation .doc-container.dg-front-page .large-bubble{left:73rem;top:35%}.documentation .doc-container.dg-front-page .two-bubbles{bottom:0;right:94%}.documentation .doc-container.dg-front-page .single-bubble{bottom:3rem;left:94%}@media (max-width:991.98px){.documentation .doc-container{padding-left:1rem;padding-left:var(--base-padding);padding-right:1rem;padding-right:var(--base-padding)}}.documentation .doc-container .dg-current-version{font-size:.75rem}.documentation .doc-container .component-overview{display:flex;flex-wrap:wrap;justify-content:space-between}.documentation .doc-container .component-overview a{margin:1.5rem 0 0;width:100%}@media (min-width:768px){.documentation .doc-container .component-overview a{max-width:20.5rem}}.documentation .doc-container .component-overview.hide-arrow-icon i:last-child{opacity:0;transition:.5s}.documentation .doc-container .component-overview.hide-arrow-icon a:hover i{opacity:1}.documentation .doc-container section{margin-bottom:2rem}.documentation .doc-container section>h3{margin-top:2rem}.documentation .doc-card{border-bottom:2px solid #c8c8c8;border-radius:2px}.documentation .doc-circle{align-items:center;background-color:#2a9d3f;border-radius:50%;display:flex;height:150px;justify-content:center;margin:auto;width:150px}.documentation .doc-circle .material-icons{font-size:6rem}.documentation .doc-sidebar{height:auto;position:sticky}.documentation .sidebar-heading{background:#258937;box-shadow:1px 0 0 0 #258937;height:80px;padding-left:1.25rem}.documentation .sidebar-heading h1{color:#3c3c3c;color:var(--text-color);font-weight:400;font-weight:var(--font-weight-normal);line-height:80px;margin:0}.documentation .documentation-nav{max-height:calc(100vh - 226px);overflow-y:hidden;padding:1rem;padding:var(--base-padding)}.documentation .documentation-nav:hover{overflow-y:auto}.documentation .documentation-nav .nav-group{border-bottom:1px solid rgba(0,0,0,.075);margin-bottom:1rem;margin-bottom:var(--base-margin)}.documentation .documentation-nav .nav-group:first-child{border-top:1px solid rgba(0,0,0,.075);padding-top:1rem}.documentation .documentation-nav .nav-group a{padding:.25rem 0;-webkit-text-decoration:none;text-decoration:none;width:100%}.documentation .documentation-nav .nav-group a.active{font-weight:700;font-weight:var(--font-weight-bold)}.documentation .documentation-nav .nav-group .nav-heading{align-items:flex-end;display:flex}.documentation .documentation-nav .nav-group .nav-heading>i.material-icons{-webkit-user-select:none;-moz-user-select:none;user-select:none}.documentation .documentation-nav .nav-group .nav-heading>span{cursor:pointer;padding:0}.documentation .documentation-nav .nav-group .nav-heading>span:focus,.documentation .documentation-nav .nav-group .nav-heading>span:hover{-webkit-text-decoration:underline;text-decoration:underline}.documentation .documentation-nav .nav-group .nav-heading>span:active,.documentation .documentation-nav .nav-group .nav-heading>span:hover{outline:0}.documentation .documentation-nav .nav-group .nav-heading>span:focus{outline:2px solid #3c3c3c;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.documentation .documentation-nav .nav-group .nav-heading i{color:rgba(60,60,60,.75);cursor:pointer;margin-right:.25rem;transition:transform .5s ease-in-out}.documentation .documentation-nav .nav-group ul{font-size:90%;list-style:none;max-height:0;overflow:hidden;padding:0 2.25rem;transition:max-height .3s}.documentation .documentation-nav .nav-group ul li{display:flex}.documentation .documentation-nav .nav-group.active .nav-heading>span{font-weight:700;font-weight:var(--font-weight-bold)}.documentation .documentation-nav .nav-group.active .nav-heading i{transform:rotate(90deg);transition:transform .2s}.documentation .documentation-nav .nav-group.active ul{max-height:1500px;transition:max-height 1s ease-in-out}.documentation .doc-view{background:#fff;flex-grow:1;padding-left:0;padding-right:0}.documentation .view-heading{background:#2a9d3f;border-left:1px solid #258937;height:80px}.documentation .view-heading h2{color:#3c3c3c;color:var(--text-color);font-weight:400;font-weight:var(--font-weight-normal);line-height:80px;margin:0;padding-left:2rem;padding-left:var(--base-padding-xl)}@media (max-width:767.98px){.documentation .doc-body{padding-right:1rem}}.documentation .doc-section-heading:before{content:"";display:block;height:100px;margin:-100px 0 0}.documentation .doc-toc{font-size:.8rem;line-height:1.2;position:sticky;top:32px}.documentation .doc-toc ul{list-style:none;padding-left:0}.documentation .doc-toc ul li{border-left:1px solid rgba(0,0,0,.1);padding:.5rem 0 .5rem 1rem}.documentation .doc-toc ul li.active{border-left:2px solid #2a9d3f;font-weight:700;font-weight:var(--font-weight-bold);padding-left:calc(1rem - 1px);padding-left:calc(var(--base-padding) - 1px)}.documentation .doc-toc ul li a{-webkit-text-decoration:none;text-decoration:none}.documentation .status-list>li{margin-bottom:1rem}.documentation .showcase-panel{background-color:#fff;border:1px solid #c8c8c8;border-radius:2px 0;margin:.5rem 0 0;margin:var(--base-margin-sm) 0 0 0;padding:1.5rem;padding:var(--base-padding-lg);position:relative}.documentation .showcase-panel.showcasepanel-sm{max-width:20rem}.documentation .showcase-panel.showcase-panel-negative{background-color:#3c3c3c}.documentation .showcase-panel.showcase-panel-advanced{padding:0;position:relative}@media screen and (max-width:767.98px){.documentation .showcase-panel.showcase-panel-advanced.options-active:after{background-color:rgba(0,0,0,.5);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:100}}.documentation .showcase-panel.showcase-panel-advanced #undefined-ul{border-bottom:1px solid #c8c8c8}.documentation .showcase-panel.showcase-panel-advanced #undefined-ul .active a{display:none}.documentation .showcase-panel.showcase-panel-advanced .tabs:not(#tabs-showcase-example){border-bottom:none;margin:0;position:absolute;top:0;width:100%}.documentation .showcase-panel.showcase-panel-advanced .tabs:not(#tabs-showcase-example).tabs-fade-right:after{height:39px;right:56px}.documentation .showcase-panel.showcase-panel-advanced .tabs:not(#tabs-showcase-example).tabs-fade-left:before{height:39px}.documentation .showcase-panel.showcase-panel-advanced .tabs:not(#tabs-showcase-example) ul{position:relative;width:100%}.documentation .showcase-panel.showcase-panel-advanced .tabs:not(#tabs-showcase-example) ul:before{border-bottom:1px solid #c8c8c8;bottom:2px;content:"";position:absolute;width:100%}.documentation .showcase-panel.showcase-panel-advanced .tabs:not(#tabs-showcase-example) ul#undefined-ul:before{border-color:transparent}.documentation .showcase-panel.showcase-panel-advanced .tabs:not(#tabs-showcase-example) .options-open{align-items:center;border-bottom:1px solid #c8c8c8;cursor:pointer;display:flex;height:40px;padding:0 1rem}.documentation .showcase-panel.showcase-panel-advanced .tabs:not(#tabs-showcase-example) .options-open.hidden{display:none}.documentation .showcase-panel.showcase-panel-advanced .tabs:not(#tabs-showcase-example) .options-open button.open-options-menu{all:unset}.documentation .showcase-panel.showcase-panel-advanced .tabs:not(#tabs-showcase-example) .options-open button:focus{border-radius:.125rem;box-shadow:0 0 0 2px #000;outline:2px solid transparent}.documentation .showcase-panel.showcase-panel-advanced .component-preview{border-bottom:1px solid #c8c8c8;margin-top:2.5rem}.documentation .showcase-panel.showcase-panel-advanced .component-preview .component-preview-content{align-items:center;display:flex;height:100%;justify-content:center;min-height:9.5rem;padding:2rem;position:relative}.documentation .showcase-panel.showcase-panel-advanced .component-preview .component-preview-content.editable-preview{padding:0}.documentation .showcase-panel.showcase-panel-advanced .component-preview .component-preview-content.component-preview-alt-background{background-color:#2a9d3f}.documentation .showcase-panel.showcase-panel-advanced .component-preview .component-preview-content form{z-index:100}.documentation .showcase-panel.showcase-panel-advanced .component-preview .component-preview-content .loader-preview-container{height:100%;position:absolute;width:100%}.documentation .showcase-panel.showcase-panel-advanced .component-preview .component-preview-content .loader-preview-container.dark{background-color:#3c3c3c}.documentation .showcase-panel.showcase-panel-advanced .component-description{height:100%;padding:2rem}.documentation .showcase-panel.showcase-panel-advanced .component-description h3{margin-top:0}.documentation .showcase-panel.showcase-panel-advanced .options{background-color:#fff;border-left:1px solid #c8c8c8;display:none;min-width:0;transition:min-width 1s ease-in-out;z-index:102}@media screen and (max-width:767.98px){.documentation .showcase-panel.showcase-panel-advanced .options{height:100%;position:absolute;right:0}}.documentation .showcase-panel.showcase-panel-advanced .options.active{display:block;min-width:12.5rem;overflow-y:auto}.documentation .showcase-panel.showcase-panel-advanced .options .options-header{align-items:center;border-bottom:1px solid #c8c8c8;display:flex;height:2.5rem;justify-content:space-between;padding:0 1rem}.documentation .showcase-panel.showcase-panel-advanced .options .options-header .options-close{all:unset;cursor:pointer}.documentation .showcase-panel.showcase-panel-advanced .options .options-header .options-close:focus{border:none;border-radius:.125rem;box-shadow:0 0 0 2px #000}.documentation .showcase-panel.showcase-panel-advanced .options .options-body{padding:1rem}.documentation .showcase-panel.showcase-panel-advanced.hide-options .options{display:none}.documentation .icon-preview{align-items:center;display:flex;flex-direction:column}.documentation .examples-faq-logo{max-width:200px;min-width:120px;width:20%}.documentation .javascript-doc-element-description{line-height:1.75rem;margin-top:2rem}.documentation .logotype-icon-table{height:170px}.documentation .logotype-vertical-measure{width:170px}.documentation .logotype-horizontal-measure{height:184px}.documentation .logotype-misuse-donts{display:flex;flex-direction:column;height:100%;width:100%}.documentation .logotype-misuse-donts .logotype-misuse-donts-img{background-color:#fff}.documentation .imagery-misuse-donts-img,.documentation .logotype-misuse-donts .logotype-misuse-donts-img{align-items:center;display:flex;height:9.75rem;justify-content:center;padding:2rem;width:100%}.documentation .caption-text{font-size:.875rem;font-style:italic;margin-top:1rem}.documentation .typography-typefaces .illustration{background-color:#f4f4f4;display:flex;font-size:3.5rem;justify-content:center;padding:3.5rem 0}.documentation .typography-typefaces .illustration>div{align-items:center;display:flex;flex-direction:column;margin:0 2rem}.documentation .typography-typefaces .illustration>div>span{font-size:1rem}.documentation .typography-typefaces .swedbank-headline{font-family:Futura PT W08 Demi,sans-serif;font-family:var(--brand-headline)}.documentation .typography-typefaces .arial{font-family:Futura PT W08 Book,sans-serif;font-family:var(--brand-default)}.documentation .typography-typefaces .akkurat-mono{font-family:monospace;font-family:var(--brand-monofont)}.documentation .typography-table td{height:6.125rem}.documentation .typography-table td p{line-height:1.5;line-height:var(--line-height-base)}.documentation .color-contrast-section i{align-self:center;font-size:1rem}.documentation .color-contrast-section i.check{color:#238635}.documentation .color-contrast-section i.cancel{color:#c5131c}.documentation .color-contrast-section i.warning{color:#f35b1c}.documentation .color-group{display:flex;flex-wrap:wrap}.documentation .color-group .color-box{border-radius:8px;border-radius:var(--border-radius,8px);height:7.875rem;margin-right:.5rem;overflow:hidden;width:7.875rem}.documentation .color-group .color-box.has-border{border:1px solid #3c3c3c}.documentation .color-group .color-box svg{height:100%;width:100%}.documentation .color-group .color-box svg rect{rx:5;height:100%;width:100%}.documentation .color-group .text-box{margin-top:4px}.documentation .color-group .text-box small{color:#72605e}.documentation .color-group .text-box .contrast-box{display:flex;flex-direction:column}.documentation .color-group .text-box .contrast-box .contrast-white-container{margin-bottom:.25rem}.documentation .color-group .text-box .contrast-box .contrast-white-container .white-box{border:1px solid #72605e}.documentation .color-group .text-box .contrast-box .contrast-black-container,.documentation .color-group .text-box .contrast-box .contrast-white-container{display:flex;position:relative}.documentation .color-group .text-box .contrast-box .contrast-black-container svg,.documentation .color-group .text-box .contrast-box .contrast-white-container svg{border-radius:2px;height:1rem;position:relative;width:1rem}.documentation .color-group .text-box .contrast-box .contrast-black-container svg.white-box,.documentation .color-group .text-box .contrast-box .contrast-white-container svg.white-box{border:1px solid #72605e}.documentation .color-group .text-box .contrast-box .contrast-black-container svg rect,.documentation .color-group .text-box .contrast-box .contrast-white-container svg rect{height:100%;width:100%}.documentation .color-group .text-box .contrast-box .contrast-black-container .second-svg,.documentation .color-group .text-box .contrast-box .contrast-white-container .second-svg{left:-8px;position:relative}.documentation .color-group .text-box .contrast-box .contrast-black-container .first-svg,.documentation .color-group .text-box .contrast-box .contrast-white-container .first-svg{z-index:100}.documentation .color-group .text-box .contrast-box .contrast-black-container i,.documentation .color-group .text-box .contrast-box .contrast-white-container i{align-self:center;font-size:14px}.documentation .color-group .text-box .contrast-box .contrast-black-container i.check,.documentation .color-group .text-box .contrast-box .contrast-white-container i.check{color:#238635}.documentation .color-group .text-box .contrast-box .contrast-black-container i.cancel,.documentation .color-group .text-box .contrast-box .contrast-white-container i.cancel{color:#c5131c}.documentation .color-group .text-box .contrast-box .contrast-black-container i.warning,.documentation .color-group .text-box .contrast-box .contrast-white-container i.warning{color:#f35b1c}.documentation #slab-doc .component-preview{background-color:#f4f4f4}.documentation #slab-doc .slab{max-width:95%;min-height:12.5rem;min-width:15.6rem}.documentation #slab-arrow .showcase-panel{background-color:#f4f4f4}.documentation #input-field-doc #input-field-overview .form-group{margin-bottom:2rem;margin-top:1rem}.documentation #input-field-doc .form-group{max-width:21.25rem;min-width:20rem}.documentation #input-field-doc .component-description{min-height:auto}.documentation #input-field-doc .component-description h3{margin-top:0}.documentation #input-field-doc textarea{height:8.125rem}.documentation #input-field-doc .placeholder-guideline .form-group{min-width:none;width:100%}.documentation #input-field-doc #developer-documentation-container .form-group{margin:auto}.documentation .browser-support{display:flex;justify-content:space-between}.documentation .browser-support div{align-items:center;display:flex}.documentation .browser-support div img{width:2rem}.documentation .browser-support div p{margin:0 .5rem}.documentation .spacing-table tbody th{font-weight:400}.documentation .lightbox img{border:1px solid transparent;cursor:zoom-in}.documentation .lightbox img:hover{border:1px solid #3c3c3c}.documentation .lightbox+img{display:none}.documentation .lightbox.active{align-items:center;background-color:rgba(58,58,58,.904);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:450}.documentation .lightbox.active img{background-color:#fff;cursor:zoom-out;margin:2rem;width:90%}.documentation .lightbox.active+img{display:block}.documentation i.help-icon{color:#3c3c3c;height:1.25rem;width:1.25rem}.documentation #select-doc .form-group{width:21.25rem}@media screen and (max-width:575.98px){.documentation #select-doc .form-group{max-width:17.25rem}}.documentation #select-doc .how-to-use .form-group{width:100%}@media screen and (max-width:575.98px){.documentation #select-doc .slab-border-error{margin-top:1.5rem}}.documentation #select-doc .showcase-panel .form-group{margin:auto}.documentation .no-pointer-events{pointer-events:none}.documentation #togglebox-doc .slab{min-height:12.875rem}.documentation #togglebox-doc .slab .slab-content{background-color:#fff;margin:.125rem;min-height:8.5rem}.documentation #togglebox-doc .slab .slab-content button{margin-left:.25rem}.documentation #togglebox-doc .checked-example-container{width:50px}.documentation .v-flip{transform:scaleY(-1)}.documentation #checkbox-doc .showcase-panel .component-preview-content form{max-width:100%}.documentation #checkbox-doc .slab-border-error,.documentation #checkbox-doc .slab-border-success{min-height:19rem}@media screen and (min-width:767.98px){.documentation #checkbox-doc .error-state-container .checkbox-group.has-error{margin:auto;width:50%}}.documentation #radio-button-doc #how-to-container .slab{min-height:18rem}.documentation .small-text{font-size:.875rem}.documentation #skip-link-overview #skip-link-example{margin-top:3rem}.documentation #checkbox-overview .component-preview-content{justify-content:flex-start}.documentation #loader-page-overview .component-preview-content{padding:7.5rem}.documentation #loader-page-overview .component-preview-content .loader-preview-container.dark{background-color:#3c3c3c}.documentation #loader-page-overview .component-preview-content #loaders-how-to-use .slab{height:15.375rem}.documentation .text-align-center{text-align:center}.documentation #link-doc .link-dark-background{background-color:#3c3c3c;border-radius:8px;border-radius:var(--border-radius,8px)}.documentation #link-doc .link-dark-background a:focus-visible{border-radius:2px;outline:2px solid #2a9d3f}.documentation #link-doc #action-link-container .slab-border-error .action-link{margin-bottom:0}.documentation #tabs-overview #tabs-scroll-example-dont{border-bottom:none}.documentation #tabs-overview #tabs-scroll-example-dont>ul{border-bottom:1px solid #d4c4bc}.documentation #tabs-overview .showcase-panel .component-preview-content{padding:0}.documentation #tabs-overview .showcase-panel .component-preview-content .tabs.tabs-scroll{margin-left:0;max-width:29.7rem}@media screen and (max-width:575.98px){.documentation #tabs-overview .showcase-panel .component-preview-content{max-width:22.5rem}}.documentation #tabs-overview .showcase-panel .component-preview-content .tabs-example-container{width:80%}.documentation #toast-doc .toast-example-container #toast-container{margin:initial;position:relative;right:0;top:auto;z-index:0}.documentation #toast-doc .toast-example-container #toast-container .toast{animation:0s}.documentation #toast-doc .slab-border-success .toast-example-container{border:1px dashed;border-bottom:0;border-left:0;height:20rem;left:-1rem;margin-right:1.75rem;margin-top:1rem;position:relative;top:1rem}.documentation #toast-doc .slab-border-error .toast-example-container{border:1px dashed;padding:6rem 0}.documentation .overflow-auto{overflow:auto}.documentation .forms-radio-example legend{line-height:1rem;margin-bottom:1rem}.documentation #logotype-doc .logotype-display div{align-items:center;display:flex;height:10rem;justify-content:center;width:10rem}.documentation #logotype-doc .logotype-display div.background-light{background-color:#f4f4f4}.documentation #logotype-doc .logotype-display div.background-primary{background-color:#2a9d3f}.documentation #logotype-doc #spacing-zone-doc table.table-plain tbody tr :last-child,.documentation #logotype-doc #spacing-zone-doc table.table-plain thead tr :last-child{background-color:#fdf0d5}.documentation #tag-overview #tag-dropdown-example{margin-bottom:1rem;width:4.5rem}.documentation #accordion-doc .slab-border-error,.documentation #accordion-doc .slab-border-success{height:27rem}.documentation #accordion-doc .accordion :focus-visible{border-radius:2px;outline:2px solid #3c3c3c}.documentation #accordion-doc .accordion .accordion-body .example-accordion{border:2px dotted #c8c8c8}.documentation #pagination-overview .component-preview-content{padding:0}.documentation #pagination-overview .pagination.example{pointer-events:none}.documentation #pagination-overview .pagination.example .example-box{background-color:#3c3c3c;border-radius:.125rem;height:.625rem;width:6rem}.documentation #pagination-overview .pagination-content-box-example{background-color:#c8c8c8;border-radius:.125rem;height:2.5rem}.documentation #topbar-doc .component-preview-content{padding:1rem 0}.documentation #topbar-doc .topbar{z-index:399;z-index:calc(var(--sidebar-z-index, 400) - 1)}.documentation #topbar-doc .topbar+main{background-color:#f4f4f4;height:10rem}.documentation #sidebar-doc #sidebar-overview figure .code-view-table{max-height:35rem;overflow:auto}.documentation #sidebar-doc .component-preview-content #dg-sidebar.sidebar{max-height:45rem;position:relative}.documentation #sidebar-doc .component-preview-content #dg-sidebar~main{min-height:auto}.documentation #what-design-guide .lightbox.active img{height:90%;width:auto}.documentation .video{overflow:hidden;padding-top:56.25%;position:relative;width:100%}.documentation .video .responsive-iframe{bottom:0;height:100%;left:0;position:absolute;right:0;top:0;width:100%}.documentation #table-doc .table-align-example .table{margin:auto;width:75%}.documentation #table-doc .button-table-example .btn{height:2rem;padding:0 .75rem;width:5rem}.documentation #table-doc .button-table-example .btn:focus{border-radius:2px;outline:2px solid #3c3c3c}.documentation #dropdown-doc .component-preview-content .dropdown .dropdown-menu{z-index:153;z-index:calc(var(--dropdown-z-index, 150) + 3)}.documentation #button-utilities .button-utilities-container{margin-top:1rem}.documentation #button-utilities .button-utilities-container .utility-container{display:grid;grid:auto-flow/1fr 3fr}.documentation #button-utilities .button-utilities-container .utility-container .code-tags{height:-moz-fit-content;height:fit-content;width:-moz-fit-content;width:fit-content}@media screen and (max-width:575.98px){.documentation .doc-circle{height:120px;width:120px}.documentation .doc-circle .material-icons{font-size:4rem}}@media (forced-colors:active){#designguide,.documentation{border:2px solid}#designguide #link-doc .link-dark-background a:focus-visible,.documentation #link-doc .link-dark-background a:focus-visible{outline:1px solid transparent}#designguide .options-close:focus,.documentation .options-close:focus{outline:2px solid}.options-open,.search-container input{border:2px solid}}@media (forced-colors:active) and (prefers-color-scheme:dark){.showcase-panel canvas{filter:saturate(1000%)}}.documentation .doc-container.dg-front-page img.background-img.cluster-bubble,.documentation .doc-container.dg-front-page img.background-img.large-bubble,.documentation .doc-container.dg-front-page img.background-img.single-bubble,.documentation .doc-container.dg-front-page img.background-img.two-bubbles{visibility:hidden}.documentation .doc-container.dg-front-page .dg-front-page-container .dg-version-indicator span{background-color:#e8f3e6}.documentation .doc-container.dg-front-page .dg-front-page-container header .dg-title-big.my-0{font-family:Futura PT W08 Demi,sans-serif;font-family:var(--brand-headline)}.documentation .doc-container.dg-front-page .dg-front-page-container p.front-page-lead{font-family:Futura PT W08 Book,sans-serif;font-family:var(--brand-default)}.documentation .doc-container.dg-front-page i.material-icons-outlined{font-family:Material Icons Outlined;font-family:var(--payex-material-icons)}
/*# sourceMappingURL=documentation-payex.css.map*/