gent_styleguide 7.0.0 → 7.0.2

package/build/css/styleguide.css

@@ -1 +1 @@
-abbr,address,article,aside,audio,b,blockquote,body,body div,caption,cite,code,dd,del,dfn,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}article,aside,figure,footer,header,hgroup,main,nav,section{display:block}.full-width{left:50%;margin-left:-50vw;margin-right:-50vw;position:relative;right:50%;width:100vw}.container{overflow:hidden;padding:0 1rem}.container:after,.container:before{content:" ";display:table}.container:after{clear:both}@media screen and (min-width:1680px){.container{margin:0 auto;max-width:100%;width:1680px}}.content-container{margin:0 auto;max-width:1170px}.color-wrapper{border-radius:.2rem;margin-bottom:2rem;padding:1rem}.color-wrapper.white{background-color:#001823;color:#fff}.color-wrapper p{margin:0}.color-wrapper code{display:block;font-size:.6rem;white-space:nowrap}.color-wrapper .color{border:1px solid rgba(0,0,0,.2);border-radius:50%;height:6rem;margin-bottom:1rem;margin-right:1rem;overflow:hidden;position:relative;width:6rem}.color-wrapper .color-variants>div{-webkit-box-flex:1;display:-webkit-box;display:flex;flex:auto;flex-wrap:wrap}.color-wrapper .color-variants .color-box{padding:.5rem}.color-wrapper .color-variants .color{height:3rem;margin:.5rem;width:3rem}.color-swatch-gray-1{background-color:#001620}.color-swatch-gray-2{background-color:#00121a}.color-swatch-gray-3{background-color:#000c12}.color-swatch-gray--1{background-color:#40525a}.color-swatch-gray--2{background-color:#66747b}.color-swatch-gray--3{background-color:#808c91}.color-swatch-gray--4{background-color:#bfc5c8}.color-swatch-gray--5{background-color:#e6e8e9}.color-swatch-gray--6{background-color:#f0f1f2}.color-swatch-gray--7{background-color:#fafafb}.color-swatch-gray-medium-1{background-color:#5e676c}.color-swatch-gray-medium-2{background-color:#4e565a}.color-swatch-gray-medium-3{background-color:#34393c}.color-swatch-gray-medium--1{background-color:#8e959a}.color-swatch-gray-medium--2{background-color:#a4aaae}.color-swatch-gray-medium--3{background-color:#b4b9bc}.color-swatch-gray-medium--4{background-color:#d9dcdd}.color-swatch-gray-medium--5{background-color:#f0f1f2}.color-swatch-gray-medium--6{background-color:#f6f7f7}.color-swatch-gray-medium--7{background-color:#fcfcfc}.color-swatch-gray-light-1{background-color:#cfd1d3}.color-swatch-gray-light-2{background-color:#adaeb0}.color-swatch-gray-light-3{background-color:#737475}.color-swatch-gray-light--1{background-color:#eceeef}.color-swatch-gray-light--2{background-color:#f0f1f2}.color-swatch-gray-light--3{background-color:#f3f4f5}.color-swatch-gray-light--4{background-color:#f9f9fa}.color-swatch-gray-light--5{background-color:#fdfdfd}.color-swatch-gray-light--6{background-color:#fefefe}.color-swatch-gray-light--7{background-color:#fff}.color-swatch-gray-ultra-light-1{background-color:#d8d9da}.color-swatch-gray-ultra-light-2{background-color:#b4b5b6}.color-swatch-gray-ultra-light-3{background-color:#787979}.color-swatch-gray-ultra-light--1{background-color:#f4f5f5}.color-swatch-gray-ultra-light--2{background-color:#f6f7f7}.color-swatch-gray-ultra-light--3{background-color:#f8f8f9}.color-swatch-gray-ultra-light--4{background-color:#fbfcfc}.color-swatch-gray-ultra-light--5,.color-swatch-gray-ultra-light--6{background-color:#fefefe}.color-swatch-gray-ultra-light--7{background-color:#fff}.color-swatch-blue-1{background-color:#005298}.color-swatch-blue-2{background-color:#00447f}.color-swatch-blue-3{background-color:#002e55}.color-swatch-blue--1{background-color:#4084bf}.color-swatch-blue--2{background-color:#669dcb}.color-swatch-blue--3{background-color:#80add4}.color-swatch-blue--4{background-color:#bfd6ea}.color-swatch-blue--5{background-color:#e6eff6}.color-swatch-blue--6{background-color:#f0f5fa}.color-swatch-blue--7{background-color:#fafcfd}.color-swatch-blue-light-1{background-color:#b8c8d6}.color-swatch-blue-light-2{background-color:#99a7b3}.color-swatch-blue-light-3{background-color:#666f77}.color-swatch-blue-light--1{background-color:#d9e6f2}.color-swatch-blue-light--2{background-color:#e0ebf5}.color-swatch-blue-light--3{background-color:#e6eff7}.color-swatch-blue-light--4{background-color:#f2f7fb}.color-swatch-blue-light--5{background-color:#fafcfd}.color-swatch-blue-light--6{background-color:#fcfdfe}.color-swatch-blue-light--7{background-color:#fefeff}.color-swatch-yellow-1{background-color:#e6c551}.color-swatch-yellow-2{background-color:#bfa444}.color-swatch-yellow-3{background-color:#806e2d}.color-swatch-yellow--1{background-color:#ffe483}.color-swatch-yellow--2{background-color:#ffe99c}.color-swatch-yellow--3{background-color:#ffedad}.color-swatch-yellow--4{background-color:#fff6d6}.color-swatch-yellow--5{background-color:#fffbef}.color-swatch-yellow--6{background-color:#fffdf5}.color-swatch-yellow--7{background-color:#fffefc}.color-swatch-yellow-pastel-1{background-color:#e6d484}.color-swatch-yellow-pastel-2{background-color:#bfb16e}.color-swatch-yellow-pastel-3{background-color:#80764a}.color-swatch-yellow-pastel--1{background-color:#fff1ae}.color-swatch-yellow-pastel--2{background-color:#fff4be}.color-swatch-yellow-pastel--3{background-color:#fff6c9}.color-swatch-yellow-pastel--4{background-color:#fffae4}.color-swatch-yellow-pastel--5{background-color:#fffdf4}.color-swatch-yellow-pastel--6{background-color:#fffef9}.color-swatch-yellow-pastel--7{background-color:#fffffd}.color-swatch-yellow-light-1{background-color:#e6dfbf}.color-swatch-yellow-light-2{background-color:#bfba9f}.color-swatch-yellow-light-3{background-color:#807c6a}.color-swatch-yellow-light--1{background-color:#fffadf}.color-swatch-yellow-light--2{background-color:#fffbe5}.color-swatch-yellow-light--3{background-color:#fffcea}.color-swatch-yellow-light--4{background-color:#fffdf4}.color-swatch-yellow-light--5{background-color:#fffefb}.color-swatch-yellow-light--6{background-color:#fffffc}.color-swatch-yellow-light--7{background-color:#fffffe}.color-swatch-cyan-1{background-color:#008dca}.color-swatch-cyan-2{background-color:#0076a8}.color-swatch-cyan-3{background-color:#004f70}.color-swatch-cyan--1{background-color:#40b6e8}.color-swatch-cyan--2{background-color:#66c4ec}.color-swatch-cyan--3{background-color:#80cef0}.color-swatch-cyan--4{background-color:#bfe7f7}.color-swatch-cyan--5{background-color:#e6f5fc}.color-swatch-cyan--6{background-color:#f0f9fd}.color-swatch-cyan--7{background-color:#fafdfe}.color-swatch-cyan-pastel-1{background-color:#71c3e6}.color-swatch-cyan-pastel-2{background-color:#5fa3bf}.color-swatch-cyan-pastel-3{background-color:#3f6d80}.color-swatch-cyan-pastel--1{background-color:#9ee3ff}.color-swatch-cyan-pastel--2{background-color:#b2e8ff}.color-swatch-cyan-pastel--3{background-color:#bfecff}.color-swatch-cyan-pastel--4{background-color:#dff6ff}.color-swatch-cyan-pastel--5{background-color:#f2fbff}.color-swatch-cyan-pastel--6{background-color:#f7fdff}.color-swatch-cyan-pastel--7{background-color:#fcfeff}.color-swatch-cyan-light-1{background-color:#cfdfe6}.color-swatch-cyan-light-2{background-color:#adbabf}.color-swatch-cyan-light-3{background-color:#737c80}.color-swatch-cyan-light--1{background-color:#ecfaff}.color-swatch-cyan-light--2{background-color:#f0fbff}.color-swatch-cyan-light--3{background-color:#f3fcff}.color-swatch-cyan-light--4{background-color:#f9fdff}.color-swatch-cyan-light--5{background-color:#fdfeff}.color-swatch-cyan-light--6{background-color:#feffff}.color-swatch-cyan-light--7{background-color:#fff}.color-swatch-cyan-hover-1{background-color:#17a9e6}.color-swatch-cyan-hover-2{background-color:#148dbf}.color-swatch-cyan-hover-3{background-color:#0d5e80}.color-swatch-cyan-hover--1{background-color:#53cdff}.color-swatch-cyan-hover--2{background-color:#76d7ff}.color-swatch-cyan-hover--3{background-color:#8ddeff}.color-swatch-cyan-hover--4{background-color:#c6eeff}.color-swatch-cyan-hover--5{background-color:#e8f8ff}.color-swatch-cyan-hover--6{background-color:#f1fbff}.color-swatch-cyan-hover--7{background-color:#fafeff}.color-swatch-red-1{background-color:#d30c2e}.color-swatch-red-2{background-color:#b00a26}.color-swatch-red-3{background-color:#75071a}.color-swatch-red--1{background-color:#ef4a66}.color-swatch-red--2{background-color:#f26e85}.color-swatch-red--3{background-color:#f58699}.color-swatch-red--4{background-color:#fac3cc}.color-swatch-red--5{background-color:#fde7eb}.color-swatch-red--6{background-color:#fef0f3}.color-swatch-red--7{background-color:#fffafb}.color-swatch-red-pastel-1{background-color:#e67c8d}.color-swatch-red-pastel-2{background-color:#bf6876}.color-swatch-red-pastel-3{background-color:#80454f}.color-swatch-red-pastel--1{background-color:#ffa7b6}.color-swatch-red-pastel--2{background-color:#ffb9c4}.color-swatch-red-pastel--3{background-color:#ffc5ce}.color-swatch-red-pastel--4{background-color:#ffe2e7}.color-swatch-red-pastel--5{background-color:#fff3f5}.color-swatch-red-pastel--6{background-color:#fff8f9}.color-swatch-red-pastel--7{background-color:#fffdfd}.color-swatch-red-light-1{background-color:#e6d1d4}.color-swatch-red-light-2{background-color:#bfaeb1}.color-swatch-red-light-3{background-color:#807476}.color-swatch-red-light--1{background-color:#ffeef1}.color-swatch-red-light--2{background-color:#fff1f4}.color-swatch-red-light--3{background-color:#fff4f6}.color-swatch-red-light--4{background-color:#fff9fa}.color-swatch-red-light--5{background-color:#fffdfd}.color-swatch-red-light--6{background-color:#fffefe}.color-swatch-red-light--7{background-color:#fff}.color-swatch-orange-1{background-color:#ca6100}.color-swatch-orange-2{background-color:#a85100}.color-swatch-orange-3{background-color:#703600}.color-swatch-orange--1{background-color:#e89140}.color-swatch-orange--2{background-color:#eca766}.color-swatch-orange--3{background-color:#f0b680}.color-swatch-orange--4{background-color:#f7dabf}.color-swatch-orange--5{background-color:#fcf0e6}.color-swatch-orange--6{background-color:#fdf6f0}.color-swatch-orange--7{background-color:#fefcfa}.color-swatch-orange-pastel-1{background-color:#e6a468}.color-swatch-orange-pastel-2{background-color:#bf8956}.color-swatch-orange-pastel-3{background-color:#805b3a}.color-swatch-orange-pastel--1{background-color:#ffc896}.color-swatch-orange-pastel--2{background-color:#ffd3ab}.color-swatch-orange-pastel--3{background-color:#ffdbb9}.color-swatch-orange-pastel--4{background-color:#ffeddc}.color-swatch-orange-pastel--5{background-color:#fff8f1}.color-swatch-orange-pastel--6{background-color:#fffbf7}.color-swatch-orange-pastel--7{background-color:#fffefc}.color-swatch-orange-light-1{background-color:#e6dace}.color-swatch-orange-light-2{background-color:#bfb6ac}.color-swatch-orange-light-3{background-color:#807973}.color-swatch-orange-light--1{background-color:#fff5ec}.color-swatch-orange-light--2{background-color:#fff7ef}.color-swatch-orange-light--3{background-color:#fff9f2}.color-swatch-orange-light--4{background-color:#fffcf9}.color-swatch-orange-light--5{background-color:#fffefc}.color-swatch-orange-light--6{background-color:#fffefd}.color-swatch-orange-light--7{background-color:#fffffe}.color-swatch-green-1{background-color:#287a22}.color-swatch-green-2{background-color:#21651d}.color-swatch-green-3{background-color:#164413}.color-swatch-green--1{background-color:#61a55c}.color-swatch-green--2{background-color:#80b77d}.color-swatch-green--3{background-color:#96c393}.color-swatch-green--4{background-color:#cae1c9}.color-swatch-green--5{background-color:#eaf3e9}.color-swatch-green--6{background-color:#f2f8f2}.color-swatch-green--7{background-color:#fbfdfb}.color-swatch-green-pastel-1{background-color:#80ca7a}.color-swatch-green-pastel-2{background-color:#6ba866}.color-swatch-green-pastel-3{background-color:#477044}.color-swatch-green-pastel--1{background-color:#aae8a6}.color-swatch-green-pastel--2{background-color:#bbecb8}.color-swatch-green-pastel--3{background-color:#c7f0c4}.color-swatch-green-pastel--4{background-color:#e3f7e1}.color-swatch-green-pastel--5{background-color:#f4fcf3}.color-swatch-green-pastel--6{background-color:#f8fdf8}.color-swatch-green-pastel--7{background-color:#fdfefd}.color-swatch-green-light-1{background-color:#cbe4cb}.color-swatch-green-light-2{background-color:#a9bea9}.color-swatch-green-light-3{background-color:#717f71}.color-swatch-green-light--1{background-color:#e9fee9}.color-swatch-green-light--2{background-color:#edfeed}.color-swatch-green-light--3{background-color:#f0fef0}.color-swatch-green-light--4{background-color:#f8fff8}.color-swatch-green-light--5{background-color:#fcfffc}.color-swatch-green-light--6{background-color:#fdfffd}.color-swatch-green-light--7{background-color:#fefffe}.color-swatch-white-1{background-color:#e6e6e6}.color-swatch-white-2{background-color:#bfbfbf}.color-swatch-white-3{background-color:grey}.color-swatch-white--1,.color-swatch-white--2,.color-swatch-white--3,.color-swatch-white--4,.color-swatch-white--5,.color-swatch-white--6,.color-swatch-white--7{background-color:#fff}.styleguide-table-of-contents{margin-bottom:4rem;padding:2rem}.cs--blue .styleguide-table-of-contents{background-color:#ccdeee}@media screen and (min-width:768px){.styleguide-table-of-contents .table-of-contents-main{-webkit-box-pack:justify;display:-webkit-box;display:flex;justify-content:space-between}}h1.styleguide-title,h2.styleguide-title,h3.styleguide-title,h4.styleguide-title,h5.styleguide-title{border-bottom:1px dotted;margin-bottom:1rem}h2.styleguide-title{border-bottom:1px solid}.cs--blue h2.styleguide-title{border-color:#ccdeee;color:#005ba9}h3.styleguide-title{border-bottom:1px dotted}.cs--blue h3.styleguide-title{border-color:#ccdeee;color:#005ba9}.preview-container{background-color:#fff;min-height:100vh;overflow:hidden;padding:4% 0}.preview-container .gallery{max-width:388px}.preview-container .content-container>h1,.preview-container .content-container>h2,.preview-container .content-container>h3,.preview-container .content-container>h4,.preview-container .content-container>h5{margin-top:0}.preview-inner-container{display:inline-block;margin-bottom:4.375rem;padding-bottom:1rem;width:100%}.cs--accent .preview-inner-container,.cs--inverse .preview-inner-container,.cs--wrapper .preview-inner-container{border-bottom:1px dotted #fff}.cs--highlighted .preview-inner-container{border-bottom:1px dotted #001823}.preview-inner-inner-container{margin-bottom:2.5rem;overflow:hidden;padding-bottom:2.5rem}dl.styleguide dd,dl.styleguide dt{max-width:100%}dl.styleguide dd{margin-bottom:3rem;margin-top:1rem}.preview-without-padding dl dd{padding:0}.preview-without-padding .content-container{margin:0}
+abbr,address,article,aside,audio,b,blockquote,body,body div,caption,cite,code,dd,del,dfn,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{background:transparent;border:0;font-size:100%;margin:0;outline:0;padding:0;vertical-align:baseline}article,aside,figure,footer,header,hgroup,main,nav,section{display:block}.full-width{left:50%;margin-left:-50vw;margin-right:-50vw;position:relative;right:50%;width:100vw}.container:after,.container:before{content:" ";display:table}.container:after{clear:both}.container{overflow:hidden;padding:0 1rem}@media screen and (min-width:1680px){.container{margin:0 auto;max-width:100%;width:1680px}}.content-container{margin:0 auto;max-width:1170px}.color-wrapper{border-radius:.2rem;margin-bottom:2rem;padding:1rem}.color-wrapper.white{background-color:#001823;color:#fff}.color-wrapper p{margin:0}.color-wrapper code{display:block;font-size:.6rem;white-space:nowrap}.color-wrapper .color{border:1px solid rgba(0,0,0,.2);border-radius:50%;height:6rem;margin-bottom:1rem;margin-right:1rem;overflow:hidden;position:relative;width:6rem}.color-wrapper .color-variants>div{-webkit-box-flex:1;display:-webkit-box;display:flex;flex:auto;flex-wrap:wrap}.color-wrapper .color-variants .color-box{padding:.5rem}.color-wrapper .color-variants .color{height:3rem;margin:.5rem;width:3rem}.color-swatch-gray-1{background-color:#001620}.color-swatch-gray-2{background-color:#00121a}.color-swatch-gray-3{background-color:#000c12}.color-swatch-gray--1{background-color:#40525a}.color-swatch-gray--2{background-color:#66747b}.color-swatch-gray--3{background-color:#808c91}.color-swatch-gray--4{background-color:#bfc5c8}.color-swatch-gray--5{background-color:#e6e8e9}.color-swatch-gray--6{background-color:#f0f1f2}.color-swatch-gray--7{background-color:#fafafb}.color-swatch-gray-medium-1{background-color:#5e676c}.color-swatch-gray-medium-2{background-color:#4e565a}.color-swatch-gray-medium-3{background-color:#34393c}.color-swatch-gray-medium--1{background-color:#8e959a}.color-swatch-gray-medium--2{background-color:#a4aaae}.color-swatch-gray-medium--3{background-color:#b4b9bc}.color-swatch-gray-medium--4{background-color:#d9dcdd}.color-swatch-gray-medium--5{background-color:#f0f1f2}.color-swatch-gray-medium--6{background-color:#f6f7f7}.color-swatch-gray-medium--7{background-color:#fcfcfc}.color-swatch-gray-light-1{background-color:#cfd1d3}.color-swatch-gray-light-2{background-color:#adaeb0}.color-swatch-gray-light-3{background-color:#737475}.color-swatch-gray-light--1{background-color:#eceeef}.color-swatch-gray-light--2{background-color:#f0f1f2}.color-swatch-gray-light--3{background-color:#f3f4f5}.color-swatch-gray-light--4{background-color:#f9f9fa}.color-swatch-gray-light--5{background-color:#fdfdfd}.color-swatch-gray-light--6{background-color:#fefefe}.color-swatch-gray-light--7{background-color:#fff}.color-swatch-gray-ultra-light-1{background-color:#d8d9da}.color-swatch-gray-ultra-light-2{background-color:#b4b5b6}.color-swatch-gray-ultra-light-3{background-color:#787979}.color-swatch-gray-ultra-light--1{background-color:#f4f5f5}.color-swatch-gray-ultra-light--2{background-color:#f6f7f7}.color-swatch-gray-ultra-light--3{background-color:#f8f8f9}.color-swatch-gray-ultra-light--4{background-color:#fbfcfc}.color-swatch-gray-ultra-light--5,.color-swatch-gray-ultra-light--6{background-color:#fefefe}.color-swatch-gray-ultra-light--7{background-color:#fff}.color-swatch-blue-1{background-color:#005298}.color-swatch-blue-2{background-color:#00447f}.color-swatch-blue-3{background-color:#002e55}.color-swatch-blue--1{background-color:#4084bf}.color-swatch-blue--2{background-color:#669dcb}.color-swatch-blue--3{background-color:#80add4}.color-swatch-blue--4{background-color:#bfd6ea}.color-swatch-blue--5{background-color:#e6eff6}.color-swatch-blue--6{background-color:#f0f5fa}.color-swatch-blue--7{background-color:#fafcfd}.color-swatch-blue-light-1{background-color:#b8c8d6}.color-swatch-blue-light-2{background-color:#99a7b3}.color-swatch-blue-light-3{background-color:#666f77}.color-swatch-blue-light--1{background-color:#d9e6f2}.color-swatch-blue-light--2{background-color:#e0ebf5}.color-swatch-blue-light--3{background-color:#e6eff7}.color-swatch-blue-light--4{background-color:#f2f7fb}.color-swatch-blue-light--5{background-color:#fafcfd}.color-swatch-blue-light--6{background-color:#fcfdfe}.color-swatch-blue-light--7{background-color:#fefeff}.color-swatch-yellow-1{background-color:#e6c551}.color-swatch-yellow-2{background-color:#bfa444}.color-swatch-yellow-3{background-color:#806e2d}.color-swatch-yellow--1{background-color:#ffe483}.color-swatch-yellow--2{background-color:#ffe99c}.color-swatch-yellow--3{background-color:#ffedad}.color-swatch-yellow--4{background-color:#fff6d6}.color-swatch-yellow--5{background-color:#fffbef}.color-swatch-yellow--6{background-color:#fffdf5}.color-swatch-yellow--7{background-color:#fffefc}.color-swatch-yellow-pastel-1{background-color:#e6d484}.color-swatch-yellow-pastel-2{background-color:#bfb16e}.color-swatch-yellow-pastel-3{background-color:#80764a}.color-swatch-yellow-pastel--1{background-color:#fff1ae}.color-swatch-yellow-pastel--2{background-color:#fff4be}.color-swatch-yellow-pastel--3{background-color:#fff6c9}.color-swatch-yellow-pastel--4{background-color:#fffae4}.color-swatch-yellow-pastel--5{background-color:#fffdf4}.color-swatch-yellow-pastel--6{background-color:#fffef9}.color-swatch-yellow-pastel--7{background-color:#fffffd}.color-swatch-yellow-light-1{background-color:#e6dfbf}.color-swatch-yellow-light-2{background-color:#bfba9f}.color-swatch-yellow-light-3{background-color:#807c6a}.color-swatch-yellow-light--1{background-color:#fffadf}.color-swatch-yellow-light--2{background-color:#fffbe5}.color-swatch-yellow-light--3{background-color:#fffcea}.color-swatch-yellow-light--4{background-color:#fffdf4}.color-swatch-yellow-light--5{background-color:#fffefb}.color-swatch-yellow-light--6{background-color:#fffffc}.color-swatch-yellow-light--7{background-color:#fffffe}.color-swatch-cyan-1{background-color:#008dca}.color-swatch-cyan-2{background-color:#0076a8}.color-swatch-cyan-3{background-color:#004f70}.color-swatch-cyan--1{background-color:#40b6e8}.color-swatch-cyan--2{background-color:#66c4ec}.color-swatch-cyan--3{background-color:#80cef0}.color-swatch-cyan--4{background-color:#bfe7f7}.color-swatch-cyan--5{background-color:#e6f5fc}.color-swatch-cyan--6{background-color:#f0f9fd}.color-swatch-cyan--7{background-color:#fafdfe}.color-swatch-cyan-pastel-1{background-color:#71c3e6}.color-swatch-cyan-pastel-2{background-color:#5fa3bf}.color-swatch-cyan-pastel-3{background-color:#3f6d80}.color-swatch-cyan-pastel--1{background-color:#9ee3ff}.color-swatch-cyan-pastel--2{background-color:#b2e8ff}.color-swatch-cyan-pastel--3{background-color:#bfecff}.color-swatch-cyan-pastel--4{background-color:#dff6ff}.color-swatch-cyan-pastel--5{background-color:#f2fbff}.color-swatch-cyan-pastel--6{background-color:#f7fdff}.color-swatch-cyan-pastel--7{background-color:#fcfeff}.color-swatch-cyan-light-1{background-color:#cfdfe6}.color-swatch-cyan-light-2{background-color:#adbabf}.color-swatch-cyan-light-3{background-color:#737c80}.color-swatch-cyan-light--1{background-color:#ecfaff}.color-swatch-cyan-light--2{background-color:#f0fbff}.color-swatch-cyan-light--3{background-color:#f3fcff}.color-swatch-cyan-light--4{background-color:#f9fdff}.color-swatch-cyan-light--5{background-color:#fdfeff}.color-swatch-cyan-light--6{background-color:#feffff}.color-swatch-cyan-light--7{background-color:#fff}.color-swatch-cyan-hover-1{background-color:#17a9e6}.color-swatch-cyan-hover-2{background-color:#148dbf}.color-swatch-cyan-hover-3{background-color:#0d5e80}.color-swatch-cyan-hover--1{background-color:#53cdff}.color-swatch-cyan-hover--2{background-color:#76d7ff}.color-swatch-cyan-hover--3{background-color:#8ddeff}.color-swatch-cyan-hover--4{background-color:#c6eeff}.color-swatch-cyan-hover--5{background-color:#e8f8ff}.color-swatch-cyan-hover--6{background-color:#f1fbff}.color-swatch-cyan-hover--7{background-color:#fafeff}.color-swatch-red-1{background-color:#d30c2e}.color-swatch-red-2{background-color:#b00a26}.color-swatch-red-3{background-color:#75071a}.color-swatch-red--1{background-color:#ef4a66}.color-swatch-red--2{background-color:#f26e85}.color-swatch-red--3{background-color:#f58699}.color-swatch-red--4{background-color:#fac3cc}.color-swatch-red--5{background-color:#fde7eb}.color-swatch-red--6{background-color:#fef0f3}.color-swatch-red--7{background-color:#fffafb}.color-swatch-red-pastel-1{background-color:#e67c8d}.color-swatch-red-pastel-2{background-color:#bf6876}.color-swatch-red-pastel-3{background-color:#80454f}.color-swatch-red-pastel--1{background-color:#ffa7b6}.color-swatch-red-pastel--2{background-color:#ffb9c4}.color-swatch-red-pastel--3{background-color:#ffc5ce}.color-swatch-red-pastel--4{background-color:#ffe2e7}.color-swatch-red-pastel--5{background-color:#fff3f5}.color-swatch-red-pastel--6{background-color:#fff8f9}.color-swatch-red-pastel--7{background-color:#fffdfd}.color-swatch-red-light-1{background-color:#e6d1d4}.color-swatch-red-light-2{background-color:#bfaeb1}.color-swatch-red-light-3{background-color:#807476}.color-swatch-red-light--1{background-color:#ffeef1}.color-swatch-red-light--2{background-color:#fff1f4}.color-swatch-red-light--3{background-color:#fff4f6}.color-swatch-red-light--4{background-color:#fff9fa}.color-swatch-red-light--5{background-color:#fffdfd}.color-swatch-red-light--6{background-color:#fffefe}.color-swatch-red-light--7{background-color:#fff}.color-swatch-orange-1{background-color:#ca6100}.color-swatch-orange-2{background-color:#a85100}.color-swatch-orange-3{background-color:#703600}.color-swatch-orange--1{background-color:#e89140}.color-swatch-orange--2{background-color:#eca766}.color-swatch-orange--3{background-color:#f0b680}.color-swatch-orange--4{background-color:#f7dabf}.color-swatch-orange--5{background-color:#fcf0e6}.color-swatch-orange--6{background-color:#fdf6f0}.color-swatch-orange--7{background-color:#fefcfa}.color-swatch-orange-pastel-1{background-color:#e6a468}.color-swatch-orange-pastel-2{background-color:#bf8956}.color-swatch-orange-pastel-3{background-color:#805b3a}.color-swatch-orange-pastel--1{background-color:#ffc896}.color-swatch-orange-pastel--2{background-color:#ffd3ab}.color-swatch-orange-pastel--3{background-color:#ffdbb9}.color-swatch-orange-pastel--4{background-color:#ffeddc}.color-swatch-orange-pastel--5{background-color:#fff8f1}.color-swatch-orange-pastel--6{background-color:#fffbf7}.color-swatch-orange-pastel--7{background-color:#fffefc}.color-swatch-orange-light-1{background-color:#e6dace}.color-swatch-orange-light-2{background-color:#bfb6ac}.color-swatch-orange-light-3{background-color:#807973}.color-swatch-orange-light--1{background-color:#fff5ec}.color-swatch-orange-light--2{background-color:#fff7ef}.color-swatch-orange-light--3{background-color:#fff9f2}.color-swatch-orange-light--4{background-color:#fffcf9}.color-swatch-orange-light--5{background-color:#fffefc}.color-swatch-orange-light--6{background-color:#fffefd}.color-swatch-orange-light--7{background-color:#fffffe}.color-swatch-green-1{background-color:#287a22}.color-swatch-green-2{background-color:#21651d}.color-swatch-green-3{background-color:#164413}.color-swatch-green--1{background-color:#61a55c}.color-swatch-green--2{background-color:#80b77d}.color-swatch-green--3{background-color:#96c393}.color-swatch-green--4{background-color:#cae1c9}.color-swatch-green--5{background-color:#eaf3e9}.color-swatch-green--6{background-color:#f2f8f2}.color-swatch-green--7{background-color:#fbfdfb}.color-swatch-green-pastel-1{background-color:#80ca7a}.color-swatch-green-pastel-2{background-color:#6ba866}.color-swatch-green-pastel-3{background-color:#477044}.color-swatch-green-pastel--1{background-color:#aae8a6}.color-swatch-green-pastel--2{background-color:#bbecb8}.color-swatch-green-pastel--3{background-color:#c7f0c4}.color-swatch-green-pastel--4{background-color:#e3f7e1}.color-swatch-green-pastel--5{background-color:#f4fcf3}.color-swatch-green-pastel--6{background-color:#f8fdf8}.color-swatch-green-pastel--7{background-color:#fdfefd}.color-swatch-green-light-1{background-color:#cbe4cb}.color-swatch-green-light-2{background-color:#a9bea9}.color-swatch-green-light-3{background-color:#717f71}.color-swatch-green-light--1{background-color:#e9fee9}.color-swatch-green-light--2{background-color:#edfeed}.color-swatch-green-light--3{background-color:#f0fef0}.color-swatch-green-light--4{background-color:#f8fff8}.color-swatch-green-light--5{background-color:#fcfffc}.color-swatch-green-light--6{background-color:#fdfffd}.color-swatch-green-light--7{background-color:#fefffe}.color-swatch-white-1{background-color:#e6e6e6}.color-swatch-white-2{background-color:#bfbfbf}.color-swatch-white-3{background-color:grey}.color-swatch-white--1,.color-swatch-white--2,.color-swatch-white--3,.color-swatch-white--4,.color-swatch-white--5,.color-swatch-white--6,.color-swatch-white--7{background-color:#fff}.cs--blue .styleguide-table-of-contents{background-color:#ccdeee}.styleguide-table-of-contents{margin-bottom:4rem;padding:2rem}@media screen and (min-width:768px){.styleguide-table-of-contents .table-of-contents-main{-webkit-box-pack:justify;display:-webkit-box;display:flex;justify-content:space-between}}h1.styleguide-title,h2.styleguide-title,h3.styleguide-title,h4.styleguide-title,h5.styleguide-title{border-bottom:1px dotted;margin-bottom:1rem}.cs--blue h2.styleguide-title{border-color:#ccdeee;color:#005ba9}h2.styleguide-title{border-bottom:1px solid}.cs--blue h3.styleguide-title{border-color:#ccdeee;color:#005ba9}h3.styleguide-title{border-bottom:1px dotted}.preview-container{background-color:#fff;min-height:100vh;overflow:hidden;padding:4% 0}.preview-container .gallery{max-width:388px}.preview-container .content-container>h1,.preview-container .content-container>h2,.preview-container .content-container>h3,.preview-container .content-container>h4,.preview-container .content-container>h5{margin-top:0}.preview-inner-container{display:inline-block;margin-bottom:4.375rem;padding-bottom:1rem;width:100%}.cs--accent .preview-inner-container,.cs--inverse .preview-inner-container,.cs--wrapper .preview-inner-container{border-bottom:1px dotted #fff}.cs--highlighted .preview-inner-container{border-bottom:1px dotted #001823}.preview-inner-inner-container{margin-bottom:2.5rem;overflow:hidden;padding-bottom:2.5rem}dl.styleguide dd,dl.styleguide dt{max-width:100%}dl.styleguide dd{margin-bottom:3rem;margin-top:1rem}.preview-without-padding dl dd{padding:0}.preview-without-padding .content-container{margin:0}

package/build/styleguide/img/svg/accolade.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="51" height="19" fill="none" viewBox="0 0 51 19">
-    <path fill="#001823" d="M51 1C31.8 1 27.28 8.45 25.73 19h-.4C23.79 8.45 19.27 1 .07 1V0H51v1Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51 18">
+    <path fill="#23333A" d="M50.07 0c-18.85 0-23.29 7.45-24.8 18h-.39C23.36 7.45 18.92 0 .07 0h50Z"/>
 </svg>

package/build/styleguide/img/svg/build/accolade--blue.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="51" height="19" fill="none" viewBox="0 0 51 19">
-    <path fill="#001823" d="M51 1C31.8 1 27.28 8.45 25.73 19h-.4C23.79 8.45 19.27 1 .07 1V0H51v1Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51 18">
+    <path fill="#23333A" d="M50.07 0c-18.85 0-23.29 7.45-24.8 18h-.39C23.36 7.45 18.92 0 .07 0h50Z"/>
 </svg>

package/build/styleguide/img/svg/build/accolade--cyan.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="51" height="19" fill="none" viewBox="0 0 51 19">
-    <path fill="#001823" d="M51 1C31.8 1 27.28 8.45 25.73 19h-.4C23.79 8.45 19.27 1 .07 1V0H51v1Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51 18">
+    <path fill="#23333A" d="M50.07 0c-18.85 0-23.29 7.45-24.8 18h-.39C23.36 7.45 18.92 0 .07 0h50Z"/>
 </svg>

package/build/styleguide/img/svg/build/accolade--gray-light.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="51" height="19" fill="none" viewBox="0 0 51 19">
-    <path fill="#001823" d="M51 1C31.8 1 27.28 8.45 25.73 19h-.4C23.79 8.45 19.27 1 .07 1V0H51v1Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51 18">
+    <path fill="#23333A" d="M50.07 0c-18.85 0-23.29 7.45-24.8 18h-.39C23.36 7.45 18.92 0 .07 0h50Z"/>
 </svg>

package/build/styleguide/img/svg/build/accolade--gray-medium.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="51" height="19" fill="none" viewBox="0 0 51 19">
-    <path fill="#001823" d="M51 1C31.8 1 27.28 8.45 25.73 19h-.4C23.79 8.45 19.27 1 .07 1V0H51v1Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51 18">
+    <path fill="#23333A" d="M50.07 0c-18.85 0-23.29 7.45-24.8 18h-.39C23.36 7.45 18.92 0 .07 0h50Z"/>
 </svg>

package/build/styleguide/img/svg/build/accolade--gray-ultra-light.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="51" height="19" fill="none" viewBox="0 0 51 19">
-    <path fill="#001823" d="M51 1C31.8 1 27.28 8.45 25.73 19h-.4C23.79 8.45 19.27 1 .07 1V0H51v1Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51 18">
+    <path fill="#23333A" d="M50.07 0c-18.85 0-23.29 7.45-24.8 18h-.39C23.36 7.45 18.92 0 .07 0h50Z"/>
 </svg>

package/build/styleguide/img/svg/build/accolade--gray.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="51" height="19" fill="none" viewBox="0 0 51 19">
-    <path fill="#001823" d="M51 1C31.8 1 27.28 8.45 25.73 19h-.4C23.79 8.45 19.27 1 .07 1V0H51v1Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51 18">
+    <path fill="#23333A" d="M50.07 0c-18.85 0-23.29 7.45-24.8 18h-.39C23.36 7.45 18.92 0 .07 0h50Z"/>
 </svg>

package/build/styleguide/img/svg/build/accolade--green-light.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="51" height="19" fill="none" viewBox="0 0 51 19">
-    <path fill="#001823" d="M51 1C31.8 1 27.28 8.45 25.73 19h-.4C23.79 8.45 19.27 1 .07 1V0H51v1Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51 18">
+    <path fill="#23333A" d="M50.07 0c-18.85 0-23.29 7.45-24.8 18h-.39C23.36 7.45 18.92 0 .07 0h50Z"/>
 </svg>

package/build/styleguide/img/svg/build/accolade--green-pastel.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="51" height="19" fill="none" viewBox="0 0 51 19">
-    <path fill="#001823" d="M51 1C31.8 1 27.28 8.45 25.73 19h-.4C23.79 8.45 19.27 1 .07 1V0H51v1Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51 18">
+    <path fill="#23333A" d="M50.07 0c-18.85 0-23.29 7.45-24.8 18h-.39C23.36 7.45 18.92 0 .07 0h50Z"/>
 </svg>

package/build/styleguide/img/svg/build/accolade--green.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="51" height="19" fill="none" viewBox="0 0 51 19">
-    <path fill="#001823" d="M51 1C31.8 1 27.28 8.45 25.73 19h-.4C23.79 8.45 19.27 1 .07 1V0H51v1Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51 18">
+    <path fill="#23333A" d="M50.07 0c-18.85 0-23.29 7.45-24.8 18h-.39C23.36 7.45 18.92 0 .07 0h50Z"/>
 </svg>

package/build/styleguide/img/svg/build/accolade--orange-light.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="51" height="19" fill="none" viewBox="0 0 51 19">
-    <path fill="#001823" d="M51 1C31.8 1 27.28 8.45 25.73 19h-.4C23.79 8.45 19.27 1 .07 1V0H51v1Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51 18">
+    <path fill="#23333A" d="M50.07 0c-18.85 0-23.29 7.45-24.8 18h-.39C23.36 7.45 18.92 0 .07 0h50Z"/>
 </svg>

package/build/styleguide/img/svg/build/accolade--orange-pastel.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="51" height="19" fill="none" viewBox="0 0 51 19">
-    <path fill="#001823" d="M51 1C31.8 1 27.28 8.45 25.73 19h-.4C23.79 8.45 19.27 1 .07 1V0H51v1Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51 18">
+    <path fill="#23333A" d="M50.07 0c-18.85 0-23.29 7.45-24.8 18h-.39C23.36 7.45 18.92 0 .07 0h50Z"/>
 </svg>

package/build/styleguide/img/svg/build/accolade--orange.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="51" height="19" fill="none" viewBox="0 0 51 19">
-    <path fill="#001823" d="M51 1C31.8 1 27.28 8.45 25.73 19h-.4C23.79 8.45 19.27 1 .07 1V0H51v1Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51 18">
+    <path fill="#23333A" d="M50.07 0c-18.85 0-23.29 7.45-24.8 18h-.39C23.36 7.45 18.92 0 .07 0h50Z"/>
 </svg>

package/build/styleguide/img/svg/build/accolade--red-light.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="51" height="19" fill="none" viewBox="0 0 51 19">
-    <path fill="#001823" d="M51 1C31.8 1 27.28 8.45 25.73 19h-.4C23.79 8.45 19.27 1 .07 1V0H51v1Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51 18">
+    <path fill="#23333A" d="M50.07 0c-18.85 0-23.29 7.45-24.8 18h-.39C23.36 7.45 18.92 0 .07 0h50Z"/>
 </svg>

package/build/styleguide/img/svg/build/accolade--red-pastel.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="51" height="19" fill="none" viewBox="0 0 51 19">
-    <path fill="#001823" d="M51 1C31.8 1 27.28 8.45 25.73 19h-.4C23.79 8.45 19.27 1 .07 1V0H51v1Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51 18">
+    <path fill="#23333A" d="M50.07 0c-18.85 0-23.29 7.45-24.8 18h-.39C23.36 7.45 18.92 0 .07 0h50Z"/>
 </svg>

package/build/styleguide/img/svg/build/accolade--red.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="51" height="19" fill="none" viewBox="0 0 51 19">
-    <path fill="#001823" d="M51 1C31.8 1 27.28 8.45 25.73 19h-.4C23.79 8.45 19.27 1 .07 1V0H51v1Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51 18">
+    <path fill="#23333A" d="M50.07 0c-18.85 0-23.29 7.45-24.8 18h-.39C23.36 7.45 18.92 0 .07 0h50Z"/>
 </svg>

package/build/styleguide/img/svg/build/accolade--white.svg

@@ -1,3 +1,3 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="51" height="19" fill="none" viewBox="0 0 51 19">
-    <path fill="#001823" d="M51 1C31.8 1 27.28 8.45 25.73 19h-.4C23.79 8.45 19.27 1 .07 1V0H51v1Z"/>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 51 18">
+    <path fill="#23333A" d="M50.07 0c-18.85 0-23.29 7.45-24.8 18h-.39C23.36 7.45 18.92 0 .07 0h50Z"/>
 </svg>

package/build/styleguide/sass/00-mixins/element-styles/_accolade.scss

@@ -17,7 +17,7 @@
 /// @param {string} $color - Text theme color.
 /// @param {string} $background-color - The background theme color.
 ///
-@mixin accolade($v-position: "top", $h-position: "right", $width: 51px, $height: 19px, $color: "color-zero", $background-color: "color-secondary") {
+@mixin accolade($v-position: "top", $h-position: "right", $width: 51px, $height: 18px, $color: "color-zero", $background-color: "color-secondary") {
   @include theme('color', $color, 'caption-color');
   @include theme('background-color', $background-color, 'caption-background-color');
 

package/build/styleguide/sass/00-mixins/general/_mixins.scss

@@ -5,6 +5,7 @@
 @use "sass:map";
 @use "sass:meta";
 @use "sass:string";
+@use "sass:math";
 
 ////
 /// Globally defined general purpose mixins.
@@ -13,7 +14,6 @@
 /// @group tools
 /// @author Gert-Jan Meire
 ////
-@use "sass:math";
 
 ///  Helper function to replace characters in a string.
 /// @since 3.0.0

package/build/styleguide/sass/00-mixins/svg/_svg-icons.scss

@@ -123,11 +123,11 @@
   }
 
   @if $icon == 'accolade' {
-    @return '<svg xmlns="http://www.w3.org/2000/svg" width="#{$width}" height="#{$height}" viewBox="0 0 51 19"><path fill="#{$fill-color}" d="M51 1C31.8 1 27.28 8.45 25.73 19h-.4C23.79 8.45 19.27 1 .07 1V0H51v1Z"/></svg>';
+    @return '<svg xmlns="http://www.w3.org/2000/svg" width="#{$width}" height="#{$height}" viewBox="0 0 51 18"><path fill="#{$fill-color}" fill-rule="evenodd" d="M50.07 0c-18.85 0-23.29 7.45-24.8 18h-.39C23.36 7.45 18.92 0 .07 0h50Z"/> </svg>';
   }
 
   @if $icon == 'accolade-inverse' {
-    @return '<svg xmlns="http://www.w3.org/2000/svg" width="#{$width}" height="#{$height}" viewBox="0 0 51 19"><path fill="#{$fill-color}" fill-rule="nonzero" d="M.07 18c18.85 0 23.29-7.45 24.8-18h.39c1.52 10.55 5.96 18 24.8 18h-50Z"/></svg>';
+    @return '<svg xmlns="http://www.w3.org/2000/svg" width="#{$width}" height="#{$height}" viewBox="0 0 40 18"><path fill="#{$fill-color}" fill-rule="nonzero" d="M.07 18c18.85 0 23.29-7.45 24.8-18h.39c1.52 10.55 5.96 18 24.8 18h-50Z"/></svg>';
   }
 
   @if $icon == 'accolade-stroke' {

package/build/styleguide/sass/11-base/base/_base.scss

@@ -37,7 +37,7 @@ body {
 }
 
 ::selection {
-  @include theme('background-color', 'color-primary--darken-2', 'text-selection-background');
+  @include theme('background-color', 'color-primary', 'text-selection-background');
   @include theme('color', 'color-secondary', 'text-selection-color');
 }
 

package/build/styleguide/sass/11-base/forms/_forms.scss

@@ -368,7 +368,7 @@ $field-icon-padding: 50px;
 }
 
 .form-disclaimer {
-  @include theme('color', 'color-tertiary--lighten-1', 'form-disclaimer-color');
+  @include theme('color', 'color-tertiary', 'form-disclaimer-color');
 
   .highlight__inner &,
   .feature-block &,

package/build/styleguide/sass/21-atoms/heading/_heading.scss

@@ -1,7 +1,7 @@
+@use 'heading-styling';
 @use 'css/background-title';
 @use 'css/heading-1';
 @use 'css/heading-2';
 @use 'css/heading-3';
 @use 'css/heading-4';
 @use 'css/overview-title';
-@use 'heading-styling';

package/build/styleguide/sass/21-atoms/heading/css/_overview-title.scss

@@ -1,4 +1,4 @@
-@use '../heading-styling';
+@use 'heading-2' as *;
 
 h1,
 h2,

package/build/styleguide/sass/21-atoms/link/_link.scss

@@ -11,7 +11,7 @@ $link-padding: .2em;
 a {
   @include semi-bold-text;
   @include theme('color', 'color-tertiary', 'link-color');
-  @include link-background('color-primary', 'color-primary--lighten-4', 'link-underline-color', 'link-hover-background');
+  @include link-background('color-primary', 'color-primary-light', 'link-underline-color', 'link-hover-background');
 
   & {
     position: relative;
@@ -34,13 +34,16 @@ a {
   // Different button link types. These are links styled as a button.
   &.button,
   &.tag {
-    @include button;
     @include button-icon;
-    // Overrule flex for IE
-    align-items: flex-start;
-    padding-top: .6em;
-    border-bottom: 0;
-    background-image: inherit;
+    @include button;
+
+    & {
+      // Overrule flex for IE
+      align-items: flex-start;
+      padding-top: .6em;
+      border-bottom: 0;
+      background-image: inherit;
+    }
 
     &:not([class*="icon"]) {
       @include button-icon;
@@ -98,7 +101,7 @@ a {
 
     &:focus,
     &:hover {
-      @include theme('color', 'color-primary--darken-2', 'link-hover-color');
+      @include theme('color', 'color-primary', 'link-hover-color');
     }
 
   }

package/build/styleguide/sass/21-atoms/tag/_tag.scss

@@ -42,11 +42,9 @@ a.tag {
   @include theme('color', 'color-zero', 'tag-color');
   @include normal-text();
 
-  & {
-    padding: 8px 15px;
-    transition: background-color .2s ease-in-out;
-    border: 0;
-  }
+  padding: 8px 15px;
+  transition: background-color .2s ease-in-out;
+  border: 0;
 
   &:not([class*=icon])::before {
     margin-left: 5px;

package/build/styleguide/sass/31-molecules/form-steps/_form-steps.scss

@@ -115,7 +115,7 @@
         }
 
         > span::before {
-          @include theme('border-color', 'color-primary--darken-1', 'form-step--active-border-color');
+          @include theme('border-color', 'color-primary', 'form-step--active-border-color');
 
           & {
             background-color: transparent;

package/build/styleguide/sass/31-molecules/main-menu/_main-menu.scss

@@ -175,7 +175,7 @@ nav.menu {
       margin: 0 24px;
 
       &:not(:last-child) {
-        @include theme('border-color', 'color-primary--lighten-4');
+        @include theme('border-color', 'color-primary-light');
 
         & {
           border-bottom: 2px solid;

package/build/styleguide/sass/31-molecules/modal/_modal.scss

@@ -139,7 +139,7 @@
   /// Actions
   ///
   &-actions {
-    @include theme('border-color', 'color-primary--lighten-4', 'modal-action-border-bottom');
+    @include theme('border-color', 'color-primary-light', 'modal-action-border-bottom');
     @include theme('background-color', 'color-none', 'modal-action-background-color');
 
     & {

package/build/styleguide/sass/31-molecules/opening-hours/_opening-hours.scss

@@ -111,7 +111,7 @@
         padding-bottom: 16px;
 
         button {
-          @include theme('color', 'color-primary--darken-2', 'opening-hours-color');
+          @include theme('color', 'color-primary', 'opening-hours-color');
 
           & {
             display: flex;

package/build/styleguide/sass/31-molecules/text-to-speech-button/_text-to-speech-button.scss

@@ -17,7 +17,7 @@
 
   &:focus,
   &:hover {
-    @include theme('background-color', 'color-primary--lighten-5', 'button-primary-hover-background');
+    @include theme('background-color', 'color-primary-light', 'button-primary-hover-background');
   }
 
   i {

package/build/styleguide/sass/41-organisms/filter/_filter.scss

@@ -73,17 +73,22 @@
 // On mobile the filter-section is moved to the body root because it is converted to a modal.
 // This means it's no longer a child of .filter.
 .sidebar.filter-section {
-  visibility: hidden;
-
   @include desktop {
     position: static;
     height: auto;
     box-shadow: none;
     overflow: visible;
-    visibility: visible;
     z-index: auto;
   }
 
+  main & {
+    visibility: hidden;
+
+    @include desktop {
+      visibility: visible;
+    }
+  }
+
   &.visible {
     @include breakpoint(max-width $bp-desktop) {
       padding: 0;

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "gent_styleguide",
-  "version": "7.0.0",
+  "version": "7.0.2",
   "description": "Styleguide Stad.Gent",
   "devDependencies": {
     "@babel/core": "^7.20.12",
     "@babel/preset-env": "^7.20.2",
     "@frctl/fractal": "^1.5.15",
     "@frctl/twig": "^1.2.13",
-    "chromedriver": "^138.0.0",
+    "chromedriver": "^140.0.0",
     "cssnano": "^5.1.14",
     "fs-extra": "^11.1.0",
     "gulp": "^4.0.2",
@@ -91,5 +91,10 @@
   "repository": {
     "type": "git",
     "url": "https://github.com/StadGent/fractal_styleguide_gent-base.git"
+  },
+  "overrides": {
+    "chromedriver": "^140.0.0",
+    "axe-cli": { "chromedriver": "^140.0.0" },
+    "gulp-axe-cli": { "chromedriver": "^140.0.0" }
   }
 }