@import url(https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined);:root{--brand-primary:#fdc129;--brand-secondary:var(--brown-solid,#2f2424);--brown-solid:#2f2424;--dark-brown:#493c3b;--brown-medium:#72605e;--brown-soft:#a38b80;--brown-light:#d4c4bc;--gray:#ebe7e2;--white:#fff;--brand-orange:#ee7023;--brand-turquoise:#31a3ae;--brand-turquoise-light:#8acdc3;--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);--light-gray:#f9f8f6;--text-default:var(--brown-solid);--text-muted:var(--brown-medium);--text-link:#257886;--text-white:var(--white);--text-disabled:#c0bebe;--brand-bg-gray:var(--gray,#ebe7e2);--brand-error:#b5111a;--brand-error-light:#fceee9;--secondary-disabled-bg:#e3d1c3;--border-radius:8px;--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-disabled-text:var(--text-disabled);--btn-bg-disabled:hsla(20,22%,78%,0.3);--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;--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.8.7/designguide/fonts/SwedbankHeadline-Bold.woff) format("woff")}@font-face{font-family:Swedbank Headline Black;src:url(/v/10.8.7/designguide/fonts/SwedbankHeadline-Black.woff) format("woff")}@font-face{font-family:Akkurat Mono;src:url(/v/10.8.7/designguide/fonts/AkkuratMonoLLWeb-Regular.woff) format("woff")}@font-face{font-family:Akkurat Mono;font-weight:700;src:url(/v/10.8.7/designguide/fonts/AkkuratMonoLLWeb-Bold.woff) format("woff")}@font-face{font-family:Akkurat Mono;font-style:italic;src:url(/v/10.8.7/designguide/fonts/AkkuratMonoLLWeb-Italic.woff) format("woff")}@font-face{font-family:Akkurat Mono;font-style:italic;font-weight:700;src:url(/v/10.8.7/designguide/fonts/AkkuratMonoLLWeb-BoldItalic.woff) format("woff")}@font-face{font-family:Futura PT W08 Book;src:url(/v/10.8.7/designguide/fonts/FuturaBook.woff2) format("woff2"),url(/v/10.8.7/designguide/fonts/FuturaBook.woff) format("woff")}@font-face{font-family:Futura PT W08 Medium;src:url(/v/10.8.7/designguide/fonts/FuturaMedium.woff2) format("woff2"),url(/v/10.8.7/designguide/fonts/FuturaMedium.woff) format("woff")}@font-face{font-family:Futura PT W08 Demi;src:url(/v/10.8.7/designguide/fonts/FuturaDemi.woff2) format("woff2"),url(/v/10.8.7/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:#2f2424;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-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:#2f2424;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:#f9f8f6;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:#f9f8f6;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 #fdc129}#designguide figure button:focus-visible{border-radius:2px;outline:2px solid #fdc129}#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:#fdc129;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:#f9f8f6;display:inline-block;height:5rem;width:5rem}#designguide .demo-square:not(:last-child){margin-right:1rem}#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 #2f2424}.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 #2f2424}.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(255,243,213,.8);border-radius:3px;color:#72605e;margin:2px;padding:2px 6px}.search-container .form-group button i{color:#a38b80}.search-container .form-group button:hover{border-color:#a38b80}.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:#2f2424;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 #2f2424}.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 #2f2424;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:#fbf2ea;cursor:pointer}.search-container .result-box .item-list.item-list-hover li span{color:#2f2424;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:#a38b80;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:#a38b80}.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:#2f2424;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 #a38b80;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:#2f2424}.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:Swedbank Headline,Arial,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:Swedbank Headline,Arial,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:Swedbank Headline,Arial,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:Swedbank Headline,Arial,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:#e97423;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:#fff3d5;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:#72605e;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 #d4c4bc;border-radius:2px}.documentation .doc-circle{align-items:center;background-color:#fdc129;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:#fdba10;box-shadow:1px 0 0 0 #fdba10;height:80px;padding-left:1.25rem}.documentation .sidebar-heading h1{color:#2f2424;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 #2f2424;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.documentation .documentation-nav .nav-group .nav-heading i{color:rgba(47,36,36,.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:#fdc129;border-left:1px solid #fdba10;height:80px}.documentation .view-heading h2{color:#2f2424;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 #fdc129;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 #d4c4bc;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:#2f2424}.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(34,34,34,.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 #d4c4bc}.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 #d4c4bc;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 #d4c4bc;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 #222;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 #d4c4bc;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:#fdc129}.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:#2f2424}.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 #d4c4bc;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 #d4c4bc;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 #222}.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:#f9f8f6;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:Swedbank Headline,Arial,sans-serif;font-family:var(--brand-headline)}.documentation .typography-typefaces .arial{font-family:Arial,sans-serif;font-family:var(--brand-default)}.documentation .typography-typefaces .akkurat-mono{font-family:Akkurat Mono,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:#3c7213}.documentation .color-contrast-section i.cancel{color:#b5111a}.documentation .color-contrast-section i.warning{color:#e97423}.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 #2f2424}.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:#3c7213}.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:#b5111a}.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:#e97423}.documentation #slab-doc .component-preview{background-color:#f9f8f6}.documentation #slab-doc .slab{max-width:95%;min-height:12.5rem;min-width:15.6rem}.documentation #slab-arrow .showcase-panel{background-color:#f9f8f6}.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 #2f2424}.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:#2f2424;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:#493c3b}.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:#2f2424;border-radius:8px;border-radius:var(--border-radius,8px)}.documentation #link-doc .link-dark-background a:focus-visible{border-radius:2px;outline:2px solid #fdc129}.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:#f9f8f6}.documentation #logotype-doc .logotype-display div.background-primary{background-color:#fdc129}.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 #2f2424}.documentation #accordion-doc .accordion .accordion-body .example-accordion{border:2px dotted #d4c4bc}.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:#2f2424;border-radius:.125rem;height:.625rem;width:6rem}.documentation #pagination-overview .pagination-content-box-example{background-color:#ebe7e2;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:#f9f8f6;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 #2f2424}.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%)}}
/*# sourceMappingURL=documentation-swedbankpay.css.map*/