#form-coloured-text-block-image .cus-col-2{-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}
@media(min-width:576px){#form-coloured-text-block-image .cus-col-2{-webkit-box-flex:0;-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
}
@media(min-width:768px){#form-coloured-text-block-image .cus-col-2{-webkit-box-flex:0;-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}
}
.colour>div,.custom-colour>div{min-height:3.375rem;padding:1.6875rem}
.colour p,.custom-colour p{margin-bottom:0}
.cui.colour-contrast-checker .legend{border:.0625rem solid #dbdcdd}
.cui.colour-contrast-checker .btn-nav{padding:.6rem .9rem;text-align:right}
.cui.colour-contrast-checker .btn-nav button.icon-only span{position:relative;top:3px}
.cui.colour-contrast-checker .comparison-table-container{max-height:50rem;overflow:scroll;position:relative}
.cui.colour-contrast-checker .comparison-table-container table{border-collapse:separate;border-spacing:0;min-width:-webkit-fit-content;min-width:-moz-fit-content;min-width:fit-content;table-layout:fixed;width:100%}
.cui.colour-contrast-checker .comparison-table-container table td,.cui.colour-contrast-checker .comparison-table-container table th{padding:0 !important;vertical-align:middle}
.cui.colour-contrast-checker .comparison-table-container table tbody td{height:2.0625rem;line-height:1}
.cui.colour-contrast-checker .comparison-table-container table tbody td:first-child{left:0;position:sticky;z-index:20}
.cui.colour-contrast-checker .comparison-table-container table thead th{background-color:#fff;height:7rem;position:sticky;top:0;z-index:30}
.cui.colour-contrast-checker .comparison-table-container table thead th:first-child{background-color:#f6f6f6 !important;font-weight:bold;left:0;position:sticky;text-align:center;text-transform:uppercase;width:7rem;z-index:40}
.cui.colour-contrast-checker .status-button{background:transparent;border:0;color:inherit;display:-webkit-box;display:-ms-flexbox;display:flex;height:100%;margin:0;padding:0;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;cursor:pointer;justify-content:center;text-align:center}
.cui.colour-contrast-checker .status-button:focus{position:relative;z-index:100}
.cui.colour-contrast-checker .status-button:hover{background-color:#ededee !important}
.cui.colour-contrast-checker .tooltip-modal{background:#fff;border:.0625rem solid #dbdcdd;border-radius:.25rem;-webkit-box-shadow:.3125rem .3125rem .5rem rgba(0,0,0,.25);box-shadow:.3125rem .3125rem .5rem rgba(0,0,0,.25);color:#333;display:none;position:absolute;z-index:50}
.cui.colour-contrast-checker .tooltip-modal .tooltip-inner-structure{max-width:16.875rem;min-width:13.75rem;position:relative;word-wrap:break-word;padding:1rem}
.cui.colour-contrast-checker .tooltip-modal .tooltip-inner-structure .tooltip-title{font-weight:bold}
.cui.colour-contrast-checker .tooltip-modal .tooltip-inner-structure .tooltip-colour-names p{font-size:small}
.cui.colour-contrast-checker .tooltip-modal .tooltip-inner-structure .tooltip-status-block{border:.0625rem solid #ededee;padding:.25rem}
.cui.colour-contrast-checker .tooltip-modal .tooltip-inner-structure .tooltip-status-block .tooltip-ratio{font-size:larger}
.cui.colour-contrast-checker .tooltip-modal #tooltip-close-btn{background:transparent;border:0;display:block;justify-self:right}
.cui.colour-contrast-checker .tooltip-modal .tooltip-arrow{background:#fff;border:.0625rem solid #ededee !important;height:.75rem;position:absolute;top:50%;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);width:.75rem;z-index:1}
.cui.colour-contrast-checker .tooltip-modal .tooltip-arrow.arrow-left{border-left:0;border-top:0;left:-.5rem}
.cui.colour-contrast-checker .tooltip-modal .tooltip-arrow.arrow-right{border-bottom:0;border-right:0;right:-.5rem}
.cui.colour-contrast-checker .tooltip-modal .tooltip-preview{display:-webkit-box;display:-ms-flexbox;display:flex;font-size:x-large;font-weight:600;line-height:1.2;padding:.5rem 1rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin:.25rem -1rem .75rem -1rem}
.cui.icon-svg-display-list .card-body{overflow:hidden;padding:.625rem 1.25rem 1.25rem 1.25rem}
@media(max-width:1440px){.cui.icon-svg-display-list #filter-controls .g-10{row-gap:.625rem}
}
.cui.icon-svg-display-list #filter-controls .btn-container{display:block;margin-top:1rem;text-align:right}
.cui.icon-svg-display-list #filter-controls .btn-container .btn-sm{margin-bottom:.5rem}
@media(max-width:768px){.cui.icon-svg-display-list #filter-controls .btn-container{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:left;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.cui.icon-svg-display-list #filter-controls .btn-container a.cui.btn-sm{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}
.cui.icon-svg-display-list #filter-controls .btn-container .mr-xxs{margin-right:0 !important}
}
.cui.icon-svg-display-list .btn-group [class^=cicon-]{position:relative;top:.125rem}
.cui.icon-svg-display-list .font-icons .cui.card{height:170px}
@media(max-width:1006px){.cui.icon-svg-display-list .font-icons .cui.card{height:100%}
}
.cui.icon-svg-display-list .svg-illustrations .cui.card{height:270px}
@media(max-width:1006px){.cui.icon-svg-display-list .svg-illustrations .cui.card{height:100%}
}
.cui.icon-svg-display-list .card-inherit-row-size{height:auto;-webkit-transition:max-width .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out,-webkit-box-flex .3s ease-in-out !important;transition:max-width .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out,-webkit-box-flex .3s ease-in-out !important;transition:flex .3s ease-in-out,max-width .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out !important;transition:flex .3s ease-in-out,max-width .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out,-webkit-box-flex .3s ease-in-out,-ms-flex .3s ease-in-out !important}
@media(max-width:1006px){.cui.icon-svg-display-list .card-inherit-row-size{width:50% !important;-webkit-box-flex:0 !important;-ms-flex:0 0 auto !important;flex:0 0 auto !important;height:auto;margin-bottom:1.875rem;max-width:50% !important;-webkit-transition:max-width .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out,-webkit-box-flex .3s ease-in-out !important;transition:max-width .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out,-webkit-box-flex .3s ease-in-out !important;transition:flex .3s ease-in-out,max-width .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out !important;transition:flex .3s ease-in-out,max-width .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out,-webkit-box-flex .3s ease-in-out,-ms-flex .3s ease-in-out !important}
.cui.icon-svg-display-list .card-inherit-row-size .icon-card-expanded .card-body{margin-bottom:-1.875rem}
.cui.icon-svg-display-list .card-inherit-row-size .icon-and-metadata-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
.cui.icon-svg-display-list .card-inherit-row-size .copy-button-container{-webkit-box-orient:vertical !important;-webkit-box-direction:normal !important;-ms-flex-direction:column !important;flex-direction:column !important}
.cui.icon-svg-display-list .card-inherit-row-size .copy-button-container .btn-sm{margin-top:.5rem}
}
.cui.icon-svg-display-list .card-inherit-row-size .icon-examples{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:end;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
.cui.icon-svg-display-list .card-inherit-row-size .icon-examples .svg-small-example{display:-webkit-box;display:-ms-flexbox;display:flex;margin-right:1.125rem;text-align:center;-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}
.cui.icon-svg-display-list .card-inherit-row-size .icon-examples .svg-large-example{display:-webkit-box;display:-ms-flexbox;display:flex;text-align:center;-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}
@media(max-width:1006px){.cui.icon-svg-display-list .card-inherit-row-size .icon-examples{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;gap:1.125rem;justify-content:center;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
}
@media(min-width:1440px){.cui.icon-svg-display-list .card-inherit-row-size.col-lg-expanded{width:60% !important;-webkit-box-flex:0 !important;-ms-flex:0 0 auto !important;flex:0 0 auto !important;height:auto;max-width:60% !important;-webkit-transition:max-width .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out,-webkit-box-flex .3s ease-in-out !important;transition:max-width .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out,-webkit-box-flex .3s ease-in-out !important;transition:flex .3s ease-in-out,max-width .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out !important;transition:flex .3s ease-in-out,max-width .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out,-webkit-box-flex .3s ease-in-out,-ms-flex .3s ease-in-out !important}
}
@media(max-width:1006px),(min-width:1440px) and (max-width:1439px){.cui.icon-svg-display-list .card-inherit-row-size.col-lg-expanded{width:50% !important;-webkit-box-flex:0 !important;-ms-flex:0 0 auto !important;flex:0 0 auto !important;height:auto;max-width:50% !important;-webkit-transition:max-width .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out,-webkit-box-flex .3s ease-in-out !important;transition:max-width .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out,-webkit-box-flex .3s ease-in-out !important;transition:flex .3s ease-in-out,max-width .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out !important;transition:flex .3s ease-in-out,max-width .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out,-webkit-box-flex .3s ease-in-out,-ms-flex .3s ease-in-out !important}
}
@media(min-width:1007px) and (max-width:1439px){.cui.icon-svg-display-list .card-inherit-row-size.col-lg-expanded{width:75% !important;-webkit-box-flex:0 !important;-ms-flex:0 0 auto !important;flex:0 0 auto !important;height:auto;max-width:75% !important;-webkit-transition:max-width .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out,-webkit-box-flex .3s ease-in-out !important;transition:max-width .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out,-webkit-box-flex .3s ease-in-out !important;transition:flex .3s ease-in-out,max-width .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out !important;transition:flex .3s ease-in-out,max-width .3s ease-in-out,width .3s ease-in-out,height .3s ease-in-out,-webkit-box-flex .3s ease-in-out,-ms-flex .3s ease-in-out !important}
}
.cui.icon-svg-display-list .cui.card.block-link{cursor:pointer;padding:.5rem;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.cui.icon-svg-display-list .cui.card .exp-col-icons{color:#c8102e;font-size:2rem;position:absolute;right:.125rem;top:calc(50% - 1rem);-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
.cui.icon-svg-display-list .cui.card.icon-card-expanded{background-color:#fff;border-color:#c8102e}
.cui.icon-svg-display-list .cui.card.icon-card-expanded .icon-header-col{-webkit-box-flex:0 !important;border-right:none !important;-ms-flex:0 0 0 !important;flex:0 0 0 !important;max-width:0 !important;overflow:hidden;padding-right:0 !important}
.cui.icon-svg-display-list .cui.card.icon-card-expanded .icon-preview-row{display:none !important}
.cui.icon-svg-display-list .cui.card.icon-card-expanded .detail-block{height:auto;opacity:1;padding-left:0}
.cui.icon-svg-display-list .cui.card.icon-card-expanded .copy-button-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;opacity:1;padding-bottom:1rem;padding-top:.5rem}
.cui.icon-svg-display-list .cui.card.icon-card-expanded .cicon-chevron-left{color:#c8102e !important;font-size:1.5rem;z-index:10}
.cui.icon-svg-display-list .cui.card:not(.icon-card-expanded) .icon-header-col{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}
.cui.icon-svg-display-list .cui.card:not(.icon-card-expanded) .detail-block{height:0;opacity:0;overflow:hidden;position:absolute}
.cui.icon-svg-display-list .cui.card:not(.icon-card-expanded) .copy-button-container{height:0;opacity:0;overflow:hidden}
.cui.icon-svg-display-list .main-content-row{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;height:100%;width:100%}
.cui.icon-svg-display-list .icon-header-col{-webkit-box-flex:1;-ms-flex:1;flex:1;height:100%;padding-right:0}
.cui.icon-svg-display-list .icon-preview-row{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;padding:.5rem 0;text-align:center}
.cui.icon-svg-display-list .icon-preview-row .cicon-lg,.cui.icon-svg-display-list .icon-preview-row img.cicon-lg{-webkit-filter:drop-shadow(0 2px 2px rgba(0,0,0,.1));filter:drop-shadow(0 2px 2px rgba(0,0,0,.1));margin-bottom:.5rem;margin-right:0 !important}
.cui.icon-svg-display-list .icon-name-preview{color:#333;display:block;overflow:hidden;text-align:center;text-overflow:ellipsis;text-transform:lowercase;white-space:nowrap;width:100%}
.cui.icon-svg-display-list .detail-block{-webkit-box-flex:1;-ms-flex-positive:1;border-top:none !important;flex-grow:1;height:0;opacity:0;overflow:hidden;padding-left:1.5rem;-webkit-transition:opacity .1s ease-in-out .1s,height .1s ease-in-out .1s;transition:opacity .1s ease-in-out .1s,height .1s ease-in-out .1s}
.cui.icon-svg-display-list .icon-full-name{font-size:1.375rem;margin-right:1rem}
.cui.icon-svg-display-list .icon-and-metadata-wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:1.5rem}
@media(max-width:575px){.cui.icon-svg-display-list .icon-and-metadata-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:1rem}
}
.cui.icon-svg-display-list .copy-btn-success{background-color:#04b34f !important;border-color:rgb(2.8852459016,129.1147540984,56.9836065574) !important;color:#000 !important}
.cui.icon-svg-display-list .not-found-error{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}
#back-to-top-btn{bottom:2rem;opacity:0;position:fixed;right:2rem;-webkit-transition:opacity .3s;transition:opacity .3s;visibility:hidden;z-index:1030}
#back-to-top-btn.visible{opacity:1;visibility:visible}
code[class*="language-"],pre[class*="language-"]{color:black;text-shadow:0 1px white;font-family:Consolas,Monaco,'Andale Mono',monospace;direction:ltr;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;line-height:1.5;font-size:13px;-moz-tab-size:4;-o-tab-size:4;tab-size:1;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}
pre[class*="language-"]::-moz-selection,pre[class*="language-"] ::-moz-selection,code[class*="language-"]::-moz-selection,code[class*="language-"] ::-moz-selection{text-shadow:none;background:#ddd}
pre[class*="language-"]::selection,pre[class*="language-"] ::selection,code[class*="language-"]::selection,code[class*="language-"] ::selection{text-shadow:none;background:#ddd}
@media print{code[class*="language-"],pre[class*="language-"]{text-shadow:none}
}
pre[class*="language-"]{padding:10px 15px;margin:0;margin-bottom:0;overflow:auto;border:1px solid #eee;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
:not(pre)>code[class*="language-"],pre[class*="language-"]{background:#f6f6f6}
:not(pre)>code[class*="language-"]{padding:.1em;border-radius:.3em}
.token.comment,.token.prolog,.token.doctype,.token.cdata{color:slategray}
.token.punctuation{color:#999}
.namespace{opacity:.7}
.token.property,.token.tag,.token.boolean,.token.number,.token.constant,.token.symbol,.token.deleted{color:#905}
.token.selector,.token.attr-name,.token.string,.token.char,.token.builtin,.token.inserted{color:#690}
.token.operator,.token.entity,.token.url,.language-css .token.string,.style .token.string{color:#a67f59;background:hsla(0,0,100%,.5)}
.token.atrule,.token.attr-value,.token.keyword{color:#07a}
.token.function{color:#dd4a68}
.token.regex,.token.important,.token.variable{color:#e90}
.token.important,.token.bold{font-weight:bold}
.token.italic{font-style:italic}
.token.entity{cursor:help}
pre{margin-bottom:20px}
code.language-markup{float:left}
code.language-markup::after,code.language-markup::before{display:block;content:'';clear:both}