#designguide{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;min-height:100%}#designguide .designguide-header{z-index:551}#designguide pre{font-size:87.5%}#designguide .color-preview{display:grid;grid-row-gap:1rem;row-gap:1rem;grid-column-gap:2.5rem;-webkit-column-gap:2.5rem;-moz-column-gap:2.5rem;column-gap: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 .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]{padding-top:.5rem;padding-bottom:.5rem;background:#f9f8f6;border:1px solid hsla(0,0%,60%,.8)}#designguide .showcase-panel .showcase-grid .row+.row{margin-top:1rem}#designguide .showcase-panel .showcase-grid.showcase-vertical-space .row{background:#f9f8f6;height:10rem}#designguide .browser-support-table th,#designguide .browser-support-table tr{text-align:center;vertical-align:middle}#designguide .browser-support-table svg{width:1.5rem;height:1.5rem;display:inline-block}#designguide figure .code-toolbar>.toolbar{opacity:1}#designguide figure .code-toolbar>.toolbar>.toolbar-item a{background:rgba(0,0,0,0);padding:.25rem .5rem;border-radius:.25rem;border:0;-webkit-box-shadow:none;box-shadow:none}#designguide figure .code-toolbar>.toolbar>.toolbar-item a:hover{color:#fff;background:#fdc129}#designguide #loading-component{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}#designguide #loading-component .loader{margin-top:10rem}#designguide .demo-square{height:5rem;width:5rem;background-color:#f9f8f6;display:inline-block}#designguide .demo-square:not(:last-child){margin-right:1rem}.documentation{width:100%}.documentation .doc-container{width:100%;margin-right:auto;margin-left:auto;padding:2rem;max-width:48.375rem}.documentation .doc-container h1:first-of-type{margin-top:1rem;margin-bottom:1rem;font-family:Swedbank Headline Black,Arial,sans-serif}.documentation .doc-container.dg-front-page{position:relative;max-width:82rem}.documentation .doc-container.dg-front-page section{height:100vh}.documentation .doc-container.dg-front-page .rotate-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.documentation .doc-container.dg-front-page .dg-front-page-container{padding-top:3rem;max-width:70rem}.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-size:2.5rem;font-family:Swedbank Headline,Arial,sans-serif;font-weight:700}.documentation .doc-container.dg-front-page .dg-front-page-container header .dg-title-big{font-size:3.5rem;font-family:Swedbank Headline Black}.documentation .doc-container.dg-front-page .dg-front-page-container .dg-version-indicator{margin-top:.5rem;margin-bottom:1.5rem}.documentation .doc-container.dg-front-page .dg-front-page-container .dg-version-indicator span{padding:.5rem;background-color:#fff3d5;font-size:1.25rem;font-family:Swedbank Headline,Arial,sans-serif}.documentation .doc-container.dg-front-page .dg-front-page-container .front-page-lead{max-width:38.75rem;font-size:1.25rem;font-family:Arial,sans-serif;line-height:1.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{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;position:relative;color:inherit;text-decoration:none}.documentation .doc-container.dg-front-page .dg-next-page-content span{font-size:.75rem;padding-bottom:2rem;text-transform:uppercase;cursor:pointer}.documentation .doc-container.dg-front-page .dg-next-page-content>i{position:absolute;cursor:pointer;-webkit-animation:bounce 1.5s infinite;animation:bounce 1.5s infinite}.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{font-weight:700;-webkit-animation-play-state:paused;animation-play-state:paused}@-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{z-index:10;max-width:70rem}.documentation .doc-container.dg-front-page .dg-changelog-container .dg-changelog-content .dg-changlelog-title{font-size:1.5rem;font-family:Swedbank Headline,Arial,sans-serif}.documentation .doc-container.dg-front-page .dg-changelog-container .dg-changelog-content .dg-changlelog-title .dg-changelog-divider{width:3.75rem;height:.25rem;background-color:#f9ce22;border-radius:1.6rem}.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{padding-top:1rem;height:91vh}.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:2rem 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{top:35%;left:73rem}.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{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.documentation .doc-container .component-overview a{width:100%;margin:1.5rem 0 0}@media (min-width:768px){.documentation .doc-container .component-overview a{max-width:21rem}}.documentation .doc-container .component-overview.hide-arrow-icon i:last-child{opacity:0;-webkit-transition:.5s;transition:.5s}.documentation .doc-container .component-overview.hide-arrow-icon a:hover i{opacity:1}.documentation .doc-container section{margin-bottom:2.5rem}.documentation .doc-container section h3{margin-top:2rem}.documentation .doc-card{border-bottom:2px solid #d4c4bc;border-radius:2px}.documentation .doc-circle{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:auto;height:150px;width:150px;background-color:#fdc129;border-radius:50%}.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;padding-left:1.25rem;height:80px}.documentation .sidebar-heading h1{color:#222;margin:0;font-weight:400;line-height:80px}.documentation .documentation-nav{padding:1rem;max-height:calc(100vh - 226px);overflow-y:hidden}.documentation .documentation-nav:hover{overflow-y:auto}.documentation .documentation-nav .nav-group{margin-bottom:1rem;border-bottom:1px solid rgba(0,0,0,.075)}.documentation .documentation-nav .nav-group:first-child{padding-top:1rem;border-top:1px solid rgba(0,0,0,.075)}.documentation .documentation-nav .nav-group a{width:100%;padding:.25rem 0;text-decoration:none}.documentation .documentation-nav .nav-group a.active{font-weight:700}.documentation .documentation-nav .nav-group .nav-heading{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.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{padding:0;cursor:pointer}.documentation .documentation-nav .nav-group .nav-heading>span:focus,.documentation .documentation-nav .nav-group .nav-heading>span:hover{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:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.documentation .documentation-nav .nav-group .nav-heading i{cursor:pointer;color:rgba(34,34,34,.75);margin-right:.25rem;-webkit-transition:-webkit-transform .5s ease-in-out;transition:-webkit-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{list-style:none;padding:0 2.25rem;max-height:0;overflow:hidden;-webkit-transition:max-height .3s;transition:max-height .3s;font-size:90%}.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);transform:rotate(90deg);-webkit-transition:-webkit-transform .2s;transition:-webkit-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;transition:max-height 1s ease-in-out}.documentation .doc-view{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding-left:0;padding-right:0;background:#fff}.documentation .view-heading{background:#fdc129;height:80px;border-left:1px solid #fdba10}.documentation .view-heading h2{color:#222;padding-left:2rem;margin:0;font-weight:400;line-height:80px}.documentation .doc-body{padding-right:2rem}@media (max-width:767.98px){.documentation .doc-body{padding-right:1rem}}.documentation .doc-search{padding:1rem}.documentation .doc-search .search-results{position:absolute;left:0;width:calc(100% - 2rem);margin:0 1rem;padding:0;list-style:none;border:1px solid #d4c4bc;z-index:2000;-webkit-box-shadow:0 3px 5px 0 rgba(0,0,0,.25);box-shadow:0 3px 5px 0 rgba(0,0,0,.25);display:none;background-color:#fff}.documentation .doc-search .search-results .search-result a{border:0;display:block;padding:.25rem .5rem;text-decoration:none}.documentation .doc-search .search-results .search-result a:hover{background-color:#f9f8f6}.documentation .doc-section-heading:before{content:"";display:block;height:100px;margin:-100px 0 0}.documentation .doc-toc{position:sticky;top:32px;font-size:.8rem;line-height:1.2}.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{text-decoration:none}.documentation .status-list>li{margin-bottom:1rem}.documentation .showcase-panel{position:relative;background-color:#fff;padding:1.5rem;margin:.5rem 0 0;border-radius:2px 0;border:1px solid #d4c4bc}.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{content:"";position:absolute;width:100%;height:100%;left:0;top:0;background-color:rgba(34,34,34,.5);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{margin:0;position:absolute;top:0;width:100%}.documentation .showcase-panel.showcase-panel-advanced .tabs.tabs-fade-right:after{right:56px;height:39px}.documentation .showcase-panel.showcase-panel-advanced .tabs.tabs-fade-left:before{height:39px}.documentation .showcase-panel.showcase-panel-advanced .tabs ul{position:relative;width:100%}.documentation .showcase-panel.showcase-panel-advanced .tabs ul:before{content:"";position:absolute;top:39px;width:100%;border-bottom:1px solid #d4c4bc}.documentation .showcase-panel.showcase-panel-advanced .tabs .options-open{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;height:40px;border-bottom:1px solid #d4c4bc;padding:0 1rem}.documentation .showcase-panel.showcase-panel-advanced .tabs .options-open.hidden{visibility:hidden}.documentation .showcase-panel.showcase-panel-advanced .component-preview{padding-top:2.5rem;border-bottom:1px solid #d4c4bc}.documentation .showcase-panel.showcase-panel-advanced .component-preview .component-preview-content{padding:2rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.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-description{padding:2rem;max-width:40.5rem}.documentation .showcase-panel.showcase-panel-advanced .component-description h3{margin-top:0}.documentation .showcase-panel.showcase-panel-advanced .options{background-color:#fff;display:none;min-width:0;border-left:1px solid #d4c4bc;-webkit-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{position:absolute;right:0;height:100%}}.documentation .showcase-panel.showcase-panel-advanced .options.active{display:block;min-width:12.5rem}.documentation .showcase-panel.showcase-panel-advanced .options .options-header{padding:0 1rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border-bottom:1px solid #d4c4bc;height:2.5rem}.documentation .showcase-panel.showcase-panel-advanced .options .options-header .options-close{cursor:pointer}.documentation .showcase-panel.showcase-panel-advanced .options .options-body{padding:1rem}.documentation .icon-preview{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.documentation .examples-faq-logo{width:20%;max-width:200px;min-width:120px}.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:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%}.documentation .logotype-misuse-donts .logotype-misuse-donts-img{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:9.75rem;background-color:#fff;padding:2rem}.documentation .caption-text{margin-top:1rem;font-style:italic;font-size:.875rem}.documentation .typography-typefaces .illustration{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:3.5rem 0;background-color:#f9f8f6;font-size:3.5rem}.documentation .typography-typefaces .illustration>div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;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.5rem;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-group{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.documentation .color-group>div{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;height:7.15rem;width:7.75rem;margin-right:.875rem;margin-bottom:.875rem}.documentation .color-group>div svg{width:100%}.documentation .color-group>div svg rect{width:100%;height:100%;rx:5}.documentation .color-group>div.has-border{border:1px solid #222;border-radius:5px}.documentation .color-group>div div{position:absolute;font-size:.75rem;bottom:0;font-weight:700}.documentation .color-group>div div.font-white{color:#fff}.documentation .color-group.communication-colors>div{width:100%;max-width:21rem;margin:.875rem 0 0}.documentation #input-field-doc #input-field-overview .form-group{margin-top:1rem;margin-bottom:2rem}.documentation #input-field-doc .form-group{width:21.25rem;margin:auto}.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{width:100%}.documentation .browser-support{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.documentation .browser-support div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.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{cursor:-webkit-zoom-in;cursor:zoom-in;border:1px solid rgba(0,0,0,0)}.documentation .lightbox img:hover{border:1px solid #512b2b}.documentation .lightbox+img{display:none}.documentation .lightbox.active{position:fixed;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:100%;width:100%;top:0;left:0;background-color:rgba(58,58,58,.904);z-index:10}.documentation .lightbox.active img{margin:2rem;width:90%;background-color:#fff;cursor:-webkit-zoom-out;cursor:zoom-out}.documentation .lightbox.active+img{display:block}.documentation i.help-icon{width:1.25rem;height:1.25rem;color:#a38b80}.documentation #select-doc .form-group{width:21.25rem}.documentation #select-doc .wrong .form-group{width:100%}.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{margin:.125rem;background-color:#fff;min-height:8.5rem}.documentation #togglebox-doc .slab .slab-content button{margin-left:.25rem}.documentation #togglebox-doc .checked-example-container{width:50px}@media screen and (max-width:575.98px){.documentation .doc-circle{height:120px;width:120px}.documentation .doc-circle .material-icons{font-size:4rem}}
/*# sourceMappingURL=documentation.css.map*/