@import url(https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined);@import url(https://unpkg.com/@vectopus/atlas-icons/style.css);:root{--brand-primary:var(--brand-yellow,#fdc129);--brand-primary-light:#fbdd91;--brand-primary-lighter:var(--brand-yellow-lighter,#fff3d5);--brand-secondary:var(--brown-solid,#2f2424);--brown-solid:#2f2424;--dark-brown:#493c3b;--brown-medium:#72605e;--brown-soft:#a38b80;--brown-light:#d4c4bc;--gray:#ebe7e2;--brand-primary-light-3:#fff3d5;--brand-secondary-light-1:var(--brown-medium,#72605e);--brand-secondary-light-2:var(--brown-soft,#a38b80);--brand-secondary-light-3:var(--brown-light,#d4c4bc);--black:#222;--light-gray:#f9f8f6;--text-default:var(--brown-solid);--text-muted:var(--brown-medium);--text-muted-light:var(--brown-soft);--text-link:#257886;--text-white:var(--white,#fff);--text-disabled:var(--brown-light,#d4c4bc);--brand-yellow:#fdc129;--brand-yellow-lighter:#fff3d5;--brand-orange:#ee7023;--brand-turquoise:#31a3ae;--brand-turquoise-light:#8acdc3;--brand-pink:#efb7b6;--brand-turquoise-lighter:#ebf8f2;--brand-orange-lighter:#fbeadb;--brand-green-lighter:#e7f8d2;--brand-red-lighter:#ffe9e9;--brand-blue:#335bb1;--brand-blue-lighter:#e0eaf9;--base-1:var(--text-default);--base-2:var(--text-muted);--base-3:var(--text-muted-light);--base-4:var(--text-disabled);--base-5:var(--bg-brown);--base-6:var(--bg-grey);--base-7:var(--bg-white);--bg-brown:var(--gray,#ebe7e2);--bg-grey:var(--light-gray,#f9f8f6);--bg-orange:#fff1e4;--bg-white:var(--white,#fff);--bg-turquoise:var(--brand-turquoise-lighter,#ebf8f2);--system-success:#4d9c0f;--system-success-light:var(--brand-green-lighter,#e7f8d2);--system-warning:var(--brand-orange,#ee7023);--system-warning-light:var(--brand-orange-lighter,#fbeadb);--system-info:var(--brand-blue,#335bb1);--system-info-light:var(--brand-blue-lighter,#e0eaf9);--system-error:#d82e2a;--system-error-light:var(--brand-red-lighter,#ffe9e9);--secondary-disabled-bg:#e3d1c3;--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;--icons-font-material-default:var(--icons-font-material)}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)}: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:var(--soft-brown,#707070);--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);--bg-grey:var(--brand-secondary-light-2,#c8c8c8);--brand-bg-white:#fff;--bg-quaternary:var(--list-gray,#999);--system-success:#238635;--brand-success:var(--system-success);--system-success-light:#e8f3e6;--brand-success-light:var(--system-success-light);--system-success-light-2:var(--system-success,#238635);--brand-success-light-2:var(--system-success-light-2);--system-warning:#f35b1c;--brand-warning:var(--system-warning);--system-warning-light:#ffecd5;--brand-warning-light:var(--system-warning-light);--system-warning-2:#f35b1c;--brand-warning-2:var(--system-warning-2);--system-error-border:#f1bbb9;--brand-error-border:var(--system-error-border);--system-error:#c5131c;--brand-error:var(--system-error);--system-error-light:#ffebe3;--brand-error-light:var(--system-error-light);--system-info:#3e6ab6;--brand-info:var(--system-info);--system-info-light:#e8eff9;--brand-info-light:var(--system-info-light);--text-muted:color-mix(in srgb,var(--text-color),var(--white) 75%);--text-link:#1c7d2e;--text-hover:var(--brand-primary);--checkbox-checked-color:var(--brand-secondary,#3c3c3c);--primary-disabled-bg:#f5b895;--secondary-disabled-bg:var(--brand-secondary-light-2);--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-hover,#707070);--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%,.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%,.3);--btn-active-color:var(--brand-secondary,#3c3c3c);--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(--brand-success);--input-border-disabled-color:var(--brand-secondary-light-3,#c8c8c8);--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;--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;--brand-headline:"Futura PT W08 Demi",sans-serif;--brand-font-default:"Futura PT W08 Book",sans-serif;--icons-font-material:"Material Icons";--icons-font-material-outlined:"Material Icons Outlined";--icons-font-material-default:var(--icons-font-material-outlined);--icons-font-atlas:initial;--icons-font-default:var(--icons-font-atlas);--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);--vscroll-padding-right:17px;--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;--border-radius-expandable:16px;--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.10.0/designguide/fonts/SwedbankHeadline-Bold.woff) format("woff")}@font-face{font-family:Swedbank Headline Black;src:url(/v/10.10.0/designguide/fonts/SwedbankHeadline-Black.woff) format("woff")}@font-face{font-family:Akkurat Mono;src:url(/v/10.10.0/designguide/fonts/AkkuratMonoLLWeb-Regular.woff) format("woff")}@font-face{font-family:Akkurat Mono;font-weight:700;src:url(/v/10.10.0/designguide/fonts/AkkuratMonoLLWeb-Bold.woff) format("woff")}@font-face{font-family:Akkurat Mono;font-style:italic;src:url(/v/10.10.0/designguide/fonts/AkkuratMonoLLWeb-Italic.woff) format("woff")}@font-face{font-family:Akkurat Mono;font-style:italic;font-weight:700;src:url(/v/10.10.0/designguide/fonts/AkkuratMonoLLWeb-BoldItalic.woff) format("woff")}@font-face{font-family:Futura PT W08 Book;src:url(/v/10.10.0/designguide/fonts/FuturaBook.woff2) format("woff2"),url(/v/10.10.0/designguide/fonts/FuturaBook.woff) format("woff")}@font-face{font-family:Futura PT W08 Medium;src:url(/v/10.10.0/designguide/fonts/FuturaMedium.woff2) format("woff2"),url(/v/10.10.0/designguide/fonts/FuturaMedium.woff) format("woff")}@font-face{font-family:Futura PT W08 Demi;src:url(/v/10.10.0/designguide/fonts/FuturaDemi.woff2) format("woff2"),url(/v/10.10.0/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;padding-right:var(--vscroll-padding-right,17px)}}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{--fullscreen-z-index:10000;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-gap:1rem 2.5rem;display:grid;gap:1rem 2.5rem;grid-template-columns:1fr}#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;color:var(--brand-secondary);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 .glow-on-hover{cursor:pointer;position:relative;z-index:0}#designguide .glow-on-hover:before{animation:glowing 20s linear infinite;background:linear-gradient(45deg,red,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,red);background-size:400%;content:"";filter:blur(5px);height:calc(100% + 4px);left:-2px;opacity:0;position:absolute;top:-2px;transition:opacity .3s ease-in-out;width:calc(100% + 4px);z-index:-1}#designguide .glow-on-hover:hover:before{opacity:1}#designguide .glow-on-hover:after{background-color:inherit;border-radius:inherit;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}@keyframes glowing{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}@supports selector(:has(a,b)){body[data-preview-expanded-has-vscroll]:has(#designguide){overflow:hidden}}@supports not selector(:has(a,b)){body[data-preview-expanded-has-vscroll]{overflow:hidden}}.search-container{margin-top:1rem;position:absolute;right:1rem;z-index:103}.search-container:focus-visible{border-radius:2px;outline:2px solid #3c3c3c;outline:2px solid var(--brand-secondary)}.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;outline:2px solid var(--brand-secondary)}.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;color:var(--brand-secondary-light-1);margin:2px;padding:2px 6px}.search-container .form-group button i{color:#c8c8c8}.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;color:var(--brand-secondary);transform:scale(1.2)}.search-container .result-box{background-color:#fff;background-color:var(--white);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;outline:2px solid var(--brand-secondary)}.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:2px solid var(--brand-secondary);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;color:var(--brand-secondary);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:#c8c8c8;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-left:1px solid;border-color:#2f2424;border-color:var(--brown-solid);height:2.5rem;position:absolute;right:0;top:-1.4rem}.search-container.search-expander .form-group button i{color:#3c3c3c;color:var(--brand-secondary);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;outline-color:var(--brand-secondary)}.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{min-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 .container.playbook .row{gap:8px}.documentation .doc-container .container.playbook .row img{border-radius:2px}.documentation .doc-container .playbook-overview a.cards-secondary i{color:#31a3ae;color:var(--brand-turquoise)}.documentation .doc-container .playbook-mozaic{--gap:10px;--radius:0}.documentation .doc-container .playbook-mozaic .row{gap:var(--gap)}.documentation .doc-container .playbook-mozaic .row>div{padding-left:0;padding-right:0}.documentation .doc-container .playbook-mozaic .row img,.documentation .doc-container .playbook-mozaic .row video{border-radius:0;border-radius:var(--radius,0);-o-object-fit:cover;object-fit:cover;width:100%}.documentation .doc-container .playbook-mozaic .row img{height:100%}.documentation .doc-container .playbook-mozaic .row video{max-height:100%;max-width:100%}@media (max-width:576px){.documentation .doc-container .playbook-mozaic .row video{height:auto;width:100%}}.documentation .doc-container .playbook-showroom-portrait-phones-19{background-color:#2a9d3f;background-color:var(--brand-primary-light-3)}.documentation .doc-container .playbook-glued-grid .row{padding-left:1px;padding-right:1px}.documentation .doc-container .playbook-glued-grid .row img{margin:-2px}@media (max-width:576px){.documentation .doc-container #bold-typography .playbook .row>div:first-child{flex:1}.documentation .doc-container #bold-typography .playbook .row>div:first-child img{height:100%;-o-object-fit:fill;object-fit:fill}.documentation .doc-container #bold-typography .playbook .row>div:nth-child(2){width:35.5%}}@media (min-width:576px){.documentation .doc-container .ratio-responsive-row{aspect-ratio:var(--row-width) /var(--row-height);height:calc(678px*var(--row-height)/var(--row-width))}.documentation .doc-container .ratio-responsive-row>div.col-sm{height:100%}.documentation .doc-container .ratio-responsive-row>div.col-sm>img{max-height:100%}.documentation .doc-container .ratio-responsive-row .col-sm{flex-basis:auto;flex-grow:0;max-width:none;min-height:0;min-height:auto;padding-left:0;padding-right:0;position:static;width:auto}.documentation .doc-container .ratio-responsive-row .col-sm .w-100{width:auto}}.documentation .doc-container .grid-row.delicate-lines{grid-gap:10px;display:grid;gap:10px;grid-template:"one three four five" 1fr "two three four six" 2fr/1fr 1fr 1fr 1fr}@media (max-width:576px){.documentation .doc-container .grid-row.delicate-lines{grid-template:"one one" auto "two two" auto "three four" auto "five five" auto "six six" auto/1fr 1fr}}.documentation .doc-container .grid-row.delicate-lines img{border-radius:3px;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.documentation .doc-container .grid-row.delicate-lines img:first-child{grid-area:one}.documentation .doc-container .grid-row.delicate-lines img:nth-child(2){grid-area:two}.documentation .doc-container .grid-row.delicate-lines img:nth-child(3){grid-area:three}.documentation .doc-container .grid-row.delicate-lines img:nth-child(4){grid-area:four}.documentation .doc-container .grid-row.delicate-lines img:nth-child(5){grid-area:five}.documentation .doc-container .grid-row.delicate-lines img:nth-child(6){grid-area:six}.documentation .doc-container figure figcaption{color:#cecece;color:var(--text-muted)}.documentation .doc-container .shift-right-1{margin-right:-1px}.documentation .doc-container .shift-left-1{margin-left:-1px}.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-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;background-color:var(--brand-secondary)}.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-right:has(.options-open.d-none):after{right:0}.documentation .showcase-panel.showcase-panel-advanced .tabs:not(#tabs-showcase-example).tabs-fade-left:before{height:39px;left:0}.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) ul>button[aria-label^=Expand],.documentation .showcase-panel.showcase-panel-advanced .tabs:not(#tabs-showcase-example) ul>button[aria-label^=Zoom]{height:30px;margin:4px;width:30px}.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}@supports not selector(:has(a,b)){.documentation .showcase-panel.showcase-panel-advanced .tabs+div.d-flex>div.d-flex{max-width:100%}}@supports selector(:has(a,b)){.documentation .showcase-panel.showcase-panel-advanced .tabs+div>div:has(>.component-preview){max-width:100%}}.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;background-color:var(--brand-secondary)}.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 .showcase-panel.preview-expanded{height:100vh;left:0;margin:0;position:fixed;top:0;width:100vw;z-index:10000;z-index:var(--fullscreen-z-index,10000)}.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 .identity-colors .color-page-introduction .color-circle{aspect-ratio:1;height:max(30px,min(7vw,55px));margin:max(.2rem,min(3vw,1rem));width:max(30px,min(7vw,55px))}.documentation .identity-colors .color-page-introduction .color-circle.brown-solid{background-color:#2f2424;background-color:var(--brown-solid)}.documentation .identity-colors .color-page-introduction .color-circle.brand-yellow{background-color:#fdc129;background-color:var(--brand-yellow)}.documentation .identity-colors .color-page-introduction .color-circle.brand-orange{background-color:#ee7023;background-color:var(--brand-orange)}.documentation .identity-colors .color-page-introduction .color-circle.brand-pink{background-color:#efb7b6;background-color:var(--brand-pink)}.documentation .identity-colors .color-page-introduction .color-circle.brand-turquoise-light{background-color:#8acdc3;background-color:var(--brand-turquoise-light)}.documentation .identity-colors .color-page-introduction .color-circle.brand-turquoise{background-color:#31a3ae;background-color:var(--brand-turquoise)}.documentation .identity-colors .color-page-introduction .color-circle:first-child{transform:translateY(10px)}.documentation .identity-colors .color-page-introduction .color-circle:nth-child(2){transform:translateY(-15px)}.documentation .identity-colors .color-page-introduction .color-circle:nth-child(3){transform:translateY(-25px)}.documentation .identity-colors .color-page-introduction .color-circle:nth-child(4){transform:translateY(-10px)}.documentation .identity-colors .color-page-introduction .color-circle:nth-child(5){transform:translateY(15px)}.documentation .identity-colors .color-page-introduction .color-circle:nth-child(6){transform:translateY(-10px)}.documentation .identity-colors .color-contrast-section{border-radius:10px}.documentation .identity-colors .color-contrast-section i{align-self:center;font-size:1rem}.documentation .identity-colors .color-contrast-section i.check{color:#238635}.documentation .identity-colors .color-contrast-section i.cancel{color:#c5131c;color:var(--brand-error)}.documentation .identity-colors .color-contrast-section i.warning{color:#f35b1c}.documentation .identity-colors .color-group{display:flex;flex-wrap:wrap;justify-content:space-around}.documentation .identity-colors .color-group.color-group-table{grid-gap:1rem;display:grid;grid-template-columns:repeat(4,auto);grid-template-rows:repeat(8,auto)}.documentation .identity-colors .color-group.color-group-table .table-header-row{color:#a38b80;color:var(--text-muted-light);display:grid;grid-column:1/span 4;grid-template-columns:subgrid}.documentation .identity-colors .color-group.color-group-table .table-row{display:grid;grid-column:span 4;grid-row:span 1;grid-template-columns:subgrid}.documentation .identity-colors .color-group.color-grid{grid-gap:5px 30px;display:grid;gap:5px 30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));justify-content:space-evenly}.documentation .identity-colors .color-group.grid-columns{container-type:inline-size}.documentation .identity-colors .color-group.grid-columns .containerized-grid{grid-gap:5px 30px;display:grid;gap:5px 30px;grid-auto-flow:column}@container (min-width: 0){.documentation .identity-colors .color-group.grid-columns .containerized-grid{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(27,1fr)}}@container (min-width: calc(200px * 2 + 30px * 1)){.documentation .identity-colors .color-group.grid-columns .containerized-grid{grid-template-columns:repeat(2,200px);grid-template-rows:repeat(15,1fr)}}@container (min-width: calc(200px * 3 + 30px * 2)){.documentation .identity-colors .color-group.grid-columns .containerized-grid{grid-template-rows:repeat(9,1fr)}}.documentation .identity-colors .color-group .color-box{aspect-ratio:1;border-radius:2.1875rem;height:7.1875rem;margin-right:1rem;overflow:hidden;width:7.1875rem}.documentation .identity-colors .color-group .color-box-small{aspect-ratio:1;background:var(--bg-color);border-radius:.875rem;height:3.0625rem;margin-right:1rem;width:3.0625rem}.documentation .identity-colors .color-group div.color-box svg,.documentation .identity-colors .color-group div.color-box-small svg{height:100%;width:100%}.documentation .identity-colors .color-group div.color-box svg rect,.documentation .identity-colors .color-group div.color-box-small svg rect{rx:5;height:100%;width:100%}.documentation .identity-colors .color-group .text-box{margin-top:4px}.documentation .identity-colors .color-group .text-box small{color:#72605e}.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;border:1px solid var(--brand-secondary)}.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;color:var(--brand-secondary);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;background-color:var(--brand-secondary);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;outline:2px solid var(--brand-secondary)}.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;background-color:var(--brand-secondary);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:400;z-index:calc(var(--sidebar-z-index, 400))}.documentation #topbar-doc .topbar:not(.experimental){z-index:399;z-index:calc(var(--sidebar-z-index, 400) - 1)}.documentation #topbar-doc .topbar:not(.experimental)+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;outline:2px solid var(--brand-secondary)}.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 (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;background-color:var(--brand-bg-1)}.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)}
/*# sourceMappingURL=documentation-payex.css.map*/