@import url(https://fonts.googleapis.com/icon?family=Material+Icons|Material+Icons+Outlined);@font-face{font-family:Swedbank Headline;src:url(/v/10.7.2/designguide/fonts/SwedbankHeadline-Bold.woff) format("woff")}@font-face{font-family:Swedbank Headline Black;src:url(/v/10.7.2/designguide/fonts/SwedbankHeadline-Black.woff) format("woff")}@font-face{font-family:Akkurat Mono;src:url(/v/10.7.2/designguide/fonts/AkkuratMonoLLWeb-Regular.woff) format("woff")}@font-face{font-family:Akkurat Mono;font-weight:700;src:url(/v/10.7.2/designguide/fonts/AkkuratMonoLLWeb-Bold.woff) format("woff")}@font-face{font-family:Akkurat Mono;font-style:italic;src:url(/v/10.7.2/designguide/fonts/AkkuratMonoLLWeb-Italic.woff) format("woff")}@font-face{font-family:Akkurat Mono;font-style:italic;font-weight:700;src:url(/v/10.7.2/designguide/fonts/AkkuratMonoLLWeb-BoldItalic.woff) format("woff")}@font-face{font-family:Futura PT W08 Book;src:url(/v/10.7.2/designguide/fonts/FuturaBook.woff2) format("woff2"),url(/v/10.7.2/designguide/fonts/FuturaBook.woff) format("woff")}@font-face{font-family:Futura PT W08 Medium;src:url(/v/10.7.2/designguide/fonts/FuturaMedium.woff2) format("woff2"),url(/v/10.7.2/designguide/fonts/FuturaMedium.woff) format("woff")}@font-face{font-family:Futura PT W08 Demi;src:url(/v/10.7.2/designguide/fonts/FuturaDemi.woff2) format("woff2"),url(/v/10.7.2/designguide/fonts/FuturaDemi.woff) format("woff")}html{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:100%;height:100%;line-height:1.15;scroll-behavior:smooth}@media (min-width:1199.98px){html{-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}}body{background-color:#fff;color:#512b2b;font-family:Arial,sans-serif;font-size:1rem;height:100%;line-height:1.5;margin:0}body.no-vscroll{overflow-x:hidden}body.has-vscroll,body.no-scroll{overflow:hidden}@media screen and (min-width:576px){body.has-vscroll,body.has-vscroll .dialog{padding-right:17px}body.has-vscroll .topbar{padding:0 20px}}body.intent-mouse :focus{outline:4px solid transparent}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}ol,ul{margin-bottom:1rem;margin-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}*{-webkit-box-sizing:border-box;box-sizing:border-box}#designguide{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-height:100%}#designguide .designguide-header{z-index:400}#designguide pre{font-size:87.5%}#designguide .color-preview{grid-row-gap:1rem;grid-column-gap:2.5rem;-webkit-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:#512b2b;font-family:Arial,sans-serif;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;-webkit-box-shadow:none;box-shadow:none;padding:.25rem .5rem}#designguide figure .code-toolbar>.toolbar>.toolbar-item a:hover{background:#fdc129;color:#fff}#designguide #loading-component{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-flex:1;-ms-flex-positive:1;display:-webkit-box;display:-ms-flexbox;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}.search-container{margin-top:1rem;position:absolute;right:1rem;z-index:103}.search-container:focus-visible{border-radius:2px;outline:2px solid #512b2b}.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 #512b2b}.search-container .form-group input{border:1px solid #a38b80;border-radius:2px 0 0 0;border-right:none;height:2.5rem;width:21rem}.search-container .form-group button.hint-shortcuts{background:none;border-color:transparent;position:absolute;right:0;top:0}.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{border:1px solid #a38b80;border-left:none;height:2.5rem}.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;-webkit-box-shadow:none;box-shadow:none}.search-container .form-group button:focus i,.search-container .form-group button:hover i{color:#512b2b;-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}.search-container .result-box{-webkit-box-orient:vertical;-webkit-box-direction:normal;background-color:#fff;border-radius:2px;-webkit-box-shadow:1px 2px 20px rgba(0,0,0,.25);box-shadow:1px 2px 20px rgba(0,0,0,.25);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;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 #512b2b}.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 #512b2b;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:#512b2b;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;top:auto}.search-container.search-expander .form-group{display:-webkit-box;display:-ms-flexbox;display:flex}.search-container.search-expander .form-group #search-box:focus+button{border-color:#a38b80}.search-container.search-expander .form-group button{border-left:1px solid #a38b80;height:2.5rem;position:absolute;right:0;top:-1.4rem}.search-container.search-expander .form-group button:focus{border-left:2px solid transparent}.search-container.search-expander .form-group button i{color:#512b2b;font-size:1.25rem}.search-container.search-expander .form-group input{display:none}.search-container.search-expander.expanded .form-group button{border:1px solid #a38b80;height:2.5rem;position:static;right:auto;top:auto}.search-container.search-expander.expanded .form-group button:focus,.search-container.search-expander.expanded .form-group button:hover{background-color:transparent;outline-color:#512b2b}.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{border-right:1px solid #a38b80;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{font-family:Swedbank Headline Black,Arial,sans-serif;margin-bottom:1rem;margin-top:1rem}.documentation .doc-container.utilities-page{max-width:70rem;padding-top:3rem}.documentation .doc-container.dg-front-page{max-width:82rem;position:relative}.documentation .doc-container.dg-front-page section{height:100vh}.documentation .doc-container.dg-front-page .rotate-icon{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);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-size:2.5rem;font-weight:700}.documentation .doc-container.dg-front-page .dg-front-page-container header .dg-title-big{font-family:Swedbank Headline Black,Arial,sans-serif;font-size:3.5rem}.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-size:1.25rem;padding:.5rem}.documentation .doc-container.dg-front-page .dg-front-page-container .front-page-lead{font-family:Arial,sans-serif;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{-webkit-box-pack:center;-ms-flex-pack:center;color:inherit;display:-webkit-box;display:-ms-flexbox;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{-webkit-animation:bounce 1.5s infinite;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{-webkit-animation-play-state:paused;animation-play-state:paused;font-weight:700}@-webkit-keyframes bounce{0%{bottom:.15rem}50%{bottom:-.15rem}to{bottom:.15rem}}@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-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-right:1rem}}.documentation .doc-container .dg-current-version{font-size:.75rem}.documentation .doc-container .component-overview{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;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;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}.documentation .doc-container .component-overview.hide-arrow-icon a:hover i{opacity:1}.documentation .doc-container section{margin-bottom:2rem}.documentation .doc-container section>h3{margin-top:2rem}.documentation .doc-card{border-bottom:2px solid #d4c4bc;border-radius:2px}.documentation .doc-circle{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fdc129;border-radius:50%;display:-webkit-box;display:-ms-flexbox;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;-webkit-box-shadow:1px 0 0 0 #fdba10;box-shadow:1px 0 0 0 #fdba10;height:80px;padding-left:1.25rem}.documentation .sidebar-heading h1{color:#512b2b;font-weight:400;line-height:80px;margin:0}.documentation .documentation-nav{max-height:calc(100vh - 226px);overflow-y:hidden;padding:1rem}.documentation .documentation-nav:hover{overflow-y:auto}.documentation .documentation-nav .nav-group{border-bottom:1px solid rgba(0,0,0,.075);margin-bottom:1rem}.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}.documentation .documentation-nav .nav-group .nav-heading{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex}.documentation .documentation-nav .nav-group .nav-heading>i.material-icons{-webkit-user-select:none;-moz-user-select:none;-ms-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 #512b2b;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.documentation .documentation-nav .nav-group .nav-heading i{color:rgba(81,43,43,.75);cursor:pointer;margin-right:.25rem;-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-transform .5s ease-in-out;-o-transition:transform .5s ease-in-out;transition:transform .5s ease-in-out;transition:transform .5s ease-in-out,-webkit-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;-webkit-transition:max-height .3s;-o-transition:max-height .3s;transition:max-height .3s}.documentation .documentation-nav .nav-group ul li{display:-webkit-box;display:-ms-flexbox;display:flex}.documentation .documentation-nav .nav-group.active .nav-heading>span{font-weight:700}.documentation .documentation-nav .nav-group.active .nav-heading i{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:-webkit-transform .2s;transition:-webkit-transform .2s;-o-transition:transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s}.documentation .documentation-nav .nav-group.active ul{max-height:1500px;-webkit-transition:max-height 1s ease-in-out;-o-transition:max-height 1s ease-in-out;transition:max-height 1s ease-in-out}.documentation .doc-view{-webkit-box-flex:1;-ms-flex-positive:1;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:#512b2b;font-weight:400;line-height:80px;margin:0;padding-left:2rem}@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;padding-left:calc(1rem - 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;padding:1.5rem;position:relative}.documentation .showcase-panel.showcasepanel-sm{max-width:20rem}.documentation .showcase-panel.showcase-panel-negative{background-color:#512b2b}.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-left:before{height:39px}.documentation .showcase-panel.showcase-panel-advanced .tabs:not(#tabs-showcase-example) ul{position:relative;width:100%}.documentation .showcase-panel.showcase-panel-advanced .tabs:not(#tabs-showcase-example) ul:before{border-bottom:1px solid #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) .options-open{-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #d4c4bc;cursor:pointer;display:-webkit-box;display:-ms-flexbox;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;-webkit-box-shadow:0 0 0 2px #222;box-shadow:0 0 0 2px #222;outline:2px solid transparent}.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{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;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:#512b2b}.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;-webkit-transition:min-width 1s ease-in-out;-o-transition:min-width 1s ease-in-out;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{-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #d4c4bc;display:-webkit-box;display:-ms-flexbox;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;-webkit-box-shadow:0 0 0 2px #222;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 .icon-preview{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;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{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;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{-webkit-box-align:center;-ms-flex-align:center;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;display:-webkit-box;display:-ms-flexbox;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{-webkit-box-pack:center;-ms-flex-pack:center;background-color:#f9f8f6;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:3.5rem;justify-content:center;padding:3.5rem 0}.documentation .typography-typefaces .illustration>div{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;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}.documentation .typography-typefaces .arial{font-family:Arial,sans-serif}.documentation .typography-typefaces .akkurat-mono{font-family:Akkurat Mono,monospace}.documentation .typography-table.mobile .h1,.documentation .typography-table.mobile h1{font-size:1.75rem;line-height:2rem}.documentation .typography-table.mobile .h2,.documentation .typography-table.mobile h2{font-size:1.25rem;line-height:1.5rem}.documentation .typography-table.mobile .h3,.documentation .typography-table.mobile h3{font-size:1.125rem;line-height:1.5rem}.documentation .typography-table.mobile .hero{font-size:2.5rem;line-height:3rem}.documentation .typography-table td{height:6.125rem}.documentation .color-contrast-section i{-ms-flex-item-align:center;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:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.documentation .color-group .color-box{border-radius:5px;height:7.875rem;margin-right:.5rem;overflow:hidden;width:7.875rem}.documentation .color-group .color-box.has-border{border:1px solid #512b2b}.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{-webkit-box-orient:vertical;-webkit-box-direction:normal;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;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:-webkit-box;display:-ms-flexbox;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{-ms-flex-item-align:center;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:19rem}.documentation #input-field-doc .form-group .hint-text-expander{max-width:19rem}.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{-webkit-box-pack:justify;-ms-flex-pack:justify;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:space-between}.documentation .browser-support div{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;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:-webkit-zoom-in;cursor:zoom-in}.documentation .lightbox img:hover{border:1px solid #512b2b}.documentation .lightbox+img{display:none}.documentation .lightbox.active{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:rgba(58,58,58,.904);display:-webkit-box;display:-ms-flexbox;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:-webkit-zoom-out;cursor:zoom-out;margin:2rem;width:90%}.documentation .lightbox.active+img{display:block}.documentation i.help-icon{color:#512b2b;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{-webkit-transform:scaleY(-1);-ms-transform:scaleY(-1);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{-webkit-box-pack:start;-ms-flex-pack:start;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:#512b2b;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{-webkit-animation:0s;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{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;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 #512b2b}.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:#512b2b;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:399}.documentation #topbar-doc .topbar+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 #512b2b}.documentation #dropdown-doc .component-preview-content .dropdown .dropdown-menu{z-index:153}@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{-webkit-filter:saturate(1000%);filter:saturate(1000%)}}
/*# sourceMappingURL=documentation-swedbankpay.css.map*/