\n
\n
\n \n\n \x3c!-- Next line is an example of an open modal. --\x3e\n \x3c!--
\n';class ln extends HTMLElement{constructor(){super();const t=this.attachShadow({mode:"open"});t.appendChild(rn.content.cloneNode(!0)),this.playerContainer=this.shadowRoot.querySelector("#ytPlayerContainer"),this.player=null;const n=document.createElement("style");n.textContent=a;const e=document.createElement("style");e.textContent=o;const r=document.createElement("style");r.textContent="div.modal {\n --bs-modal-width: 90vw;\n}\n\n@media (min-width: 992px) {\n div.modal {\n --bs-modal-width: 50vw;\n }\n}\n.modal {\n background-color: rgba(0, 0, 0, 0.5);\n}\n\ndiv.video-placehold {\n background-color: lightgray;\n min-height: 343px;\n}\n\ndiv.player-container {\n position: relative;\n}\n\ndiv.player-container img.video-placehold {\n display: block;\n}\n\ndiv.player-container .play-icon {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 50px;\n height: 50px;\n}\n\n.play-icon::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n height: 100%;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-play-circle-fill' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814z'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-size: contain;\n}\n\niframe#ytPlayerContainer {\n width: 100%;\n aspect-ratio: 16/9;\n}\n\n/*# sourceMappingURL=VideoPlayer.css.map */\n",t.appendChild(n),t.appendChild(e),t.appendChild(r)}connectedCallback(){this._buildThumbnailDisplayMode(),this._replacePlaceholderWithThumbnail();const t=this.getAttribute("player-display"),n=this.getAttribute("video-type"),e=this.getAttribute("video-id");if("modal"===t){this._setModalOpenCloseEventHandlers();if(this.shadowRoot.querySelector("#videoPlayerModalLabel").textContent=this.getAttribute("title"),"youtube"===n)this._loadVideo(e)}}_buildThumbnailDisplayMode(){const t=this.getAttribute("thumbnail-display"),n=this.shadowRoot.querySelector("#layoutContainer");switch(t){case"fullwidth":n.classList.add("w-100");break;case"inline":n.classList.remove("d-flex"),n.classList.add("d-inline-flex")}}_setModalOpenCloseEventHandlers(){this.shadowRoot.querySelector("#modalOpenButton").addEventListener("click",this._onOpenModal.bind(this));this.shadowRoot.querySelector("#modalCloseButton").addEventListener("click",this._onCloseModal.bind(this));this.shadowRoot.querySelector("#videoPlayerModal").addEventListener("click",this._onClickOutsideModal.bind(this))}_replacePlaceholderWithThumbnail(){const t=this.shadowRoot.querySelector("div.video-placehold"),n=this.getAttribute("thumbnail-src"),e=this.getAttribute("thumbnail-alt"),o=document.createElement("img");o.setAttribute("src",n),o.setAttribute("alt",e),o.classList.add("video-placehold","img-fluid"),t.appendChild(o);const a=document.createElement("div");a.classList.add("play-icon"),t.appendChild(a),t.classList.remove("video-placehold")}disconnectedCallback(){this.removeEventListener("click",this._onOpenModal.bind(this)),this.removeEventListener("click",this._onCloseModal.bind(this))}_onOpenModal(){const t=this.shadowRoot.querySelector("#videoPlayerModal");t.classList.add("show"),t.style.display="block",t.removeAttribute("aria-hidden"),t.setAttribute("aria-modal","true"),t.setAttribute("role","modal"),this.player?.playVideo()}_onCloseModal(){const t=this.shadowRoot.querySelector("#videoPlayerModal");t.classList.remove("show"),t.style.display="none",t.removeAttribute("aria-modal"),t.removeAttribute("role"),t.setAttribute("aria-hidden","true"),this.player?.pauseVideo()}_onClickOutsideModal(t){t.target.closest(".modal-content")||this._onCloseModal()}_loadVideo(t){if(window.YT)this._createPlayer(t);else{const n=document.createElement("script");n.src="https://www.youtube.com/iframe_api";const e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(n,e),window.onYouTubeIframeAPIReady=()=>{this._createPlayer(t)}}}_createPlayer(t){this.player=new YT.Player(this.playerContainer,{videoId:t,events:{}})}}(0,j.Z)(ln,"observedAttributes",[]),customElements.define("cod-videoplayer",ln);const sn=document.createElement("template");sn.innerHTML="\n
\n";class dn extends HTMLElement{constructor(){super();const t=this.attachShadow({mode:"open"});t.appendChild(sn.content.cloneNode(!0)),this.accordion=document.createElement("div"),this.shadowRoot.addEventListener("slotchange",(t=>{t.target.assignedElements().forEach(((t,n)=>{switch(t.tagName){case"COD-ACCORDION-ITEM":{const e=document.createElement("div");e.className="accordion-item",t.setAttribute("data-parent-id",this.getAttribute("data-id")),t.setAttribute("data-index",n),null!==this.getAttribute("data-ol")&&t.setAttribute("data-li",""),e.appendChild(t),this.accordion.append(e);break}default:t.className.split(" ").includes("no-wc")?t.remove():this.card.appendChild(t);break}}))}));const n=document.createElement("style");n.textContent=a;const e=document.createElement("style");e.textContent=o;const r=document.createElement("style");r.textContent=".accordion-ol {\n --bs-accordion-btn-padding-x: 0rem;\n --bs-accordion-btn-padding-y: 0rem;\n}\n",t.appendChild(n),t.appendChild(e),t.appendChild(r)}connectedCallback(){const t=this.getAttribute("data-flush"),n=this.getAttribute("data-ol"),e=this.getAttribute("data-id"),o=this.getAttribute("data-extra-classes"),a=["accordion"];"true"==t&&a.push("accordion-flush"),null!==n&&a.push("accordion-ol"),void 0!=o&&null!=o&&a.push(o),this.accordion.className=a.join(" "),this.accordion.id=e,this.shadowRoot.querySelector("div")||this.shadowRoot.appendChild(this.accordion)}}customElements.define("cod-accordion",dn);const cn=document.createElement("template");cn.innerHTML="\n
\n
\n";class bn extends HTMLElement{constructor(){super();const t=this.attachShadow({mode:"open"});t.appendChild(cn.content.cloneNode(!0)),this.btnGroup=t.querySelector("div"),t.addEventListener("slotchange",(()=>{Array.from(this.children).forEach((t=>{t.className.split(" ").includes("no-wc")?t.remove():this.btnGroup.append(t)}))}));const n=document.createElement("style");n.textContent=a;const e=document.createElement("style");e.textContent=o;const r=document.createElement("style");r.textContent="",t.appendChild(n),t.appendChild(e),t.appendChild(r)}connectedCallback(){const t=this.getAttribute("data-type"),n=this.getAttribute("data-label");let e=this.getAttribute("data-size"),o=this.getAttribute("data-vertical");const a=this.getAttribute("data-extra-classes");this.btnGroup.role="group"==t?"group":"toolbar",void 0!=e&&null!=e&&(e=`btn-group-${e}`),"true"==o&&(o="btn-group-vertical"),this.btnGroup.setAttribute("aria-label",n),this.btnGroup.className=[`btn-${t}`,`${e||""}`,`${o||""}`,`${a||""}`].join(" ")}}customElements.define("cod-button-group",bn);const mn=document.createElement("template");mn.innerHTML="\n
\n";class pn extends HTMLElement{static get observedAttributes(){return["data-show"]}constructor(){super();const t=this.attachShadow({mode:"open"});t.appendChild(mn.content.cloneNode(!0)),this.dropdown=document.createElement("div"),this.shadowRoot.addEventListener("slotchange",(()=>{Array.from(this.children).forEach((t=>{t.className.split(" ").includes("no-wc")?t.remove():this.dropdown.append(t)}))}));const n=document.createElement("style");n.textContent=a;const e=document.createElement("style");e.textContent=o;const r=document.createElement("style");r.textContent="",t.appendChild(n),t.appendChild(e),t.appendChild(r)}connectedCallback(){let t=this.getAttribute("data-split");t="true"===t?"btn-group":"dropdown",this.dropdown.className=t,this.querySelector('cod-button[data-bs-toggle="dropdown"]')&&this.querySelector('cod-button[data-bs-toggle="dropdown"]').addEventListener("click",this._onClick),this.shadowRoot.querySelector("div")||this.shadowRoot.appendChild(this.dropdown)}disconnectedCallback(){this.removeEventListener("click",this._onClick.bind(this))}_onClick(t){"dropdown"===t.target.getAttribute("data-bs-toggle")&&("true"===this.getAttribute("aria-expanded")?(this.setAttribute("aria-expanded","false"),this.parentElement.querySelector("cod-dropdown-menu").setAttribute("data-show","false")):(this.setAttribute("aria-expanded","true"),this.parentElement.querySelector("cod-dropdown-menu").setAttribute("data-show","true")))}}customElements.define("cod-dropdown",pn);const gn=document.createElement("template");gn.innerHTML="\n
\n";const un=40,hn=37,fn=39,xn=32,vn=38,yn=36,wn=35;class kn extends HTMLElement{constructor(){super();this.attachShadow({mode:"open"}).appendChild(gn.content.cloneNode(!0))}connectedCallback(){this.hasAttribute("role")||("radio"==this.getAttribute("data-type")?this.setAttribute("role","radiogroup"):this.setAttribute("role","group"));const t=this.checkedFormCheck;t?(this._uncheckAll(),this._checkNode(t)):this.querySelector("cod-form-check").setAttribute("tabindex",0),this.addEventListener("keydown",this._onKeyDown),this.addEventListener("click",this._onClick)}disconnectedCallback(){this.removeEventListener("keydown",this._onKeyDown),this.removeEventListener("click",this._onClick)}_onKeyDown(t){switch(t.keyCode){case vn:case hn:t.preventDefault(),this._setCheckedToPrevButton();break;case un:case fn:t.preventDefault(),this._setCheckedToNextButton();break;case yn:t.preventDefault(),this._setChecked(this.firstFormCheck);break;case wn:t.preventDefault(),this._setChecked(this.lastFormCheck);break;case xn:t.preventDefault(),"cod-form-check"===t.target.tagName.toLowerCase()&&this._setChecked(t.target)}}get checkedFormCheck(){return this.querySelector('[data-checked="true"]')}get firstFormCheck(){return this.querySelector("cod-form-check:first-of-type")}get lastFormCheck(){return this.querySelector("cod-form-check:last-of-type")}_prevFormCheck(t){let n=t.previousElementSibling;for(;n;){if("radio"===n.getAttribute("data-type")||"checkbox"===n.getAttribute("data-type"))return n;n=n.previousElementSibling}return null}_nextFormCheck(t){let n=t.nextElementSibling;for(;n;){if("radio"===n.getAttribute("data-type")||"checkbox"===n.getAttribute("data-type"))return n;n=n.nextElementSibling}return null}_setCheckedToPrevButton(){const t=this.checkedFormCheck||this.firstFormCheck;t===this.firstFormCheck?this._setChecked(this.lastFormCheck):this._setChecked(this._prevFormCheck(t))}_setCheckedToNextButton(){const t=this.checkedRadioButton||this.firstFormCheck;t===this.lastFormCheck?this._setChecked(this.firstFormCheck):this._setChecked(this._nextFormCheck(t))}_setChecked(t){this._uncheckAll(),this._checkNode(t),this._focusNode(t)}_uncheckAll(){const t=this.querySelectorAll("cod-form-check");for(let n=0;n
\n";class zn extends HTMLElement{constructor(){super();const t=this.attachShadow({mode:"open"});t.appendChild(Cn.content.cloneNode(!0)),this.listGroup=null;const n=document.createElement("style");n.textContent=a;const e=document.createElement("style");e.textContent=o;const r=document.createElement("style");r.textContent="",t.appendChild(n),t.appendChild(e),t.appendChild(r)}connectedCallback(){const t=this.getAttribute("data-tag");let n=this.getAttribute("data-flushed"),e=this.getAttribute("data-numbered"),o=this.getAttribute("data-horizontal");const a=this.getAttribute("data-extra-classes");this.listGroup=document.createElement(t),n="true"==n?"list-group-flush":null,e="true"==e?"list-group-numbered":null,o="true"==o?"list-group-horizontal":null,this.listGroup.className=["list-group",`${n||""}`,`${e||""}`,`${o||""}`,`${a||""}`].join(" "),this.shadowRoot.querySelector(t)||(this.shadowRoot.addEventListener("slotchange",(()=>{const t=Array.from(this.children),a=t.length;t.forEach(((t,r)=>{let i=null;switch(r){case 0:t.setAttribute("data-order","first");break;case a-1:t.setAttribute("data-order","last");break;default:t.setAttribute("data-order","middle")}n&&(i=`${n} `),e&&(i=`${e} `,t.setAttribute("data-order-index",r+1)),o&&(i=`${o} `),i&&t.setAttribute("data-parent-classes",i);t.className.split(" ").includes("no-wc")?t.remove():this.listGroup.append(t)}))})),this.shadowRoot.appendChild(this.listGroup))}}customElements.define("cod-listgroup",zn);const An=document.createElement("template");An.innerHTML="\n=r)&&Object.keys(o.O).every((t=>o.O[t](e[s])))?e.splice(s--,1):(l=!1,r0&&t[c-1][2]>r;c--)t[c]=t[c-1];t[c]=[e,a,r]},o.n=t=>{var n=t&&t.__esModule?()=>t.default:()=>t;return o.d(n,{a:n}),n},o.d=(t,n)=>{for(var e in n)o.o(n,e)&&!o.o(t,e)&&Object.defineProperty(t,e,{enumerable:!0,get:n[e]})},o.o=(t,n)=>Object.prototype.hasOwnProperty.call(t,n),(()=>{var t={179:0};o.O.j=n=>0===t[n];var n=(n,e)=>{var a,r,i=e[0],l=e[1],s=e[2],d=0;if(i.some((n=>0!==t[n]))){for(a in l)o.o(l,a)&&(o.m[a]=l[a]);if(s)var c=s(o)}for(n&&n(e);do(245)));a=o.O(a)})();
\ No newline at end of file
+(()=>{"use strict";var n,t={915:(n,t,e)=>{const o="@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;700&display=swap');\n:host {\n --color-1: #004445;\n --color-2: #9fd5b3;\n --color-3: #feb70d;\n --color-4: #b3393b;\n --color-5: #e6e6e6;\n --color-light: #fff;\n --color-dark: #000;\n --font-family: 'Montserrat', sans-serif;\n}\n",a="@charset \"UTF-8\";\n/**\n * GENERATED CSS. DO NOT MODIFY.\n * This file is generated from source SASS in src/scss/themed-bootstrap.scss. If you'd like to make\n * changes please change the source file or the code generation script at scripts/compile_bootstrap.sh.\n */\n/*!\n * Bootstrap v5.3.0-alpha3 (https://getbootstrap.com/)\n * Copyright 2011-2023 The Bootstrap Authors\n * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)\n */\n@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');\n:root,\n[data-bs-theme='light'] {\n --cod-blue: #0d6efd;\n --cod-indigo: #6610f2;\n --cod-purple: #6f42c1;\n --cod-pink: #d63384;\n --cod-red: #dc3545;\n --cod-orange: #fd7e14;\n --cod-yellow: #ffc107;\n --cod-green: #198754;\n --cod-teal: #20c997;\n --cod-cyan: #0dcaf0;\n --cod-black: #000;\n --cod-white: #fff;\n --cod-gray: #6c757d;\n --cod-gray-dark: #343a40;\n --cod-gray-100: #f8f9fa;\n --cod-gray-200: #e9ecef;\n --cod-gray-300: #dee2e6;\n --cod-gray-400: #ced4da;\n --cod-gray-500: #adb5bd;\n --cod-gray-600: #6c757d;\n --cod-gray-700: #495057;\n --cod-gray-800: #343a40;\n --cod-gray-900: #212529;\n --cod-primary: #004445;\n --cod-secondary: #f2f2f2;\n --cod-success: #9fd5b3;\n --cod-info: #004445;\n --cod-warning: #feb70d;\n --cod-danger: #b3393b;\n --cod-light: #fff;\n --cod-dark: #18252a;\n --cod-accent-primary: #feb70d;\n --cod-accent-secondary: #9fd5b3;\n --cod-primary-rgb: 0, 68, 69;\n --cod-secondary-rgb: 242, 242, 242;\n --cod-success-rgb: 159, 213, 179;\n --cod-info-rgb: 0, 68, 69;\n --cod-warning-rgb: 254, 183, 13;\n --cod-danger-rgb: 179, 57, 59;\n --cod-light-rgb: 255, 255, 255;\n --cod-dark-rgb: 24, 37, 42;\n --cod-accent-primary-rgb: 254, 183, 13;\n --cod-accent-secondary-rgb: 159, 213, 179;\n --cod-primary-text-emphasis: #001b1c;\n --cod-secondary-text-emphasis: #616161;\n --cod-success-text-emphasis: #405548;\n --cod-info-text-emphasis: #001b1c;\n --cod-warning-text-emphasis: #664905;\n --cod-danger-text-emphasis: #481718;\n --cod-light-text-emphasis: #495057;\n --cod-dark-text-emphasis: #495057;\n --cod-primary-bg-subtle: #ccdada;\n --cod-secondary-bg-subtle: #fcfcfc;\n --cod-success-bg-subtle: #ecf7f0;\n --cod-info-bg-subtle: #ccdada;\n --cod-warning-bg-subtle: #fff1cf;\n --cod-danger-bg-subtle: #f0d7d8;\n --cod-light-bg-subtle: #fcfcfd;\n --cod-dark-bg-subtle: #ced4da;\n --cod-primary-border-subtle: #99b4b5;\n --cod-secondary-border-subtle: #fafafa;\n --cod-success-border-subtle: #d9eee1;\n --cod-info-border-subtle: #99b4b5;\n --cod-warning-border-subtle: #ffe29e;\n --cod-danger-border-subtle: #e1b0b1;\n --cod-light-border-subtle: #e9ecef;\n --cod-dark-border-subtle: #adb5bd;\n --cod-white-rgb: 255, 255, 255;\n --cod-black-rgb: 0, 0, 0;\n --cod-font-sans-serif: 'Montserrat', sans-serif;\n --cod-font-monospace: 'Montserrat', sans-serif;\n --cod-gradient: linear-gradient(\n 180deg,\n rgba(255, 255, 255, 0.15),\n rgba(255, 255, 255, 0)\n );\n --cod-body-font-family: var(--cod-font-sans-serif);\n --cod-body-font-size: 1em;\n --cod-body-font-weight: 500;\n --cod-body-line-height: 1.5;\n --cod-body-color: #212529;\n --cod-body-color-rgb: 33, 37, 41;\n --cod-body-bg: #fff;\n --cod-body-bg-rgb: 255, 255, 255;\n --cod-emphasis-color: #000;\n --cod-emphasis-color-rgb: 0, 0, 0;\n --cod-secondary-color: rgba(33, 37, 41, 0.75);\n --cod-secondary-color-rgb: 33, 37, 41;\n --cod-secondary-bg: #e9ecef;\n --cod-secondary-bg-rgb: 233, 236, 239;\n --cod-tertiary-color: rgba(33, 37, 41, 0.5);\n --cod-tertiary-color-rgb: 33, 37, 41;\n --cod-tertiary-bg: #f8f9fa;\n --cod-tertiary-bg-rgb: 248, 249, 250;\n --cod-link-color: #004445;\n --cod-link-color-rgb: 0, 68, 69;\n --cod-link-decoration: underline;\n --cod-link-hover-color: #003637;\n --cod-link-hover-color-rgb: 0, 54, 55;\n --cod-code-color: #d63384;\n --cod-highlight-bg: #fff3cd;\n --cod-border-width: 1px;\n --cod-border-style: solid;\n --cod-border-color: #dee2e6;\n --cod-border-color-translucent: rgba(0, 0, 0, 0.175);\n --cod-border-radius: 0.375em;\n --cod-border-radius-sm: 0.25em;\n --cod-border-radius-lg: 0.5em;\n --cod-border-radius-xl: 1em;\n --cod-border-radius-xxl: 2em;\n --cod-border-radius-2xl: var(--cod-border-radius-xxl);\n --cod-border-radius-pill: 50em;\n --cod-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);\n --cod-box-shadow-sm: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);\n --cod-box-shadow-lg: 0 1em 3em rgba(0, 0, 0, 0.175);\n --cod-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);\n --cod-focus-ring-width: 0.25em;\n --cod-focus-ring-opacity: 1;\n --cod-focus-ring-color: blue;\n --cod-form-valid-color: #9fd5b3;\n --cod-form-valid-border-color: #9fd5b3;\n --cod-form-invalid-color: #b3393b;\n --cod-form-invalid-border-color: #b3393b;\n}\n\n[data-bs-theme='dark'] {\n color-scheme: dark;\n --cod-body-color: #adb5bd;\n --cod-body-color-rgb: 173, 181, 189;\n --cod-body-bg: #212529;\n --cod-body-bg-rgb: 33, 37, 41;\n --cod-emphasis-color: #fff;\n --cod-emphasis-color-rgb: 255, 255, 255;\n --cod-secondary-color: rgba(173, 181, 189, 0.75);\n --cod-secondary-color-rgb: 173, 181, 189;\n --cod-secondary-bg: #343a40;\n --cod-secondary-bg-rgb: 52, 58, 64;\n --cod-tertiary-color: rgba(173, 181, 189, 0.5);\n --cod-tertiary-color-rgb: 173, 181, 189;\n --cod-tertiary-bg: #2b3035;\n --cod-tertiary-bg-rgb: 43, 48, 53;\n --cod-primary-text-emphasis: #668f8f;\n --cod-secondary-text-emphasis: #f7f7f7;\n --cod-success-text-emphasis: #c5e6d1;\n --cod-info-text-emphasis: #668f8f;\n --cod-warning-text-emphasis: #fed46e;\n --cod-danger-text-emphasis: #d18889;\n --cod-light-text-emphasis: #f8f9fa;\n --cod-dark-text-emphasis: #dee2e6;\n --cod-primary-bg-subtle: #000e0e;\n --cod-secondary-bg-subtle: #303030;\n --cod-success-bg-subtle: #202b24;\n --cod-info-bg-subtle: #000e0e;\n --cod-warning-bg-subtle: #332503;\n --cod-danger-bg-subtle: #240b0c;\n --cod-light-bg-subtle: #343a40;\n --cod-dark-bg-subtle: #1a1d20;\n --cod-primary-border-subtle: #002929;\n --cod-secondary-border-subtle: #919191;\n --cod-success-border-subtle: #5f806b;\n --cod-info-border-subtle: #002929;\n --cod-warning-border-subtle: #986e08;\n --cod-danger-border-subtle: #6b2223;\n --cod-light-border-subtle: #495057;\n --cod-dark-border-subtle: #343a40;\n --cod-link-color: #668f8f;\n --cod-link-hover-color: #85a5a5;\n --cod-link-color-rgb: 102, 143, 143;\n --cod-link-hover-color-rgb: 133, 165, 165;\n --cod-code-color: #e685b5;\n --cod-border-color: #495057;\n --cod-border-color-translucent: rgba(255, 255, 255, 0.15);\n --cod-form-valid-color: #75b798;\n --cod-form-valid-border-color: #75b798;\n --cod-form-invalid-color: #ea868f;\n --cod-form-invalid-border-color: #ea868f;\n}\n\n*,\n*::before,\n*::after {\n box-sizing: border-box;\n}\n\n@media (prefers-reduced-motion: no-preference) {\n :root {\n scroll-behavior: smooth;\n }\n}\n\nbody {\n margin: 0;\n font-family: var(--cod-body-font-family);\n font-size: var(--cod-body-font-size);\n font-weight: var(--cod-body-font-weight);\n line-height: var(--cod-body-line-height);\n color: var(--cod-body-color);\n text-align: var(--cod-body-text-align);\n background-color: var(--cod-body-bg);\n -webkit-text-size-adjust: 100%;\n -webkit-tap-highlight-color: rgba(0, 0, 0, 0);\n}\n\nhr {\n margin: 1em 0;\n color: inherit;\n border: 0;\n border-top: var(--cod-border-width) solid;\n opacity: 0.25;\n}\n\nh6,\n.h6,\nh5,\n.h5,\nh4,\n.h4,\nh3,\n.h3,\nh2,\n.h2,\nh1,\n.h1 {\n margin-top: 0;\n margin-bottom: 0.5em;\n font-weight: 700;\n line-height: 1.2;\n color: var(--cod-heading-color, inherit);\n}\n\nh1,\n.h1 {\n font-size: calc(1.525em + 3.3vw);\n}\n@media (min-width: 1200px) {\n h1,\n .h1 {\n font-size: 4em;\n }\n}\n\nh2,\n.h2 {\n font-size: calc(1.375em + 1.5vw);\n}\n@media (min-width: 1200px) {\n h2,\n .h2 {\n font-size: 2.5em;\n }\n}\n\nh3,\n.h3 {\n font-size: calc(1.325em + 0.9vw);\n}\n@media (min-width: 1200px) {\n h3,\n .h3 {\n font-size: 2em;\n }\n}\n\nh4,\n.h4 {\n font-size: calc(1.275em + 0.3vw);\n}\n@media (min-width: 1200px) {\n h4,\n .h4 {\n font-size: 1.5em;\n }\n}\n\nh5,\n.h5 {\n font-size: 1.25em;\n}\n\nh6,\n.h6 {\n font-size: 1em;\n}\n\np {\n margin-top: 0;\n margin-bottom: 1em;\n}\n\nabbr[title] {\n text-decoration: underline dotted;\n cursor: help;\n text-decoration-skip-ink: none;\n}\n\naddress {\n margin-bottom: 1em;\n font-style: normal;\n line-height: inherit;\n}\n\nol,\nul {\n padding-left: 2em;\n}\n\nol,\nul,\ndl {\n margin-top: 0;\n margin-bottom: 1em;\n}\n\nol ol,\nul ul,\nol ul,\nul ol {\n margin-bottom: 0;\n}\n\ndt {\n font-weight: 700;\n}\n\ndd {\n margin-bottom: 0.5em;\n margin-left: 0;\n}\n\nblockquote {\n margin: 0 0 1em;\n}\n\nb,\nstrong {\n font-weight: bolder;\n}\n\nsmall,\n.small {\n font-size: 0.875em;\n}\n\nmark,\n.mark {\n padding: 0.1875em;\n background-color: var(--cod-highlight-bg);\n}\n\nsub,\nsup {\n position: relative;\n font-size: 0.75em;\n line-height: 0;\n vertical-align: baseline;\n}\n\nsub {\n bottom: -0.25em;\n}\n\nsup {\n top: -0.5em;\n}\n\na {\n color: rgba(var(--cod-link-color-rgb), var(--cod-link-opacity, 1));\n text-decoration: underline;\n}\na:hover {\n --cod-link-color-rgb: var(--cod-link-hover-color-rgb);\n}\n\na:not([href]):not([class]),\na:not([href]):not([class]):hover {\n color: inherit;\n text-decoration: none;\n}\n\npre,\ncode,\nkbd,\nsamp {\n font-family: var(--cod-font-monospace);\n font-size: 1em;\n}\n\npre {\n display: block;\n margin-top: 0;\n margin-bottom: 1em;\n overflow: auto;\n font-size: 0.875em;\n}\npre code {\n font-size: inherit;\n color: inherit;\n word-break: normal;\n}\n\ncode {\n font-size: 0.875em;\n color: var(--cod-code-color);\n word-wrap: break-word;\n}\na > code {\n color: inherit;\n}\n\nkbd {\n padding: 0.1875em 0.375em;\n font-size: 0.875em;\n color: var(--cod-body-bg);\n background-color: var(--cod-body-color);\n}\nkbd kbd {\n padding: 0;\n font-size: 1em;\n}\n\nfigure {\n margin: 0 0 1em;\n}\n\nimg,\nsvg {\n vertical-align: middle;\n}\n\ntable {\n caption-side: bottom;\n border-collapse: collapse;\n}\n\ncaption {\n padding-top: 0.5em;\n padding-bottom: 0.5em;\n color: var(--cod-secondary-color);\n text-align: left;\n}\n\nth {\n text-align: inherit;\n text-align: -webkit-match-parent;\n}\n\nthead,\ntbody,\ntfoot,\ntr,\ntd,\nth {\n border-color: inherit;\n border-style: solid;\n border-width: 0;\n}\n\nlabel {\n display: inline-block;\n}\n\nbutton {\n border-radius: 0;\n}\n\nbutton:focus:not(:focus-visible) {\n outline: 0;\n}\n\ninput,\nbutton,\nselect,\noptgroup,\ntextarea {\n margin: 0;\n font-family: inherit;\n font-size: inherit;\n line-height: inherit;\n}\n\nbutton,\nselect {\n text-transform: none;\n}\n\n[role='button'] {\n cursor: pointer;\n}\n\nselect {\n word-wrap: normal;\n}\nselect:disabled {\n opacity: 1;\n}\n\n[list]:not([type='date']):not([type='datetime-local']):not([type='month']):not(\n [type='week']\n ):not([type='time'])::-webkit-calendar-picker-indicator {\n display: none !important;\n}\n\nbutton,\n[type='button'],\n[type='reset'],\n[type='submit'] {\n -webkit-appearance: button;\n}\nbutton:not(:disabled),\n[type='button']:not(:disabled),\n[type='reset']:not(:disabled),\n[type='submit']:not(:disabled) {\n cursor: pointer;\n}\n\n::-moz-focus-inner {\n padding: 0;\n border-style: none;\n}\n\ntextarea {\n resize: vertical;\n}\n\nfieldset {\n min-width: 0;\n padding: 0;\n margin: 0;\n border: 0;\n}\n\nlegend {\n float: left;\n width: 100%;\n padding: 0;\n margin-bottom: 0.5em;\n font-size: calc(1.275em + 0.3vw);\n line-height: inherit;\n}\n@media (min-width: 1200px) {\n legend {\n font-size: 1.5em;\n }\n}\nlegend + * {\n clear: left;\n}\n\n::-webkit-datetime-edit-fields-wrapper,\n::-webkit-datetime-edit-text,\n::-webkit-datetime-edit-minute,\n::-webkit-datetime-edit-hour-field,\n::-webkit-datetime-edit-day-field,\n::-webkit-datetime-edit-month-field,\n::-webkit-datetime-edit-year-field {\n padding: 0;\n}\n\n::-webkit-inner-spin-button {\n height: auto;\n}\n\n[type='search'] {\n outline-offset: -2px;\n -webkit-appearance: textfield;\n}\n\n/* rtl:raw:\n[type=\"tel\"],\n[type=\"url\"],\n[type=\"email\"],\n[type=\"number\"] {\n direction: ltr;\n}\n*/\n::-webkit-search-decoration {\n -webkit-appearance: none;\n}\n\n::-webkit-color-swatch-wrapper {\n padding: 0;\n}\n\n::file-selector-button {\n font: inherit;\n -webkit-appearance: button;\n}\n\noutput {\n display: inline-block;\n}\n\niframe {\n border: 0;\n}\n\nsummary {\n display: list-item;\n cursor: pointer;\n}\n\nprogress {\n vertical-align: baseline;\n}\n\n[hidden] {\n display: none !important;\n}\n\n.lead {\n font-size: 1.25em;\n font-weight: 500;\n}\n\n.display-1 {\n font-size: calc(1.525em + 3.3vw);\n font-weight: 300;\n line-height: 1.2;\n}\n@media (min-width: 1200px) {\n .display-1 {\n font-size: 4em;\n }\n}\n\n.display-2 {\n font-size: calc(1.375em + 1.5vw);\n font-weight: 300;\n line-height: 1.2;\n}\n@media (min-width: 1200px) {\n .display-2 {\n font-size: 2.5em;\n }\n}\n\n.display-3 {\n font-size: calc(1.325em + 0.9vw);\n font-weight: 300;\n line-height: 1.2;\n}\n@media (min-width: 1200px) {\n .display-3 {\n font-size: 2em;\n }\n}\n\n.display-4 {\n font-size: calc(1.275em + 0.3vw);\n font-weight: 300;\n line-height: 1.2;\n}\n@media (min-width: 1200px) {\n .display-4 {\n font-size: 1.5em;\n }\n}\n\n.display-5 {\n font-size: 1.25em;\n font-weight: 300;\n line-height: 1.2;\n}\n\n.display-6 {\n font-size: 1em;\n font-weight: 300;\n line-height: 1.2;\n}\n\n.list-unstyled {\n padding-left: 0;\n list-style: none;\n}\n\n.list-inline {\n padding-left: 0;\n list-style: none;\n}\n\n.list-inline-item {\n display: inline-block;\n}\n.list-inline-item:not(:last-child) {\n margin-right: 0.5em;\n}\n\n.initialism {\n font-size: 0.875em;\n text-transform: uppercase;\n}\n\n.blockquote {\n margin-bottom: 1em;\n font-size: 1.25em;\n}\n.blockquote > :last-child {\n margin-bottom: 0;\n}\n\n.blockquote-footer {\n margin-top: -1em;\n margin-bottom: 1em;\n font-size: 0.875em;\n color: #6c757d;\n}\n.blockquote-footer::before {\n content: '\u2014\xa0';\n}\n\n.img-fluid {\n max-width: 100%;\n height: auto;\n}\n\n.img-thumbnail {\n padding: 0.25em;\n background-color: var(--cod-body-bg);\n border: var(--cod-border-width) solid var(--cod-border-color);\n max-width: 100%;\n height: auto;\n}\n\n.figure {\n display: inline-block;\n}\n\n.figure-img {\n margin-bottom: 0.5em;\n line-height: 1;\n}\n\n.figure-caption {\n font-size: 0.875em;\n color: var(--cod-secondary-color);\n}\n\n.container,\n.container-fluid,\n.container-xxl,\n.container-xl,\n.container-lg,\n.container-md,\n.container-sm {\n --cod-gutter-x: 1.5em;\n --cod-gutter-y: 0;\n width: 100%;\n padding-right: calc(var(--cod-gutter-x) * 0.5);\n padding-left: calc(var(--cod-gutter-x) * 0.5);\n margin-right: auto;\n margin-left: auto;\n}\n\n@media (min-width: 576px) {\n .container-sm,\n .container {\n max-width: 540px;\n }\n}\n@media (min-width: 768px) {\n .container-md,\n .container-sm,\n .container {\n max-width: 720px;\n }\n}\n@media (min-width: 992px) {\n .container-lg,\n .container-md,\n .container-sm,\n .container {\n max-width: 960px;\n }\n}\n@media (min-width: 1200px) {\n .container-xl,\n .container-lg,\n .container-md,\n .container-sm,\n .container {\n max-width: 1140px;\n }\n}\n@media (min-width: 1400px) {\n .container-xxl,\n .container-xl,\n .container-lg,\n .container-md,\n .container-sm,\n .container {\n max-width: 1320px;\n }\n}\n:root {\n --cod-breakpoint-xs: 0;\n --cod-breakpoint-sm: 576px;\n --cod-breakpoint-md: 768px;\n --cod-breakpoint-lg: 992px;\n --cod-breakpoint-xl: 1200px;\n --cod-breakpoint-xxl: 1400px;\n}\n\n.row {\n --cod-gutter-x: 1.5em;\n --cod-gutter-y: 0;\n display: flex;\n flex-wrap: wrap;\n margin-top: calc(-1 * var(--cod-gutter-y));\n margin-right: calc(-0.5 * var(--cod-gutter-x));\n margin-left: calc(-0.5 * var(--cod-gutter-x));\n}\n.row > * {\n flex-shrink: 0;\n width: 100%;\n max-width: 100%;\n padding-right: calc(var(--cod-gutter-x) * 0.5);\n padding-left: calc(var(--cod-gutter-x) * 0.5);\n margin-top: var(--cod-gutter-y);\n}\n\n.col {\n flex: 1 0 0%;\n}\n\n.row-cols-auto > * {\n flex: 0 0 auto;\n width: auto;\n}\n\n.row-cols-1 > * {\n flex: 0 0 auto;\n width: 100%;\n}\n\n.row-cols-2 > * {\n flex: 0 0 auto;\n width: 50%;\n}\n\n.row-cols-3 > * {\n flex: 0 0 auto;\n width: 33.3333333333%;\n}\n\n.row-cols-4 > * {\n flex: 0 0 auto;\n width: 25%;\n}\n\n.row-cols-5 > * {\n flex: 0 0 auto;\n width: 20%;\n}\n\n.row-cols-6 > * {\n flex: 0 0 auto;\n width: 16.6666666667%;\n}\n\n.col-auto {\n flex: 0 0 auto;\n width: auto;\n}\n\n.col-1 {\n flex: 0 0 auto;\n width: 8.33333333%;\n}\n\n.col-2 {\n flex: 0 0 auto;\n width: 16.66666667%;\n}\n\n.col-3 {\n flex: 0 0 auto;\n width: 25%;\n}\n\n.col-4 {\n flex: 0 0 auto;\n width: 33.33333333%;\n}\n\n.col-5 {\n flex: 0 0 auto;\n width: 41.66666667%;\n}\n\n.col-6 {\n flex: 0 0 auto;\n width: 50%;\n}\n\n.col-7 {\n flex: 0 0 auto;\n width: 58.33333333%;\n}\n\n.col-8 {\n flex: 0 0 auto;\n width: 66.66666667%;\n}\n\n.col-9 {\n flex: 0 0 auto;\n width: 75%;\n}\n\n.col-10 {\n flex: 0 0 auto;\n width: 83.33333333%;\n}\n\n.col-11 {\n flex: 0 0 auto;\n width: 91.66666667%;\n}\n\n.col-12 {\n flex: 0 0 auto;\n width: 100%;\n}\n\n.offset-1 {\n margin-left: 8.33333333%;\n}\n\n.offset-2 {\n margin-left: 16.66666667%;\n}\n\n.offset-3 {\n margin-left: 25%;\n}\n\n.offset-4 {\n margin-left: 33.33333333%;\n}\n\n.offset-5 {\n margin-left: 41.66666667%;\n}\n\n.offset-6 {\n margin-left: 50%;\n}\n\n.offset-7 {\n margin-left: 58.33333333%;\n}\n\n.offset-8 {\n margin-left: 66.66666667%;\n}\n\n.offset-9 {\n margin-left: 75%;\n}\n\n.offset-10 {\n margin-left: 83.33333333%;\n}\n\n.offset-11 {\n margin-left: 91.66666667%;\n}\n\n.g-0,\n.gx-0 {\n --cod-gutter-x: 0;\n}\n\n.g-0,\n.gy-0 {\n --cod-gutter-y: 0;\n}\n\n.g-1,\n.gx-1 {\n --cod-gutter-x: 0.25em;\n}\n\n.g-1,\n.gy-1 {\n --cod-gutter-y: 0.25em;\n}\n\n.g-2,\n.gx-2 {\n --cod-gutter-x: 0.5em;\n}\n\n.g-2,\n.gy-2 {\n --cod-gutter-y: 0.5em;\n}\n\n.g-3,\n.gx-3 {\n --cod-gutter-x: 1em;\n}\n\n.g-3,\n.gy-3 {\n --cod-gutter-y: 1em;\n}\n\n.g-4,\n.gx-4 {\n --cod-gutter-x: 1.5em;\n}\n\n.g-4,\n.gy-4 {\n --cod-gutter-y: 1.5em;\n}\n\n.g-5,\n.gx-5 {\n --cod-gutter-x: 3em;\n}\n\n.g-5,\n.gy-5 {\n --cod-gutter-y: 3em;\n}\n\n@media (min-width: 576px) {\n .col-sm {\n flex: 1 0 0%;\n }\n .row-cols-sm-auto > * {\n flex: 0 0 auto;\n width: auto;\n }\n .row-cols-sm-1 > * {\n flex: 0 0 auto;\n width: 100%;\n }\n .row-cols-sm-2 > * {\n flex: 0 0 auto;\n width: 50%;\n }\n .row-cols-sm-3 > * {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .row-cols-sm-4 > * {\n flex: 0 0 auto;\n width: 25%;\n }\n .row-cols-sm-5 > * {\n flex: 0 0 auto;\n width: 20%;\n }\n .row-cols-sm-6 > * {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .col-sm-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .col-sm-1 {\n flex: 0 0 auto;\n width: 8.33333333%;\n }\n .col-sm-2 {\n flex: 0 0 auto;\n width: 16.66666667%;\n }\n .col-sm-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .col-sm-4 {\n flex: 0 0 auto;\n width: 33.33333333%;\n }\n .col-sm-5 {\n flex: 0 0 auto;\n width: 41.66666667%;\n }\n .col-sm-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .col-sm-7 {\n flex: 0 0 auto;\n width: 58.33333333%;\n }\n .col-sm-8 {\n flex: 0 0 auto;\n width: 66.66666667%;\n }\n .col-sm-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .col-sm-10 {\n flex: 0 0 auto;\n width: 83.33333333%;\n }\n .col-sm-11 {\n flex: 0 0 auto;\n width: 91.66666667%;\n }\n .col-sm-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n .offset-sm-0 {\n margin-left: 0;\n }\n .offset-sm-1 {\n margin-left: 8.33333333%;\n }\n .offset-sm-2 {\n margin-left: 16.66666667%;\n }\n .offset-sm-3 {\n margin-left: 25%;\n }\n .offset-sm-4 {\n margin-left: 33.33333333%;\n }\n .offset-sm-5 {\n margin-left: 41.66666667%;\n }\n .offset-sm-6 {\n margin-left: 50%;\n }\n .offset-sm-7 {\n margin-left: 58.33333333%;\n }\n .offset-sm-8 {\n margin-left: 66.66666667%;\n }\n .offset-sm-9 {\n margin-left: 75%;\n }\n .offset-sm-10 {\n margin-left: 83.33333333%;\n }\n .offset-sm-11 {\n margin-left: 91.66666667%;\n }\n .g-sm-0,\n .gx-sm-0 {\n --cod-gutter-x: 0;\n }\n .g-sm-0,\n .gy-sm-0 {\n --cod-gutter-y: 0;\n }\n .g-sm-1,\n .gx-sm-1 {\n --cod-gutter-x: 0.25em;\n }\n .g-sm-1,\n .gy-sm-1 {\n --cod-gutter-y: 0.25em;\n }\n .g-sm-2,\n .gx-sm-2 {\n --cod-gutter-x: 0.5em;\n }\n .g-sm-2,\n .gy-sm-2 {\n --cod-gutter-y: 0.5em;\n }\n .g-sm-3,\n .gx-sm-3 {\n --cod-gutter-x: 1em;\n }\n .g-sm-3,\n .gy-sm-3 {\n --cod-gutter-y: 1em;\n }\n .g-sm-4,\n .gx-sm-4 {\n --cod-gutter-x: 1.5em;\n }\n .g-sm-4,\n .gy-sm-4 {\n --cod-gutter-y: 1.5em;\n }\n .g-sm-5,\n .gx-sm-5 {\n --cod-gutter-x: 3em;\n }\n .g-sm-5,\n .gy-sm-5 {\n --cod-gutter-y: 3em;\n }\n}\n@media (min-width: 768px) {\n .col-md {\n flex: 1 0 0%;\n }\n .row-cols-md-auto > * {\n flex: 0 0 auto;\n width: auto;\n }\n .row-cols-md-1 > * {\n flex: 0 0 auto;\n width: 100%;\n }\n .row-cols-md-2 > * {\n flex: 0 0 auto;\n width: 50%;\n }\n .row-cols-md-3 > * {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .row-cols-md-4 > * {\n flex: 0 0 auto;\n width: 25%;\n }\n .row-cols-md-5 > * {\n flex: 0 0 auto;\n width: 20%;\n }\n .row-cols-md-6 > * {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .col-md-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .col-md-1 {\n flex: 0 0 auto;\n width: 8.33333333%;\n }\n .col-md-2 {\n flex: 0 0 auto;\n width: 16.66666667%;\n }\n .col-md-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .col-md-4 {\n flex: 0 0 auto;\n width: 33.33333333%;\n }\n .col-md-5 {\n flex: 0 0 auto;\n width: 41.66666667%;\n }\n .col-md-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .col-md-7 {\n flex: 0 0 auto;\n width: 58.33333333%;\n }\n .col-md-8 {\n flex: 0 0 auto;\n width: 66.66666667%;\n }\n .col-md-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .col-md-10 {\n flex: 0 0 auto;\n width: 83.33333333%;\n }\n .col-md-11 {\n flex: 0 0 auto;\n width: 91.66666667%;\n }\n .col-md-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n .offset-md-0 {\n margin-left: 0;\n }\n .offset-md-1 {\n margin-left: 8.33333333%;\n }\n .offset-md-2 {\n margin-left: 16.66666667%;\n }\n .offset-md-3 {\n margin-left: 25%;\n }\n .offset-md-4 {\n margin-left: 33.33333333%;\n }\n .offset-md-5 {\n margin-left: 41.66666667%;\n }\n .offset-md-6 {\n margin-left: 50%;\n }\n .offset-md-7 {\n margin-left: 58.33333333%;\n }\n .offset-md-8 {\n margin-left: 66.66666667%;\n }\n .offset-md-9 {\n margin-left: 75%;\n }\n .offset-md-10 {\n margin-left: 83.33333333%;\n }\n .offset-md-11 {\n margin-left: 91.66666667%;\n }\n .g-md-0,\n .gx-md-0 {\n --cod-gutter-x: 0;\n }\n .g-md-0,\n .gy-md-0 {\n --cod-gutter-y: 0;\n }\n .g-md-1,\n .gx-md-1 {\n --cod-gutter-x: 0.25em;\n }\n .g-md-1,\n .gy-md-1 {\n --cod-gutter-y: 0.25em;\n }\n .g-md-2,\n .gx-md-2 {\n --cod-gutter-x: 0.5em;\n }\n .g-md-2,\n .gy-md-2 {\n --cod-gutter-y: 0.5em;\n }\n .g-md-3,\n .gx-md-3 {\n --cod-gutter-x: 1em;\n }\n .g-md-3,\n .gy-md-3 {\n --cod-gutter-y: 1em;\n }\n .g-md-4,\n .gx-md-4 {\n --cod-gutter-x: 1.5em;\n }\n .g-md-4,\n .gy-md-4 {\n --cod-gutter-y: 1.5em;\n }\n .g-md-5,\n .gx-md-5 {\n --cod-gutter-x: 3em;\n }\n .g-md-5,\n .gy-md-5 {\n --cod-gutter-y: 3em;\n }\n}\n@media (min-width: 992px) {\n .col-lg {\n flex: 1 0 0%;\n }\n .row-cols-lg-auto > * {\n flex: 0 0 auto;\n width: auto;\n }\n .row-cols-lg-1 > * {\n flex: 0 0 auto;\n width: 100%;\n }\n .row-cols-lg-2 > * {\n flex: 0 0 auto;\n width: 50%;\n }\n .row-cols-lg-3 > * {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .row-cols-lg-4 > * {\n flex: 0 0 auto;\n width: 25%;\n }\n .row-cols-lg-5 > * {\n flex: 0 0 auto;\n width: 20%;\n }\n .row-cols-lg-6 > * {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .col-lg-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .col-lg-1 {\n flex: 0 0 auto;\n width: 8.33333333%;\n }\n .col-lg-2 {\n flex: 0 0 auto;\n width: 16.66666667%;\n }\n .col-lg-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .col-lg-4 {\n flex: 0 0 auto;\n width: 33.33333333%;\n }\n .col-lg-5 {\n flex: 0 0 auto;\n width: 41.66666667%;\n }\n .col-lg-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .col-lg-7 {\n flex: 0 0 auto;\n width: 58.33333333%;\n }\n .col-lg-8 {\n flex: 0 0 auto;\n width: 66.66666667%;\n }\n .col-lg-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .col-lg-10 {\n flex: 0 0 auto;\n width: 83.33333333%;\n }\n .col-lg-11 {\n flex: 0 0 auto;\n width: 91.66666667%;\n }\n .col-lg-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n .offset-lg-0 {\n margin-left: 0;\n }\n .offset-lg-1 {\n margin-left: 8.33333333%;\n }\n .offset-lg-2 {\n margin-left: 16.66666667%;\n }\n .offset-lg-3 {\n margin-left: 25%;\n }\n .offset-lg-4 {\n margin-left: 33.33333333%;\n }\n .offset-lg-5 {\n margin-left: 41.66666667%;\n }\n .offset-lg-6 {\n margin-left: 50%;\n }\n .offset-lg-7 {\n margin-left: 58.33333333%;\n }\n .offset-lg-8 {\n margin-left: 66.66666667%;\n }\n .offset-lg-9 {\n margin-left: 75%;\n }\n .offset-lg-10 {\n margin-left: 83.33333333%;\n }\n .offset-lg-11 {\n margin-left: 91.66666667%;\n }\n .g-lg-0,\n .gx-lg-0 {\n --cod-gutter-x: 0;\n }\n .g-lg-0,\n .gy-lg-0 {\n --cod-gutter-y: 0;\n }\n .g-lg-1,\n .gx-lg-1 {\n --cod-gutter-x: 0.25em;\n }\n .g-lg-1,\n .gy-lg-1 {\n --cod-gutter-y: 0.25em;\n }\n .g-lg-2,\n .gx-lg-2 {\n --cod-gutter-x: 0.5em;\n }\n .g-lg-2,\n .gy-lg-2 {\n --cod-gutter-y: 0.5em;\n }\n .g-lg-3,\n .gx-lg-3 {\n --cod-gutter-x: 1em;\n }\n .g-lg-3,\n .gy-lg-3 {\n --cod-gutter-y: 1em;\n }\n .g-lg-4,\n .gx-lg-4 {\n --cod-gutter-x: 1.5em;\n }\n .g-lg-4,\n .gy-lg-4 {\n --cod-gutter-y: 1.5em;\n }\n .g-lg-5,\n .gx-lg-5 {\n --cod-gutter-x: 3em;\n }\n .g-lg-5,\n .gy-lg-5 {\n --cod-gutter-y: 3em;\n }\n}\n@media (min-width: 1200px) {\n .col-xl {\n flex: 1 0 0%;\n }\n .row-cols-xl-auto > * {\n flex: 0 0 auto;\n width: auto;\n }\n .row-cols-xl-1 > * {\n flex: 0 0 auto;\n width: 100%;\n }\n .row-cols-xl-2 > * {\n flex: 0 0 auto;\n width: 50%;\n }\n .row-cols-xl-3 > * {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .row-cols-xl-4 > * {\n flex: 0 0 auto;\n width: 25%;\n }\n .row-cols-xl-5 > * {\n flex: 0 0 auto;\n width: 20%;\n }\n .row-cols-xl-6 > * {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .col-xl-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .col-xl-1 {\n flex: 0 0 auto;\n width: 8.33333333%;\n }\n .col-xl-2 {\n flex: 0 0 auto;\n width: 16.66666667%;\n }\n .col-xl-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .col-xl-4 {\n flex: 0 0 auto;\n width: 33.33333333%;\n }\n .col-xl-5 {\n flex: 0 0 auto;\n width: 41.66666667%;\n }\n .col-xl-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .col-xl-7 {\n flex: 0 0 auto;\n width: 58.33333333%;\n }\n .col-xl-8 {\n flex: 0 0 auto;\n width: 66.66666667%;\n }\n .col-xl-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .col-xl-10 {\n flex: 0 0 auto;\n width: 83.33333333%;\n }\n .col-xl-11 {\n flex: 0 0 auto;\n width: 91.66666667%;\n }\n .col-xl-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n .offset-xl-0 {\n margin-left: 0;\n }\n .offset-xl-1 {\n margin-left: 8.33333333%;\n }\n .offset-xl-2 {\n margin-left: 16.66666667%;\n }\n .offset-xl-3 {\n margin-left: 25%;\n }\n .offset-xl-4 {\n margin-left: 33.33333333%;\n }\n .offset-xl-5 {\n margin-left: 41.66666667%;\n }\n .offset-xl-6 {\n margin-left: 50%;\n }\n .offset-xl-7 {\n margin-left: 58.33333333%;\n }\n .offset-xl-8 {\n margin-left: 66.66666667%;\n }\n .offset-xl-9 {\n margin-left: 75%;\n }\n .offset-xl-10 {\n margin-left: 83.33333333%;\n }\n .offset-xl-11 {\n margin-left: 91.66666667%;\n }\n .g-xl-0,\n .gx-xl-0 {\n --cod-gutter-x: 0;\n }\n .g-xl-0,\n .gy-xl-0 {\n --cod-gutter-y: 0;\n }\n .g-xl-1,\n .gx-xl-1 {\n --cod-gutter-x: 0.25em;\n }\n .g-xl-1,\n .gy-xl-1 {\n --cod-gutter-y: 0.25em;\n }\n .g-xl-2,\n .gx-xl-2 {\n --cod-gutter-x: 0.5em;\n }\n .g-xl-2,\n .gy-xl-2 {\n --cod-gutter-y: 0.5em;\n }\n .g-xl-3,\n .gx-xl-3 {\n --cod-gutter-x: 1em;\n }\n .g-xl-3,\n .gy-xl-3 {\n --cod-gutter-y: 1em;\n }\n .g-xl-4,\n .gx-xl-4 {\n --cod-gutter-x: 1.5em;\n }\n .g-xl-4,\n .gy-xl-4 {\n --cod-gutter-y: 1.5em;\n }\n .g-xl-5,\n .gx-xl-5 {\n --cod-gutter-x: 3em;\n }\n .g-xl-5,\n .gy-xl-5 {\n --cod-gutter-y: 3em;\n }\n}\n@media (min-width: 1400px) {\n .col-xxl {\n flex: 1 0 0%;\n }\n .row-cols-xxl-auto > * {\n flex: 0 0 auto;\n width: auto;\n }\n .row-cols-xxl-1 > * {\n flex: 0 0 auto;\n width: 100%;\n }\n .row-cols-xxl-2 > * {\n flex: 0 0 auto;\n width: 50%;\n }\n .row-cols-xxl-3 > * {\n flex: 0 0 auto;\n width: 33.3333333333%;\n }\n .row-cols-xxl-4 > * {\n flex: 0 0 auto;\n width: 25%;\n }\n .row-cols-xxl-5 > * {\n flex: 0 0 auto;\n width: 20%;\n }\n .row-cols-xxl-6 > * {\n flex: 0 0 auto;\n width: 16.6666666667%;\n }\n .col-xxl-auto {\n flex: 0 0 auto;\n width: auto;\n }\n .col-xxl-1 {\n flex: 0 0 auto;\n width: 8.33333333%;\n }\n .col-xxl-2 {\n flex: 0 0 auto;\n width: 16.66666667%;\n }\n .col-xxl-3 {\n flex: 0 0 auto;\n width: 25%;\n }\n .col-xxl-4 {\n flex: 0 0 auto;\n width: 33.33333333%;\n }\n .col-xxl-5 {\n flex: 0 0 auto;\n width: 41.66666667%;\n }\n .col-xxl-6 {\n flex: 0 0 auto;\n width: 50%;\n }\n .col-xxl-7 {\n flex: 0 0 auto;\n width: 58.33333333%;\n }\n .col-xxl-8 {\n flex: 0 0 auto;\n width: 66.66666667%;\n }\n .col-xxl-9 {\n flex: 0 0 auto;\n width: 75%;\n }\n .col-xxl-10 {\n flex: 0 0 auto;\n width: 83.33333333%;\n }\n .col-xxl-11 {\n flex: 0 0 auto;\n width: 91.66666667%;\n }\n .col-xxl-12 {\n flex: 0 0 auto;\n width: 100%;\n }\n .offset-xxl-0 {\n margin-left: 0;\n }\n .offset-xxl-1 {\n margin-left: 8.33333333%;\n }\n .offset-xxl-2 {\n margin-left: 16.66666667%;\n }\n .offset-xxl-3 {\n margin-left: 25%;\n }\n .offset-xxl-4 {\n margin-left: 33.33333333%;\n }\n .offset-xxl-5 {\n margin-left: 41.66666667%;\n }\n .offset-xxl-6 {\n margin-left: 50%;\n }\n .offset-xxl-7 {\n margin-left: 58.33333333%;\n }\n .offset-xxl-8 {\n margin-left: 66.66666667%;\n }\n .offset-xxl-9 {\n margin-left: 75%;\n }\n .offset-xxl-10 {\n margin-left: 83.33333333%;\n }\n .offset-xxl-11 {\n margin-left: 91.66666667%;\n }\n .g-xxl-0,\n .gx-xxl-0 {\n --cod-gutter-x: 0;\n }\n .g-xxl-0,\n .gy-xxl-0 {\n --cod-gutter-y: 0;\n }\n .g-xxl-1,\n .gx-xxl-1 {\n --cod-gutter-x: 0.25em;\n }\n .g-xxl-1,\n .gy-xxl-1 {\n --cod-gutter-y: 0.25em;\n }\n .g-xxl-2,\n .gx-xxl-2 {\n --cod-gutter-x: 0.5em;\n }\n .g-xxl-2,\n .gy-xxl-2 {\n --cod-gutter-y: 0.5em;\n }\n .g-xxl-3,\n .gx-xxl-3 {\n --cod-gutter-x: 1em;\n }\n .g-xxl-3,\n .gy-xxl-3 {\n --cod-gutter-y: 1em;\n }\n .g-xxl-4,\n .gx-xxl-4 {\n --cod-gutter-x: 1.5em;\n }\n .g-xxl-4,\n .gy-xxl-4 {\n --cod-gutter-y: 1.5em;\n }\n .g-xxl-5,\n .gx-xxl-5 {\n --cod-gutter-x: 3em;\n }\n .g-xxl-5,\n .gy-xxl-5 {\n --cod-gutter-y: 3em;\n }\n}\n.table {\n --cod-table-color: var(--cod-body-color);\n --cod-table-bg: transparent;\n --cod-table-border-color: var(--cod-border-color);\n --cod-table-accent-bg: transparent;\n --cod-table-striped-color: var(--cod-body-color);\n --cod-table-striped-bg: rgba(0, 0, 0, 0.05);\n --cod-table-active-color: var(--cod-body-color);\n --cod-table-active-bg: rgba(0, 0, 0, 0.1);\n --cod-table-hover-color: var(--cod-body-color);\n --cod-table-hover-bg: rgba(0, 0, 0, 0.075);\n width: 100%;\n margin-bottom: 1em;\n color: var(--cod-table-color);\n vertical-align: top;\n border-color: var(--cod-table-border-color);\n}\n.table > :not(caption) > * > * {\n padding: 0.5em 0.5em;\n background-color: var(--cod-table-bg);\n border-bottom-width: var(--cod-border-width);\n box-shadow: inset 0 0 0 9999px var(--cod-table-accent-bg);\n}\n.table > tbody {\n vertical-align: inherit;\n}\n.table > thead {\n vertical-align: bottom;\n}\n\n.table-group-divider {\n border-top: calc(var(--cod-border-width) * 2) solid currentcolor;\n}\n\n.caption-top {\n caption-side: top;\n}\n\n.table-sm > :not(caption) > * > * {\n padding: 0.25em 0.25em;\n}\n\n.table-bordered > :not(caption) > * {\n border-width: var(--cod-border-width) 0;\n}\n.table-bordered > :not(caption) > * > * {\n border-width: 0 var(--cod-border-width);\n}\n\n.table-borderless > :not(caption) > * > * {\n border-bottom-width: 0;\n}\n.table-borderless > :not(:first-child) {\n border-top-width: 0;\n}\n\n.table-striped > tbody > tr:nth-of-type(odd) > * {\n --cod-table-accent-bg: var(--cod-table-striped-bg);\n color: var(--cod-table-striped-color);\n}\n\n.table-striped-columns > :not(caption) > tr > :nth-child(even) {\n --cod-table-accent-bg: var(--cod-table-striped-bg);\n color: var(--cod-table-striped-color);\n}\n\n.table-active {\n --cod-table-accent-bg: var(--cod-table-active-bg);\n color: var(--cod-table-active-color);\n}\n\n.table-hover > tbody > tr:hover > * {\n --cod-table-accent-bg: var(--cod-table-hover-bg);\n color: var(--cod-table-hover-color);\n}\n\n.table-primary {\n --cod-table-color: #000;\n --cod-table-bg: #ccdada;\n --cod-table-border-color: #b8c4c4;\n --cod-table-striped-bg: #c2cfcf;\n --cod-table-striped-color: #000;\n --cod-table-active-bg: #b8c4c4;\n --cod-table-active-color: #000;\n --cod-table-hover-bg: #bdcaca;\n --cod-table-hover-color: #000;\n color: var(--cod-table-color);\n border-color: var(--cod-table-border-color);\n}\n\n.table-secondary {\n --cod-table-color: #000;\n --cod-table-bg: #fcfcfc;\n --cod-table-border-color: #e3e3e3;\n --cod-table-striped-bg: #efefef;\n --cod-table-striped-color: #000;\n --cod-table-active-bg: #e3e3e3;\n --cod-table-active-color: #000;\n --cod-table-hover-bg: #e9e9e9;\n --cod-table-hover-color: #000;\n color: var(--cod-table-color);\n border-color: var(--cod-table-border-color);\n}\n\n.table-success {\n --cod-table-color: #000;\n --cod-table-bg: #ecf7f0;\n --cod-table-border-color: #d4ded8;\n --cod-table-striped-bg: #e0ebe4;\n --cod-table-striped-color: #000;\n --cod-table-active-bg: #d4ded8;\n --cod-table-active-color: #000;\n --cod-table-hover-bg: #dae4de;\n --cod-table-hover-color: #000;\n color: var(--cod-table-color);\n border-color: var(--cod-table-border-color);\n}\n\n.table-info {\n --cod-table-color: #000;\n --cod-table-bg: #ccdada;\n --cod-table-border-color: #b8c4c4;\n --cod-table-striped-bg: #c2cfcf;\n --cod-table-striped-color: #000;\n --cod-table-active-bg: #b8c4c4;\n --cod-table-active-color: #000;\n --cod-table-hover-bg: #bdcaca;\n --cod-table-hover-color: #000;\n color: var(--cod-table-color);\n border-color: var(--cod-table-border-color);\n}\n\n.table-warning {\n --cod-table-color: #000;\n --cod-table-bg: #fff1cf;\n --cod-table-border-color: #e6d9ba;\n --cod-table-striped-bg: #f2e5c5;\n --cod-table-striped-color: #000;\n --cod-table-active-bg: #e6d9ba;\n --cod-table-active-color: #000;\n --cod-table-hover-bg: #ecdfbf;\n --cod-table-hover-color: #000;\n color: var(--cod-table-color);\n border-color: var(--cod-table-border-color);\n}\n\n.table-danger {\n --cod-table-color: #000;\n --cod-table-bg: #f0d7d8;\n --cod-table-border-color: #d8c2c2;\n --cod-table-striped-bg: #e4cccd;\n --cod-table-striped-color: #000;\n --cod-table-active-bg: #d8c2c2;\n --cod-table-active-color: #000;\n --cod-table-hover-bg: #dec7c8;\n --cod-table-hover-color: #000;\n color: var(--cod-table-color);\n border-color: var(--cod-table-border-color);\n}\n\n.table-light {\n --cod-table-color: #000;\n --cod-table-bg: #fff;\n --cod-table-border-color: #e6e6e6;\n --cod-table-striped-bg: #f2f2f2;\n --cod-table-striped-color: #000;\n --cod-table-active-bg: #e6e6e6;\n --cod-table-active-color: #000;\n --cod-table-hover-bg: #ececec;\n --cod-table-hover-color: #000;\n color: var(--cod-table-color);\n border-color: var(--cod-table-border-color);\n}\n\n.table-dark {\n --cod-table-color: #fff;\n --cod-table-bg: #18252a;\n --cod-table-border-color: #2f3b3f;\n --cod-table-striped-bg: #243035;\n --cod-table-striped-color: #fff;\n --cod-table-active-bg: #2f3b3f;\n --cod-table-active-color: #fff;\n --cod-table-hover-bg: #29353a;\n --cod-table-hover-color: #fff;\n color: var(--cod-table-color);\n border-color: var(--cod-table-border-color);\n}\n\n.table-responsive {\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n}\n\n@media (max-width: 575.98px) {\n .table-responsive-sm {\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n}\n@media (max-width: 767.98px) {\n .table-responsive-md {\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n}\n@media (max-width: 991.98px) {\n .table-responsive-lg {\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n}\n@media (max-width: 1199.98px) {\n .table-responsive-xl {\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n}\n@media (max-width: 1399.98px) {\n .table-responsive-xxl {\n overflow-x: auto;\n -webkit-overflow-scrolling: touch;\n }\n}\n.form-label {\n margin-bottom: 0.5em;\n}\n\n.col-form-label {\n padding-top: calc(0.375em + var(--cod-border-width));\n padding-bottom: calc(0.375em + var(--cod-border-width));\n margin-bottom: 0;\n font-size: inherit;\n line-height: 1.5;\n}\n\n.col-form-label-lg {\n padding-top: calc(0.5em + var(--cod-border-width));\n padding-bottom: calc(0.5em + var(--cod-border-width));\n font-size: 1.25em;\n}\n\n.col-form-label-sm {\n padding-top: calc(0.25em + var(--cod-border-width));\n padding-bottom: calc(0.25em + var(--cod-border-width));\n font-size: 1em;\n}\n\n.form-text {\n margin-top: 0.25em;\n font-size: 0.875em;\n color: var(--cod-secondary-color);\n}\n\n.form-control {\n display: block;\n width: 100%;\n padding: 0.375em 0.75em;\n font-size: 1em;\n font-weight: 500;\n line-height: 1.5;\n color: var(--cod-body-color);\n background-color: var(--cod-body-bg);\n background-clip: padding-box;\n border: var(--cod-border-width) solid var(--cod-border-color);\n appearance: none;\n border-radius: 0;\n transition:\n border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out;\n}\n@media (prefers-reduced-motion: reduce) {\n .form-control {\n transition: none;\n }\n}\n.form-control[type='file'] {\n overflow: hidden;\n}\n.form-control[type='file']:not(:disabled):not([readonly]) {\n cursor: pointer;\n}\n.form-control:focus {\n color: var(--cod-body-color);\n background-color: var(--cod-body-bg);\n border-color: #80a2a2;\n outline: 0;\n box-shadow: 0 0 0 0.25em blue;\n}\n.form-control::-webkit-date-and-time-value {\n min-width: 85px;\n height: 1.5em;\n margin: 0;\n}\n.form-control::-webkit-datetime-edit {\n display: block;\n padding: 0;\n}\n.form-control::placeholder {\n color: var(--cod-secondary-color);\n opacity: 1;\n}\n.form-control:disabled {\n background-color: var(--cod-secondary-bg);\n opacity: 1;\n}\n.form-control::file-selector-button {\n padding: 0.375em 0.75em;\n margin: -0.375em -0.75em;\n margin-inline-end: 0.75em;\n color: var(--cod-body-color);\n background-color: var(--cod-tertiary-bg);\n pointer-events: none;\n border-color: inherit;\n border-style: solid;\n border-width: 0;\n border-inline-end-width: var(--cod-border-width);\n border-radius: 0;\n transition:\n color 0.15s ease-in-out,\n background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out;\n}\n@media (prefers-reduced-motion: reduce) {\n .form-control::file-selector-button {\n transition: none;\n }\n}\n.form-control:hover:not(:disabled):not([readonly])::file-selector-button {\n background-color: var(--cod-secondary-bg);\n}\n\n.form-control-plaintext {\n display: block;\n width: 100%;\n padding: 0.375em 0;\n margin-bottom: 0;\n line-height: 1.5;\n color: var(--cod-body-color);\n background-color: transparent;\n border: solid transparent;\n border-width: var(--cod-border-width) 0;\n}\n.form-control-plaintext:focus {\n outline: 0;\n}\n.form-control-plaintext.form-control-sm,\n.form-control-plaintext.form-control-lg {\n padding-right: 0;\n padding-left: 0;\n}\n\n.form-control-sm {\n min-height: calc(1.5em + 0.5em + calc(var(--cod-border-width) * 2));\n padding: 0.25em 0.5em;\n font-size: 1em;\n}\n.form-control-sm::file-selector-button {\n padding: 0.25em 0.5em;\n margin: -0.25em -0.5em;\n margin-inline-end: 0.5em;\n}\n\n.form-control-lg {\n min-height: calc(1.5em + 1em + calc(var(--cod-border-width) * 2));\n padding: 0.5em 1em;\n font-size: 1.25em;\n}\n.form-control-lg::file-selector-button {\n padding: 0.5em 1em;\n margin: -0.5em -1em;\n margin-inline-end: 1em;\n}\n\ntextarea.form-control {\n min-height: calc(1.5em + 0.75em + calc(var(--cod-border-width) * 2));\n}\ntextarea.form-control-sm {\n min-height: calc(1.5em + 0.5em + calc(var(--cod-border-width) * 2));\n}\ntextarea.form-control-lg {\n min-height: calc(1.5em + 1em + calc(var(--cod-border-width) * 2));\n}\n\n.form-control-color {\n width: 3em;\n height: calc(1.5em + 0.75em + calc(var(--cod-border-width) * 2));\n padding: 0.375em;\n}\n.form-control-color:not(:disabled):not([readonly]) {\n cursor: pointer;\n}\n.form-control-color::-moz-color-swatch {\n border: 0 !important;\n}\n.form-control-color::-webkit-color-swatch {\n border: 0 !important;\n}\n.form-control-color.form-control-sm {\n height: calc(1.5em + 0.5em + calc(var(--cod-border-width) * 2));\n}\n.form-control-color.form-control-lg {\n height: calc(1.5em + 1em + calc(var(--cod-border-width) * 2));\n}\n\n.form-select {\n --cod-form-select-bg-img: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");\n display: block;\n width: 100%;\n padding: 0.375em 2.25em 0.375em 0.75em;\n font-size: 1em;\n font-weight: 500;\n line-height: 1.5;\n color: var(--cod-body-color);\n background-color: var(--cod-body-bg);\n background-image: var(--cod-form-select-bg-img),\n var(--cod-form-select-bg-icon, none);\n background-repeat: no-repeat;\n background-position: right 0.75em center;\n background-size: 16px 12px;\n border: var(--cod-border-width) solid var(--cod-border-color);\n border-radius: 0;\n transition:\n border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out;\n appearance: none;\n}\n@media (prefers-reduced-motion: reduce) {\n .form-select {\n transition: none;\n }\n}\n.form-select:focus {\n border-color: #80a2a2;\n outline: 0;\n box-shadow: 0 0 0 0.25em blue;\n}\n.form-select[multiple],\n.form-select[size]:not([size='1']) {\n padding-right: 0.75em;\n background-image: none;\n}\n.form-select:disabled {\n background-color: var(--cod-secondary-bg);\n}\n.form-select:-moz-focusring {\n color: transparent;\n text-shadow: 0 0 0 var(--cod-body-color);\n}\n\n.form-select-sm {\n padding-top: 0.25em;\n padding-bottom: 0.25em;\n padding-left: 0.5em;\n font-size: 1em;\n}\n\n.form-select-lg {\n padding-top: 0.5em;\n padding-bottom: 0.5em;\n padding-left: 1em;\n font-size: 1.25em;\n}\n\n[data-bs-theme='dark'] .form-select {\n --cod-form-select-bg-img: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e\");\n}\n\n.form-check {\n display: block;\n min-height: 1.5em;\n padding-left: 1.5em;\n margin-bottom: 0.125em;\n}\n.form-check .form-check-input {\n float: left;\n margin-left: -1.5em;\n}\n\n.form-check-reverse {\n padding-right: 1.5em;\n padding-left: 0;\n text-align: right;\n}\n.form-check-reverse .form-check-input {\n float: right;\n margin-right: -1.5em;\n margin-left: 0;\n}\n\n.form-check-input {\n --cod-form-check-bg: var(--cod-body-bg);\n width: 1em;\n height: 1em;\n margin-top: 0.25em;\n vertical-align: top;\n background-color: var(--cod-form-check-bg);\n background-image: var(--cod-form-check-bg-image);\n background-repeat: no-repeat;\n background-position: center;\n background-size: contain;\n border: var(--cod-border-width) solid var(--cod-border-color);\n appearance: none;\n print-color-adjust: exact;\n}\n.form-check-input[type='radio'] {\n border-radius: 50%;\n}\n.form-check-input:active {\n filter: brightness(90%);\n}\n.form-check-input:focus {\n border-color: #80a2a2;\n outline: 0;\n box-shadow: 0 0 0 0.25em blue;\n}\n.form-check-input:checked {\n background-color: #004445;\n border-color: #004445;\n}\n.form-check-input:checked[type='checkbox'] {\n --cod-form-check-bg-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e\");\n}\n.form-check-input:checked[type='radio'] {\n --cod-form-check-bg-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e\");\n}\n.form-check-input[type='checkbox']:indeterminate {\n background-color: #004445;\n border-color: #004445;\n --cod-form-check-bg-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e\");\n}\n.form-check-input:disabled {\n pointer-events: none;\n filter: none;\n opacity: 0.5;\n}\n.form-check-input[disabled] ~ .form-check-label,\n.form-check-input:disabled ~ .form-check-label {\n cursor: default;\n opacity: 0.5;\n}\n\n.form-switch {\n padding-left: 2.5em;\n}\n.form-switch .form-check-input {\n --cod-form-switch-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e\");\n width: 2em;\n margin-left: -2.5em;\n background-image: var(--cod-form-switch-bg);\n background-position: left center;\n transition: background-position 0.15s ease-in-out;\n}\n@media (prefers-reduced-motion: reduce) {\n .form-switch .form-check-input {\n transition: none;\n }\n}\n.form-switch .form-check-input:focus {\n --cod-form-switch-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2380a2a2'/%3e%3c/svg%3e\");\n}\n.form-switch .form-check-input:checked {\n background-position: right center;\n --cod-form-switch-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e\");\n}\n.form-switch.form-check-reverse {\n padding-right: 2.5em;\n padding-left: 0;\n}\n.form-switch.form-check-reverse .form-check-input {\n margin-right: -2.5em;\n margin-left: 0;\n}\n\n.form-check-inline {\n display: inline-block;\n margin-right: 1em;\n}\n\n.btn-check {\n position: absolute;\n clip: rect(0, 0, 0, 0);\n pointer-events: none;\n}\n.btn-check[disabled] + .btn,\n.btn-check:disabled + .btn {\n pointer-events: none;\n filter: none;\n opacity: 0.65;\n}\n\n[data-bs-theme='dark']\n .form-switch\n .form-check-input:not(:checked):not(:focus) {\n --cod-form-switch-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e\");\n}\n\n.form-range {\n width: 100%;\n height: 1.5em;\n padding: 0;\n background-color: transparent;\n appearance: none;\n}\n.form-range:focus {\n outline: 0;\n}\n.form-range:focus::-webkit-slider-thumb {\n box-shadow:\n 0 0 0 1px #fff,\n 0 0 0 0.25em blue;\n}\n.form-range:focus::-moz-range-thumb {\n box-shadow:\n 0 0 0 1px #fff,\n 0 0 0 0.25em blue;\n}\n.form-range::-moz-focus-outer {\n border: 0;\n}\n.form-range::-webkit-slider-thumb {\n width: 1em;\n height: 1em;\n margin-top: -0.25em;\n background-color: #004445;\n border: 0;\n transition:\n background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out;\n appearance: none;\n}\n@media (prefers-reduced-motion: reduce) {\n .form-range::-webkit-slider-thumb {\n transition: none;\n }\n}\n.form-range::-webkit-slider-thumb:active {\n background-color: #b3c7c7;\n}\n.form-range::-webkit-slider-runnable-track {\n width: 100%;\n height: 0.5em;\n color: transparent;\n cursor: pointer;\n background-color: var(--cod-tertiary-bg);\n border-color: transparent;\n}\n.form-range::-moz-range-thumb {\n width: 1em;\n height: 1em;\n background-color: #004445;\n border: 0;\n transition:\n background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out;\n appearance: none;\n}\n@media (prefers-reduced-motion: reduce) {\n .form-range::-moz-range-thumb {\n transition: none;\n }\n}\n.form-range::-moz-range-thumb:active {\n background-color: #b3c7c7;\n}\n.form-range::-moz-range-track {\n width: 100%;\n height: 0.5em;\n color: transparent;\n cursor: pointer;\n background-color: var(--cod-tertiary-bg);\n border-color: transparent;\n}\n.form-range:disabled {\n pointer-events: none;\n}\n.form-range:disabled::-webkit-slider-thumb {\n background-color: var(--cod-secondary-color);\n}\n.form-range:disabled::-moz-range-thumb {\n background-color: var(--cod-secondary-color);\n}\n\n.form-floating {\n position: relative;\n}\n.form-floating > .form-control,\n.form-floating > .form-control-plaintext,\n.form-floating > .form-select {\n height: calc(3.5em + calc(var(--cod-border-width) * 2));\n line-height: 1.25;\n}\n.form-floating > label {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 2;\n height: 100%;\n padding: 1em 0.75em;\n overflow: hidden;\n text-align: start;\n text-overflow: ellipsis;\n white-space: nowrap;\n pointer-events: none;\n border: var(--cod-border-width) solid transparent;\n transform-origin: 0 0;\n transition:\n opacity 0.1s ease-in-out,\n transform 0.1s ease-in-out;\n}\n@media (prefers-reduced-motion: reduce) {\n .form-floating > label {\n transition: none;\n }\n}\n.form-floating > .form-control,\n.form-floating > .form-control-plaintext {\n padding: 1em 0.75em;\n}\n.form-floating > .form-control::placeholder,\n.form-floating > .form-control-plaintext::placeholder {\n color: transparent;\n}\n.form-floating > .form-control:focus,\n.form-floating > .form-control:not(:placeholder-shown),\n.form-floating > .form-control-plaintext:focus,\n.form-floating > .form-control-plaintext:not(:placeholder-shown) {\n padding-top: 1.625em;\n padding-bottom: 0.625em;\n}\n.form-floating > .form-control:-webkit-autofill,\n.form-floating > .form-control-plaintext:-webkit-autofill {\n padding-top: 1.625em;\n padding-bottom: 0.625em;\n}\n.form-floating > .form-select {\n padding-top: 1.625em;\n padding-bottom: 0.625em;\n}\n.form-floating > .form-control:focus ~ label,\n.form-floating > .form-control:not(:placeholder-shown) ~ label,\n.form-floating > .form-control-plaintext ~ label,\n.form-floating > .form-select ~ label {\n color: rgba(var(--cod-body-color-rgb), 0.65);\n transform: scale(0.85) translateY(-0.5em) translateX(0.15em);\n}\n.form-floating > .form-control:focus ~ label::after,\n.form-floating > .form-control:not(:placeholder-shown) ~ label::after,\n.form-floating > .form-control-plaintext ~ label::after,\n.form-floating > .form-select ~ label::after {\n position: absolute;\n inset: 1em 0.375em;\n z-index: -1;\n height: 1.5em;\n content: '';\n background-color: var(--cod-body-bg);\n}\n.form-floating > .form-control:-webkit-autofill ~ label {\n color: rgba(var(--cod-body-color-rgb), 0.65);\n transform: scale(0.85) translateY(-0.5em) translateX(0.15em);\n}\n.form-floating > .form-control-plaintext ~ label {\n border-width: var(--cod-border-width) 0;\n}\n.form-floating > :disabled ~ label {\n color: #6c757d;\n}\n.form-floating > :disabled ~ label::after {\n background-color: var(--cod-secondary-bg);\n}\n\n.input-group {\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: stretch;\n width: 100%;\n}\n.input-group > .form-control,\n.input-group > .form-select,\n.input-group > .form-floating {\n position: relative;\n flex: 1 1 auto;\n width: 1%;\n min-width: 0;\n}\n.input-group > .form-control:focus,\n.input-group > .form-select:focus,\n.input-group > .form-floating:focus-within {\n z-index: 5;\n}\n.input-group .btn {\n position: relative;\n z-index: 2;\n}\n.input-group .btn:focus {\n z-index: 5;\n}\n\n.input-group-text {\n display: flex;\n align-items: center;\n padding: 0.375em 0.75em;\n font-size: 1em;\n font-weight: 500;\n line-height: 1.5;\n color: var(--cod-body-color);\n text-align: center;\n white-space: nowrap;\n background-color: var(--cod-tertiary-bg);\n border: var(--cod-border-width) solid var(--cod-border-color);\n}\n\n.input-group-lg > .form-control,\n.input-group-lg > .form-select,\n.input-group-lg > .input-group-text,\n.input-group-lg > .btn {\n padding: 0.5em 1em;\n font-size: 1.25em;\n}\n\n.input-group-sm > .form-control,\n.input-group-sm > .form-select,\n.input-group-sm > .input-group-text,\n.input-group-sm > .btn {\n padding: 0.25em 0.5em;\n font-size: 1em;\n}\n\n.input-group-lg > .form-select,\n.input-group-sm > .form-select {\n padding-right: 3em;\n}\n\n.input-group\n > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(\n .valid-feedback\n ):not(.invalid-tooltip):not(.invalid-feedback) {\n margin-left: calc(var(--cod-border-width) * -1);\n}\n.valid-feedback {\n display: none;\n width: 100%;\n margin-top: 0.25em;\n font-size: 0.875em;\n color: var(--cod-form-valid-color);\n}\n\n.valid-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%;\n padding: 0.25em 0.5em;\n margin-top: 0.1em;\n font-size: 1em;\n color: #fff;\n background-color: var(--cod-success);\n}\n\n.was-validated :valid ~ .valid-feedback,\n.was-validated :valid ~ .valid-tooltip,\n.is-valid ~ .valid-feedback,\n.is-valid ~ .valid-tooltip {\n display: block;\n}\n\n.was-validated .form-control:valid,\n.form-control.is-valid {\n border-color: var(--cod-form-valid-border-color);\n padding-right: calc(1.5em + 0.75em);\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%239fd5b3' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\");\n background-repeat: no-repeat;\n background-position: right calc(0.375em + 0.1875em) center;\n background-size: calc(0.75em + 0.375em) calc(0.75em + 0.375em);\n}\n.was-validated .form-control:valid:focus,\n.form-control.is-valid:focus {\n border-color: var(--cod-form-valid-border-color);\n box-shadow: 0 0 0 0.25em rgba(var(--cod-success-rgb), 1);\n}\n\n.was-validated textarea.form-control:valid,\ntextarea.form-control.is-valid {\n padding-right: calc(1.5em + 0.75em);\n background-position: top calc(0.375em + 0.1875em) right\n calc(0.375em + 0.1875em);\n}\n\n.was-validated .form-select:valid,\n.form-select.is-valid {\n border-color: var(--cod-form-valid-border-color);\n}\n.was-validated .form-select:valid:not([multiple]):not([size]),\n.was-validated .form-select:valid:not([multiple])[size='1'],\n.form-select.is-valid:not([multiple]):not([size]),\n.form-select.is-valid:not([multiple])[size='1'] {\n --cod-form-select-bg-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%239fd5b3' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e\");\n padding-right: 4.125em;\n background-position:\n right 0.75em center,\n center right 2.25em;\n background-size:\n 16px 12px,\n calc(0.75em + 0.375em) calc(0.75em + 0.375em);\n}\n.was-validated .form-select:valid:focus,\n.form-select.is-valid:focus {\n border-color: var(--cod-form-valid-border-color);\n box-shadow: 0 0 0 0.25em rgba(var(--cod-success-rgb), 1);\n}\n\n.was-validated .form-control-color:valid,\n.form-control-color.is-valid {\n width: calc(3em + calc(1.5em + 0.75em));\n}\n\n.was-validated .form-check-input:valid,\n.form-check-input.is-valid {\n border-color: var(--cod-form-valid-border-color);\n}\n.was-validated .form-check-input:valid:checked,\n.form-check-input.is-valid:checked {\n background-color: var(--cod-form-valid-color);\n}\n.was-validated .form-check-input:valid:focus,\n.form-check-input.is-valid:focus {\n box-shadow: 0 0 0 0.25em rgba(var(--cod-success-rgb), 1);\n}\n.was-validated .form-check-input:valid ~ .form-check-label,\n.form-check-input.is-valid ~ .form-check-label {\n color: var(--cod-form-valid-color);\n}\n\n.form-check-inline .form-check-input ~ .valid-feedback {\n margin-left: 0.5em;\n}\n\n.was-validated .input-group > .form-control:not(:focus):valid,\n.input-group > .form-control:not(:focus).is-valid,\n.was-validated .input-group > .form-select:not(:focus):valid,\n.input-group > .form-select:not(:focus).is-valid,\n.was-validated .input-group > .form-floating:not(:focus-within):valid,\n.input-group > .form-floating:not(:focus-within).is-valid {\n z-index: 3;\n}\n\n.invalid-feedback {\n display: none;\n width: 100%;\n margin-top: 0.25em;\n font-size: 0.875em;\n color: var(--cod-form-invalid-color);\n}\n\n.invalid-tooltip {\n position: absolute;\n top: 100%;\n z-index: 5;\n display: none;\n max-width: 100%;\n padding: 0.25em 0.5em;\n margin-top: 0.1em;\n font-size: 1em;\n color: #fff;\n background-color: var(--cod-danger);\n}\n\n.was-validated :invalid ~ .invalid-feedback,\n.was-validated :invalid ~ .invalid-tooltip,\n.is-invalid ~ .invalid-feedback,\n.is-invalid ~ .invalid-tooltip {\n display: block;\n}\n\n.was-validated .form-control:invalid,\n.form-control.is-invalid {\n border-color: var(--cod-form-invalid-border-color);\n padding-right: calc(1.5em + 0.75em);\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23b3393b'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23b3393b' stroke='none'/%3e%3c/svg%3e\");\n background-repeat: no-repeat;\n background-position: right calc(0.375em + 0.1875em) center;\n background-size: calc(0.75em + 0.375em) calc(0.75em + 0.375em);\n}\n.was-validated .form-control:invalid:focus,\n.form-control.is-invalid:focus {\n border-color: var(--cod-form-invalid-border-color);\n box-shadow: 0 0 0 0.25em rgba(var(--cod-danger-rgb), 1);\n}\n\n.was-validated textarea.form-control:invalid,\ntextarea.form-control.is-invalid {\n padding-right: calc(1.5em + 0.75em);\n background-position: top calc(0.375em + 0.1875em) right\n calc(0.375em + 0.1875em);\n}\n\n.was-validated .form-select:invalid,\n.form-select.is-invalid {\n border-color: var(--cod-form-invalid-border-color);\n}\n.was-validated .form-select:invalid:not([multiple]):not([size]),\n.was-validated .form-select:invalid:not([multiple])[size='1'],\n.form-select.is-invalid:not([multiple]):not([size]),\n.form-select.is-invalid:not([multiple])[size='1'] {\n --cod-form-select-bg-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23b3393b'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23b3393b' stroke='none'/%3e%3c/svg%3e\");\n padding-right: 4.125em;\n background-position:\n right 0.75em center,\n center right 2.25em;\n background-size:\n 16px 12px,\n calc(0.75em + 0.375em) calc(0.75em + 0.375em);\n}\n.was-validated .form-select:invalid:focus,\n.form-select.is-invalid:focus {\n border-color: var(--cod-form-invalid-border-color);\n box-shadow: 0 0 0 0.25em rgba(var(--cod-danger-rgb), 1);\n}\n\n.was-validated .form-control-color:invalid,\n.form-control-color.is-invalid {\n width: calc(3em + calc(1.5em + 0.75em));\n}\n\n.was-validated .form-check-input:invalid,\n.form-check-input.is-invalid {\n border-color: var(--cod-form-invalid-border-color);\n}\n.was-validated .form-check-input:invalid:checked,\n.form-check-input.is-invalid:checked {\n background-color: var(--cod-form-invalid-color);\n}\n.was-validated .form-check-input:invalid:focus,\n.form-check-input.is-invalid:focus {\n box-shadow: 0 0 0 0.25em rgba(var(--cod-danger-rgb), 1);\n}\n.was-validated .form-check-input:invalid ~ .form-check-label,\n.form-check-input.is-invalid ~ .form-check-label {\n color: var(--cod-form-invalid-color);\n}\n\n.form-check-inline .form-check-input ~ .invalid-feedback {\n margin-left: 0.5em;\n}\n\n.was-validated .input-group > .form-control:not(:focus):invalid,\n.input-group > .form-control:not(:focus).is-invalid,\n.was-validated .input-group > .form-select:not(:focus):invalid,\n.input-group > .form-select:not(:focus).is-invalid,\n.was-validated .input-group > .form-floating:not(:focus-within):invalid,\n.input-group > .form-floating:not(:focus-within).is-invalid {\n z-index: 4;\n}\n\n.btn {\n --cod-btn-padding-x: 0.75em;\n --cod-btn-padding-y: 0.375em;\n --cod-btn-font-family: ;\n --cod-btn-font-size: 1em;\n --cod-btn-font-weight: 400;\n --cod-btn-line-height: 1.5;\n --cod-btn-color: var(--cod-body-color);\n --cod-btn-bg: transparent;\n --cod-btn-border-width: var(--cod-border-width);\n --cod-btn-border-color: transparent;\n --cod-btn-border-radius: var(--cod-border-radius);\n --cod-btn-hover-border-color: transparent;\n --cod-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),\n 0 1px 1px rgba(0, 0, 0, 0.075);\n --cod-btn-disabled-opacity: 0.65;\n --cod-btn-focus-box-shadow: 0 0 0 0.25em\n rgba(var(--cod-btn-focus-shadow-rgb), 0.5);\n display: inline-block;\n padding: var(--cod-btn-padding-y) var(--cod-btn-padding-x);\n font-family: var(--cod-btn-font-family);\n font-size: var(--cod-btn-font-size);\n font-weight: var(--cod-btn-font-weight);\n line-height: var(--cod-btn-line-height);\n color: var(--cod-btn-color);\n text-align: center;\n text-decoration: none;\n vertical-align: middle;\n cursor: pointer;\n user-select: none;\n border: var(--cod-btn-border-width) solid var(--cod-btn-border-color);\n background-color: var(--cod-btn-bg);\n transition:\n color 0.15s ease-in-out,\n background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out;\n}\n@media (prefers-reduced-motion: reduce) {\n .btn {\n transition: none;\n }\n}\n.btn:hover {\n color: var(--cod-btn-hover-color);\n background-color: var(--cod-btn-hover-bg);\n border-color: var(--cod-btn-hover-border-color);\n}\n.btn-check + .btn:hover {\n color: var(--cod-btn-color);\n background-color: var(--cod-btn-bg);\n border-color: var(--cod-btn-border-color);\n}\n.btn:focus-visible {\n color: var(--cod-btn-hover-color);\n background-color: var(--cod-btn-hover-bg);\n border-color: var(--cod-btn-hover-border-color);\n outline: 0;\n box-shadow: var(--cod-btn-focus-box-shadow);\n}\n.btn-check:focus-visible + .btn {\n border-color: var(--cod-btn-hover-border-color);\n outline: 0;\n box-shadow: var(--cod-btn-focus-box-shadow);\n}\n.btn-check:checked + .btn,\n:not(.btn-check) + .btn:active,\n.btn:first-child:active,\n.btn.active,\n.btn.show {\n color: var(--cod-btn-active-color);\n background-color: var(--cod-btn-active-bg);\n border-color: var(--cod-btn-active-border-color);\n}\n.btn-check:checked + .btn:focus-visible,\n:not(.btn-check) + .btn:active:focus-visible,\n.btn:first-child:active:focus-visible,\n.btn.active:focus-visible,\n.btn.show:focus-visible {\n box-shadow: var(--cod-btn-focus-box-shadow);\n}\n.btn:disabled,\n.btn.disabled,\nfieldset:disabled .btn {\n color: var(--cod-btn-disabled-color);\n pointer-events: none;\n background-color: var(--cod-btn-disabled-bg);\n border-color: var(--cod-btn-disabled-border-color);\n opacity: var(--cod-btn-disabled-opacity);\n}\n\n.btn-primary {\n --cod-btn-color: #fff;\n --cod-btn-bg: #004445;\n --cod-btn-border-color: #004445;\n --cod-btn-hover-color: #fff;\n --cod-btn-hover-bg: #003a3b;\n --cod-btn-hover-border-color: #003637;\n --cod-btn-focus-shadow-rgb: 38, 96, 97;\n --cod-btn-active-color: #fff;\n --cod-btn-active-bg: #003637;\n --cod-btn-active-border-color: #003334;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #fff;\n --cod-btn-disabled-bg: #004445;\n --cod-btn-disabled-border-color: #004445;\n}\n\n.btn-secondary {\n --cod-btn-color: #000;\n --cod-btn-bg: #f2f2f2;\n --cod-btn-border-color: #f2f2f2;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #f4f4f4;\n --cod-btn-hover-border-color: #f3f3f3;\n --cod-btn-focus-shadow-rgb: 206, 206, 206;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: whitesmoke;\n --cod-btn-active-border-color: #f3f3f3;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #000;\n --cod-btn-disabled-bg: #f2f2f2;\n --cod-btn-disabled-border-color: #f2f2f2;\n}\n\n.btn-success {\n --cod-btn-color: #000;\n --cod-btn-bg: #9fd5b3;\n --cod-btn-border-color: #9fd5b3;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #addbbe;\n --cod-btn-hover-border-color: #a9d9bb;\n --cod-btn-focus-shadow-rgb: 135, 181, 152;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: #b2ddc2;\n --cod-btn-active-border-color: #a9d9bb;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #000;\n --cod-btn-disabled-bg: #9fd5b3;\n --cod-btn-disabled-border-color: #9fd5b3;\n}\n\n.btn-info {\n --cod-btn-color: #fff;\n --cod-btn-bg: #004445;\n --cod-btn-border-color: #004445;\n --cod-btn-hover-color: #fff;\n --cod-btn-hover-bg: #003a3b;\n --cod-btn-hover-border-color: #003637;\n --cod-btn-focus-shadow-rgb: 38, 96, 97;\n --cod-btn-active-color: #fff;\n --cod-btn-active-bg: #003637;\n --cod-btn-active-border-color: #003334;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #fff;\n --cod-btn-disabled-bg: #004445;\n --cod-btn-disabled-border-color: #004445;\n}\n\n.btn-warning {\n --cod-btn-color: #000;\n --cod-btn-bg: #feb70d;\n --cod-btn-border-color: #feb70d;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #fec231;\n --cod-btn-hover-border-color: #febe25;\n --cod-btn-focus-shadow-rgb: 216, 156, 11;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: #fec53d;\n --cod-btn-active-border-color: #febe25;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #000;\n --cod-btn-disabled-bg: #feb70d;\n --cod-btn-disabled-border-color: #feb70d;\n}\n\n.btn-danger {\n --cod-btn-color: #fff;\n --cod-btn-bg: #b3393b;\n --cod-btn-border-color: #b3393b;\n --cod-btn-hover-color: #fff;\n --cod-btn-hover-bg: #983032;\n --cod-btn-hover-border-color: #8f2e2f;\n --cod-btn-focus-shadow-rgb: 190, 87, 88;\n --cod-btn-active-color: #fff;\n --cod-btn-active-bg: #8f2e2f;\n --cod-btn-active-border-color: #862b2c;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #fff;\n --cod-btn-disabled-bg: #b3393b;\n --cod-btn-disabled-border-color: #b3393b;\n}\n\n.btn-light {\n --cod-btn-color: #000;\n --cod-btn-bg: #fff;\n --cod-btn-border-color: #fff;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #d9d9d9;\n --cod-btn-hover-border-color: #cccccc;\n --cod-btn-focus-shadow-rgb: 217, 217, 217;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: #cccccc;\n --cod-btn-active-border-color: #bfbfbf;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #000;\n --cod-btn-disabled-bg: #fff;\n --cod-btn-disabled-border-color: #fff;\n}\n\n.btn-dark {\n --cod-btn-color: #fff;\n --cod-btn-bg: #18252a;\n --cod-btn-border-color: #18252a;\n --cod-btn-hover-color: #fff;\n --cod-btn-hover-bg: #3b464a;\n --cod-btn-hover-border-color: #2f3b3f;\n --cod-btn-focus-shadow-rgb: 59, 70, 74;\n --cod-btn-active-color: #fff;\n --cod-btn-active-bg: #465155;\n --cod-btn-active-border-color: #2f3b3f;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #fff;\n --cod-btn-disabled-bg: #18252a;\n --cod-btn-disabled-border-color: #18252a;\n}\n\n.btn-accent-primary {\n --cod-btn-color: #000;\n --cod-btn-bg: #feb70d;\n --cod-btn-border-color: #feb70d;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #fec231;\n --cod-btn-hover-border-color: #febe25;\n --cod-btn-focus-shadow-rgb: 216, 156, 11;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: #fec53d;\n --cod-btn-active-border-color: #febe25;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #000;\n --cod-btn-disabled-bg: #feb70d;\n --cod-btn-disabled-border-color: #feb70d;\n}\n\n.btn-accent-secondary {\n --cod-btn-color: #000;\n --cod-btn-bg: #9fd5b3;\n --cod-btn-border-color: #9fd5b3;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #addbbe;\n --cod-btn-hover-border-color: #a9d9bb;\n --cod-btn-focus-shadow-rgb: 135, 181, 152;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: #b2ddc2;\n --cod-btn-active-border-color: #a9d9bb;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #000;\n --cod-btn-disabled-bg: #9fd5b3;\n --cod-btn-disabled-border-color: #9fd5b3;\n}\n\n.btn-outline-primary {\n --cod-btn-color: #004445;\n --cod-btn-border-color: #004445;\n --cod-btn-hover-color: #fff;\n --cod-btn-hover-bg: #004445;\n --cod-btn-hover-border-color: #004445;\n --cod-btn-focus-shadow-rgb: 0, 68, 69;\n --cod-btn-active-color: #fff;\n --cod-btn-active-bg: #004445;\n --cod-btn-active-border-color: #004445;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #004445;\n --cod-btn-disabled-bg: transparent;\n --cod-btn-disabled-border-color: #004445;\n --cod-gradient: none;\n}\n\n.btn-outline-secondary {\n --cod-btn-color: #f2f2f2;\n --cod-btn-border-color: #f2f2f2;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #f2f2f2;\n --cod-btn-hover-border-color: #f2f2f2;\n --cod-btn-focus-shadow-rgb: 242, 242, 242;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: #f2f2f2;\n --cod-btn-active-border-color: #f2f2f2;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #f2f2f2;\n --cod-btn-disabled-bg: transparent;\n --cod-btn-disabled-border-color: #f2f2f2;\n --cod-gradient: none;\n}\n\n.btn-outline-success {\n --cod-btn-color: #9fd5b3;\n --cod-btn-border-color: #9fd5b3;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #9fd5b3;\n --cod-btn-hover-border-color: #9fd5b3;\n --cod-btn-focus-shadow-rgb: 159, 213, 179;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: #9fd5b3;\n --cod-btn-active-border-color: #9fd5b3;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #9fd5b3;\n --cod-btn-disabled-bg: transparent;\n --cod-btn-disabled-border-color: #9fd5b3;\n --cod-gradient: none;\n}\n\n.btn-outline-info {\n --cod-btn-color: #004445;\n --cod-btn-border-color: #004445;\n --cod-btn-hover-color: #fff;\n --cod-btn-hover-bg: #004445;\n --cod-btn-hover-border-color: #004445;\n --cod-btn-focus-shadow-rgb: 0, 68, 69;\n --cod-btn-active-color: #fff;\n --cod-btn-active-bg: #004445;\n --cod-btn-active-border-color: #004445;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #004445;\n --cod-btn-disabled-bg: transparent;\n --cod-btn-disabled-border-color: #004445;\n --cod-gradient: none;\n}\n\n.btn-outline-warning {\n --cod-btn-color: #feb70d;\n --cod-btn-border-color: #feb70d;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #feb70d;\n --cod-btn-hover-border-color: #feb70d;\n --cod-btn-focus-shadow-rgb: 254, 183, 13;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: #feb70d;\n --cod-btn-active-border-color: #feb70d;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #feb70d;\n --cod-btn-disabled-bg: transparent;\n --cod-btn-disabled-border-color: #feb70d;\n --cod-gradient: none;\n}\n\n.btn-outline-danger {\n --cod-btn-color: #b3393b;\n --cod-btn-border-color: #b3393b;\n --cod-btn-hover-color: #fff;\n --cod-btn-hover-bg: #b3393b;\n --cod-btn-hover-border-color: #b3393b;\n --cod-btn-focus-shadow-rgb: 179, 57, 59;\n --cod-btn-active-color: #fff;\n --cod-btn-active-bg: #b3393b;\n --cod-btn-active-border-color: #b3393b;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #b3393b;\n --cod-btn-disabled-bg: transparent;\n --cod-btn-disabled-border-color: #b3393b;\n --cod-gradient: none;\n}\n\n.btn-outline-light {\n --cod-btn-color: #fff;\n --cod-btn-border-color: #fff;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #fff;\n --cod-btn-hover-border-color: #fff;\n --cod-btn-focus-shadow-rgb: 255, 255, 255;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: #fff;\n --cod-btn-active-border-color: #fff;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #fff;\n --cod-btn-disabled-bg: transparent;\n --cod-btn-disabled-border-color: #fff;\n --cod-gradient: none;\n}\n\n.btn-outline-dark {\n --cod-btn-color: #18252a;\n --cod-btn-border-color: #18252a;\n --cod-btn-hover-color: #fff;\n --cod-btn-hover-bg: #18252a;\n --cod-btn-hover-border-color: #18252a;\n --cod-btn-focus-shadow-rgb: 24, 37, 42;\n --cod-btn-active-color: #fff;\n --cod-btn-active-bg: #18252a;\n --cod-btn-active-border-color: #18252a;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #18252a;\n --cod-btn-disabled-bg: transparent;\n --cod-btn-disabled-border-color: #18252a;\n --cod-gradient: none;\n}\n\n.btn-outline-accent-primary {\n --cod-btn-color: #feb70d;\n --cod-btn-border-color: #feb70d;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #feb70d;\n --cod-btn-hover-border-color: #feb70d;\n --cod-btn-focus-shadow-rgb: 254, 183, 13;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: #feb70d;\n --cod-btn-active-border-color: #feb70d;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #feb70d;\n --cod-btn-disabled-bg: transparent;\n --cod-btn-disabled-border-color: #feb70d;\n --cod-gradient: none;\n}\n\n.btn-outline-accent-secondary {\n --cod-btn-color: #9fd5b3;\n --cod-btn-border-color: #9fd5b3;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #9fd5b3;\n --cod-btn-hover-border-color: #9fd5b3;\n --cod-btn-focus-shadow-rgb: 159, 213, 179;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: #9fd5b3;\n --cod-btn-active-border-color: #9fd5b3;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #9fd5b3;\n --cod-btn-disabled-bg: transparent;\n --cod-btn-disabled-border-color: #9fd5b3;\n --cod-gradient: none;\n}\n\n.btn-link {\n --cod-btn-font-weight: 400;\n --cod-btn-color: var(--cod-link-color);\n --cod-btn-bg: transparent;\n --cod-btn-border-color: transparent;\n --cod-btn-hover-color: var(--cod-link-hover-color);\n --cod-btn-hover-border-color: transparent;\n --cod-btn-active-color: var(--cod-link-hover-color);\n --cod-btn-active-border-color: transparent;\n --cod-btn-disabled-color: #6c757d;\n --cod-btn-disabled-border-color: transparent;\n --cod-btn-box-shadow: 0 0 0 #000;\n --cod-btn-focus-shadow-rgb: 38, 96, 97;\n text-decoration: underline;\n}\n.btn-link:focus-visible {\n color: var(--cod-btn-color);\n}\n.btn-link:hover {\n color: var(--cod-btn-hover-color);\n}\n\n.btn-lg,\n.btn-group-lg > .btn {\n --cod-btn-padding-y: 0.5em;\n --cod-btn-padding-x: 1em;\n --cod-btn-font-size: 1.25em;\n --cod-btn-border-radius: var(--cod-border-radius-lg);\n}\n\n.btn-sm,\n.btn-group-sm > .btn {\n --cod-btn-padding-y: 0.25em;\n --cod-btn-padding-x: 0.5em;\n --cod-btn-font-size: 1em;\n --cod-btn-border-radius: var(--cod-border-radius-sm);\n}\n\n.fade {\n transition: opacity 0.15s linear;\n}\n@media (prefers-reduced-motion: reduce) {\n .fade {\n transition: none;\n }\n}\n.fade:not(.show) {\n opacity: 0;\n}\n\n.collapse:not(.show) {\n display: none;\n}\n\n.collapsing {\n height: 0;\n overflow: hidden;\n transition: height 0.35s ease;\n}\n@media (prefers-reduced-motion: reduce) {\n .collapsing {\n transition: none;\n }\n}\n.collapsing.collapse-horizontal {\n width: 0;\n height: auto;\n transition: width 0.35s ease;\n}\n@media (prefers-reduced-motion: reduce) {\n .collapsing.collapse-horizontal {\n transition: none;\n }\n}\n\n.dropup,\n.dropend,\n.dropdown,\n.dropstart,\n.dropup-center,\n.dropdown-center {\n position: relative;\n}\n\n.dropdown-toggle {\n white-space: nowrap;\n}\n.dropdown-toggle::after {\n display: inline-block;\n margin-left: 0.255em;\n vertical-align: 0.255em;\n content: '';\n border-top: 0.3em solid;\n border-right: 0.3em solid transparent;\n border-bottom: 0;\n border-left: 0.3em solid transparent;\n}\n.dropdown-toggle:empty::after {\n margin-left: 0;\n}\n\n.dropdown-menu {\n --cod-dropdown-zindex: 1000;\n --cod-dropdown-min-width: 10em;\n --cod-dropdown-padding-x: 0;\n --cod-dropdown-padding-y: 0.5em;\n --cod-dropdown-spacer: 0.125em;\n --cod-dropdown-font-size: 1em;\n --cod-dropdown-color: var(--cod-body-color);\n --cod-dropdown-bg: var(--cod-body-bg);\n --cod-dropdown-border-color: var(--cod-border-color-translucent);\n --cod-dropdown-border-radius: var(--cod-border-radius);\n --cod-dropdown-border-width: var(--cod-border-width);\n --cod-dropdown-inner-border-radius: calc(\n var(--cod-border-radius) - var(--cod-border-width)\n );\n --cod-dropdown-divider-bg: var(--cod-border-color-translucent);\n --cod-dropdown-divider-margin-y: 0.5em;\n --cod-dropdown-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);\n --cod-dropdown-link-color: var(--cod-body-color);\n --cod-dropdown-link-hover-color: var(--cod-body-color);\n --cod-dropdown-link-hover-bg: var(--cod-tertiary-bg);\n --cod-dropdown-link-active-color: #fff;\n --cod-dropdown-link-active-bg: #004445;\n --cod-dropdown-link-disabled-color: var(--cod-tertiary-color);\n --cod-dropdown-item-padding-x: 1em;\n --cod-dropdown-item-padding-y: 0.25em;\n --cod-dropdown-header-color: #6c757d;\n --cod-dropdown-header-padding-x: 1em;\n --cod-dropdown-header-padding-y: 0.5em;\n position: absolute;\n z-index: var(--cod-dropdown-zindex);\n display: none;\n min-width: var(--cod-dropdown-min-width);\n padding: var(--cod-dropdown-padding-y) var(--cod-dropdown-padding-x);\n margin: 0;\n font-size: var(--cod-dropdown-font-size);\n color: var(--cod-dropdown-color);\n text-align: left;\n list-style: none;\n background-color: var(--cod-dropdown-bg);\n background-clip: padding-box;\n border: var(--cod-dropdown-border-width) solid\n var(--cod-dropdown-border-color);\n}\n.dropdown-menu[data-bs-popper] {\n top: 100%;\n left: 0;\n margin-top: var(--cod-dropdown-spacer);\n}\n\n.dropdown-menu-start {\n --bs-position: start;\n}\n.dropdown-menu-start[data-bs-popper] {\n right: auto;\n left: 0;\n}\n\n.dropdown-menu-end {\n --bs-position: end;\n}\n.dropdown-menu-end[data-bs-popper] {\n right: 0;\n left: auto;\n}\n\n@media (min-width: 576px) {\n .dropdown-menu-sm-start {\n --bs-position: start;\n }\n .dropdown-menu-sm-start[data-bs-popper] {\n right: auto;\n left: 0;\n }\n .dropdown-menu-sm-end {\n --bs-position: end;\n }\n .dropdown-menu-sm-end[data-bs-popper] {\n right: 0;\n left: auto;\n }\n}\n@media (min-width: 768px) {\n .dropdown-menu-md-start {\n --bs-position: start;\n }\n .dropdown-menu-md-start[data-bs-popper] {\n right: auto;\n left: 0;\n }\n .dropdown-menu-md-end {\n --bs-position: end;\n }\n .dropdown-menu-md-end[data-bs-popper] {\n right: 0;\n left: auto;\n }\n}\n@media (min-width: 992px) {\n .dropdown-menu-lg-start {\n --bs-position: start;\n }\n .dropdown-menu-lg-start[data-bs-popper] {\n right: auto;\n left: 0;\n }\n .dropdown-menu-lg-end {\n --bs-position: end;\n }\n .dropdown-menu-lg-end[data-bs-popper] {\n right: 0;\n left: auto;\n }\n}\n@media (min-width: 1200px) {\n .dropdown-menu-xl-start {\n --bs-position: start;\n }\n .dropdown-menu-xl-start[data-bs-popper] {\n right: auto;\n left: 0;\n }\n .dropdown-menu-xl-end {\n --bs-position: end;\n }\n .dropdown-menu-xl-end[data-bs-popper] {\n right: 0;\n left: auto;\n }\n}\n@media (min-width: 1400px) {\n .dropdown-menu-xxl-start {\n --bs-position: start;\n }\n .dropdown-menu-xxl-start[data-bs-popper] {\n right: auto;\n left: 0;\n }\n .dropdown-menu-xxl-end {\n --bs-position: end;\n }\n .dropdown-menu-xxl-end[data-bs-popper] {\n right: 0;\n left: auto;\n }\n}\n.dropup .dropdown-menu[data-bs-popper] {\n top: auto;\n bottom: 100%;\n margin-top: 0;\n margin-bottom: var(--cod-dropdown-spacer);\n}\n.dropup .dropdown-toggle::after {\n display: inline-block;\n margin-left: 0.255em;\n vertical-align: 0.255em;\n content: '';\n border-top: 0;\n border-right: 0.3em solid transparent;\n border-bottom: 0.3em solid;\n border-left: 0.3em solid transparent;\n}\n.dropup .dropdown-toggle:empty::after {\n margin-left: 0;\n}\n\n.dropend .dropdown-menu[data-bs-popper] {\n top: 0;\n right: auto;\n left: 100%;\n margin-top: 0;\n margin-left: var(--cod-dropdown-spacer);\n}\n.dropend .dropdown-toggle::after {\n display: inline-block;\n margin-left: 0.255em;\n vertical-align: 0.255em;\n content: '';\n border-top: 0.3em solid transparent;\n border-right: 0;\n border-bottom: 0.3em solid transparent;\n border-left: 0.3em solid;\n}\n.dropend .dropdown-toggle:empty::after {\n margin-left: 0;\n}\n.dropend .dropdown-toggle::after {\n vertical-align: 0;\n}\n\n.dropstart .dropdown-menu[data-bs-popper] {\n top: 0;\n right: 100%;\n left: auto;\n margin-top: 0;\n margin-right: var(--cod-dropdown-spacer);\n}\n.dropstart .dropdown-toggle::after {\n display: inline-block;\n margin-left: 0.255em;\n vertical-align: 0.255em;\n content: '';\n}\n.dropstart .dropdown-toggle::after {\n display: none;\n}\n.dropstart .dropdown-toggle::before {\n display: inline-block;\n margin-right: 0.255em;\n vertical-align: 0.255em;\n content: '';\n border-top: 0.3em solid transparent;\n border-right: 0.3em solid;\n border-bottom: 0.3em solid transparent;\n}\n.dropstart .dropdown-toggle:empty::after {\n margin-left: 0;\n}\n.dropstart .dropdown-toggle::before {\n vertical-align: 0;\n}\n\n.dropdown-divider {\n height: 0;\n margin: var(--cod-dropdown-divider-margin-y) 0;\n overflow: hidden;\n border-top: 1px solid var(--cod-dropdown-divider-bg);\n opacity: 1;\n}\n\n.dropdown-item {\n display: block;\n width: 100%;\n padding: var(--cod-dropdown-item-padding-y) var(--cod-dropdown-item-padding-x);\n clear: both;\n font-weight: 400;\n color: var(--cod-dropdown-link-color);\n text-align: inherit;\n text-decoration: none;\n white-space: nowrap;\n background-color: transparent;\n border: 0;\n}\n.dropdown-item:hover,\n.dropdown-item:focus {\n color: var(--cod-dropdown-link-hover-color);\n background-color: var(--cod-dropdown-link-hover-bg);\n}\n.dropdown-item.active,\n.dropdown-item:active {\n color: var(--cod-dropdown-link-active-color);\n text-decoration: none;\n background-color: var(--cod-dropdown-link-active-bg);\n}\n.dropdown-item.disabled,\n.dropdown-item:disabled {\n color: var(--cod-dropdown-link-disabled-color);\n pointer-events: none;\n background-color: transparent;\n}\n\n.dropdown-menu.show {\n display: block;\n}\n\n.dropdown-header {\n display: block;\n padding: var(--cod-dropdown-header-padding-y)\n var(--cod-dropdown-header-padding-x);\n margin-bottom: 0;\n font-size: 1em;\n color: var(--cod-dropdown-header-color);\n white-space: nowrap;\n}\n\n.dropdown-item-text {\n display: block;\n padding: var(--cod-dropdown-item-padding-y) var(--cod-dropdown-item-padding-x);\n color: var(--cod-dropdown-link-color);\n}\n\n.dropdown-menu-dark {\n --cod-dropdown-color: #dee2e6;\n --cod-dropdown-bg: #343a40;\n --cod-dropdown-border-color: var(--cod-border-color-translucent);\n --cod-dropdown-box-shadow: ;\n --cod-dropdown-link-color: #dee2e6;\n --cod-dropdown-link-hover-color: #fff;\n --cod-dropdown-divider-bg: var(--cod-border-color-translucent);\n --cod-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);\n --cod-dropdown-link-active-color: #fff;\n --cod-dropdown-link-active-bg: #004445;\n --cod-dropdown-link-disabled-color: #adb5bd;\n --cod-dropdown-header-color: #adb5bd;\n}\n\n.btn-group,\n.btn-group-vertical {\n position: relative;\n display: inline-flex;\n vertical-align: middle;\n}\n.btn-group > .btn,\n.btn-group-vertical > .btn {\n position: relative;\n flex: 1 1 auto;\n}\n.btn-group > .btn-check:checked + .btn,\n.btn-group > .btn-check:focus + .btn,\n.btn-group > .btn:hover,\n.btn-group > .btn:focus,\n.btn-group > .btn:active,\n.btn-group > .btn.active,\n.btn-group-vertical > .btn-check:checked + .btn,\n.btn-group-vertical > .btn-check:focus + .btn,\n.btn-group-vertical > .btn:hover,\n.btn-group-vertical > .btn:focus,\n.btn-group-vertical > .btn:active,\n.btn-group-vertical > .btn.active {\n z-index: 1;\n}\n\n.btn-toolbar {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n}\n.btn-toolbar .input-group {\n width: auto;\n}\n\n.btn-group > :not(.btn-check:first-child) + .btn,\n.btn-group > .btn-group:not(:first-child) {\n margin-left: calc(var(--cod-border-width) * -1);\n}\n.dropdown-toggle-split {\n padding-right: 0.5625em;\n padding-left: 0.5625em;\n}\n.dropdown-toggle-split::after,\n.dropup .dropdown-toggle-split::after,\n.dropend .dropdown-toggle-split::after {\n margin-left: 0;\n}\n.dropstart .dropdown-toggle-split::before {\n margin-right: 0;\n}\n\n.btn-sm + .dropdown-toggle-split,\n.btn-group-sm > .btn + .dropdown-toggle-split {\n padding-right: 0.375em;\n padding-left: 0.375em;\n}\n\n.btn-lg + .dropdown-toggle-split,\n.btn-group-lg > .btn + .dropdown-toggle-split {\n padding-right: 0.75em;\n padding-left: 0.75em;\n}\n\n.btn-group-vertical {\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n}\n.btn-group-vertical > .btn,\n.btn-group-vertical > .btn-group {\n width: 100%;\n}\n.btn-group-vertical > .btn:not(:first-child),\n.btn-group-vertical > .btn-group:not(:first-child) {\n margin-top: calc(var(--cod-border-width) * -1);\n}\n.nav {\n --cod-nav-link-padding-x: 1em;\n --cod-nav-link-padding-y: 0.5em;\n --cod-nav-link-font-weight: ;\n --cod-nav-link-color: var(--cod-link-color);\n --cod-nav-link-hover-color: var(--cod-link-hover-color);\n --cod-nav-link-disabled-color: var(--cod-secondary-color);\n display: flex;\n flex-wrap: wrap;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n}\n\n.nav-link {\n display: block;\n padding: var(--cod-nav-link-padding-y) var(--cod-nav-link-padding-x);\n font-size: var(--cod-nav-link-font-size);\n font-weight: var(--cod-nav-link-font-weight);\n color: var(--cod-nav-link-color);\n text-decoration: none;\n background: none;\n border: 0;\n transition:\n color 0.15s ease-in-out,\n background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out;\n}\n@media (prefers-reduced-motion: reduce) {\n .nav-link {\n transition: none;\n }\n}\n.nav-link:hover,\n.nav-link:focus {\n color: var(--cod-nav-link-hover-color);\n}\n.nav-link:focus-visible {\n outline: 0;\n box-shadow: 0 0 0 0.25em blue;\n}\n.nav-link.disabled {\n color: var(--cod-nav-link-disabled-color);\n pointer-events: none;\n cursor: default;\n}\n\n.nav-tabs {\n --cod-nav-tabs-border-width: var(--cod-border-width);\n --cod-nav-tabs-border-color: var(--cod-border-color);\n --cod-nav-tabs-border-radius: var(--cod-border-radius);\n --cod-nav-tabs-link-hover-border-color: var(--cod-secondary-bg)\n var(--cod-secondary-bg) var(--cod-border-color);\n --cod-nav-tabs-link-active-color: var(--cod-emphasis-color);\n --cod-nav-tabs-link-active-bg: var(--cod-body-bg);\n --cod-nav-tabs-link-active-border-color: var(--cod-border-color)\n var(--cod-border-color) var(--cod-body-bg);\n border-bottom: var(--cod-nav-tabs-border-width) solid\n var(--cod-nav-tabs-border-color);\n}\n.nav-tabs .nav-link {\n margin-bottom: calc(-1 * var(--cod-nav-tabs-border-width));\n border: var(--cod-nav-tabs-border-width) solid transparent;\n}\n.nav-tabs .nav-link:hover,\n.nav-tabs .nav-link:focus {\n isolation: isolate;\n border-color: var(--cod-nav-tabs-link-hover-border-color);\n}\n.nav-tabs .nav-link.disabled,\n.nav-tabs .nav-link:disabled {\n color: var(--cod-nav-link-disabled-color);\n background-color: transparent;\n border-color: transparent;\n}\n.nav-tabs .nav-link.active,\n.nav-tabs .nav-item.show .nav-link {\n color: var(--cod-nav-tabs-link-active-color);\n background-color: var(--cod-nav-tabs-link-active-bg);\n border-color: var(--cod-nav-tabs-link-active-border-color);\n}\n.nav-tabs .dropdown-menu {\n margin-top: calc(-1 * var(--cod-nav-tabs-border-width));\n}\n\n.nav-pills {\n --cod-nav-pills-border-radius: var(--cod-border-radius);\n --cod-nav-pills-link-active-color: #fff;\n --cod-nav-pills-link-active-bg: #004445;\n}\n.nav-pills .nav-link:disabled {\n color: var(--cod-nav-link-disabled-color);\n background-color: transparent;\n border-color: transparent;\n}\n.nav-pills .nav-link.active,\n.nav-pills .show > .nav-link {\n color: var(--cod-nav-pills-link-active-color);\n background-color: var(--cod-nav-pills-link-active-bg);\n}\n\n.nav-underline {\n --cod-nav-underline-gap: 1em;\n --cod-nav-underline-border-width: 0.125em;\n --cod-nav-underline-link-active-color: var(--cod-emphasis-color);\n gap: var(--cod-nav-underline-gap);\n}\n.nav-underline .nav-link {\n padding-right: 0;\n padding-left: 0;\n border-bottom: var(--cod-nav-underline-border-width) solid transparent;\n}\n.nav-underline .nav-link:hover,\n.nav-underline .nav-link:focus {\n border-bottom-color: currentcolor;\n}\n.nav-underline .nav-link.active,\n.nav-underline .show > .nav-link {\n font-weight: 700;\n color: var(--cod-nav-underline-link-active-color);\n border-bottom-color: currentcolor;\n}\n\n.nav-fill > .nav-link,\n.nav-fill .nav-item {\n flex: 1 1 auto;\n text-align: center;\n}\n\n.nav-justified > .nav-link,\n.nav-justified .nav-item {\n flex-basis: 0;\n flex-grow: 1;\n text-align: center;\n}\n\n.nav-fill .nav-item .nav-link,\n.nav-justified .nav-item .nav-link {\n width: 100%;\n}\n\n.tab-content > .tab-pane {\n display: none;\n}\n.tab-content > .active {\n display: block;\n}\n\n.navbar {\n --cod-navbar-padding-x: 0;\n --cod-navbar-padding-y: 0.5em;\n --cod-navbar-color: rgba(var(--cod-emphasis-color-rgb), 0.65);\n --cod-navbar-hover-color: rgba(var(--cod-emphasis-color-rgb), 0.8);\n --cod-navbar-disabled-color: rgba(var(--cod-emphasis-color-rgb), 0.3);\n --cod-navbar-active-color: rgba(var(--cod-emphasis-color-rgb), 1);\n --cod-navbar-brand-padding-y: 0.3125em;\n --cod-navbar-brand-margin-end: 1em;\n --cod-navbar-brand-font-size: 1.25em;\n --cod-navbar-brand-color: rgba(var(--cod-emphasis-color-rgb), 1);\n --cod-navbar-brand-hover-color: rgba(var(--cod-emphasis-color-rgb), 1);\n --cod-navbar-nav-link-padding-x: 0.5em;\n --cod-navbar-toggler-padding-y: 0.25em;\n --cod-navbar-toggler-padding-x: 0.75em;\n --cod-navbar-toggler-font-size: 1.25em;\n --cod-navbar-toggler-icon-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\");\n --cod-navbar-toggler-border-color: rgba(var(--cod-emphasis-color-rgb), 0.15);\n --cod-navbar-toggler-border-radius: var(--cod-border-radius);\n --cod-navbar-toggler-focus-width: 0.25em;\n --cod-navbar-toggler-transition: box-shadow 0.15s ease-in-out;\n position: relative;\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n justify-content: space-between;\n padding: var(--cod-navbar-padding-y) var(--cod-navbar-padding-x);\n}\n.navbar > .container,\n.navbar > .container-fluid,\n.navbar > .container-sm,\n.navbar > .container-md,\n.navbar > .container-lg,\n.navbar > .container-xl,\n.navbar > .container-xxl {\n display: flex;\n flex-wrap: inherit;\n align-items: center;\n justify-content: space-between;\n}\n.navbar-brand {\n padding-top: var(--cod-navbar-brand-padding-y);\n padding-bottom: var(--cod-navbar-brand-padding-y);\n margin-right: var(--cod-navbar-brand-margin-end);\n font-size: var(--cod-navbar-brand-font-size);\n color: var(--cod-navbar-brand-color);\n text-decoration: none;\n white-space: nowrap;\n}\n.navbar-brand:hover,\n.navbar-brand:focus {\n color: var(--cod-navbar-brand-hover-color);\n}\n\n.navbar-nav {\n --cod-nav-link-padding-x: 0;\n --cod-nav-link-padding-y: 0.5em;\n --cod-nav-link-font-weight: ;\n --cod-nav-link-color: var(--cod-navbar-color);\n --cod-nav-link-hover-color: var(--cod-navbar-hover-color);\n --cod-nav-link-disabled-color: var(--cod-navbar-disabled-color);\n display: flex;\n flex-direction: column;\n padding-left: 0;\n margin-bottom: 0;\n list-style: none;\n}\n.navbar-nav .nav-link.active,\n.navbar-nav .nav-link.show {\n color: var(--cod-navbar-active-color);\n}\n.navbar-nav .dropdown-menu {\n position: static;\n}\n\n.navbar-text {\n padding-top: 0.5em;\n padding-bottom: 0.5em;\n color: var(--cod-navbar-color);\n}\n.navbar-text a,\n.navbar-text a:hover,\n.navbar-text a:focus {\n color: var(--cod-navbar-active-color);\n}\n\n.navbar-collapse {\n flex-basis: 100%;\n flex-grow: 1;\n align-items: center;\n}\n\n.navbar-toggler {\n padding: var(--cod-navbar-toggler-padding-y)\n var(--cod-navbar-toggler-padding-x);\n font-size: var(--cod-navbar-toggler-font-size);\n line-height: 1;\n color: var(--cod-navbar-color);\n background-color: transparent;\n border: var(--cod-border-width) solid var(--cod-navbar-toggler-border-color);\n transition: var(--cod-navbar-toggler-transition);\n}\n@media (prefers-reduced-motion: reduce) {\n .navbar-toggler {\n transition: none;\n }\n}\n.navbar-toggler:hover {\n text-decoration: none;\n}\n.navbar-toggler:focus {\n text-decoration: none;\n outline: 0;\n box-shadow: 0 0 0 var(--cod-navbar-toggler-focus-width);\n}\n\n.navbar-toggler-icon {\n display: inline-block;\n width: 1.5em;\n height: 1.5em;\n vertical-align: middle;\n background-image: var(--cod-navbar-toggler-icon-bg);\n background-repeat: no-repeat;\n background-position: center;\n background-size: 100%;\n}\n\n.navbar-nav-scroll {\n max-height: var(--cod-scroll-height, 75vh);\n overflow-y: auto;\n}\n\n@media (min-width: 576px) {\n .navbar-expand-sm {\n flex-wrap: nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-sm .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-sm .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-sm .navbar-nav .nav-link {\n padding-right: var(--cod-navbar-nav-link-padding-x);\n padding-left: var(--cod-navbar-nav-link-padding-x);\n }\n .navbar-expand-sm .navbar-nav-scroll {\n overflow: visible;\n }\n .navbar-expand-sm .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-sm .navbar-toggler {\n display: none;\n }\n .navbar-expand-sm .offcanvas {\n position: static;\n z-index: auto;\n flex-grow: 1;\n width: auto !important;\n height: auto !important;\n visibility: visible !important;\n background-color: transparent !important;\n border: 0 !important;\n transform: none !important;\n transition: none;\n }\n .navbar-expand-sm .offcanvas .offcanvas-header {\n display: none;\n }\n .navbar-expand-sm .offcanvas .offcanvas-body {\n display: flex;\n flex-grow: 0;\n padding: 0;\n overflow-y: visible;\n }\n}\n@media (min-width: 768px) {\n .navbar-expand-md {\n flex-wrap: nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-md .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-md .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-md .navbar-nav .nav-link {\n padding-right: var(--cod-navbar-nav-link-padding-x);\n padding-left: var(--cod-navbar-nav-link-padding-x);\n }\n .navbar-expand-md .navbar-nav-scroll {\n overflow: visible;\n }\n .navbar-expand-md .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-md .navbar-toggler {\n display: none;\n }\n .navbar-expand-md .offcanvas {\n position: static;\n z-index: auto;\n flex-grow: 1;\n width: auto !important;\n height: auto !important;\n visibility: visible !important;\n background-color: transparent !important;\n border: 0 !important;\n transform: none !important;\n transition: none;\n }\n .navbar-expand-md .offcanvas .offcanvas-header {\n display: none;\n }\n .navbar-expand-md .offcanvas .offcanvas-body {\n display: flex;\n flex-grow: 0;\n padding: 0;\n overflow-y: visible;\n }\n}\n@media (min-width: 992px) {\n .navbar-expand-lg {\n flex-wrap: nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-lg .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-lg .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-lg .navbar-nav .nav-link {\n padding-right: var(--cod-navbar-nav-link-padding-x);\n padding-left: var(--cod-navbar-nav-link-padding-x);\n }\n .navbar-expand-lg .navbar-nav-scroll {\n overflow: visible;\n }\n .navbar-expand-lg .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-lg .navbar-toggler {\n display: none;\n }\n .navbar-expand-lg .offcanvas {\n position: static;\n z-index: auto;\n flex-grow: 1;\n width: auto !important;\n height: auto !important;\n visibility: visible !important;\n background-color: transparent !important;\n border: 0 !important;\n transform: none !important;\n transition: none;\n }\n .navbar-expand-lg .offcanvas .offcanvas-header {\n display: none;\n }\n .navbar-expand-lg .offcanvas .offcanvas-body {\n display: flex;\n flex-grow: 0;\n padding: 0;\n overflow-y: visible;\n }\n}\n@media (min-width: 1200px) {\n .navbar-expand-xl {\n flex-wrap: nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-xl .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-xl .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-xl .navbar-nav .nav-link {\n padding-right: var(--cod-navbar-nav-link-padding-x);\n padding-left: var(--cod-navbar-nav-link-padding-x);\n }\n .navbar-expand-xl .navbar-nav-scroll {\n overflow: visible;\n }\n .navbar-expand-xl .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-xl .navbar-toggler {\n display: none;\n }\n .navbar-expand-xl .offcanvas {\n position: static;\n z-index: auto;\n flex-grow: 1;\n width: auto !important;\n height: auto !important;\n visibility: visible !important;\n background-color: transparent !important;\n border: 0 !important;\n transform: none !important;\n transition: none;\n }\n .navbar-expand-xl .offcanvas .offcanvas-header {\n display: none;\n }\n .navbar-expand-xl .offcanvas .offcanvas-body {\n display: flex;\n flex-grow: 0;\n padding: 0;\n overflow-y: visible;\n }\n}\n@media (min-width: 1400px) {\n .navbar-expand-xxl {\n flex-wrap: nowrap;\n justify-content: flex-start;\n }\n .navbar-expand-xxl .navbar-nav {\n flex-direction: row;\n }\n .navbar-expand-xxl .navbar-nav .dropdown-menu {\n position: absolute;\n }\n .navbar-expand-xxl .navbar-nav .nav-link {\n padding-right: var(--cod-navbar-nav-link-padding-x);\n padding-left: var(--cod-navbar-nav-link-padding-x);\n }\n .navbar-expand-xxl .navbar-nav-scroll {\n overflow: visible;\n }\n .navbar-expand-xxl .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n }\n .navbar-expand-xxl .navbar-toggler {\n display: none;\n }\n .navbar-expand-xxl .offcanvas {\n position: static;\n z-index: auto;\n flex-grow: 1;\n width: auto !important;\n height: auto !important;\n visibility: visible !important;\n background-color: transparent !important;\n border: 0 !important;\n transform: none !important;\n transition: none;\n }\n .navbar-expand-xxl .offcanvas .offcanvas-header {\n display: none;\n }\n .navbar-expand-xxl .offcanvas .offcanvas-body {\n display: flex;\n flex-grow: 0;\n padding: 0;\n overflow-y: visible;\n }\n}\n.navbar-expand {\n flex-wrap: nowrap;\n justify-content: flex-start;\n}\n.navbar-expand .navbar-nav {\n flex-direction: row;\n}\n.navbar-expand .navbar-nav .dropdown-menu {\n position: absolute;\n}\n.navbar-expand .navbar-nav .nav-link {\n padding-right: var(--cod-navbar-nav-link-padding-x);\n padding-left: var(--cod-navbar-nav-link-padding-x);\n}\n.navbar-expand .navbar-nav-scroll {\n overflow: visible;\n}\n.navbar-expand .navbar-collapse {\n display: flex !important;\n flex-basis: auto;\n}\n.navbar-expand .navbar-toggler {\n display: none;\n}\n.navbar-expand .offcanvas {\n position: static;\n z-index: auto;\n flex-grow: 1;\n width: auto !important;\n height: auto !important;\n visibility: visible !important;\n background-color: transparent !important;\n border: 0 !important;\n transform: none !important;\n transition: none;\n}\n.navbar-expand .offcanvas .offcanvas-header {\n display: none;\n}\n.navbar-expand .offcanvas .offcanvas-body {\n display: flex;\n flex-grow: 0;\n padding: 0;\n overflow-y: visible;\n}\n\n.navbar-dark {\n --cod-navbar-color: rgba(255, 255, 255, 0.55);\n --cod-navbar-hover-color: rgba(255, 255, 255, 0.75);\n --cod-navbar-disabled-color: rgba(255, 255, 255, 0.25);\n --cod-navbar-active-color: #fff;\n --cod-navbar-brand-color: #fff;\n --cod-navbar-brand-hover-color: #fff;\n --cod-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);\n --cod-navbar-toggler-icon-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\");\n}\n\n[data-bs-theme='dark'] .navbar-toggler-icon {\n --cod-navbar-toggler-icon-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e\");\n}\n\n.card {\n --cod-card-spacer-y: 1em;\n --cod-card-spacer-x: 1em;\n --cod-card-title-spacer-y: 0.5em;\n --cod-card-title-color: ;\n --cod-card-subtitle-color: ;\n --cod-card-border-width: var(--cod-border-width);\n --cod-card-border-color: var(--cod-border-color-translucent);\n --cod-card-border-radius: var(--cod-border-radius);\n --cod-card-box-shadow: ;\n --cod-card-inner-border-radius: calc(\n var(--cod-border-radius) - (var(--cod-border-width))\n );\n --cod-card-cap-padding-y: 0.5em;\n --cod-card-cap-padding-x: 1em;\n --cod-card-cap-bg: rgba(var(--cod-body-color-rgb), 0.03);\n --cod-card-cap-color: ;\n --cod-card-height: ;\n --cod-card-color: ;\n --cod-card-bg: var(--cod-body-bg);\n --cod-card-img-overlay-padding: 1em;\n --cod-card-group-margin: 0.75em;\n position: relative;\n display: flex;\n flex-direction: column;\n min-width: 0;\n height: var(--cod-card-height);\n color: var(--cod-body-color);\n word-wrap: break-word;\n background-color: var(--cod-card-bg);\n background-clip: border-box;\n border: var(--cod-card-border-width) solid var(--cod-card-border-color);\n}\n.card > hr {\n margin-right: 0;\n margin-left: 0;\n}\n.card > .list-group {\n border-top: inherit;\n border-bottom: inherit;\n}\n.card > .list-group:first-child {\n border-top-width: 0;\n}\n.card > .list-group:last-child {\n border-bottom-width: 0;\n}\n.card > .card-header + .list-group,\n.card > .list-group + .card-footer {\n border-top: 0;\n}\n\n.card-body {\n flex: 1 1 auto;\n padding: var(--cod-card-spacer-y) var(--cod-card-spacer-x);\n color: var(--cod-card-color);\n}\n\n.card-title {\n margin-bottom: var(--cod-card-title-spacer-y);\n color: var(--cod-card-title-color);\n}\n\n.card-subtitle {\n margin-top: calc(-0.5 * var(--cod-card-title-spacer-y));\n margin-bottom: 0;\n color: var(--cod-card-subtitle-color);\n}\n\n.card-text:last-child {\n margin-bottom: 0;\n}\n\n.card-link + .card-link {\n margin-left: var(--cod-card-spacer-x);\n}\n\n.card-header {\n padding: var(--cod-card-cap-padding-y) var(--cod-card-cap-padding-x);\n margin-bottom: 0;\n color: var(--cod-card-cap-color);\n background-color: var(--cod-card-cap-bg);\n border-bottom: var(--cod-card-border-width) solid var(--cod-card-border-color);\n}\n.card-footer {\n padding: var(--cod-card-cap-padding-y) var(--cod-card-cap-padding-x);\n color: var(--cod-card-cap-color);\n background-color: var(--cod-card-cap-bg);\n border-top: var(--cod-card-border-width) solid var(--cod-card-border-color);\n}\n.card-header-tabs {\n margin-right: calc(-0.5 * var(--cod-card-cap-padding-x));\n margin-bottom: calc(-1 * var(--cod-card-cap-padding-y));\n margin-left: calc(-0.5 * var(--cod-card-cap-padding-x));\n border-bottom: 0;\n}\n.card-header-tabs .nav-link.active {\n background-color: var(--cod-card-bg);\n border-bottom-color: var(--cod-card-bg);\n}\n\n.card-header-pills {\n margin-right: calc(-0.5 * var(--cod-card-cap-padding-x));\n margin-left: calc(-0.5 * var(--cod-card-cap-padding-x));\n}\n\n.card-img-overlay {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: var(--cod-card-img-overlay-padding);\n}\n\n.card-img,\n.card-img-top,\n.card-img-bottom {\n width: 100%;\n}\n\n.card-group > .card {\n margin-bottom: var(--cod-card-group-margin);\n}\n@media (min-width: 576px) {\n .card-group {\n display: flex;\n flex-flow: row wrap;\n }\n .card-group > .card {\n flex: 1 0 0%;\n margin-bottom: 0;\n }\n .card-group > .card + .card {\n margin-left: 0;\n border-left: 0;\n }\n}\n\n.accordion {\n --cod-accordion-color: var(--cod-body-color);\n --cod-accordion-bg: var(--cod-body-bg);\n --cod-accordion-transition: color 0.15s ease-in-out,\n background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out, border-radius 0.15s ease;\n --cod-accordion-border-color: var(--cod-border-color);\n --cod-accordion-border-width: var(--cod-border-width);\n --cod-accordion-border-radius: var(--cod-border-radius);\n --cod-accordion-inner-border-radius: calc(\n var(--cod-border-radius) - (var(--cod-border-width))\n );\n --cod-accordion-btn-padding-x: 1.25em;\n --cod-accordion-btn-padding-y: 1em;\n --cod-accordion-btn-color: var(--cod-body-color);\n --cod-accordion-btn-bg: var(--cod-accordion-bg);\n --cod-accordion-btn-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e\");\n --cod-accordion-btn-icon-width: 1.25em;\n --cod-accordion-btn-icon-transform: rotate(-180deg);\n --cod-accordion-btn-icon-transition: transform 0.2s ease-in-out;\n --cod-accordion-btn-active-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23001b1c'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e\");\n --cod-accordion-btn-focus-border-color: #80a2a2;\n --cod-accordion-btn-focus-box-shadow: 0 0 0 0.25em blue;\n --cod-accordion-body-padding-x: 1.25em;\n --cod-accordion-body-padding-y: 1em;\n --cod-accordion-active-color: var(--cod-primary-text-emphasis);\n --cod-accordion-active-bg: var(--cod-primary-bg-subtle);\n}\n\n.accordion-button {\n position: relative;\n display: flex;\n align-items: center;\n width: 100%;\n padding: var(--cod-accordion-btn-padding-y) var(--cod-accordion-btn-padding-x);\n font-size: 1em;\n color: var(--cod-accordion-btn-color);\n text-align: left;\n background-color: var(--cod-accordion-btn-bg);\n border: 0;\n overflow-anchor: none;\n transition: var(--cod-accordion-transition);\n}\n@media (prefers-reduced-motion: reduce) {\n .accordion-button {\n transition: none;\n }\n}\n.accordion-button:not(.collapsed) {\n color: var(--cod-accordion-active-color);\n background-color: var(--cod-accordion-active-bg);\n box-shadow: inset 0 calc(-1 * var(--cod-accordion-border-width)) 0\n var(--cod-accordion-border-color);\n}\n.accordion-button:not(.collapsed)::after {\n background-image: var(--cod-accordion-btn-active-icon);\n transform: var(--cod-accordion-btn-icon-transform);\n}\n.accordion-button::after {\n flex-shrink: 0;\n width: var(--cod-accordion-btn-icon-width);\n height: var(--cod-accordion-btn-icon-width);\n margin-left: auto;\n content: '';\n background-image: var(--cod-accordion-btn-icon);\n background-repeat: no-repeat;\n background-size: var(--cod-accordion-btn-icon-width);\n transition: var(--cod-accordion-btn-icon-transition);\n}\n@media (prefers-reduced-motion: reduce) {\n .accordion-button::after {\n transition: none;\n }\n}\n.accordion-button:hover {\n z-index: 2;\n}\n.accordion-button:focus {\n z-index: 3;\n border-color: var(--cod-accordion-btn-focus-border-color);\n outline: 0;\n box-shadow: var(--cod-accordion-btn-focus-box-shadow);\n}\n\n.accordion-header {\n margin-bottom: 0;\n}\n\n.accordion-item {\n color: var(--cod-accordion-color);\n background-color: var(--cod-accordion-bg);\n border: var(--cod-accordion-border-width) solid\n var(--cod-accordion-border-color);\n}\n.accordion-item:not(:first-of-type) {\n border-top: 0;\n}\n.accordion-body {\n padding: var(--cod-accordion-body-padding-y)\n var(--cod-accordion-body-padding-x);\n}\n\n.accordion-flush .accordion-collapse {\n border-width: 0;\n}\n.accordion-flush .accordion-item {\n border-right: 0;\n border-left: 0;\n}\n.accordion-flush .accordion-item:first-child {\n border-top: 0;\n}\n.accordion-flush .accordion-item:last-child {\n border-bottom: 0;\n}\n[data-bs-theme='dark'] .accordion-button::after {\n --cod-accordion-btn-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23668f8f'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e\");\n --cod-accordion-btn-active-icon: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23668f8f'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e\");\n}\n\n.breadcrumb {\n --cod-breadcrumb-padding-x: 0;\n --cod-breadcrumb-padding-y: 0;\n --cod-breadcrumb-margin-bottom: 1em;\n --cod-breadcrumb-bg: ;\n --cod-breadcrumb-border-radius: ;\n --cod-breadcrumb-divider-color: var(--cod-secondary-color);\n --cod-breadcrumb-item-padding-x: 0.5em;\n --cod-breadcrumb-item-active-color: var(--cod-secondary-color);\n display: flex;\n flex-wrap: wrap;\n padding: var(--cod-breadcrumb-padding-y) var(--cod-breadcrumb-padding-x);\n margin-bottom: var(--cod-breadcrumb-margin-bottom);\n font-size: var(--cod-breadcrumb-font-size);\n list-style: none;\n background-color: var(--cod-breadcrumb-bg);\n}\n\n.breadcrumb-item + .breadcrumb-item {\n padding-left: var(--cod-breadcrumb-item-padding-x);\n}\n.breadcrumb-item + .breadcrumb-item::before {\n float: left;\n padding-right: var(--cod-breadcrumb-item-padding-x);\n color: var(--cod-breadcrumb-divider-color);\n content: var(--cod-breadcrumb-divider, '/')\n /* rtl: var(--cod-breadcrumb-divider, \"/\") */;\n}\n.breadcrumb-item.active {\n color: var(--cod-breadcrumb-item-active-color);\n}\n\n.pagination {\n --cod-pagination-padding-x: 0.75em;\n --cod-pagination-padding-y: 0.375em;\n --cod-pagination-font-size: 1em;\n --cod-pagination-color: var(--cod-link-color);\n --cod-pagination-bg: var(--cod-body-bg);\n --cod-pagination-border-width: var(--cod-border-width);\n --cod-pagination-border-color: var(--cod-border-color);\n --cod-pagination-border-radius: var(--cod-border-radius);\n --cod-pagination-hover-color: var(--cod-link-hover-color);\n --cod-pagination-hover-bg: var(--cod-tertiary-bg);\n --cod-pagination-hover-border-color: var(--cod-border-color);\n --cod-pagination-focus-color: var(--cod-link-hover-color);\n --cod-pagination-focus-bg: var(--cod-secondary-bg);\n --cod-pagination-focus-box-shadow: 0 0 0 0.25em blue;\n --cod-pagination-active-color: #fff;\n --cod-pagination-active-bg: #004445;\n --cod-pagination-active-border-color: #004445;\n --cod-pagination-disabled-color: var(--cod-secondary-color);\n --cod-pagination-disabled-bg: var(--cod-secondary-bg);\n --cod-pagination-disabled-border-color: var(--cod-border-color);\n display: flex;\n padding-left: 0;\n list-style: none;\n}\n\n.page-link {\n position: relative;\n display: block;\n padding: var(--cod-pagination-padding-y) var(--cod-pagination-padding-x);\n font-size: var(--cod-pagination-font-size);\n color: var(--cod-pagination-color);\n text-decoration: none;\n background-color: var(--cod-pagination-bg);\n border: var(--cod-pagination-border-width) solid\n var(--cod-pagination-border-color);\n transition:\n color 0.15s ease-in-out,\n background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out;\n}\n@media (prefers-reduced-motion: reduce) {\n .page-link {\n transition: none;\n }\n}\n.page-link:hover {\n z-index: 2;\n color: var(--cod-pagination-hover-color);\n background-color: var(--cod-pagination-hover-bg);\n border-color: var(--cod-pagination-hover-border-color);\n}\n.page-link:focus {\n z-index: 3;\n color: var(--cod-pagination-focus-color);\n background-color: var(--cod-pagination-focus-bg);\n outline: 0;\n box-shadow: var(--cod-pagination-focus-box-shadow);\n}\n.page-link.active,\n.active > .page-link {\n z-index: 3;\n color: var(--cod-pagination-active-color);\n background-color: var(--cod-pagination-active-bg);\n border-color: var(--cod-pagination-active-border-color);\n}\n.page-link.disabled,\n.disabled > .page-link {\n color: var(--cod-pagination-disabled-color);\n pointer-events: none;\n background-color: var(--cod-pagination-disabled-bg);\n border-color: var(--cod-pagination-disabled-border-color);\n}\n\n.page-item:not(:first-child) .page-link {\n margin-left: calc(var(--cod-border-width) * -1);\n}\n.pagination-lg {\n --cod-pagination-padding-x: 1.5em;\n --cod-pagination-padding-y: 0.75em;\n --cod-pagination-font-size: 1.25em;\n --cod-pagination-border-radius: var(--cod-border-radius-lg);\n}\n\n.pagination-sm {\n --cod-pagination-padding-x: 0.5em;\n --cod-pagination-padding-y: 0.25em;\n --cod-pagination-font-size: 1em;\n --cod-pagination-border-radius: var(--cod-border-radius-sm);\n}\n\n.badge {\n --cod-badge-padding-x: 0.65em;\n --cod-badge-padding-y: 0.35em;\n --cod-badge-font-size: 0.75em;\n --cod-badge-font-weight: 700;\n --cod-badge-color: #fff;\n --cod-badge-border-radius: var(--cod-border-radius);\n display: inline-block;\n padding: var(--cod-badge-padding-y) var(--cod-badge-padding-x);\n font-size: var(--cod-badge-font-size);\n font-weight: var(--cod-badge-font-weight);\n line-height: 1;\n color: var(--cod-badge-color);\n text-align: center;\n white-space: nowrap;\n vertical-align: baseline;\n}\n.badge:empty {\n display: none;\n}\n\n.btn .badge {\n position: relative;\n top: -1px;\n}\n\n.alert {\n --cod-alert-bg: transparent;\n --cod-alert-padding-x: 1em;\n --cod-alert-padding-y: 1em;\n --cod-alert-margin-bottom: 1em;\n --cod-alert-color: inherit;\n --cod-alert-border-color: transparent;\n --cod-alert-border: var(--cod-border-width) solid\n var(--cod-alert-border-color);\n --cod-alert-border-radius: var(--cod-border-radius);\n --cod-alert-link-color: inherit;\n position: relative;\n padding: var(--cod-alert-padding-y) var(--cod-alert-padding-x);\n margin-bottom: var(--cod-alert-margin-bottom);\n color: var(--cod-alert-color);\n background-color: var(--cod-alert-bg);\n border: var(--cod-alert-border);\n}\n\n.alert-heading {\n color: inherit;\n}\n\n.alert-link {\n font-weight: 700;\n color: var(--cod-alert-link-color);\n}\n\n.alert-dismissible {\n padding-right: 3em;\n}\n.alert-dismissible .btn-close {\n position: absolute;\n top: 0;\n right: 0;\n z-index: 2;\n padding: 1.25em 1em;\n}\n\n.alert-primary {\n --cod-alert-color: var(--cod-primary-text-emphasis);\n --cod-alert-bg: var(--cod-primary-bg-subtle);\n --cod-alert-border-color: var(--cod-primary-border-subtle);\n --cod-alert-link-color: var(--cod-primary-text-emphasis);\n}\n\n.alert-secondary {\n --cod-alert-color: var(--cod-secondary-text-emphasis);\n --cod-alert-bg: var(--cod-secondary-bg-subtle);\n --cod-alert-border-color: var(--cod-secondary-border-subtle);\n --cod-alert-link-color: var(--cod-secondary-text-emphasis);\n}\n\n.alert-success {\n --cod-alert-color: var(--cod-success-text-emphasis);\n --cod-alert-bg: var(--cod-success-bg-subtle);\n --cod-alert-border-color: var(--cod-success-border-subtle);\n --cod-alert-link-color: var(--cod-success-text-emphasis);\n}\n\n.alert-info {\n --cod-alert-color: var(--cod-info-text-emphasis);\n --cod-alert-bg: var(--cod-info-bg-subtle);\n --cod-alert-border-color: var(--cod-info-border-subtle);\n --cod-alert-link-color: var(--cod-info-text-emphasis);\n}\n\n.alert-warning {\n --cod-alert-color: var(--cod-warning-text-emphasis);\n --cod-alert-bg: var(--cod-warning-bg-subtle);\n --cod-alert-border-color: var(--cod-warning-border-subtle);\n --cod-alert-link-color: var(--cod-warning-text-emphasis);\n}\n\n.alert-danger {\n --cod-alert-color: var(--cod-danger-text-emphasis);\n --cod-alert-bg: var(--cod-danger-bg-subtle);\n --cod-alert-border-color: var(--cod-danger-border-subtle);\n --cod-alert-link-color: var(--cod-danger-text-emphasis);\n}\n\n.alert-light {\n --cod-alert-color: var(--cod-light-text-emphasis);\n --cod-alert-bg: var(--cod-light-bg-subtle);\n --cod-alert-border-color: var(--cod-light-border-subtle);\n --cod-alert-link-color: var(--cod-light-text-emphasis);\n}\n\n.alert-dark {\n --cod-alert-color: var(--cod-dark-text-emphasis);\n --cod-alert-bg: var(--cod-dark-bg-subtle);\n --cod-alert-border-color: var(--cod-dark-border-subtle);\n --cod-alert-link-color: var(--cod-dark-text-emphasis);\n}\n\n.alert-accent-primary {\n --cod-alert-color: var(--cod-accent-primary-text-emphasis);\n --cod-alert-bg: var(--cod-accent-primary-bg-subtle);\n --cod-alert-border-color: var(--cod-accent-primary-border-subtle);\n --cod-alert-link-color: var(--cod-accent-primary-text-emphasis);\n}\n\n.alert-accent-secondary {\n --cod-alert-color: var(--cod-accent-secondary-text-emphasis);\n --cod-alert-bg: var(--cod-accent-secondary-bg-subtle);\n --cod-alert-border-color: var(--cod-accent-secondary-border-subtle);\n --cod-alert-link-color: var(--cod-accent-secondary-text-emphasis);\n}\n\n@keyframes progress-bar-stripes {\n 0% {\n background-position-x: 1em;\n }\n}\n.progress,\n.progress-stacked {\n --cod-progress-height: 1em;\n --cod-progress-font-size: 0.75em;\n --cod-progress-bg: var(--cod-secondary-bg);\n --cod-progress-border-radius: var(--cod-border-radius);\n --cod-progress-box-shadow: var(--cod-box-shadow-inset);\n --cod-progress-bar-color: #fff;\n --cod-progress-bar-bg: #004445;\n --cod-progress-bar-transition: width 0.6s ease;\n display: flex;\n height: var(--cod-progress-height);\n overflow: hidden;\n font-size: var(--cod-progress-font-size);\n background-color: var(--cod-progress-bg);\n}\n\n.progress-bar {\n display: flex;\n flex-direction: column;\n justify-content: center;\n overflow: hidden;\n color: var(--cod-progress-bar-color);\n text-align: center;\n white-space: nowrap;\n background-color: var(--cod-progress-bar-bg);\n transition: var(--cod-progress-bar-transition);\n}\n@media (prefers-reduced-motion: reduce) {\n .progress-bar {\n transition: none;\n }\n}\n\n.progress-bar-striped {\n background-image: linear-gradient(\n 45deg,\n rgba(255, 255, 255, 0.15) 25%,\n transparent 25%,\n transparent 50%,\n rgba(255, 255, 255, 0.15) 50%,\n rgba(255, 255, 255, 0.15) 75%,\n transparent 75%,\n transparent\n );\n background-size: var(--cod-progress-height) var(--cod-progress-height);\n}\n\n.progress-stacked > .progress {\n overflow: visible;\n}\n\n.progress-stacked > .progress > .progress-bar {\n width: 100%;\n}\n\n.progress-bar-animated {\n animation: 1s linear infinite progress-bar-stripes;\n}\n@media (prefers-reduced-motion: reduce) {\n .progress-bar-animated {\n animation: none;\n }\n}\n\n.list-group {\n --cod-list-group-color: var(--cod-body-color);\n --cod-list-group-bg: var(--cod-body-bg);\n --cod-list-group-border-color: var(--cod-border-color);\n --cod-list-group-border-width: var(--cod-border-width);\n --cod-list-group-border-radius: var(--cod-border-radius);\n --cod-list-group-item-padding-x: 1em;\n --cod-list-group-item-padding-y: 0.5em;\n --cod-list-group-action-color: var(--cod-secondary-color);\n --cod-list-group-action-hover-color: var(--cod-emphasis-color);\n --cod-list-group-action-hover-bg: var(--cod-tertiary-bg);\n --cod-list-group-action-active-color: var(--cod-body-color);\n --cod-list-group-action-active-bg: var(--cod-secondary-bg);\n --cod-list-group-disabled-color: var(--cod-secondary-color);\n --cod-list-group-disabled-bg: var(--cod-body-bg);\n --cod-list-group-active-color: #fff;\n --cod-list-group-active-bg: #004445;\n --cod-list-group-active-border-color: #004445;\n display: flex;\n flex-direction: column;\n padding-left: 0;\n margin-bottom: 0;\n}\n\n.list-group-numbered {\n list-style-type: none;\n counter-reset: section;\n}\n.list-group-numbered > .list-group-item::before {\n content: counters(section, '.') '. ';\n counter-increment: section;\n}\n\n.list-group-item-action {\n width: 100%;\n color: var(--cod-list-group-action-color);\n text-align: inherit;\n}\n.list-group-item-action:hover,\n.list-group-item-action:focus {\n z-index: 1;\n color: var(--cod-list-group-action-hover-color);\n text-decoration: none;\n background-color: var(--cod-list-group-action-hover-bg);\n}\n.list-group-item-action:active {\n color: var(--cod-list-group-action-active-color);\n background-color: var(--cod-list-group-action-active-bg);\n}\n\n.list-group-item {\n position: relative;\n display: block;\n padding: var(--cod-list-group-item-padding-y)\n var(--cod-list-group-item-padding-x);\n color: var(--cod-list-group-color);\n text-decoration: none;\n background-color: var(--cod-list-group-bg);\n border: var(--cod-list-group-border-width) solid\n var(--cod-list-group-border-color);\n}\n.list-group-item.disabled,\n.list-group-item:disabled {\n color: var(--cod-list-group-disabled-color);\n pointer-events: none;\n background-color: var(--cod-list-group-disabled-bg);\n}\n.list-group-item.active {\n z-index: 2;\n color: var(--cod-list-group-active-color);\n background-color: var(--cod-list-group-active-bg);\n border-color: var(--cod-list-group-active-border-color);\n}\n.list-group-item + .list-group-item {\n border-top-width: 0;\n}\n.list-group-item + .list-group-item.active {\n margin-top: calc(-1 * var(--cod-list-group-border-width));\n border-top-width: var(--cod-list-group-border-width);\n}\n\n.list-group-horizontal {\n flex-direction: row;\n}\n.list-group-horizontal > .list-group-item.active {\n margin-top: 0;\n}\n.list-group-horizontal > .list-group-item + .list-group-item {\n border-top-width: var(--cod-list-group-border-width);\n border-left-width: 0;\n}\n.list-group-horizontal > .list-group-item + .list-group-item.active {\n margin-left: calc(-1 * var(--cod-list-group-border-width));\n border-left-width: var(--cod-list-group-border-width);\n}\n\n@media (min-width: 576px) {\n .list-group-horizontal-sm {\n flex-direction: row;\n }\n .list-group-horizontal-sm > .list-group-item.active {\n margin-top: 0;\n }\n .list-group-horizontal-sm > .list-group-item + .list-group-item {\n border-top-width: var(--cod-list-group-border-width);\n border-left-width: 0;\n }\n .list-group-horizontal-sm > .list-group-item + .list-group-item.active {\n margin-left: calc(-1 * var(--cod-list-group-border-width));\n border-left-width: var(--cod-list-group-border-width);\n }\n}\n@media (min-width: 768px) {\n .list-group-horizontal-md {\n flex-direction: row;\n }\n .list-group-horizontal-md > .list-group-item.active {\n margin-top: 0;\n }\n .list-group-horizontal-md > .list-group-item + .list-group-item {\n border-top-width: var(--cod-list-group-border-width);\n border-left-width: 0;\n }\n .list-group-horizontal-md > .list-group-item + .list-group-item.active {\n margin-left: calc(-1 * var(--cod-list-group-border-width));\n border-left-width: var(--cod-list-group-border-width);\n }\n}\n@media (min-width: 992px) {\n .list-group-horizontal-lg {\n flex-direction: row;\n }\n .list-group-horizontal-lg > .list-group-item.active {\n margin-top: 0;\n }\n .list-group-horizontal-lg > .list-group-item + .list-group-item {\n border-top-width: var(--cod-list-group-border-width);\n border-left-width: 0;\n }\n .list-group-horizontal-lg > .list-group-item + .list-group-item.active {\n margin-left: calc(-1 * var(--cod-list-group-border-width));\n border-left-width: var(--cod-list-group-border-width);\n }\n}\n@media (min-width: 1200px) {\n .list-group-horizontal-xl {\n flex-direction: row;\n }\n .list-group-horizontal-xl > .list-group-item.active {\n margin-top: 0;\n }\n .list-group-horizontal-xl > .list-group-item + .list-group-item {\n border-top-width: var(--cod-list-group-border-width);\n border-left-width: 0;\n }\n .list-group-horizontal-xl > .list-group-item + .list-group-item.active {\n margin-left: calc(-1 * var(--cod-list-group-border-width));\n border-left-width: var(--cod-list-group-border-width);\n }\n}\n@media (min-width: 1400px) {\n .list-group-horizontal-xxl {\n flex-direction: row;\n }\n .list-group-horizontal-xxl > .list-group-item.active {\n margin-top: 0;\n }\n .list-group-horizontal-xxl > .list-group-item + .list-group-item {\n border-top-width: var(--cod-list-group-border-width);\n border-left-width: 0;\n }\n .list-group-horizontal-xxl > .list-group-item + .list-group-item.active {\n margin-left: calc(-1 * var(--cod-list-group-border-width));\n border-left-width: var(--cod-list-group-border-width);\n }\n}\n.list-group-flush > .list-group-item {\n border-width: 0 0 var(--cod-list-group-border-width);\n}\n.list-group-flush > .list-group-item:last-child {\n border-bottom-width: 0;\n}\n\n.list-group-item-primary {\n --cod-list-group-color: var(--cod-primary-text-emphasis);\n --cod-list-group-bg: var(--cod-primary-bg-subtle);\n --cod-list-group-border-color: var(--cod-primary-border-subtle);\n --cod-list-group-action-hover-color: var(--cod-emphasis-color);\n --cod-list-group-action-hover-bg: var(--cod-primary-border-subtle);\n --cod-list-group-action-active-color: var(--cod-emphasis-color);\n --cod-list-group-action-active-bg: var(--cod-primary-border-subtle);\n --cod-list-group-active-color: var(--cod-primary-bg-subtle);\n --cod-list-group-active-bg: var(--cod-primary-text-emphasis);\n --cod-list-group-active-border-color: var(--cod-primary-text-emphasis);\n}\n\n.list-group-item-secondary {\n --cod-list-group-color: var(--cod-secondary-text-emphasis);\n --cod-list-group-bg: var(--cod-secondary-bg-subtle);\n --cod-list-group-border-color: var(--cod-secondary-border-subtle);\n --cod-list-group-action-hover-color: var(--cod-emphasis-color);\n --cod-list-group-action-hover-bg: var(--cod-secondary-border-subtle);\n --cod-list-group-action-active-color: var(--cod-emphasis-color);\n --cod-list-group-action-active-bg: var(--cod-secondary-border-subtle);\n --cod-list-group-active-color: var(--cod-secondary-bg-subtle);\n --cod-list-group-active-bg: var(--cod-secondary-text-emphasis);\n --cod-list-group-active-border-color: var(--cod-secondary-text-emphasis);\n}\n\n.list-group-item-success {\n --cod-list-group-color: var(--cod-success-text-emphasis);\n --cod-list-group-bg: var(--cod-success-bg-subtle);\n --cod-list-group-border-color: var(--cod-success-border-subtle);\n --cod-list-group-action-hover-color: var(--cod-emphasis-color);\n --cod-list-group-action-hover-bg: var(--cod-success-border-subtle);\n --cod-list-group-action-active-color: var(--cod-emphasis-color);\n --cod-list-group-action-active-bg: var(--cod-success-border-subtle);\n --cod-list-group-active-color: var(--cod-success-bg-subtle);\n --cod-list-group-active-bg: var(--cod-success-text-emphasis);\n --cod-list-group-active-border-color: var(--cod-success-text-emphasis);\n}\n\n.list-group-item-info {\n --cod-list-group-color: var(--cod-info-text-emphasis);\n --cod-list-group-bg: var(--cod-info-bg-subtle);\n --cod-list-group-border-color: var(--cod-info-border-subtle);\n --cod-list-group-action-hover-color: var(--cod-emphasis-color);\n --cod-list-group-action-hover-bg: var(--cod-info-border-subtle);\n --cod-list-group-action-active-color: var(--cod-emphasis-color);\n --cod-list-group-action-active-bg: var(--cod-info-border-subtle);\n --cod-list-group-active-color: var(--cod-info-bg-subtle);\n --cod-list-group-active-bg: var(--cod-info-text-emphasis);\n --cod-list-group-active-border-color: var(--cod-info-text-emphasis);\n}\n\n.list-group-item-warning {\n --cod-list-group-color: var(--cod-warning-text-emphasis);\n --cod-list-group-bg: var(--cod-warning-bg-subtle);\n --cod-list-group-border-color: var(--cod-warning-border-subtle);\n --cod-list-group-action-hover-color: var(--cod-emphasis-color);\n --cod-list-group-action-hover-bg: var(--cod-warning-border-subtle);\n --cod-list-group-action-active-color: var(--cod-emphasis-color);\n --cod-list-group-action-active-bg: var(--cod-warning-border-subtle);\n --cod-list-group-active-color: var(--cod-warning-bg-subtle);\n --cod-list-group-active-bg: var(--cod-warning-text-emphasis);\n --cod-list-group-active-border-color: var(--cod-warning-text-emphasis);\n}\n\n.list-group-item-danger {\n --cod-list-group-color: var(--cod-danger-text-emphasis);\n --cod-list-group-bg: var(--cod-danger-bg-subtle);\n --cod-list-group-border-color: var(--cod-danger-border-subtle);\n --cod-list-group-action-hover-color: var(--cod-emphasis-color);\n --cod-list-group-action-hover-bg: var(--cod-danger-border-subtle);\n --cod-list-group-action-active-color: var(--cod-emphasis-color);\n --cod-list-group-action-active-bg: var(--cod-danger-border-subtle);\n --cod-list-group-active-color: var(--cod-danger-bg-subtle);\n --cod-list-group-active-bg: var(--cod-danger-text-emphasis);\n --cod-list-group-active-border-color: var(--cod-danger-text-emphasis);\n}\n\n.list-group-item-light {\n --cod-list-group-color: var(--cod-light-text-emphasis);\n --cod-list-group-bg: var(--cod-light-bg-subtle);\n --cod-list-group-border-color: var(--cod-light-border-subtle);\n --cod-list-group-action-hover-color: var(--cod-emphasis-color);\n --cod-list-group-action-hover-bg: var(--cod-light-border-subtle);\n --cod-list-group-action-active-color: var(--cod-emphasis-color);\n --cod-list-group-action-active-bg: var(--cod-light-border-subtle);\n --cod-list-group-active-color: var(--cod-light-bg-subtle);\n --cod-list-group-active-bg: var(--cod-light-text-emphasis);\n --cod-list-group-active-border-color: var(--cod-light-text-emphasis);\n}\n\n.list-group-item-dark {\n --cod-list-group-color: var(--cod-dark-text-emphasis);\n --cod-list-group-bg: var(--cod-dark-bg-subtle);\n --cod-list-group-border-color: var(--cod-dark-border-subtle);\n --cod-list-group-action-hover-color: var(--cod-emphasis-color);\n --cod-list-group-action-hover-bg: var(--cod-dark-border-subtle);\n --cod-list-group-action-active-color: var(--cod-emphasis-color);\n --cod-list-group-action-active-bg: var(--cod-dark-border-subtle);\n --cod-list-group-active-color: var(--cod-dark-bg-subtle);\n --cod-list-group-active-bg: var(--cod-dark-text-emphasis);\n --cod-list-group-active-border-color: var(--cod-dark-text-emphasis);\n}\n\n.list-group-item-accent-primary {\n --cod-list-group-color: var(--cod-accent-primary-text-emphasis);\n --cod-list-group-bg: var(--cod-accent-primary-bg-subtle);\n --cod-list-group-border-color: var(--cod-accent-primary-border-subtle);\n --cod-list-group-action-hover-color: var(--cod-emphasis-color);\n --cod-list-group-action-hover-bg: var(--cod-accent-primary-border-subtle);\n --cod-list-group-action-active-color: var(--cod-emphasis-color);\n --cod-list-group-action-active-bg: var(--cod-accent-primary-border-subtle);\n --cod-list-group-active-color: var(--cod-accent-primary-bg-subtle);\n --cod-list-group-active-bg: var(--cod-accent-primary-text-emphasis);\n --cod-list-group-active-border-color: var(--cod-accent-primary-text-emphasis);\n}\n\n.list-group-item-accent-secondary {\n --cod-list-group-color: var(--cod-accent-secondary-text-emphasis);\n --cod-list-group-bg: var(--cod-accent-secondary-bg-subtle);\n --cod-list-group-border-color: var(--cod-accent-secondary-border-subtle);\n --cod-list-group-action-hover-color: var(--cod-emphasis-color);\n --cod-list-group-action-hover-bg: var(--cod-accent-secondary-border-subtle);\n --cod-list-group-action-active-color: var(--cod-emphasis-color);\n --cod-list-group-action-active-bg: var(--cod-accent-secondary-border-subtle);\n --cod-list-group-active-color: var(--cod-accent-secondary-bg-subtle);\n --cod-list-group-active-bg: var(--cod-accent-secondary-text-emphasis);\n --cod-list-group-active-border-color: var(\n --cod-accent-secondary-text-emphasis\n );\n}\n\n.btn-close {\n --cod-btn-close-color: #000;\n --cod-btn-close-bg: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e\");\n --cod-btn-close-opacity: 0.5;\n --cod-btn-close-hover-opacity: 0.75;\n --cod-btn-close-focus-shadow: 0 0 0 0.25em blue;\n --cod-btn-close-focus-opacity: 1;\n --cod-btn-close-disabled-opacity: 0.25;\n --cod-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);\n box-sizing: content-box;\n width: 1em;\n height: 1em;\n padding: 0.25em 0.25em;\n color: var(--cod-btn-close-color);\n background: transparent var(--cod-btn-close-bg) center/1em auto no-repeat;\n border: 0;\n opacity: var(--cod-btn-close-opacity);\n}\n.btn-close:hover {\n color: var(--cod-btn-close-color);\n text-decoration: none;\n opacity: var(--cod-btn-close-hover-opacity);\n}\n.btn-close:focus {\n outline: 0;\n box-shadow: var(--cod-btn-close-focus-shadow);\n opacity: var(--cod-btn-close-focus-opacity);\n}\n.btn-close:disabled,\n.btn-close.disabled {\n pointer-events: none;\n user-select: none;\n opacity: var(--cod-btn-close-disabled-opacity);\n}\n\n.btn-close-white {\n filter: var(--cod-btn-close-white-filter);\n}\n\n[data-bs-theme='dark'] .btn-close {\n filter: var(--cod-btn-close-white-filter);\n}\n\n.toast {\n --cod-toast-zindex: 1090;\n --cod-toast-padding-x: 0.75em;\n --cod-toast-padding-y: 0.5em;\n --cod-toast-spacing: 1.5em;\n --cod-toast-max-width: 350px;\n --cod-toast-font-size: 0.875em;\n --cod-toast-color: ;\n --cod-toast-bg: rgba(var(--cod-body-bg-rgb), 0.85);\n --cod-toast-border-width: var(--cod-border-width);\n --cod-toast-border-color: var(--cod-border-color-translucent);\n --cod-toast-border-radius: var(--cod-border-radius);\n --cod-toast-box-shadow: var(--cod-box-shadow);\n --cod-toast-header-color: var(--cod-secondary-color);\n --cod-toast-header-bg: rgba(var(--cod-body-bg-rgb), 0.85);\n --cod-toast-header-border-color: var(--cod-border-color-translucent);\n width: var(--cod-toast-max-width);\n max-width: 100%;\n font-size: var(--cod-toast-font-size);\n color: var(--cod-toast-color);\n pointer-events: auto;\n background-color: var(--cod-toast-bg);\n background-clip: padding-box;\n border: var(--cod-toast-border-width) solid var(--cod-toast-border-color);\n box-shadow: var(--cod-toast-box-shadow);\n}\n.toast.showing {\n opacity: 0;\n}\n.toast:not(.show) {\n display: none;\n}\n\n.toast-container {\n --cod-toast-zindex: 1090;\n position: absolute;\n z-index: var(--cod-toast-zindex);\n width: max-content;\n max-width: 100%;\n pointer-events: none;\n}\n.toast-container > :not(:last-child) {\n margin-bottom: var(--cod-toast-spacing);\n}\n\n.toast-header {\n display: flex;\n align-items: center;\n padding: var(--cod-toast-padding-y) var(--cod-toast-padding-x);\n color: var(--cod-toast-header-color);\n background-color: var(--cod-toast-header-bg);\n background-clip: padding-box;\n border-bottom: var(--cod-toast-border-width) solid\n var(--cod-toast-header-border-color);\n}\n.toast-header .btn-close {\n margin-right: calc(-0.5 * var(--cod-toast-padding-x));\n margin-left: var(--cod-toast-padding-x);\n}\n\n.toast-body {\n padding: var(--cod-toast-padding-x);\n word-wrap: break-word;\n}\n\n.modal {\n --cod-modal-zindex: 1055;\n --cod-modal-width: 500px;\n --cod-modal-padding: 1em;\n --cod-modal-margin: 0.5em;\n --cod-modal-color: ;\n --cod-modal-bg: var(--cod-body-bg);\n --cod-modal-border-color: var(--cod-border-color-translucent);\n --cod-modal-border-width: var(--cod-border-width);\n --cod-modal-border-radius: var(--cod-border-radius-lg);\n --cod-modal-box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);\n --cod-modal-inner-border-radius: calc(\n var(--cod-border-radius-lg) - (var(--cod-border-width))\n );\n --cod-modal-header-padding-x: 1em;\n --cod-modal-header-padding-y: 1em;\n --cod-modal-header-padding: 1em 1em;\n --cod-modal-header-border-color: var(--cod-border-color);\n --cod-modal-header-border-width: var(--cod-border-width);\n --cod-modal-title-line-height: 1.5;\n --cod-modal-footer-gap: 0.5em;\n --cod-modal-footer-bg: ;\n --cod-modal-footer-border-color: var(--cod-border-color);\n --cod-modal-footer-border-width: var(--cod-border-width);\n position: fixed;\n top: 0;\n left: 0;\n z-index: var(--cod-modal-zindex);\n display: none;\n width: 100%;\n height: 100%;\n overflow-x: hidden;\n overflow-y: auto;\n outline: 0;\n}\n\n.modal-dialog {\n position: relative;\n width: auto;\n margin: var(--cod-modal-margin);\n pointer-events: none;\n}\n.modal.fade .modal-dialog {\n transition: transform 0.3s ease-out;\n transform: translate(0, -50px);\n}\n@media (prefers-reduced-motion: reduce) {\n .modal.fade .modal-dialog {\n transition: none;\n }\n}\n.modal.show .modal-dialog {\n transform: none;\n}\n.modal.modal-static .modal-dialog {\n transform: scale(1.02);\n}\n\n.modal-dialog-scrollable {\n height: calc(100% - var(--cod-modal-margin) * 2);\n}\n.modal-dialog-scrollable .modal-content {\n max-height: 100%;\n overflow: hidden;\n}\n.modal-dialog-scrollable .modal-body {\n overflow-y: auto;\n}\n\n.modal-dialog-centered {\n display: flex;\n align-items: center;\n min-height: calc(100% - var(--cod-modal-margin) * 2);\n}\n\n.modal-content {\n position: relative;\n display: flex;\n flex-direction: column;\n width: 100%;\n color: var(--cod-modal-color);\n pointer-events: auto;\n background-color: var(--cod-modal-bg);\n background-clip: padding-box;\n border: var(--cod-modal-border-width) solid var(--cod-modal-border-color);\n outline: 0;\n}\n\n.modal-backdrop {\n --cod-backdrop-zindex: 1050;\n --cod-backdrop-bg: #000;\n --cod-backdrop-opacity: 0.5;\n position: fixed;\n top: 0;\n left: 0;\n z-index: var(--cod-backdrop-zindex);\n width: 100vw;\n height: 100vh;\n background-color: var(--cod-backdrop-bg);\n}\n.modal-backdrop.fade {\n opacity: 0;\n}\n.modal-backdrop.show {\n opacity: var(--cod-backdrop-opacity);\n}\n\n.modal-header {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: space-between;\n padding: var(--cod-modal-header-padding);\n border-bottom: var(--cod-modal-header-border-width) solid\n var(--cod-modal-header-border-color);\n}\n.modal-header .btn-close {\n padding: calc(var(--cod-modal-header-padding-y) * 0.5)\n calc(var(--cod-modal-header-padding-x) * 0.5);\n margin: calc(-0.5 * var(--cod-modal-header-padding-y))\n calc(-0.5 * var(--cod-modal-header-padding-x))\n calc(-0.5 * var(--cod-modal-header-padding-y)) auto;\n}\n\n.modal-title {\n margin-bottom: 0;\n line-height: var(--cod-modal-title-line-height);\n}\n\n.modal-body {\n position: relative;\n flex: 1 1 auto;\n padding: var(--cod-modal-padding);\n}\n\n.modal-footer {\n display: flex;\n flex-shrink: 0;\n flex-wrap: wrap;\n align-items: center;\n justify-content: flex-end;\n padding: calc(var(--cod-modal-padding) - var(--cod-modal-footer-gap) * 0.5);\n background-color: var(--cod-modal-footer-bg);\n border-top: var(--cod-modal-footer-border-width) solid\n var(--cod-modal-footer-border-color);\n}\n.modal-footer > * {\n margin: calc(var(--cod-modal-footer-gap) * 0.5);\n}\n\n@media (min-width: 576px) {\n .modal {\n --cod-modal-margin: 1.75em;\n --cod-modal-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);\n }\n .modal-dialog {\n max-width: var(--cod-modal-width);\n margin-right: auto;\n margin-left: auto;\n }\n .modal-sm {\n --cod-modal-width: 300px;\n }\n}\n@media (min-width: 992px) {\n .modal-lg,\n .modal-xl {\n --cod-modal-width: 800px;\n }\n}\n@media (min-width: 1200px) {\n .modal-xl {\n --cod-modal-width: 1140px;\n }\n}\n.modal-fullscreen {\n width: 100vw;\n max-width: none;\n height: 100%;\n margin: 0;\n}\n.modal-fullscreen .modal-content {\n height: 100%;\n border: 0;\n}\n.modal-fullscreen .modal-body {\n overflow-y: auto;\n}\n\n@media (max-width: 575.98px) {\n .modal-fullscreen-sm-down {\n width: 100vw;\n max-width: none;\n height: 100%;\n margin: 0;\n }\n .modal-fullscreen-sm-down .modal-content {\n height: 100%;\n border: 0;\n }\n .modal-fullscreen-sm-down .modal-body {\n overflow-y: auto;\n }\n}\n@media (max-width: 767.98px) {\n .modal-fullscreen-md-down {\n width: 100vw;\n max-width: none;\n height: 100%;\n margin: 0;\n }\n .modal-fullscreen-md-down .modal-content {\n height: 100%;\n border: 0;\n }\n .modal-fullscreen-md-down .modal-body {\n overflow-y: auto;\n }\n}\n@media (max-width: 991.98px) {\n .modal-fullscreen-lg-down {\n width: 100vw;\n max-width: none;\n height: 100%;\n margin: 0;\n }\n .modal-fullscreen-lg-down .modal-content {\n height: 100%;\n border: 0;\n }\n .modal-fullscreen-lg-down .modal-body {\n overflow-y: auto;\n }\n}\n@media (max-width: 1199.98px) {\n .modal-fullscreen-xl-down {\n width: 100vw;\n max-width: none;\n height: 100%;\n margin: 0;\n }\n .modal-fullscreen-xl-down .modal-content {\n height: 100%;\n border: 0;\n }\n .modal-fullscreen-xl-down .modal-body {\n overflow-y: auto;\n }\n}\n@media (max-width: 1399.98px) {\n .modal-fullscreen-xxl-down {\n width: 100vw;\n max-width: none;\n height: 100%;\n margin: 0;\n }\n .modal-fullscreen-xxl-down .modal-content {\n height: 100%;\n border: 0;\n }\n .modal-fullscreen-xxl-down .modal-body {\n overflow-y: auto;\n }\n}\n.tooltip {\n --cod-tooltip-zindex: 1080;\n --cod-tooltip-max-width: 200px;\n --cod-tooltip-padding-x: 0.5em;\n --cod-tooltip-padding-y: 0.25em;\n --cod-tooltip-margin: ;\n --cod-tooltip-font-size: 1em;\n --cod-tooltip-color: var(--cod-body-bg);\n --cod-tooltip-bg: var(--cod-emphasis-color);\n --cod-tooltip-border-radius: var(--cod-border-radius);\n --cod-tooltip-opacity: 0.9;\n --cod-tooltip-arrow-width: 0.8em;\n --cod-tooltip-arrow-height: 0.4em;\n z-index: var(--cod-tooltip-zindex);\n display: block;\n margin: var(--cod-tooltip-margin);\n font-family: var(--cod-font-sans-serif);\n font-style: normal;\n font-weight: 400;\n line-height: 1.5;\n text-align: left;\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n white-space: normal;\n word-spacing: normal;\n line-break: auto;\n font-size: var(--cod-tooltip-font-size);\n word-wrap: break-word;\n opacity: 0;\n}\n.tooltip.show {\n opacity: var(--cod-tooltip-opacity);\n}\n.tooltip .tooltip-arrow {\n display: block;\n width: var(--cod-tooltip-arrow-width);\n height: var(--cod-tooltip-arrow-height);\n}\n.tooltip .tooltip-arrow::before {\n position: absolute;\n content: '';\n border-color: transparent;\n border-style: solid;\n}\n\n.bs-tooltip-top .tooltip-arrow,\n.bs-tooltip-auto[data-popper-placement^='top'] .tooltip-arrow {\n bottom: calc(-1 * var(--cod-tooltip-arrow-height));\n}\n.bs-tooltip-top .tooltip-arrow::before,\n.bs-tooltip-auto[data-popper-placement^='top'] .tooltip-arrow::before {\n top: -1px;\n border-width: var(--cod-tooltip-arrow-height)\n calc(var(--cod-tooltip-arrow-width) * 0.5) 0;\n border-top-color: var(--cod-tooltip-bg);\n}\n\n/* rtl:begin:ignore */\n.bs-tooltip-end .tooltip-arrow,\n.bs-tooltip-auto[data-popper-placement^='right'] .tooltip-arrow {\n left: calc(-1 * var(--cod-tooltip-arrow-height));\n width: var(--cod-tooltip-arrow-height);\n height: var(--cod-tooltip-arrow-width);\n}\n.bs-tooltip-end .tooltip-arrow::before,\n.bs-tooltip-auto[data-popper-placement^='right'] .tooltip-arrow::before {\n right: -1px;\n border-width: calc(var(--cod-tooltip-arrow-width) * 0.5)\n var(--cod-tooltip-arrow-height) calc(var(--cod-tooltip-arrow-width) * 0.5) 0;\n border-right-color: var(--cod-tooltip-bg);\n}\n\n/* rtl:end:ignore */\n.bs-tooltip-bottom .tooltip-arrow,\n.bs-tooltip-auto[data-popper-placement^='bottom'] .tooltip-arrow {\n top: calc(-1 * var(--cod-tooltip-arrow-height));\n}\n.bs-tooltip-bottom .tooltip-arrow::before,\n.bs-tooltip-auto[data-popper-placement^='bottom'] .tooltip-arrow::before {\n bottom: -1px;\n border-width: 0 calc(var(--cod-tooltip-arrow-width) * 0.5)\n var(--cod-tooltip-arrow-height);\n border-bottom-color: var(--cod-tooltip-bg);\n}\n\n/* rtl:begin:ignore */\n.bs-tooltip-start .tooltip-arrow,\n.bs-tooltip-auto[data-popper-placement^='left'] .tooltip-arrow {\n right: calc(-1 * var(--cod-tooltip-arrow-height));\n width: var(--cod-tooltip-arrow-height);\n height: var(--cod-tooltip-arrow-width);\n}\n.bs-tooltip-start .tooltip-arrow::before,\n.bs-tooltip-auto[data-popper-placement^='left'] .tooltip-arrow::before {\n left: -1px;\n border-width: calc(var(--cod-tooltip-arrow-width) * 0.5) 0\n calc(var(--cod-tooltip-arrow-width) * 0.5) var(--cod-tooltip-arrow-height);\n border-left-color: var(--cod-tooltip-bg);\n}\n\n/* rtl:end:ignore */\n.tooltip-inner {\n max-width: var(--cod-tooltip-max-width);\n padding: var(--cod-tooltip-padding-y) var(--cod-tooltip-padding-x);\n color: var(--cod-tooltip-color);\n text-align: center;\n background-color: var(--cod-tooltip-bg);\n}\n\n.popover {\n --cod-popover-zindex: 1070;\n --cod-popover-max-width: 276px;\n --cod-popover-font-size: 1em;\n --cod-popover-bg: var(--cod-body-bg);\n --cod-popover-border-width: var(--cod-border-width);\n --cod-popover-border-color: var(--cod-border-color-translucent);\n --cod-popover-border-radius: var(--cod-border-radius-lg);\n --cod-popover-inner-border-radius: calc(\n var(--cod-border-radius-lg) - var(--cod-border-width)\n );\n --cod-popover-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);\n --cod-popover-header-padding-x: 1em;\n --cod-popover-header-padding-y: 0.5em;\n --cod-popover-header-font-size: 1em;\n --cod-popover-header-color: ;\n --cod-popover-header-bg: var(--cod-secondary-bg);\n --cod-popover-body-padding-x: 1em;\n --cod-popover-body-padding-y: 1em;\n --cod-popover-body-color: var(--cod-body-color);\n --cod-popover-arrow-width: 1em;\n --cod-popover-arrow-height: 0.5em;\n --cod-popover-arrow-border: var(--cod-popover-border-color);\n z-index: var(--cod-popover-zindex);\n display: block;\n max-width: var(--cod-popover-max-width);\n font-family: var(--cod-font-sans-serif);\n font-style: normal;\n font-weight: 400;\n line-height: 1.5;\n text-align: left;\n text-align: start;\n text-decoration: none;\n text-shadow: none;\n text-transform: none;\n letter-spacing: normal;\n word-break: normal;\n white-space: normal;\n word-spacing: normal;\n line-break: auto;\n font-size: var(--cod-popover-font-size);\n word-wrap: break-word;\n background-color: var(--cod-popover-bg);\n background-clip: padding-box;\n border: var(--cod-popover-border-width) solid var(--cod-popover-border-color);\n}\n.popover .popover-arrow {\n display: block;\n width: var(--cod-popover-arrow-width);\n height: var(--cod-popover-arrow-height);\n}\n.popover .popover-arrow::before,\n.popover .popover-arrow::after {\n position: absolute;\n display: block;\n content: '';\n border-color: transparent;\n border-style: solid;\n border-width: 0;\n}\n\n.bs-popover-top > .popover-arrow,\n.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow {\n bottom: calc(\n -1 * (var(--cod-popover-arrow-height)) - var(--cod-popover-border-width)\n );\n}\n.bs-popover-top > .popover-arrow::before,\n.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::before,\n.bs-popover-top > .popover-arrow::after,\n.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::after {\n border-width: var(--cod-popover-arrow-height)\n calc(var(--cod-popover-arrow-width) * 0.5) 0;\n}\n.bs-popover-top > .popover-arrow::before,\n.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::before {\n bottom: 0;\n border-top-color: var(--cod-popover-arrow-border);\n}\n.bs-popover-top > .popover-arrow::after,\n.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::after {\n bottom: var(--cod-popover-border-width);\n border-top-color: var(--cod-popover-bg);\n}\n\n/* rtl:begin:ignore */\n.bs-popover-end > .popover-arrow,\n.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow {\n left: calc(\n -1 * (var(--cod-popover-arrow-height)) - var(--cod-popover-border-width)\n );\n width: var(--cod-popover-arrow-height);\n height: var(--cod-popover-arrow-width);\n}\n.bs-popover-end > .popover-arrow::before,\n.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::before,\n.bs-popover-end > .popover-arrow::after,\n.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::after {\n border-width: calc(var(--cod-popover-arrow-width) * 0.5)\n var(--cod-popover-arrow-height) calc(var(--cod-popover-arrow-width) * 0.5) 0;\n}\n.bs-popover-end > .popover-arrow::before,\n.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::before {\n left: 0;\n border-right-color: var(--cod-popover-arrow-border);\n}\n.bs-popover-end > .popover-arrow::after,\n.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::after {\n left: var(--cod-popover-border-width);\n border-right-color: var(--cod-popover-bg);\n}\n\n/* rtl:end:ignore */\n.bs-popover-bottom > .popover-arrow,\n.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow {\n top: calc(\n -1 * (var(--cod-popover-arrow-height)) - var(--cod-popover-border-width)\n );\n}\n.bs-popover-bottom > .popover-arrow::before,\n.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::before,\n.bs-popover-bottom > .popover-arrow::after,\n.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::after {\n border-width: 0 calc(var(--cod-popover-arrow-width) * 0.5)\n var(--cod-popover-arrow-height);\n}\n.bs-popover-bottom > .popover-arrow::before,\n.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::before {\n top: 0;\n border-bottom-color: var(--cod-popover-arrow-border);\n}\n.bs-popover-bottom > .popover-arrow::after,\n.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::after {\n top: var(--cod-popover-border-width);\n border-bottom-color: var(--cod-popover-bg);\n}\n.bs-popover-bottom .popover-header::before,\n.bs-popover-auto[data-popper-placement^='bottom'] .popover-header::before {\n position: absolute;\n top: 0;\n left: 50%;\n display: block;\n width: var(--cod-popover-arrow-width);\n margin-left: calc(-0.5 * var(--cod-popover-arrow-width));\n content: '';\n border-bottom: var(--cod-popover-border-width) solid\n var(--cod-popover-header-bg);\n}\n\n/* rtl:begin:ignore */\n.bs-popover-start > .popover-arrow,\n.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow {\n right: calc(\n -1 * (var(--cod-popover-arrow-height)) - var(--cod-popover-border-width)\n );\n width: var(--cod-popover-arrow-height);\n height: var(--cod-popover-arrow-width);\n}\n.bs-popover-start > .popover-arrow::before,\n.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::before,\n.bs-popover-start > .popover-arrow::after,\n.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::after {\n border-width: calc(var(--cod-popover-arrow-width) * 0.5) 0\n calc(var(--cod-popover-arrow-width) * 0.5) var(--cod-popover-arrow-height);\n}\n.bs-popover-start > .popover-arrow::before,\n.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::before {\n right: 0;\n border-left-color: var(--cod-popover-arrow-border);\n}\n.bs-popover-start > .popover-arrow::after,\n.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::after {\n right: var(--cod-popover-border-width);\n border-left-color: var(--cod-popover-bg);\n}\n\n/* rtl:end:ignore */\n.popover-header {\n padding: var(--cod-popover-header-padding-y)\n var(--cod-popover-header-padding-x);\n margin-bottom: 0;\n font-size: var(--cod-popover-header-font-size);\n color: var(--cod-popover-header-color);\n background-color: var(--cod-popover-header-bg);\n border-bottom: var(--cod-popover-border-width) solid\n var(--cod-popover-border-color);\n}\n.popover-header:empty {\n display: none;\n}\n\n.popover-body {\n padding: var(--cod-popover-body-padding-y) var(--cod-popover-body-padding-x);\n color: var(--cod-popover-body-color);\n}\n\n.carousel {\n position: relative;\n}\n\n.carousel.pointer-event {\n touch-action: pan-y;\n}\n\n.carousel-inner {\n position: relative;\n width: 100%;\n overflow: hidden;\n}\n.carousel-inner::after {\n display: block;\n clear: both;\n content: '';\n}\n\n.carousel-item {\n position: relative;\n display: none;\n float: left;\n width: 100%;\n margin-right: -100%;\n backface-visibility: hidden;\n transition: transform 0.6s ease-in-out;\n}\n@media (prefers-reduced-motion: reduce) {\n .carousel-item {\n transition: none;\n }\n}\n\n.carousel-item.active,\n.carousel-item-next,\n.carousel-item-prev {\n display: block;\n}\n\n.carousel-item-next:not(.carousel-item-start),\n.active.carousel-item-end {\n transform: translateX(100%);\n}\n\n.carousel-item-prev:not(.carousel-item-end),\n.active.carousel-item-start {\n transform: translateX(-100%);\n}\n\n.carousel-fade .carousel-item {\n opacity: 0;\n transition-property: opacity;\n transform: none;\n}\n.carousel-fade .carousel-item.active,\n.carousel-fade .carousel-item-next.carousel-item-start,\n.carousel-fade .carousel-item-prev.carousel-item-end {\n z-index: 1;\n opacity: 1;\n}\n.carousel-fade .active.carousel-item-start,\n.carousel-fade .active.carousel-item-end {\n z-index: 0;\n opacity: 0;\n transition: opacity 0s 0.6s;\n}\n@media (prefers-reduced-motion: reduce) {\n .carousel-fade .active.carousel-item-start,\n .carousel-fade .active.carousel-item-end {\n transition: none;\n }\n}\n\n.carousel-control-prev,\n.carousel-control-next {\n position: absolute;\n top: 0;\n bottom: 0;\n z-index: 1;\n display: flex;\n align-items: center;\n justify-content: center;\n width: 15%;\n padding: 0;\n color: #fff;\n text-align: center;\n background: none;\n border: 0;\n opacity: 0.5;\n transition: opacity 0.15s ease;\n}\n@media (prefers-reduced-motion: reduce) {\n .carousel-control-prev,\n .carousel-control-next {\n transition: none;\n }\n}\n.carousel-control-prev:hover,\n.carousel-control-prev:focus,\n.carousel-control-next:hover,\n.carousel-control-next:focus {\n color: #fff;\n text-decoration: none;\n outline: 0;\n opacity: 0.9;\n}\n\n.carousel-control-prev {\n left: 0;\n}\n\n.carousel-control-next {\n right: 0;\n}\n\n.carousel-control-prev-icon,\n.carousel-control-next-icon {\n display: inline-block;\n width: 2em;\n height: 2em;\n background-repeat: no-repeat;\n background-position: 50%;\n background-size: 100% 100%;\n}\n\n/* rtl:options: {\n \"autoRename\": true,\n \"stringMap\":[ {\n \"name\" : \"prev-next\",\n \"search\" : \"prev\",\n \"replace\" : \"next\"\n } ]\n} */\n.carousel-control-prev-icon {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e\");\n}\n\n.carousel-control-next-icon {\n background-image: url(\"data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e\");\n}\n\n.carousel-indicators {\n position: absolute;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 2;\n display: flex;\n justify-content: center;\n padding: 0;\n margin-right: 15%;\n margin-bottom: 1em;\n margin-left: 15%;\n}\n.carousel-indicators [data-bs-target] {\n box-sizing: content-box;\n flex: 0 1 auto;\n width: 30px;\n height: 3px;\n padding: 0;\n margin-right: 3px;\n margin-left: 3px;\n text-indent: -999px;\n cursor: pointer;\n background-color: #fff;\n background-clip: padding-box;\n border: 0;\n border-top: 10px solid transparent;\n border-bottom: 10px solid transparent;\n opacity: 0.5;\n transition: opacity 0.6s ease;\n}\n@media (prefers-reduced-motion: reduce) {\n .carousel-indicators [data-bs-target] {\n transition: none;\n }\n}\n.carousel-indicators .active {\n opacity: 1;\n}\n\n.carousel-caption {\n position: absolute;\n right: 15%;\n bottom: 1.25em;\n left: 15%;\n padding-top: 1.25em;\n padding-bottom: 1.25em;\n color: #fff;\n text-align: center;\n}\n\n.carousel-dark .carousel-control-prev-icon,\n.carousel-dark .carousel-control-next-icon {\n filter: invert(1) grayscale(100);\n}\n.carousel-dark .carousel-indicators [data-bs-target] {\n background-color: #000;\n}\n.carousel-dark .carousel-caption {\n color: #000;\n}\n\n[data-bs-theme='dark'] .carousel .carousel-control-prev-icon,\n[data-bs-theme='dark'] .carousel .carousel-control-next-icon,\n[data-bs-theme='dark'].carousel .carousel-control-prev-icon,\n[data-bs-theme='dark'].carousel .carousel-control-next-icon {\n filter: invert(1) grayscale(100);\n}\n[data-bs-theme='dark'] .carousel .carousel-indicators [data-bs-target],\n[data-bs-theme='dark'].carousel .carousel-indicators [data-bs-target] {\n background-color: #000;\n}\n[data-bs-theme='dark'] .carousel .carousel-caption,\n[data-bs-theme='dark'].carousel .carousel-caption {\n color: #000;\n}\n\n.spinner-grow,\n.spinner-border {\n display: inline-block;\n width: var(--cod-spinner-width);\n height: var(--cod-spinner-height);\n vertical-align: var(--cod-spinner-vertical-align);\n border-radius: 50%;\n animation: var(--cod-spinner-animation-speed) linear infinite\n var(--cod-spinner-animation-name);\n}\n\n@keyframes spinner-border {\n to {\n transform: rotate(360deg) /* rtl:ignore */;\n }\n}\n.spinner-border {\n --cod-spinner-width: 2em;\n --cod-spinner-height: 2em;\n --cod-spinner-vertical-align: -0.125em;\n --cod-spinner-border-width: 0.25em;\n --cod-spinner-animation-speed: 0.75s;\n --cod-spinner-animation-name: spinner-border;\n border: var(--cod-spinner-border-width) solid currentcolor;\n border-right-color: transparent;\n}\n\n.spinner-border-sm {\n --cod-spinner-width: 1em;\n --cod-spinner-height: 1em;\n --cod-spinner-border-width: 0.2em;\n}\n\n@keyframes spinner-grow {\n 0% {\n transform: scale(0);\n }\n 50% {\n opacity: 1;\n transform: none;\n }\n}\n.spinner-grow {\n --cod-spinner-width: 2em;\n --cod-spinner-height: 2em;\n --cod-spinner-vertical-align: -0.125em;\n --cod-spinner-animation-speed: 0.75s;\n --cod-spinner-animation-name: spinner-grow;\n background-color: currentcolor;\n opacity: 0;\n}\n\n.spinner-grow-sm {\n --cod-spinner-width: 1em;\n --cod-spinner-height: 1em;\n}\n\n@media (prefers-reduced-motion: reduce) {\n .spinner-border,\n .spinner-grow {\n --cod-spinner-animation-speed: 1.5s;\n }\n}\n.offcanvas,\n.offcanvas-xxl,\n.offcanvas-xl,\n.offcanvas-lg,\n.offcanvas-md,\n.offcanvas-sm {\n --cod-offcanvas-zindex: 1045;\n --cod-offcanvas-width: 400px;\n --cod-offcanvas-height: 30vh;\n --cod-offcanvas-padding-x: 1em;\n --cod-offcanvas-padding-y: 1em;\n --cod-offcanvas-color: var(--cod-body-color);\n --cod-offcanvas-bg: var(--cod-body-bg);\n --cod-offcanvas-border-width: var(--cod-border-width);\n --cod-offcanvas-border-color: var(--cod-border-color-translucent);\n --cod-offcanvas-box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);\n --cod-offcanvas-transition: transform 0.3s ease-in-out;\n --cod-offcanvas-title-line-height: 1.5;\n}\n\n@media (max-width: 575.98px) {\n .offcanvas-sm {\n position: fixed;\n bottom: 0;\n z-index: var(--cod-offcanvas-zindex);\n display: flex;\n flex-direction: column;\n max-width: 100%;\n color: var(--cod-offcanvas-color);\n visibility: hidden;\n background-color: var(--cod-offcanvas-bg);\n background-clip: padding-box;\n outline: 0;\n transition: var(--cod-offcanvas-transition);\n }\n}\n@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {\n .offcanvas-sm {\n transition: none;\n }\n}\n@media (max-width: 575.98px) {\n .offcanvas-sm.offcanvas-start {\n top: 0;\n left: 0;\n width: var(--cod-offcanvas-width);\n border-right: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateX(-100%);\n }\n .offcanvas-sm.offcanvas-end {\n top: 0;\n right: 0;\n width: var(--cod-offcanvas-width);\n border-left: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateX(100%);\n }\n .offcanvas-sm.offcanvas-top {\n top: 0;\n right: 0;\n left: 0;\n height: var(--cod-offcanvas-height);\n max-height: 100%;\n border-bottom: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateY(-100%);\n }\n .offcanvas-sm.offcanvas-bottom {\n right: 0;\n left: 0;\n height: var(--cod-offcanvas-height);\n max-height: 100%;\n border-top: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateY(100%);\n }\n .offcanvas-sm.showing,\n .offcanvas-sm.show:not(.hiding) {\n transform: none;\n }\n .offcanvas-sm.showing,\n .offcanvas-sm.hiding,\n .offcanvas-sm.show {\n visibility: visible;\n }\n}\n@media (min-width: 576px) {\n .offcanvas-sm {\n --cod-offcanvas-height: auto;\n --cod-offcanvas-border-width: 0;\n background-color: transparent !important;\n }\n .offcanvas-sm .offcanvas-header {\n display: none;\n }\n .offcanvas-sm .offcanvas-body {\n display: flex;\n flex-grow: 0;\n padding: 0;\n overflow-y: visible;\n background-color: transparent !important;\n }\n}\n\n@media (max-width: 767.98px) {\n .offcanvas-md {\n position: fixed;\n bottom: 0;\n z-index: var(--cod-offcanvas-zindex);\n display: flex;\n flex-direction: column;\n max-width: 100%;\n color: var(--cod-offcanvas-color);\n visibility: hidden;\n background-color: var(--cod-offcanvas-bg);\n background-clip: padding-box;\n outline: 0;\n transition: var(--cod-offcanvas-transition);\n }\n}\n@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {\n .offcanvas-md {\n transition: none;\n }\n}\n@media (max-width: 767.98px) {\n .offcanvas-md.offcanvas-start {\n top: 0;\n left: 0;\n width: var(--cod-offcanvas-width);\n border-right: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateX(-100%);\n }\n .offcanvas-md.offcanvas-end {\n top: 0;\n right: 0;\n width: var(--cod-offcanvas-width);\n border-left: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateX(100%);\n }\n .offcanvas-md.offcanvas-top {\n top: 0;\n right: 0;\n left: 0;\n height: var(--cod-offcanvas-height);\n max-height: 100%;\n border-bottom: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateY(-100%);\n }\n .offcanvas-md.offcanvas-bottom {\n right: 0;\n left: 0;\n height: var(--cod-offcanvas-height);\n max-height: 100%;\n border-top: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateY(100%);\n }\n .offcanvas-md.showing,\n .offcanvas-md.show:not(.hiding) {\n transform: none;\n }\n .offcanvas-md.showing,\n .offcanvas-md.hiding,\n .offcanvas-md.show {\n visibility: visible;\n }\n}\n@media (min-width: 768px) {\n .offcanvas-md {\n --cod-offcanvas-height: auto;\n --cod-offcanvas-border-width: 0;\n background-color: transparent !important;\n }\n .offcanvas-md .offcanvas-header {\n display: none;\n }\n .offcanvas-md .offcanvas-body {\n display: flex;\n flex-grow: 0;\n padding: 0;\n overflow-y: visible;\n background-color: transparent !important;\n }\n}\n\n@media (max-width: 991.98px) {\n .offcanvas-lg {\n position: fixed;\n bottom: 0;\n z-index: var(--cod-offcanvas-zindex);\n display: flex;\n flex-direction: column;\n max-width: 100%;\n color: var(--cod-offcanvas-color);\n visibility: hidden;\n background-color: var(--cod-offcanvas-bg);\n background-clip: padding-box;\n outline: 0;\n transition: var(--cod-offcanvas-transition);\n }\n}\n@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {\n .offcanvas-lg {\n transition: none;\n }\n}\n@media (max-width: 991.98px) {\n .offcanvas-lg.offcanvas-start {\n top: 0;\n left: 0;\n width: var(--cod-offcanvas-width);\n border-right: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateX(-100%);\n }\n .offcanvas-lg.offcanvas-end {\n top: 0;\n right: 0;\n width: var(--cod-offcanvas-width);\n border-left: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateX(100%);\n }\n .offcanvas-lg.offcanvas-top {\n top: 0;\n right: 0;\n left: 0;\n height: var(--cod-offcanvas-height);\n max-height: 100%;\n border-bottom: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateY(-100%);\n }\n .offcanvas-lg.offcanvas-bottom {\n right: 0;\n left: 0;\n height: var(--cod-offcanvas-height);\n max-height: 100%;\n border-top: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateY(100%);\n }\n .offcanvas-lg.showing,\n .offcanvas-lg.show:not(.hiding) {\n transform: none;\n }\n .offcanvas-lg.showing,\n .offcanvas-lg.hiding,\n .offcanvas-lg.show {\n visibility: visible;\n }\n}\n@media (min-width: 992px) {\n .offcanvas-lg {\n --cod-offcanvas-height: auto;\n --cod-offcanvas-border-width: 0;\n background-color: transparent !important;\n }\n .offcanvas-lg .offcanvas-header {\n display: none;\n }\n .offcanvas-lg .offcanvas-body {\n display: flex;\n flex-grow: 0;\n padding: 0;\n overflow-y: visible;\n background-color: transparent !important;\n }\n}\n\n@media (max-width: 1199.98px) {\n .offcanvas-xl {\n position: fixed;\n bottom: 0;\n z-index: var(--cod-offcanvas-zindex);\n display: flex;\n flex-direction: column;\n max-width: 100%;\n color: var(--cod-offcanvas-color);\n visibility: hidden;\n background-color: var(--cod-offcanvas-bg);\n background-clip: padding-box;\n outline: 0;\n transition: var(--cod-offcanvas-transition);\n }\n}\n@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {\n .offcanvas-xl {\n transition: none;\n }\n}\n@media (max-width: 1199.98px) {\n .offcanvas-xl.offcanvas-start {\n top: 0;\n left: 0;\n width: var(--cod-offcanvas-width);\n border-right: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateX(-100%);\n }\n .offcanvas-xl.offcanvas-end {\n top: 0;\n right: 0;\n width: var(--cod-offcanvas-width);\n border-left: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateX(100%);\n }\n .offcanvas-xl.offcanvas-top {\n top: 0;\n right: 0;\n left: 0;\n height: var(--cod-offcanvas-height);\n max-height: 100%;\n border-bottom: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateY(-100%);\n }\n .offcanvas-xl.offcanvas-bottom {\n right: 0;\n left: 0;\n height: var(--cod-offcanvas-height);\n max-height: 100%;\n border-top: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateY(100%);\n }\n .offcanvas-xl.showing,\n .offcanvas-xl.show:not(.hiding) {\n transform: none;\n }\n .offcanvas-xl.showing,\n .offcanvas-xl.hiding,\n .offcanvas-xl.show {\n visibility: visible;\n }\n}\n@media (min-width: 1200px) {\n .offcanvas-xl {\n --cod-offcanvas-height: auto;\n --cod-offcanvas-border-width: 0;\n background-color: transparent !important;\n }\n .offcanvas-xl .offcanvas-header {\n display: none;\n }\n .offcanvas-xl .offcanvas-body {\n display: flex;\n flex-grow: 0;\n padding: 0;\n overflow-y: visible;\n background-color: transparent !important;\n }\n}\n\n@media (max-width: 1399.98px) {\n .offcanvas-xxl {\n position: fixed;\n bottom: 0;\n z-index: var(--cod-offcanvas-zindex);\n display: flex;\n flex-direction: column;\n max-width: 100%;\n color: var(--cod-offcanvas-color);\n visibility: hidden;\n background-color: var(--cod-offcanvas-bg);\n background-clip: padding-box;\n outline: 0;\n transition: var(--cod-offcanvas-transition);\n }\n}\n@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {\n .offcanvas-xxl {\n transition: none;\n }\n}\n@media (max-width: 1399.98px) {\n .offcanvas-xxl.offcanvas-start {\n top: 0;\n left: 0;\n width: var(--cod-offcanvas-width);\n border-right: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateX(-100%);\n }\n .offcanvas-xxl.offcanvas-end {\n top: 0;\n right: 0;\n width: var(--cod-offcanvas-width);\n border-left: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateX(100%);\n }\n .offcanvas-xxl.offcanvas-top {\n top: 0;\n right: 0;\n left: 0;\n height: var(--cod-offcanvas-height);\n max-height: 100%;\n border-bottom: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateY(-100%);\n }\n .offcanvas-xxl.offcanvas-bottom {\n right: 0;\n left: 0;\n height: var(--cod-offcanvas-height);\n max-height: 100%;\n border-top: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateY(100%);\n }\n .offcanvas-xxl.showing,\n .offcanvas-xxl.show:not(.hiding) {\n transform: none;\n }\n .offcanvas-xxl.showing,\n .offcanvas-xxl.hiding,\n .offcanvas-xxl.show {\n visibility: visible;\n }\n}\n@media (min-width: 1400px) {\n .offcanvas-xxl {\n --cod-offcanvas-height: auto;\n --cod-offcanvas-border-width: 0;\n background-color: transparent !important;\n }\n .offcanvas-xxl .offcanvas-header {\n display: none;\n }\n .offcanvas-xxl .offcanvas-body {\n display: flex;\n flex-grow: 0;\n padding: 0;\n overflow-y: visible;\n background-color: transparent !important;\n }\n}\n\n.offcanvas {\n position: fixed;\n bottom: 0;\n z-index: var(--cod-offcanvas-zindex);\n display: flex;\n flex-direction: column;\n max-width: 100%;\n color: var(--cod-offcanvas-color);\n visibility: hidden;\n background-color: var(--cod-offcanvas-bg);\n background-clip: padding-box;\n outline: 0;\n transition: var(--cod-offcanvas-transition);\n}\n@media (prefers-reduced-motion: reduce) {\n .offcanvas {\n transition: none;\n }\n}\n.offcanvas.offcanvas-start {\n top: 0;\n left: 0;\n width: var(--cod-offcanvas-width);\n border-right: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateX(-100%);\n}\n.offcanvas.offcanvas-end {\n top: 0;\n right: 0;\n width: var(--cod-offcanvas-width);\n border-left: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateX(100%);\n}\n.offcanvas.offcanvas-top {\n top: 0;\n right: 0;\n left: 0;\n height: var(--cod-offcanvas-height);\n max-height: 100%;\n border-bottom: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateY(-100%);\n}\n.offcanvas.offcanvas-bottom {\n right: 0;\n left: 0;\n height: var(--cod-offcanvas-height);\n max-height: 100%;\n border-top: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateY(100%);\n}\n.offcanvas.showing,\n.offcanvas.show:not(.hiding) {\n transform: none;\n}\n.offcanvas.showing,\n.offcanvas.hiding,\n.offcanvas.show {\n visibility: visible;\n}\n\n.offcanvas-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1040;\n width: 100vw;\n height: 100vh;\n background-color: #000;\n}\n.offcanvas-backdrop.fade {\n opacity: 0;\n}\n.offcanvas-backdrop.show {\n opacity: 0.5;\n}\n\n.offcanvas-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: var(--cod-offcanvas-padding-y) var(--cod-offcanvas-padding-x);\n}\n.offcanvas-header .btn-close {\n padding: calc(var(--cod-offcanvas-padding-y) * 0.5)\n calc(var(--cod-offcanvas-padding-x) * 0.5);\n margin-top: calc(-0.5 * var(--cod-offcanvas-padding-y));\n margin-right: calc(-0.5 * var(--cod-offcanvas-padding-x));\n margin-bottom: calc(-0.5 * var(--cod-offcanvas-padding-y));\n}\n\n.offcanvas-title {\n margin-bottom: 0;\n line-height: var(--cod-offcanvas-title-line-height);\n}\n\n.offcanvas-body {\n flex-grow: 1;\n padding: var(--cod-offcanvas-padding-y) var(--cod-offcanvas-padding-x);\n overflow-y: auto;\n}\n\n.placeholder {\n display: inline-block;\n min-height: 1em;\n vertical-align: middle;\n cursor: wait;\n background-color: currentcolor;\n opacity: 0.5;\n}\n.placeholder.btn::before {\n display: inline-block;\n content: '';\n}\n\n.placeholder-xs {\n min-height: 0.6em;\n}\n\n.placeholder-sm {\n min-height: 0.8em;\n}\n\n.placeholder-lg {\n min-height: 1.2em;\n}\n\n.placeholder-glow .placeholder {\n animation: placeholder-glow 2s ease-in-out infinite;\n}\n\n@keyframes placeholder-glow {\n 50% {\n opacity: 0.2;\n }\n}\n.placeholder-wave {\n mask-image: linear-gradient(\n 130deg,\n #000 55%,\n rgba(0, 0, 0, 0.8) 75%,\n #000 95%\n );\n mask-size: 200% 100%;\n animation: placeholder-wave 2s linear infinite;\n}\n\n@keyframes placeholder-wave {\n 100% {\n mask-position: -200% 0%;\n }\n}\n.clearfix::after {\n display: block;\n clear: both;\n content: '';\n}\n\n.text-bg-primary {\n color: #fff !important;\n background-color: RGBA(0, 68, 69, var(--cod-bg-opacity, 1)) !important;\n}\n\n.text-bg-secondary {\n color: #000 !important;\n background-color: RGBA(242, 242, 242, var(--cod-bg-opacity, 1)) !important;\n}\n\n.text-bg-success {\n color: #000 !important;\n background-color: RGBA(159, 213, 179, var(--cod-bg-opacity, 1)) !important;\n}\n\n.text-bg-info {\n color: #fff !important;\n background-color: RGBA(0, 68, 69, var(--cod-bg-opacity, 1)) !important;\n}\n\n.text-bg-warning {\n color: #000 !important;\n background-color: RGBA(254, 183, 13, var(--cod-bg-opacity, 1)) !important;\n}\n\n.text-bg-danger {\n color: #fff !important;\n background-color: RGBA(179, 57, 59, var(--cod-bg-opacity, 1)) !important;\n}\n\n.text-bg-light {\n color: #000 !important;\n background-color: RGBA(255, 255, 255, var(--cod-bg-opacity, 1)) !important;\n}\n\n.text-bg-dark {\n color: #fff !important;\n background-color: RGBA(24, 37, 42, var(--cod-bg-opacity, 1)) !important;\n}\n\n.text-bg-accent-primary {\n color: #000 !important;\n background-color: RGBA(254, 183, 13, var(--cod-bg-opacity, 1)) !important;\n}\n\n.text-bg-accent-secondary {\n color: #000 !important;\n background-color: RGBA(159, 213, 179, var(--cod-bg-opacity, 1)) !important;\n}\n\n.link-primary {\n color: RGBA(var(--cod-primary-rgb, var(--cod-link-opacity, 1)));\n text-decoration-color: RGBA(\n var(--cod-primary-rgb),\n var(--cod-link-underline-opacity, 1)\n );\n}\n.link-primary:hover,\n.link-primary:focus {\n color: RGBA(0, 54, 55, var(--cod-link-opacity, 1));\n text-decoration-color: RGBA(0, 54, 55, var(--cod-link-underline-opacity, 1));\n}\n\n.link-secondary {\n color: RGBA(var(--cod-secondary-rgb, var(--cod-link-opacity, 1)));\n text-decoration-color: RGBA(\n var(--cod-secondary-rgb),\n var(--cod-link-underline-opacity, 1)\n );\n}\n.link-secondary:hover,\n.link-secondary:focus {\n color: RGBA(245, 245, 245, var(--cod-link-opacity, 1));\n text-decoration-color: RGBA(\n 245,\n 245,\n 245,\n var(--cod-link-underline-opacity, 1)\n );\n}\n\n.link-success {\n color: RGBA(var(--cod-success-rgb, var(--cod-link-opacity, 1)));\n text-decoration-color: RGBA(\n var(--cod-success-rgb),\n var(--cod-link-underline-opacity, 1)\n );\n}\n.link-success:hover,\n.link-success:focus {\n color: RGBA(178, 221, 194, var(--cod-link-opacity, 1));\n text-decoration-color: RGBA(\n 178,\n 221,\n 194,\n var(--cod-link-underline-opacity, 1)\n );\n}\n\n.link-info {\n color: RGBA(var(--cod-info-rgb, var(--cod-link-opacity, 1)));\n text-decoration-color: RGBA(\n var(--cod-info-rgb),\n var(--cod-link-underline-opacity, 1)\n );\n}\n.link-info:hover,\n.link-info:focus {\n color: RGBA(0, 54, 55, var(--cod-link-opacity, 1));\n text-decoration-color: RGBA(0, 54, 55, var(--cod-link-underline-opacity, 1));\n}\n\n.link-warning {\n color: RGBA(var(--cod-warning-rgb, var(--cod-link-opacity, 1)));\n text-decoration-color: RGBA(\n var(--cod-warning-rgb),\n var(--cod-link-underline-opacity, 1)\n );\n}\n.link-warning:hover,\n.link-warning:focus {\n color: RGBA(254, 197, 61, var(--cod-link-opacity, 1));\n text-decoration-color: RGBA(\n 254,\n 197,\n 61,\n var(--cod-link-underline-opacity, 1)\n );\n}\n\n.link-danger {\n color: RGBA(var(--cod-danger-rgb, var(--cod-link-opacity, 1)));\n text-decoration-color: RGBA(\n var(--cod-danger-rgb),\n var(--cod-link-underline-opacity, 1)\n );\n}\n.link-danger:hover,\n.link-danger:focus {\n color: RGBA(143, 46, 47, var(--cod-link-opacity, 1));\n text-decoration-color: RGBA(\n 143,\n 46,\n 47,\n var(--cod-link-underline-opacity, 1)\n );\n}\n\n.link-light {\n color: RGBA(var(--cod-light-rgb, var(--cod-link-opacity, 1)));\n text-decoration-color: RGBA(\n var(--cod-light-rgb),\n var(--cod-link-underline-opacity, 1)\n );\n}\n.link-light:hover,\n.link-light:focus {\n color: RGBA(255, 255, 255, var(--cod-link-opacity, 1));\n text-decoration-color: RGBA(\n 255,\n 255,\n 255,\n var(--cod-link-underline-opacity, 1)\n );\n}\n\n.link-dark {\n color: RGBA(var(--cod-dark-rgb, var(--cod-link-opacity, 1)));\n text-decoration-color: RGBA(\n var(--cod-dark-rgb),\n var(--cod-link-underline-opacity, 1)\n );\n}\n.link-dark:hover,\n.link-dark:focus {\n color: RGBA(19, 30, 34, var(--cod-link-opacity, 1));\n text-decoration-color: RGBA(19, 30, 34, var(--cod-link-underline-opacity, 1));\n}\n\n.link-accent-primary {\n color: RGBA(var(--cod-accent-primary-rgb, var(--cod-link-opacity, 1)));\n text-decoration-color: RGBA(\n var(--cod-accent-primary-rgb),\n var(--cod-link-underline-opacity, 1)\n );\n}\n.link-accent-primary:hover,\n.link-accent-primary:focus {\n color: RGBA(254, 197, 61, var(--cod-link-opacity, 1));\n text-decoration-color: RGBA(\n 254,\n 197,\n 61,\n var(--cod-link-underline-opacity, 1)\n );\n}\n\n.link-accent-secondary {\n color: RGBA(var(--cod-accent-secondary-rgb, var(--cod-link-opacity, 1)));\n text-decoration-color: RGBA(\n var(--cod-accent-secondary-rgb),\n var(--cod-link-underline-opacity, 1)\n );\n}\n.link-accent-secondary:hover,\n.link-accent-secondary:focus {\n color: RGBA(178, 221, 194, var(--cod-link-opacity, 1));\n text-decoration-color: RGBA(\n 178,\n 221,\n 194,\n var(--cod-link-underline-opacity, 1)\n );\n}\n\n.link-body-emphasis {\n color: RGBA(var(--cod-emphasis-color-rgb), var(--cod-link-opacity, 1));\n text-decoration-color: RGBA(\n var(--cod-emphasis-color-rgb),\n var(--cod-link-underline-opacity, 1)\n );\n}\n.link-body-emphasis:hover,\n.link-body-emphasis:focus {\n color: RGBA(var(--cod-emphasis-color-rgb), var(--cod-link-opacity, 0.75));\n text-decoration-color: RGBA(\n var(--cod-emphasis-color-rgb),\n var(--cod-link-underline-opacity, 0.75)\n );\n}\n\n.focus-ring:focus {\n outline: 0;\n box-shadow: var(--cod-focus-ring-x, 0) var(--cod-focus-ring-y, 0)\n var(--cod-focus-ring-blur, 0) var(--cod-focus-ring-width)\n var(--cod-focus-ring-color);\n}\n\n.icon-link {\n display: inline-flex;\n gap: 0.375em;\n align-items: center;\n text-decoration-color: rgba(\n var(--cod-link-color-rgb),\n var(--cod-link-opacity, 0.5)\n );\n text-underline-offset: 0.25em;\n backface-visibility: hidden;\n}\n.icon-link > .bi {\n flex-shrink: 0;\n width: 1em;\n height: 1em;\n fill: currentcolor;\n transition: 0.2s ease-in-out transform;\n}\n@media (prefers-reduced-motion: reduce) {\n .icon-link > .bi {\n transition: none;\n }\n}\n\n.icon-link-hover:hover > .bi,\n.icon-link-hover:focus-visible > .bi {\n transform: var(--cod-icon-link-transform, translate3d(0.25em, 0, 0));\n}\n\n.ratio {\n position: relative;\n width: 100%;\n}\n.ratio::before {\n display: block;\n padding-top: var(--cod-aspect-ratio);\n content: '';\n}\n.ratio > * {\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n}\n\n.ratio-1x1 {\n --cod-aspect-ratio: 100%;\n}\n\n.ratio-2x1 {\n --cod-aspect-ratio: 50%;\n}\n\n.ratio-3x1 {\n --cod-aspect-ratio: 33.3333333333%;\n}\n\n.ratio-4x1 {\n --cod-aspect-ratio: 25%;\n}\n\n.ratio-4x3 {\n --cod-aspect-ratio: 75%;\n}\n\n.ratio-16x9 {\n --cod-aspect-ratio: 56.25%;\n}\n\n.ratio-21x9 {\n --cod-aspect-ratio: 42.8571428571%;\n}\n\n.fixed-top {\n position: fixed;\n top: 0;\n right: 0;\n left: 0;\n z-index: 1030;\n}\n\n.fixed-bottom {\n position: fixed;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1030;\n}\n\n.sticky-top {\n position: sticky;\n top: 0;\n z-index: 1020;\n}\n\n.sticky-bottom {\n position: sticky;\n bottom: 0;\n z-index: 1020;\n}\n\n@media (min-width: 576px) {\n .sticky-sm-top {\n position: sticky;\n top: 0;\n z-index: 1020;\n }\n .sticky-sm-bottom {\n position: sticky;\n bottom: 0;\n z-index: 1020;\n }\n}\n@media (min-width: 768px) {\n .sticky-md-top {\n position: sticky;\n top: 0;\n z-index: 1020;\n }\n .sticky-md-bottom {\n position: sticky;\n bottom: 0;\n z-index: 1020;\n }\n}\n@media (min-width: 992px) {\n .sticky-lg-top {\n position: sticky;\n top: 0;\n z-index: 1020;\n }\n .sticky-lg-bottom {\n position: sticky;\n bottom: 0;\n z-index: 1020;\n }\n}\n@media (min-width: 1200px) {\n .sticky-xl-top {\n position: sticky;\n top: 0;\n z-index: 1020;\n }\n .sticky-xl-bottom {\n position: sticky;\n bottom: 0;\n z-index: 1020;\n }\n}\n@media (min-width: 1400px) {\n .sticky-xxl-top {\n position: sticky;\n top: 0;\n z-index: 1020;\n }\n .sticky-xxl-bottom {\n position: sticky;\n bottom: 0;\n z-index: 1020;\n }\n}\n.hstack {\n display: flex;\n flex-direction: row;\n align-items: center;\n align-self: stretch;\n}\n\n.vstack {\n display: flex;\n flex: 1 1 auto;\n flex-direction: column;\n align-self: stretch;\n}\n\n.visually-hidden,\n.visually-hidden-focusable:not(:focus):not(:focus-within) {\n width: 1px !important;\n height: 1px !important;\n padding: 0 !important;\n margin: -1px !important;\n overflow: hidden !important;\n clip: rect(0, 0, 0, 0) !important;\n white-space: nowrap !important;\n border: 0 !important;\n}\n.visually-hidden:not(caption),\n.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption) {\n position: absolute !important;\n}\n\n.stretched-link::after {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n z-index: 1;\n content: '';\n}\n\n.text-truncate {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.vr {\n display: inline-block;\n align-self: stretch;\n width: 1px;\n min-height: 1em;\n background-color: currentcolor;\n opacity: 0.25;\n}\n\n.align-baseline {\n vertical-align: baseline !important;\n}\n\n.align-top {\n vertical-align: top !important;\n}\n\n.align-middle {\n vertical-align: middle !important;\n}\n\n.align-bottom {\n vertical-align: bottom !important;\n}\n\n.align-text-bottom {\n vertical-align: text-bottom !important;\n}\n\n.align-text-top {\n vertical-align: text-top !important;\n}\n\n.float-start {\n float: left !important;\n}\n\n.float-end {\n float: right !important;\n}\n\n.float-none {\n float: none !important;\n}\n\n.object-fit-contain {\n object-fit: contain !important;\n}\n\n.object-fit-cover {\n object-fit: cover !important;\n}\n\n.object-fit-fill {\n object-fit: fill !important;\n}\n\n.object-fit-scale {\n object-fit: scale-down !important;\n}\n\n.object-fit-none {\n object-fit: none !important;\n}\n\n.opacity-0 {\n opacity: 0 !important;\n}\n\n.opacity-25 {\n opacity: 0.25 !important;\n}\n\n.opacity-50 {\n opacity: 0.5 !important;\n}\n\n.opacity-75 {\n opacity: 0.75 !important;\n}\n\n.opacity-100 {\n opacity: 1 !important;\n}\n\n.overflow-auto {\n overflow: auto !important;\n}\n\n.overflow-hidden {\n overflow: hidden !important;\n}\n\n.overflow-visible {\n overflow: visible !important;\n}\n\n.overflow-scroll {\n overflow: scroll !important;\n}\n\n.overflow-x-auto {\n overflow-x: auto !important;\n}\n\n.overflow-x-hidden {\n overflow-x: hidden !important;\n}\n\n.overflow-x-visible {\n overflow-x: visible !important;\n}\n\n.overflow-x-scroll {\n overflow-x: scroll !important;\n}\n\n.overflow-y-auto {\n overflow-y: auto !important;\n}\n\n.overflow-y-hidden {\n overflow-y: hidden !important;\n}\n\n.overflow-y-visible {\n overflow-y: visible !important;\n}\n\n.overflow-y-scroll {\n overflow-y: scroll !important;\n}\n\n.d-inline {\n display: inline !important;\n}\n\n.d-inline-block {\n display: inline-block !important;\n}\n\n.d-block {\n display: block !important;\n}\n\n.d-grid {\n display: grid !important;\n}\n\n.d-inline-grid {\n display: inline-grid !important;\n}\n\n.d-table {\n display: table !important;\n}\n\n.d-table-row {\n display: table-row !important;\n}\n\n.d-table-cell {\n display: table-cell !important;\n}\n\n.d-flex {\n display: flex !important;\n}\n\n.d-inline-flex {\n display: inline-flex !important;\n}\n\n.d-none {\n display: none !important;\n}\n\n.shadow {\n box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15) !important;\n}\n\n.shadow-sm {\n box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.075) !important;\n}\n\n.shadow-lg {\n box-shadow: 0 1em 3em rgba(0, 0, 0, 0.175) !important;\n}\n\n.shadow-none {\n box-shadow: none !important;\n}\n\n.focus-ring-primary {\n --cod-focus-ring-color: rgba(\n var(--cod-primary-rgb),\n var(--cod-focus-ring-opacity)\n );\n}\n\n.focus-ring-secondary {\n --cod-focus-ring-color: rgba(\n var(--cod-secondary-rgb),\n var(--cod-focus-ring-opacity)\n );\n}\n\n.focus-ring-success {\n --cod-focus-ring-color: rgba(\n var(--cod-success-rgb),\n var(--cod-focus-ring-opacity)\n );\n}\n\n.focus-ring-info {\n --cod-focus-ring-color: rgba(\n var(--cod-info-rgb),\n var(--cod-focus-ring-opacity)\n );\n}\n\n.focus-ring-warning {\n --cod-focus-ring-color: rgba(\n var(--cod-warning-rgb),\n var(--cod-focus-ring-opacity)\n );\n}\n\n.focus-ring-danger {\n --cod-focus-ring-color: rgba(\n var(--cod-danger-rgb),\n var(--cod-focus-ring-opacity)\n );\n}\n\n.focus-ring-light {\n --cod-focus-ring-color: rgba(\n var(--cod-light-rgb),\n var(--cod-focus-ring-opacity)\n );\n}\n\n.focus-ring-dark {\n --cod-focus-ring-color: rgba(\n var(--cod-dark-rgb),\n var(--cod-focus-ring-opacity)\n );\n}\n\n.focus-ring-accent-primary {\n --cod-focus-ring-color: rgba(\n var(--cod-accent-primary-rgb),\n var(--cod-focus-ring-opacity)\n );\n}\n\n.focus-ring-accent-secondary {\n --cod-focus-ring-color: rgba(\n var(--cod-accent-secondary-rgb),\n var(--cod-focus-ring-opacity)\n );\n}\n\n.position-static {\n position: static !important;\n}\n\n.position-relative {\n position: relative !important;\n}\n\n.position-absolute {\n position: absolute !important;\n}\n\n.position-fixed {\n position: fixed !important;\n}\n\n.position-sticky {\n position: sticky !important;\n}\n\n.top-0 {\n top: 0 !important;\n}\n\n.top-50 {\n top: 50% !important;\n}\n\n.top-100 {\n top: 100% !important;\n}\n\n.bottom-0 {\n bottom: 0 !important;\n}\n\n.bottom-50 {\n bottom: 50% !important;\n}\n\n.bottom-100 {\n bottom: 100% !important;\n}\n\n.start-0 {\n left: 0 !important;\n}\n\n.start-50 {\n left: 50% !important;\n}\n\n.start-100 {\n left: 100% !important;\n}\n\n.end-0 {\n right: 0 !important;\n}\n\n.end-50 {\n right: 50% !important;\n}\n\n.end-100 {\n right: 100% !important;\n}\n\n.translate-middle {\n transform: translate(-50%, -50%) !important;\n}\n\n.translate-middle-x {\n transform: translateX(-50%) !important;\n}\n\n.translate-middle-y {\n transform: translateY(-50%) !important;\n}\n\n.border {\n border: var(--cod-border-width) var(--cod-border-style)\n var(--cod-border-color) !important;\n}\n\n.border-0 {\n border: 0 !important;\n}\n\n.border-top {\n border-top: var(--cod-border-width) var(--cod-border-style)\n var(--cod-border-color) !important;\n}\n\n.border-top-0 {\n border-top: 0 !important;\n}\n\n.border-end {\n border-right: var(--cod-border-width) var(--cod-border-style)\n var(--cod-border-color) !important;\n}\n\n.border-end-0 {\n border-right: 0 !important;\n}\n\n.border-bottom {\n border-bottom: var(--cod-border-width) var(--cod-border-style)\n var(--cod-border-color) !important;\n}\n\n.border-bottom-0 {\n border-bottom: 0 !important;\n}\n\n.border-start {\n border-left: var(--cod-border-width) var(--cod-border-style)\n var(--cod-border-color) !important;\n}\n\n.border-start-0 {\n border-left: 0 !important;\n}\n\n.border-primary {\n --cod-border-opacity: 1;\n border-color: rgba(\n var(--cod-primary-rgb),\n var(--cod-border-opacity)\n ) !important;\n}\n\n.border-secondary {\n --cod-border-opacity: 1;\n border-color: rgba(\n var(--cod-secondary-rgb),\n var(--cod-border-opacity)\n ) !important;\n}\n\n.border-success {\n --cod-border-opacity: 1;\n border-color: rgba(\n var(--cod-success-rgb),\n var(--cod-border-opacity)\n ) !important;\n}\n\n.border-info {\n --cod-border-opacity: 1;\n border-color: rgba(var(--cod-info-rgb), var(--cod-border-opacity)) !important;\n}\n\n.border-warning {\n --cod-border-opacity: 1;\n border-color: rgba(\n var(--cod-warning-rgb),\n var(--cod-border-opacity)\n ) !important;\n}\n\n.border-danger {\n --cod-border-opacity: 1;\n border-color: rgba(\n var(--cod-danger-rgb),\n var(--cod-border-opacity)\n ) !important;\n}\n\n.border-light {\n --cod-border-opacity: 1;\n border-color: rgba(\n var(--cod-light-rgb),\n var(--cod-border-opacity)\n ) !important;\n}\n\n.border-dark {\n --cod-border-opacity: 1;\n border-color: rgba(var(--cod-dark-rgb), var(--cod-border-opacity)) !important;\n}\n\n.border-accent-primary {\n --cod-border-opacity: 1;\n border-color: rgba(\n var(--cod-accent-primary-rgb),\n var(--cod-border-opacity)\n ) !important;\n}\n\n.border-accent-secondary {\n --cod-border-opacity: 1;\n border-color: rgba(\n var(--cod-accent-secondary-rgb),\n var(--cod-border-opacity)\n ) !important;\n}\n\n.border-black {\n --cod-border-opacity: 1;\n border-color: rgba(\n var(--cod-black-rgb),\n var(--cod-border-opacity)\n ) !important;\n}\n\n.border-white {\n --cod-border-opacity: 1;\n border-color: rgba(\n var(--cod-white-rgb),\n var(--cod-border-opacity)\n ) !important;\n}\n\n.border-primary-subtle {\n border-color: var(--cod-primary-border-subtle) !important;\n}\n\n.border-secondary-subtle {\n border-color: var(--cod-secondary-border-subtle) !important;\n}\n\n.border-success-subtle {\n border-color: var(--cod-success-border-subtle) !important;\n}\n\n.border-info-subtle {\n border-color: var(--cod-info-border-subtle) !important;\n}\n\n.border-warning-subtle {\n border-color: var(--cod-warning-border-subtle) !important;\n}\n\n.border-danger-subtle {\n border-color: var(--cod-danger-border-subtle) !important;\n}\n\n.border-light-subtle {\n border-color: var(--cod-light-border-subtle) !important;\n}\n\n.border-dark-subtle {\n border-color: var(--cod-dark-border-subtle) !important;\n}\n\n.border-1 {\n border-width: 1px !important;\n}\n\n.border-2 {\n border-width: 2px !important;\n}\n\n.border-3 {\n border-width: 3px !important;\n}\n\n.border-4 {\n border-width: 4px !important;\n}\n\n.border-5 {\n border-width: 5px !important;\n}\n\n.border-opacity-10 {\n --cod-border-opacity: 0.1;\n}\n\n.border-opacity-25 {\n --cod-border-opacity: 0.25;\n}\n\n.border-opacity-50 {\n --cod-border-opacity: 0.5;\n}\n\n.border-opacity-75 {\n --cod-border-opacity: 0.75;\n}\n\n.border-opacity-100 {\n --cod-border-opacity: 1;\n}\n\n.w-25 {\n width: 25% !important;\n}\n\n.w-50 {\n width: 50% !important;\n}\n\n.w-75 {\n width: 75% !important;\n}\n\n.w-100 {\n width: 100% !important;\n}\n\n.w-auto {\n width: auto !important;\n}\n\n.mw-100 {\n max-width: 100% !important;\n}\n\n.vw-100 {\n width: 100vw !important;\n}\n\n.min-vw-100 {\n min-width: 100vw !important;\n}\n\n.h-25 {\n height: 25% !important;\n}\n\n.h-50 {\n height: 50% !important;\n}\n\n.h-75 {\n height: 75% !important;\n}\n\n.h-100 {\n height: 100% !important;\n}\n\n.h-auto {\n height: auto !important;\n}\n\n.mh-100 {\n max-height: 100% !important;\n}\n\n.vh-100 {\n height: 100vh !important;\n}\n\n.min-vh-100 {\n min-height: 100vh !important;\n}\n\n.flex-fill {\n flex: 1 1 auto !important;\n}\n\n.flex-row {\n flex-direction: row !important;\n}\n\n.flex-column {\n flex-direction: column !important;\n}\n\n.flex-row-reverse {\n flex-direction: row-reverse !important;\n}\n\n.flex-column-reverse {\n flex-direction: column-reverse !important;\n}\n\n.flex-grow-0 {\n flex-grow: 0 !important;\n}\n\n.flex-grow-1 {\n flex-grow: 1 !important;\n}\n\n.flex-shrink-0 {\n flex-shrink: 0 !important;\n}\n\n.flex-shrink-1 {\n flex-shrink: 1 !important;\n}\n\n.flex-wrap {\n flex-wrap: wrap !important;\n}\n\n.flex-nowrap {\n flex-wrap: nowrap !important;\n}\n\n.flex-wrap-reverse {\n flex-wrap: wrap-reverse !important;\n}\n\n.justify-content-start {\n justify-content: flex-start !important;\n}\n\n.justify-content-end {\n justify-content: flex-end !important;\n}\n\n.justify-content-center {\n justify-content: center !important;\n}\n\n.justify-content-between {\n justify-content: space-between !important;\n}\n\n.justify-content-around {\n justify-content: space-around !important;\n}\n\n.justify-content-evenly {\n justify-content: space-evenly !important;\n}\n\n.align-items-start {\n align-items: flex-start !important;\n}\n\n.align-items-end {\n align-items: flex-end !important;\n}\n\n.align-items-center {\n align-items: center !important;\n}\n\n.align-items-baseline {\n align-items: baseline !important;\n}\n\n.align-items-stretch {\n align-items: stretch !important;\n}\n\n.align-content-start {\n align-content: flex-start !important;\n}\n\n.align-content-end {\n align-content: flex-end !important;\n}\n\n.align-content-center {\n align-content: center !important;\n}\n\n.align-content-between {\n align-content: space-between !important;\n}\n\n.align-content-around {\n align-content: space-around !important;\n}\n\n.align-content-stretch {\n align-content: stretch !important;\n}\n\n.align-self-auto {\n align-self: auto !important;\n}\n\n.align-self-start {\n align-self: flex-start !important;\n}\n\n.align-self-end {\n align-self: flex-end !important;\n}\n\n.align-self-center {\n align-self: center !important;\n}\n\n.align-self-baseline {\n align-self: baseline !important;\n}\n\n.align-self-stretch {\n align-self: stretch !important;\n}\n\n.order-first {\n order: -1 !important;\n}\n\n.order-0 {\n order: 0 !important;\n}\n\n.order-1 {\n order: 1 !important;\n}\n\n.order-2 {\n order: 2 !important;\n}\n\n.order-3 {\n order: 3 !important;\n}\n\n.order-4 {\n order: 4 !important;\n}\n\n.order-5 {\n order: 5 !important;\n}\n\n.order-last {\n order: 6 !important;\n}\n\n.m-0 {\n margin: 0 !important;\n}\n\n.m-1 {\n margin: 0.25em !important;\n}\n\n.m-2 {\n margin: 0.5em !important;\n}\n\n.m-3 {\n margin: 1em !important;\n}\n\n.m-4 {\n margin: 1.5em !important;\n}\n\n.m-5 {\n margin: 3em !important;\n}\n\n.m-auto {\n margin: auto !important;\n}\n\n.mx-0 {\n margin-right: 0 !important;\n margin-left: 0 !important;\n}\n\n.mx-1 {\n margin-right: 0.25em !important;\n margin-left: 0.25em !important;\n}\n\n.mx-2 {\n margin-right: 0.5em !important;\n margin-left: 0.5em !important;\n}\n\n.mx-3 {\n margin-right: 1em !important;\n margin-left: 1em !important;\n}\n\n.mx-4 {\n margin-right: 1.5em !important;\n margin-left: 1.5em !important;\n}\n\n.mx-5 {\n margin-right: 3em !important;\n margin-left: 3em !important;\n}\n\n.mx-auto {\n margin-right: auto !important;\n margin-left: auto !important;\n}\n\n.my-0 {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n}\n\n.my-1 {\n margin-top: 0.25em !important;\n margin-bottom: 0.25em !important;\n}\n\n.my-2 {\n margin-top: 0.5em !important;\n margin-bottom: 0.5em !important;\n}\n\n.my-3 {\n margin-top: 1em !important;\n margin-bottom: 1em !important;\n}\n\n.my-4 {\n margin-top: 1.5em !important;\n margin-bottom: 1.5em !important;\n}\n\n.my-5 {\n margin-top: 3em !important;\n margin-bottom: 3em !important;\n}\n\n.my-auto {\n margin-top: auto !important;\n margin-bottom: auto !important;\n}\n\n.mt-0 {\n margin-top: 0 !important;\n}\n\n.mt-1 {\n margin-top: 0.25em !important;\n}\n\n.mt-2 {\n margin-top: 0.5em !important;\n}\n\n.mt-3 {\n margin-top: 1em !important;\n}\n\n.mt-4 {\n margin-top: 1.5em !important;\n}\n\n.mt-5 {\n margin-top: 3em !important;\n}\n\n.mt-auto {\n margin-top: auto !important;\n}\n\n.me-0 {\n margin-right: 0 !important;\n}\n\n.me-1 {\n margin-right: 0.25em !important;\n}\n\n.me-2 {\n margin-right: 0.5em !important;\n}\n\n.me-3 {\n margin-right: 1em !important;\n}\n\n.me-4 {\n margin-right: 1.5em !important;\n}\n\n.me-5 {\n margin-right: 3em !important;\n}\n\n.me-auto {\n margin-right: auto !important;\n}\n\n.mb-0 {\n margin-bottom: 0 !important;\n}\n\n.mb-1 {\n margin-bottom: 0.25em !important;\n}\n\n.mb-2 {\n margin-bottom: 0.5em !important;\n}\n\n.mb-3 {\n margin-bottom: 1em !important;\n}\n\n.mb-4 {\n margin-bottom: 1.5em !important;\n}\n\n.mb-5 {\n margin-bottom: 3em !important;\n}\n\n.mb-auto {\n margin-bottom: auto !important;\n}\n\n.ms-0 {\n margin-left: 0 !important;\n}\n\n.ms-1 {\n margin-left: 0.25em !important;\n}\n\n.ms-2 {\n margin-left: 0.5em !important;\n}\n\n.ms-3 {\n margin-left: 1em !important;\n}\n\n.ms-4 {\n margin-left: 1.5em !important;\n}\n\n.ms-5 {\n margin-left: 3em !important;\n}\n\n.ms-auto {\n margin-left: auto !important;\n}\n\n.p-0 {\n padding: 0 !important;\n}\n\n.p-1 {\n padding: 0.25em !important;\n}\n\n.p-2 {\n padding: 0.5em !important;\n}\n\n.p-3 {\n padding: 1em !important;\n}\n\n.p-4 {\n padding: 1.5em !important;\n}\n\n.p-5 {\n padding: 3em !important;\n}\n\n.px-0 {\n padding-right: 0 !important;\n padding-left: 0 !important;\n}\n\n.px-1 {\n padding-right: 0.25em !important;\n padding-left: 0.25em !important;\n}\n\n.px-2 {\n padding-right: 0.5em !important;\n padding-left: 0.5em !important;\n}\n\n.px-3 {\n padding-right: 1em !important;\n padding-left: 1em !important;\n}\n\n.px-4 {\n padding-right: 1.5em !important;\n padding-left: 1.5em !important;\n}\n\n.px-5 {\n padding-right: 3em !important;\n padding-left: 3em !important;\n}\n\n.py-0 {\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n}\n\n.py-1 {\n padding-top: 0.25em !important;\n padding-bottom: 0.25em !important;\n}\n\n.py-2 {\n padding-top: 0.5em !important;\n padding-bottom: 0.5em !important;\n}\n\n.py-3 {\n padding-top: 1em !important;\n padding-bottom: 1em !important;\n}\n\n.py-4 {\n padding-top: 1.5em !important;\n padding-bottom: 1.5em !important;\n}\n\n.py-5 {\n padding-top: 3em !important;\n padding-bottom: 3em !important;\n}\n\n.pt-0 {\n padding-top: 0 !important;\n}\n\n.pt-1 {\n padding-top: 0.25em !important;\n}\n\n.pt-2 {\n padding-top: 0.5em !important;\n}\n\n.pt-3 {\n padding-top: 1em !important;\n}\n\n.pt-4 {\n padding-top: 1.5em !important;\n}\n\n.pt-5 {\n padding-top: 3em !important;\n}\n\n.pe-0 {\n padding-right: 0 !important;\n}\n\n.pe-1 {\n padding-right: 0.25em !important;\n}\n\n.pe-2 {\n padding-right: 0.5em !important;\n}\n\n.pe-3 {\n padding-right: 1em !important;\n}\n\n.pe-4 {\n padding-right: 1.5em !important;\n}\n\n.pe-5 {\n padding-right: 3em !important;\n}\n\n.pb-0 {\n padding-bottom: 0 !important;\n}\n\n.pb-1 {\n padding-bottom: 0.25em !important;\n}\n\n.pb-2 {\n padding-bottom: 0.5em !important;\n}\n\n.pb-3 {\n padding-bottom: 1em !important;\n}\n\n.pb-4 {\n padding-bottom: 1.5em !important;\n}\n\n.pb-5 {\n padding-bottom: 3em !important;\n}\n\n.ps-0 {\n padding-left: 0 !important;\n}\n\n.ps-1 {\n padding-left: 0.25em !important;\n}\n\n.ps-2 {\n padding-left: 0.5em !important;\n}\n\n.ps-3 {\n padding-left: 1em !important;\n}\n\n.ps-4 {\n padding-left: 1.5em !important;\n}\n\n.ps-5 {\n padding-left: 3em !important;\n}\n\n.gap-0 {\n gap: 0 !important;\n}\n\n.gap-1 {\n gap: 0.25em !important;\n}\n\n.gap-2 {\n gap: 0.5em !important;\n}\n\n.gap-3 {\n gap: 1em !important;\n}\n\n.gap-4 {\n gap: 1.5em !important;\n}\n\n.gap-5 {\n gap: 3em !important;\n}\n\n.row-gap-0 {\n row-gap: 0 !important;\n}\n\n.row-gap-1 {\n row-gap: 0.25em !important;\n}\n\n.row-gap-2 {\n row-gap: 0.5em !important;\n}\n\n.row-gap-3 {\n row-gap: 1em !important;\n}\n\n.row-gap-4 {\n row-gap: 1.5em !important;\n}\n\n.row-gap-5 {\n row-gap: 3em !important;\n}\n\n.column-gap-0 {\n column-gap: 0 !important;\n}\n\n.column-gap-1 {\n column-gap: 0.25em !important;\n}\n\n.column-gap-2 {\n column-gap: 0.5em !important;\n}\n\n.column-gap-3 {\n column-gap: 1em !important;\n}\n\n.column-gap-4 {\n column-gap: 1.5em !important;\n}\n\n.column-gap-5 {\n column-gap: 3em !important;\n}\n\n.font-monospace {\n font-family: var(--cod-font-monospace) !important;\n}\n\n.fs-1 {\n font-size: calc(1.525em + 3.3vw) !important;\n}\n\n.fs-2 {\n font-size: calc(1.375em + 1.5vw) !important;\n}\n\n.fs-3 {\n font-size: calc(1.325em + 0.9vw) !important;\n}\n\n.fs-4 {\n font-size: calc(1.275em + 0.3vw) !important;\n}\n\n.fs-5 {\n font-size: 1.25em !important;\n}\n\n.fs-6 {\n font-size: 1em !important;\n}\n\n.fst-italic {\n font-style: italic !important;\n}\n\n.fst-normal {\n font-style: normal !important;\n}\n\n.fw-lighter {\n font-weight: lighter !important;\n}\n\n.fw-light {\n font-weight: 300 !important;\n}\n\n.fw-normal {\n font-weight: 400 !important;\n}\n\n.fw-medium {\n font-weight: 500 !important;\n}\n\n.fw-semibold {\n font-weight: 600 !important;\n}\n\n.fw-bold {\n font-weight: 700 !important;\n}\n\n.fw-bolder {\n font-weight: bolder !important;\n}\n\n.lh-1 {\n line-height: 1 !important;\n}\n\n.lh-sm {\n line-height: 1.25 !important;\n}\n\n.lh-base {\n line-height: 1.5 !important;\n}\n\n.lh-lg {\n line-height: 2 !important;\n}\n\n.text-start {\n text-align: left !important;\n}\n\n.text-end {\n text-align: right !important;\n}\n\n.text-center {\n text-align: center !important;\n}\n\n.text-decoration-none {\n text-decoration: none !important;\n}\n\n.text-decoration-underline {\n text-decoration: underline !important;\n}\n\n.text-decoration-line-through {\n text-decoration: line-through !important;\n}\n\n.text-lowercase {\n text-transform: lowercase !important;\n}\n\n.text-uppercase {\n text-transform: uppercase !important;\n}\n\n.text-capitalize {\n text-transform: capitalize !important;\n}\n\n.text-wrap {\n white-space: normal !important;\n}\n\n.text-nowrap {\n white-space: nowrap !important;\n}\n\n/* rtl:begin:remove */\n.text-break {\n word-wrap: break-word !important;\n word-break: break-word !important;\n}\n\n/* rtl:end:remove */\n.text-primary {\n --cod-text-opacity: 1;\n color: rgba(var(--cod-primary-rgb), var(--cod-text-opacity)) !important;\n}\n\n.text-secondary {\n --cod-text-opacity: 1;\n color: rgba(var(--cod-secondary-rgb), var(--cod-text-opacity)) !important;\n}\n\n.text-success {\n --cod-text-opacity: 1;\n color: rgba(var(--cod-success-rgb), var(--cod-text-opacity)) !important;\n}\n\n.text-info {\n --cod-text-opacity: 1;\n color: rgba(var(--cod-info-rgb), var(--cod-text-opacity)) !important;\n}\n\n.text-warning {\n --cod-text-opacity: 1;\n color: rgba(var(--cod-warning-rgb), var(--cod-text-opacity)) !important;\n}\n\n.text-danger {\n --cod-text-opacity: 1;\n color: rgba(var(--cod-danger-rgb), var(--cod-text-opacity)) !important;\n}\n\n.text-light {\n --cod-text-opacity: 1;\n color: rgba(var(--cod-light-rgb), var(--cod-text-opacity)) !important;\n}\n\n.text-dark {\n --cod-text-opacity: 1;\n color: rgba(var(--cod-dark-rgb), var(--cod-text-opacity)) !important;\n}\n\n.text-accent-primary {\n --cod-text-opacity: 1;\n color: rgba(\n var(--cod-accent-primary-rgb),\n var(--cod-text-opacity)\n ) !important;\n}\n\n.text-accent-secondary {\n --cod-text-opacity: 1;\n color: rgba(\n var(--cod-accent-secondary-rgb),\n var(--cod-text-opacity)\n ) !important;\n}\n\n.text-black {\n --cod-text-opacity: 1;\n color: rgba(var(--cod-black-rgb), var(--cod-text-opacity)) !important;\n}\n\n.text-white {\n --cod-text-opacity: 1;\n color: rgba(var(--cod-white-rgb), var(--cod-text-opacity)) !important;\n}\n\n.text-body {\n --cod-text-opacity: 1;\n color: rgba(var(--cod-body-color-rgb), var(--cod-text-opacity)) !important;\n}\n\n.text-muted {\n --cod-text-opacity: 1;\n color: var(--cod-secondary-color) !important;\n}\n\n.text-black-50 {\n --cod-text-opacity: 1;\n color: rgba(0, 0, 0, 0.5) !important;\n}\n\n.text-white-50 {\n --cod-text-opacity: 1;\n color: rgba(255, 255, 255, 0.5) !important;\n}\n\n.text-body-secondary {\n --cod-text-opacity: 1;\n color: var(--cod-secondary-color) !important;\n}\n\n.text-body-tertiary {\n --cod-text-opacity: 1;\n color: var(--cod-tertiary-color) !important;\n}\n\n.text-body-emphasis {\n --cod-text-opacity: 1;\n color: var(--cod-emphasis-color) !important;\n}\n\n.text-reset {\n --cod-text-opacity: 1;\n color: inherit !important;\n}\n\n.text-opacity-25 {\n --cod-text-opacity: 0.25;\n}\n\n.text-opacity-50 {\n --cod-text-opacity: 0.5;\n}\n\n.text-opacity-75 {\n --cod-text-opacity: 0.75;\n}\n\n.text-opacity-100 {\n --cod-text-opacity: 1;\n}\n\n.text-primary-emphasis {\n color: var(--cod-primary-text-emphasis) !important;\n}\n\n.text-secondary-emphasis {\n color: var(--cod-secondary-text-emphasis) !important;\n}\n\n.text-success-emphasis {\n color: var(--cod-success-text-emphasis) !important;\n}\n\n.text-info-emphasis {\n color: var(--cod-info-text-emphasis) !important;\n}\n\n.text-warning-emphasis {\n color: var(--cod-warning-text-emphasis) !important;\n}\n\n.text-danger-emphasis {\n color: var(--cod-danger-text-emphasis) !important;\n}\n\n.text-light-emphasis {\n color: var(--cod-light-text-emphasis) !important;\n}\n\n.text-dark-emphasis {\n color: var(--cod-dark-text-emphasis) !important;\n}\n\n.link-opacity-10 {\n --cod-link-opacity: 0.1;\n}\n\n.link-opacity-10-hover:hover {\n --cod-link-opacity: 0.1;\n}\n\n.link-opacity-25 {\n --cod-link-opacity: 0.25;\n}\n\n.link-opacity-25-hover:hover {\n --cod-link-opacity: 0.25;\n}\n\n.link-opacity-50 {\n --cod-link-opacity: 0.5;\n}\n\n.link-opacity-50-hover:hover {\n --cod-link-opacity: 0.5;\n}\n\n.link-opacity-75 {\n --cod-link-opacity: 0.75;\n}\n\n.link-opacity-75-hover:hover {\n --cod-link-opacity: 0.75;\n}\n\n.link-opacity-100 {\n --cod-link-opacity: 1;\n}\n\n.link-opacity-100-hover:hover {\n --cod-link-opacity: 1;\n}\n\n.link-offset-1 {\n text-underline-offset: 0.125em !important;\n}\n\n.link-offset-1-hover:hover {\n text-underline-offset: 0.125em !important;\n}\n\n.link-offset-2 {\n text-underline-offset: 0.25em !important;\n}\n\n.link-offset-2-hover:hover {\n text-underline-offset: 0.25em !important;\n}\n\n.link-offset-3 {\n text-underline-offset: 0.375em !important;\n}\n\n.link-offset-3-hover:hover {\n text-underline-offset: 0.375em !important;\n}\n\n.link-underline-primary {\n --cod-link-underline-opacity: 1;\n text-decoration-color: rgba(\n var(--cod-primary-rgb),\n var(--cod-link-underline-opacity)\n ) !important;\n}\n\n.link-underline-secondary {\n --cod-link-underline-opacity: 1;\n text-decoration-color: rgba(\n var(--cod-secondary-rgb),\n var(--cod-link-underline-opacity)\n ) !important;\n}\n\n.link-underline-success {\n --cod-link-underline-opacity: 1;\n text-decoration-color: rgba(\n var(--cod-success-rgb),\n var(--cod-link-underline-opacity)\n ) !important;\n}\n\n.link-underline-info {\n --cod-link-underline-opacity: 1;\n text-decoration-color: rgba(\n var(--cod-info-rgb),\n var(--cod-link-underline-opacity)\n ) !important;\n}\n\n.link-underline-warning {\n --cod-link-underline-opacity: 1;\n text-decoration-color: rgba(\n var(--cod-warning-rgb),\n var(--cod-link-underline-opacity)\n ) !important;\n}\n\n.link-underline-danger {\n --cod-link-underline-opacity: 1;\n text-decoration-color: rgba(\n var(--cod-danger-rgb),\n var(--cod-link-underline-opacity)\n ) !important;\n}\n\n.link-underline-light {\n --cod-link-underline-opacity: 1;\n text-decoration-color: rgba(\n var(--cod-light-rgb),\n var(--cod-link-underline-opacity)\n ) !important;\n}\n\n.link-underline-dark {\n --cod-link-underline-opacity: 1;\n text-decoration-color: rgba(\n var(--cod-dark-rgb),\n var(--cod-link-underline-opacity)\n ) !important;\n}\n\n.link-underline-accent-primary {\n --cod-link-underline-opacity: 1;\n text-decoration-color: rgba(\n var(--cod-accent-primary-rgb),\n var(--cod-link-underline-opacity)\n ) !important;\n}\n\n.link-underline-accent-secondary {\n --cod-link-underline-opacity: 1;\n text-decoration-color: rgba(\n var(--cod-accent-secondary-rgb),\n var(--cod-link-underline-opacity)\n ) !important;\n}\n\n.link-underline {\n --cod-link-underline-opacity: 1;\n text-decoration-color: rgba(\n var(--cod-link-color-rgb),\n var(--cod-link-underline-opacity, 1)\n ) !important;\n}\n\n.link-underline-opacity-0 {\n --cod-link-underline-opacity: 0;\n}\n\n.link-underline-opacity-0-hover:hover {\n --cod-link-underline-opacity: 0;\n}\n\n.link-underline-opacity-10 {\n --cod-link-underline-opacity: 0.1;\n}\n\n.link-underline-opacity-10-hover:hover {\n --cod-link-underline-opacity: 0.1;\n}\n\n.link-underline-opacity-25 {\n --cod-link-underline-opacity: 0.25;\n}\n\n.link-underline-opacity-25-hover:hover {\n --cod-link-underline-opacity: 0.25;\n}\n\n.link-underline-opacity-50 {\n --cod-link-underline-opacity: 0.5;\n}\n\n.link-underline-opacity-50-hover:hover {\n --cod-link-underline-opacity: 0.5;\n}\n\n.link-underline-opacity-75 {\n --cod-link-underline-opacity: 0.75;\n}\n\n.link-underline-opacity-75-hover:hover {\n --cod-link-underline-opacity: 0.75;\n}\n\n.link-underline-opacity-100 {\n --cod-link-underline-opacity: 1;\n}\n\n.link-underline-opacity-100-hover:hover {\n --cod-link-underline-opacity: 1;\n}\n\n.bg-primary {\n --cod-bg-opacity: 1;\n background-color: rgba(\n var(--cod-primary-rgb),\n var(--cod-bg-opacity)\n ) !important;\n}\n\n.bg-secondary {\n --cod-bg-opacity: 1;\n background-color: rgba(\n var(--cod-secondary-rgb),\n var(--cod-bg-opacity)\n ) !important;\n}\n\n.bg-success {\n --cod-bg-opacity: 1;\n background-color: rgba(\n var(--cod-success-rgb),\n var(--cod-bg-opacity)\n ) !important;\n}\n\n.bg-info {\n --cod-bg-opacity: 1;\n background-color: rgba(var(--cod-info-rgb), var(--cod-bg-opacity)) !important;\n}\n\n.bg-warning {\n --cod-bg-opacity: 1;\n background-color: rgba(\n var(--cod-warning-rgb),\n var(--cod-bg-opacity)\n ) !important;\n}\n\n.bg-danger {\n --cod-bg-opacity: 1;\n background-color: rgba(\n var(--cod-danger-rgb),\n var(--cod-bg-opacity)\n ) !important;\n}\n\n.bg-light {\n --cod-bg-opacity: 1;\n background-color: rgba(\n var(--cod-light-rgb),\n var(--cod-bg-opacity)\n ) !important;\n}\n\n.bg-dark {\n --cod-bg-opacity: 1;\n background-color: rgba(var(--cod-dark-rgb), var(--cod-bg-opacity)) !important;\n}\n\n.bg-accent-primary {\n --cod-bg-opacity: 1;\n background-color: rgba(\n var(--cod-accent-primary-rgb),\n var(--cod-bg-opacity)\n ) !important;\n}\n\n.bg-accent-secondary {\n --cod-bg-opacity: 1;\n background-color: rgba(\n var(--cod-accent-secondary-rgb),\n var(--cod-bg-opacity)\n ) !important;\n}\n\n.bg-black {\n --cod-bg-opacity: 1;\n background-color: rgba(\n var(--cod-black-rgb),\n var(--cod-bg-opacity)\n ) !important;\n}\n\n.bg-white {\n --cod-bg-opacity: 1;\n background-color: rgba(\n var(--cod-white-rgb),\n var(--cod-bg-opacity)\n ) !important;\n}\n\n.bg-body {\n --cod-bg-opacity: 1;\n background-color: rgba(\n var(--cod-body-bg-rgb),\n var(--cod-bg-opacity)\n ) !important;\n}\n\n.bg-transparent {\n --cod-bg-opacity: 1;\n background-color: transparent !important;\n}\n\n.bg-body-secondary {\n --cod-bg-opacity: 1;\n background-color: rgba(\n var(--cod-secondary-bg-rgb),\n var(--cod-bg-opacity)\n ) !important;\n}\n\n.bg-body-tertiary {\n --cod-bg-opacity: 1;\n background-color: rgba(\n var(--cod-tertiary-bg-rgb),\n var(--cod-bg-opacity)\n ) !important;\n}\n\n.bg-opacity-10 {\n --cod-bg-opacity: 0.1;\n}\n\n.bg-opacity-25 {\n --cod-bg-opacity: 0.25;\n}\n\n.bg-opacity-50 {\n --cod-bg-opacity: 0.5;\n}\n\n.bg-opacity-75 {\n --cod-bg-opacity: 0.75;\n}\n\n.bg-opacity-100 {\n --cod-bg-opacity: 1;\n}\n\n.bg-primary-subtle {\n background-color: var(--cod-primary-bg-subtle) !important;\n}\n\n.bg-secondary-subtle {\n background-color: var(--cod-secondary-bg-subtle) !important;\n}\n\n.bg-success-subtle {\n background-color: var(--cod-success-bg-subtle) !important;\n}\n\n.bg-info-subtle {\n background-color: var(--cod-info-bg-subtle) !important;\n}\n\n.bg-warning-subtle {\n background-color: var(--cod-warning-bg-subtle) !important;\n}\n\n.bg-danger-subtle {\n background-color: var(--cod-danger-bg-subtle) !important;\n}\n\n.bg-light-subtle {\n background-color: var(--cod-light-bg-subtle) !important;\n}\n\n.bg-dark-subtle {\n background-color: var(--cod-dark-bg-subtle) !important;\n}\n\n.bg-gradient {\n background-image: var(--cod-gradient) !important;\n}\n\n.user-select-all {\n user-select: all !important;\n}\n\n.user-select-auto {\n user-select: auto !important;\n}\n\n.user-select-none {\n user-select: none !important;\n}\n\n.pe-none {\n pointer-events: none !important;\n}\n\n.pe-auto {\n pointer-events: auto !important;\n}\n\n.rounded {\n border-radius: var(--cod-border-radius) !important;\n}\n\n.rounded-0 {\n border-radius: 0 !important;\n}\n\n.rounded-1 {\n border-radius: var(--cod-border-radius-sm) !important;\n}\n\n.rounded-2 {\n border-radius: var(--cod-border-radius) !important;\n}\n\n.rounded-3 {\n border-radius: var(--cod-border-radius-lg) !important;\n}\n\n.rounded-4 {\n border-radius: var(--cod-border-radius-xl) !important;\n}\n\n.rounded-5 {\n border-radius: var(--cod-border-radius-xxl) !important;\n}\n\n.rounded-circle {\n border-radius: 50% !important;\n}\n\n.rounded-pill {\n border-radius: var(--cod-border-radius-pill) !important;\n}\n\n.rounded-top {\n border-top-left-radius: var(--cod-border-radius) !important;\n border-top-right-radius: var(--cod-border-radius) !important;\n}\n\n.rounded-top-0 {\n border-top-left-radius: 0 !important;\n border-top-right-radius: 0 !important;\n}\n\n.rounded-top-1 {\n border-top-left-radius: var(--cod-border-radius-sm) !important;\n border-top-right-radius: var(--cod-border-radius-sm) !important;\n}\n\n.rounded-top-2 {\n border-top-left-radius: var(--cod-border-radius) !important;\n border-top-right-radius: var(--cod-border-radius) !important;\n}\n\n.rounded-top-3 {\n border-top-left-radius: var(--cod-border-radius-lg) !important;\n border-top-right-radius: var(--cod-border-radius-lg) !important;\n}\n\n.rounded-top-4 {\n border-top-left-radius: var(--cod-border-radius-xl) !important;\n border-top-right-radius: var(--cod-border-radius-xl) !important;\n}\n\n.rounded-top-5 {\n border-top-left-radius: var(--cod-border-radius-xxl) !important;\n border-top-right-radius: var(--cod-border-radius-xxl) !important;\n}\n\n.rounded-top-circle {\n border-top-left-radius: 50% !important;\n border-top-right-radius: 50% !important;\n}\n\n.rounded-top-pill {\n border-top-left-radius: var(--cod-border-radius-pill) !important;\n border-top-right-radius: var(--cod-border-radius-pill) !important;\n}\n\n.rounded-end {\n border-top-right-radius: var(--cod-border-radius) !important;\n border-bottom-right-radius: var(--cod-border-radius) !important;\n}\n\n.rounded-end-0 {\n border-top-right-radius: 0 !important;\n border-bottom-right-radius: 0 !important;\n}\n\n.rounded-end-1 {\n border-top-right-radius: var(--cod-border-radius-sm) !important;\n border-bottom-right-radius: var(--cod-border-radius-sm) !important;\n}\n\n.rounded-end-2 {\n border-top-right-radius: var(--cod-border-radius) !important;\n border-bottom-right-radius: var(--cod-border-radius) !important;\n}\n\n.rounded-end-3 {\n border-top-right-radius: var(--cod-border-radius-lg) !important;\n border-bottom-right-radius: var(--cod-border-radius-lg) !important;\n}\n\n.rounded-end-4 {\n border-top-right-radius: var(--cod-border-radius-xl) !important;\n border-bottom-right-radius: var(--cod-border-radius-xl) !important;\n}\n\n.rounded-end-5 {\n border-top-right-radius: var(--cod-border-radius-xxl) !important;\n border-bottom-right-radius: var(--cod-border-radius-xxl) !important;\n}\n\n.rounded-end-circle {\n border-top-right-radius: 50% !important;\n border-bottom-right-radius: 50% !important;\n}\n\n.rounded-end-pill {\n border-top-right-radius: var(--cod-border-radius-pill) !important;\n border-bottom-right-radius: var(--cod-border-radius-pill) !important;\n}\n\n.rounded-bottom {\n border-bottom-right-radius: var(--cod-border-radius) !important;\n border-bottom-left-radius: var(--cod-border-radius) !important;\n}\n\n.rounded-bottom-0 {\n border-bottom-right-radius: 0 !important;\n border-bottom-left-radius: 0 !important;\n}\n\n.rounded-bottom-1 {\n border-bottom-right-radius: var(--cod-border-radius-sm) !important;\n border-bottom-left-radius: var(--cod-border-radius-sm) !important;\n}\n\n.rounded-bottom-2 {\n border-bottom-right-radius: var(--cod-border-radius) !important;\n border-bottom-left-radius: var(--cod-border-radius) !important;\n}\n\n.rounded-bottom-3 {\n border-bottom-right-radius: var(--cod-border-radius-lg) !important;\n border-bottom-left-radius: var(--cod-border-radius-lg) !important;\n}\n\n.rounded-bottom-4 {\n border-bottom-right-radius: var(--cod-border-radius-xl) !important;\n border-bottom-left-radius: var(--cod-border-radius-xl) !important;\n}\n\n.rounded-bottom-5 {\n border-bottom-right-radius: var(--cod-border-radius-xxl) !important;\n border-bottom-left-radius: var(--cod-border-radius-xxl) !important;\n}\n\n.rounded-bottom-circle {\n border-bottom-right-radius: 50% !important;\n border-bottom-left-radius: 50% !important;\n}\n\n.rounded-bottom-pill {\n border-bottom-right-radius: var(--cod-border-radius-pill) !important;\n border-bottom-left-radius: var(--cod-border-radius-pill) !important;\n}\n\n.rounded-start {\n border-bottom-left-radius: var(--cod-border-radius) !important;\n border-top-left-radius: var(--cod-border-radius) !important;\n}\n\n.rounded-start-0 {\n border-bottom-left-radius: 0 !important;\n border-top-left-radius: 0 !important;\n}\n\n.rounded-start-1 {\n border-bottom-left-radius: var(--cod-border-radius-sm) !important;\n border-top-left-radius: var(--cod-border-radius-sm) !important;\n}\n\n.rounded-start-2 {\n border-bottom-left-radius: var(--cod-border-radius) !important;\n border-top-left-radius: var(--cod-border-radius) !important;\n}\n\n.rounded-start-3 {\n border-bottom-left-radius: var(--cod-border-radius-lg) !important;\n border-top-left-radius: var(--cod-border-radius-lg) !important;\n}\n\n.rounded-start-4 {\n border-bottom-left-radius: var(--cod-border-radius-xl) !important;\n border-top-left-radius: var(--cod-border-radius-xl) !important;\n}\n\n.rounded-start-5 {\n border-bottom-left-radius: var(--cod-border-radius-xxl) !important;\n border-top-left-radius: var(--cod-border-radius-xxl) !important;\n}\n\n.rounded-start-circle {\n border-bottom-left-radius: 50% !important;\n border-top-left-radius: 50% !important;\n}\n\n.rounded-start-pill {\n border-bottom-left-radius: var(--cod-border-radius-pill) !important;\n border-top-left-radius: var(--cod-border-radius-pill) !important;\n}\n\n.visible {\n visibility: visible !important;\n}\n\n.invisible {\n visibility: hidden !important;\n}\n\n.z-n1 {\n z-index: -1 !important;\n}\n\n.z-0 {\n z-index: 0 !important;\n}\n\n.z-1 {\n z-index: 1 !important;\n}\n\n.z-2 {\n z-index: 2 !important;\n}\n\n.z-3 {\n z-index: 3 !important;\n}\n\n.li-bg-primary {\n --cod-bg-opacity: 1;\n background-color: rgba(\n var(--cod-primary-rgb),\n var(--cod-bg-opacity)\n ) !important;\n}\n\n.li-bg-secondary {\n --cod-bg-opacity: 1;\n background-color: rgba(\n var(--cod-secondary-rgb),\n var(--cod-bg-opacity)\n ) !important;\n}\n\n.li-bg-success {\n --cod-bg-opacity: 1;\n background-color: rgba(\n var(--cod-success-rgb),\n var(--cod-bg-opacity)\n ) !important;\n}\n\n.li-bg-info {\n --cod-bg-opacity: 1;\n background-color: rgba(var(--cod-info-rgb), var(--cod-bg-opacity)) !important;\n}\n\n.li-bg-warning {\n --cod-bg-opacity: 1;\n background-color: rgba(\n var(--cod-warning-rgb),\n var(--cod-bg-opacity)\n ) !important;\n}\n\n.li-bg-danger {\n --cod-bg-opacity: 1;\n background-color: rgba(\n var(--cod-danger-rgb),\n var(--cod-bg-opacity)\n ) !important;\n}\n\n.li-bg-light {\n --cod-bg-opacity: 1;\n background-color: rgba(\n var(--cod-light-rgb),\n var(--cod-bg-opacity)\n ) !important;\n}\n\n.li-bg-dark {\n --cod-bg-opacity: 1;\n background-color: rgba(var(--cod-dark-rgb), var(--cod-bg-opacity)) !important;\n}\n\n.li-bg-accent-primary {\n --cod-bg-opacity: 1;\n background-color: rgba(\n var(--cod-accent-primary-rgb),\n var(--cod-bg-opacity)\n ) !important;\n}\n\n.li-bg-accent-secondary {\n --cod-bg-opacity: 1;\n background-color: rgba(\n var(--cod-accent-secondary-rgb),\n var(--cod-bg-opacity)\n ) !important;\n}\n\n.li-bg-black {\n --cod-bg-opacity: 1;\n background-color: rgba(\n var(--cod-black-rgb),\n var(--cod-bg-opacity)\n ) !important;\n}\n\n.li-bg-white {\n --cod-bg-opacity: 1;\n background-color: rgba(\n var(--cod-white-rgb),\n var(--cod-bg-opacity)\n ) !important;\n}\n\n.li-bg-body {\n --cod-bg-opacity: 1;\n background-color: rgba(\n var(--cod-body-bg-rgb),\n var(--cod-bg-opacity)\n ) !important;\n}\n\n.li-bg-transparent {\n --cod-bg-opacity: 1;\n background-color: transparent !important;\n}\n\n.li-bg-body-secondary {\n --cod-bg-opacity: 1;\n background-color: rgba(\n var(--cod-secondary-bg-rgb),\n var(--cod-bg-opacity)\n ) !important;\n}\n\n.li-bg-body-tertiary {\n --cod-bg-opacity: 1;\n background-color: rgba(\n var(--cod-tertiary-bg-rgb),\n var(--cod-bg-opacity)\n ) !important;\n}\n\n.li-bg-primary-subtle {\n background-color: var(--cod-primary-bg-subtle) !important;\n}\n\n.li-bg-secondary-subtle {\n background-color: var(--cod-secondary-bg-subtle) !important;\n}\n\n.li-bg-success-subtle {\n background-color: var(--cod-success-bg-subtle) !important;\n}\n\n.li-bg-info-subtle {\n background-color: var(--cod-info-bg-subtle) !important;\n}\n\n.li-bg-warning-subtle {\n background-color: var(--cod-warning-bg-subtle) !important;\n}\n\n.li-bg-danger-subtle {\n background-color: var(--cod-danger-bg-subtle) !important;\n}\n\n.li-bg-light-subtle {\n background-color: var(--cod-light-bg-subtle) !important;\n}\n\n.li-bg-dark-subtle {\n background-color: var(--cod-dark-bg-subtle) !important;\n}\n\n@media (min-width: 576px) {\n .float-sm-start {\n float: left !important;\n }\n .float-sm-end {\n float: right !important;\n }\n .float-sm-none {\n float: none !important;\n }\n .object-fit-sm-contain {\n object-fit: contain !important;\n }\n .object-fit-sm-cover {\n object-fit: cover !important;\n }\n .object-fit-sm-fill {\n object-fit: fill !important;\n }\n .object-fit-sm-scale {\n object-fit: scale-down !important;\n }\n .object-fit-sm-none {\n object-fit: none !important;\n }\n .d-sm-inline {\n display: inline !important;\n }\n .d-sm-inline-block {\n display: inline-block !important;\n }\n .d-sm-block {\n display: block !important;\n }\n .d-sm-grid {\n display: grid !important;\n }\n .d-sm-inline-grid {\n display: inline-grid !important;\n }\n .d-sm-table {\n display: table !important;\n }\n .d-sm-table-row {\n display: table-row !important;\n }\n .d-sm-table-cell {\n display: table-cell !important;\n }\n .d-sm-flex {\n display: flex !important;\n }\n .d-sm-inline-flex {\n display: inline-flex !important;\n }\n .d-sm-none {\n display: none !important;\n }\n .flex-sm-fill {\n flex: 1 1 auto !important;\n }\n .flex-sm-row {\n flex-direction: row !important;\n }\n .flex-sm-column {\n flex-direction: column !important;\n }\n .flex-sm-row-reverse {\n flex-direction: row-reverse !important;\n }\n .flex-sm-column-reverse {\n flex-direction: column-reverse !important;\n }\n .flex-sm-grow-0 {\n flex-grow: 0 !important;\n }\n .flex-sm-grow-1 {\n flex-grow: 1 !important;\n }\n .flex-sm-shrink-0 {\n flex-shrink: 0 !important;\n }\n .flex-sm-shrink-1 {\n flex-shrink: 1 !important;\n }\n .flex-sm-wrap {\n flex-wrap: wrap !important;\n }\n .flex-sm-nowrap {\n flex-wrap: nowrap !important;\n }\n .flex-sm-wrap-reverse {\n flex-wrap: wrap-reverse !important;\n }\n .justify-content-sm-start {\n justify-content: flex-start !important;\n }\n .justify-content-sm-end {\n justify-content: flex-end !important;\n }\n .justify-content-sm-center {\n justify-content: center !important;\n }\n .justify-content-sm-between {\n justify-content: space-between !important;\n }\n .justify-content-sm-around {\n justify-content: space-around !important;\n }\n .justify-content-sm-evenly {\n justify-content: space-evenly !important;\n }\n .align-items-sm-start {\n align-items: flex-start !important;\n }\n .align-items-sm-end {\n align-items: flex-end !important;\n }\n .align-items-sm-center {\n align-items: center !important;\n }\n .align-items-sm-baseline {\n align-items: baseline !important;\n }\n .align-items-sm-stretch {\n align-items: stretch !important;\n }\n .align-content-sm-start {\n align-content: flex-start !important;\n }\n .align-content-sm-end {\n align-content: flex-end !important;\n }\n .align-content-sm-center {\n align-content: center !important;\n }\n .align-content-sm-between {\n align-content: space-between !important;\n }\n .align-content-sm-around {\n align-content: space-around !important;\n }\n .align-content-sm-stretch {\n align-content: stretch !important;\n }\n .align-self-sm-auto {\n align-self: auto !important;\n }\n .align-self-sm-start {\n align-self: flex-start !important;\n }\n .align-self-sm-end {\n align-self: flex-end !important;\n }\n .align-self-sm-center {\n align-self: center !important;\n }\n .align-self-sm-baseline {\n align-self: baseline !important;\n }\n .align-self-sm-stretch {\n align-self: stretch !important;\n }\n .order-sm-first {\n order: -1 !important;\n }\n .order-sm-0 {\n order: 0 !important;\n }\n .order-sm-1 {\n order: 1 !important;\n }\n .order-sm-2 {\n order: 2 !important;\n }\n .order-sm-3 {\n order: 3 !important;\n }\n .order-sm-4 {\n order: 4 !important;\n }\n .order-sm-5 {\n order: 5 !important;\n }\n .order-sm-last {\n order: 6 !important;\n }\n .m-sm-0 {\n margin: 0 !important;\n }\n .m-sm-1 {\n margin: 0.25em !important;\n }\n .m-sm-2 {\n margin: 0.5em !important;\n }\n .m-sm-3 {\n margin: 1em !important;\n }\n .m-sm-4 {\n margin: 1.5em !important;\n }\n .m-sm-5 {\n margin: 3em !important;\n }\n .m-sm-auto {\n margin: auto !important;\n }\n .mx-sm-0 {\n margin-right: 0 !important;\n margin-left: 0 !important;\n }\n .mx-sm-1 {\n margin-right: 0.25em !important;\n margin-left: 0.25em !important;\n }\n .mx-sm-2 {\n margin-right: 0.5em !important;\n margin-left: 0.5em !important;\n }\n .mx-sm-3 {\n margin-right: 1em !important;\n margin-left: 1em !important;\n }\n .mx-sm-4 {\n margin-right: 1.5em !important;\n margin-left: 1.5em !important;\n }\n .mx-sm-5 {\n margin-right: 3em !important;\n margin-left: 3em !important;\n }\n .mx-sm-auto {\n margin-right: auto !important;\n margin-left: auto !important;\n }\n .my-sm-0 {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n }\n .my-sm-1 {\n margin-top: 0.25em !important;\n margin-bottom: 0.25em !important;\n }\n .my-sm-2 {\n margin-top: 0.5em !important;\n margin-bottom: 0.5em !important;\n }\n .my-sm-3 {\n margin-top: 1em !important;\n margin-bottom: 1em !important;\n }\n .my-sm-4 {\n margin-top: 1.5em !important;\n margin-bottom: 1.5em !important;\n }\n .my-sm-5 {\n margin-top: 3em !important;\n margin-bottom: 3em !important;\n }\n .my-sm-auto {\n margin-top: auto !important;\n margin-bottom: auto !important;\n }\n .mt-sm-0 {\n margin-top: 0 !important;\n }\n .mt-sm-1 {\n margin-top: 0.25em !important;\n }\n .mt-sm-2 {\n margin-top: 0.5em !important;\n }\n .mt-sm-3 {\n margin-top: 1em !important;\n }\n .mt-sm-4 {\n margin-top: 1.5em !important;\n }\n .mt-sm-5 {\n margin-top: 3em !important;\n }\n .mt-sm-auto {\n margin-top: auto !important;\n }\n .me-sm-0 {\n margin-right: 0 !important;\n }\n .me-sm-1 {\n margin-right: 0.25em !important;\n }\n .me-sm-2 {\n margin-right: 0.5em !important;\n }\n .me-sm-3 {\n margin-right: 1em !important;\n }\n .me-sm-4 {\n margin-right: 1.5em !important;\n }\n .me-sm-5 {\n margin-right: 3em !important;\n }\n .me-sm-auto {\n margin-right: auto !important;\n }\n .mb-sm-0 {\n margin-bottom: 0 !important;\n }\n .mb-sm-1 {\n margin-bottom: 0.25em !important;\n }\n .mb-sm-2 {\n margin-bottom: 0.5em !important;\n }\n .mb-sm-3 {\n margin-bottom: 1em !important;\n }\n .mb-sm-4 {\n margin-bottom: 1.5em !important;\n }\n .mb-sm-5 {\n margin-bottom: 3em !important;\n }\n .mb-sm-auto {\n margin-bottom: auto !important;\n }\n .ms-sm-0 {\n margin-left: 0 !important;\n }\n .ms-sm-1 {\n margin-left: 0.25em !important;\n }\n .ms-sm-2 {\n margin-left: 0.5em !important;\n }\n .ms-sm-3 {\n margin-left: 1em !important;\n }\n .ms-sm-4 {\n margin-left: 1.5em !important;\n }\n .ms-sm-5 {\n margin-left: 3em !important;\n }\n .ms-sm-auto {\n margin-left: auto !important;\n }\n .p-sm-0 {\n padding: 0 !important;\n }\n .p-sm-1 {\n padding: 0.25em !important;\n }\n .p-sm-2 {\n padding: 0.5em !important;\n }\n .p-sm-3 {\n padding: 1em !important;\n }\n .p-sm-4 {\n padding: 1.5em !important;\n }\n .p-sm-5 {\n padding: 3em !important;\n }\n .px-sm-0 {\n padding-right: 0 !important;\n padding-left: 0 !important;\n }\n .px-sm-1 {\n padding-right: 0.25em !important;\n padding-left: 0.25em !important;\n }\n .px-sm-2 {\n padding-right: 0.5em !important;\n padding-left: 0.5em !important;\n }\n .px-sm-3 {\n padding-right: 1em !important;\n padding-left: 1em !important;\n }\n .px-sm-4 {\n padding-right: 1.5em !important;\n padding-left: 1.5em !important;\n }\n .px-sm-5 {\n padding-right: 3em !important;\n padding-left: 3em !important;\n }\n .py-sm-0 {\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n }\n .py-sm-1 {\n padding-top: 0.25em !important;\n padding-bottom: 0.25em !important;\n }\n .py-sm-2 {\n padding-top: 0.5em !important;\n padding-bottom: 0.5em !important;\n }\n .py-sm-3 {\n padding-top: 1em !important;\n padding-bottom: 1em !important;\n }\n .py-sm-4 {\n padding-top: 1.5em !important;\n padding-bottom: 1.5em !important;\n }\n .py-sm-5 {\n padding-top: 3em !important;\n padding-bottom: 3em !important;\n }\n .pt-sm-0 {\n padding-top: 0 !important;\n }\n .pt-sm-1 {\n padding-top: 0.25em !important;\n }\n .pt-sm-2 {\n padding-top: 0.5em !important;\n }\n .pt-sm-3 {\n padding-top: 1em !important;\n }\n .pt-sm-4 {\n padding-top: 1.5em !important;\n }\n .pt-sm-5 {\n padding-top: 3em !important;\n }\n .pe-sm-0 {\n padding-right: 0 !important;\n }\n .pe-sm-1 {\n padding-right: 0.25em !important;\n }\n .pe-sm-2 {\n padding-right: 0.5em !important;\n }\n .pe-sm-3 {\n padding-right: 1em !important;\n }\n .pe-sm-4 {\n padding-right: 1.5em !important;\n }\n .pe-sm-5 {\n padding-right: 3em !important;\n }\n .pb-sm-0 {\n padding-bottom: 0 !important;\n }\n .pb-sm-1 {\n padding-bottom: 0.25em !important;\n }\n .pb-sm-2 {\n padding-bottom: 0.5em !important;\n }\n .pb-sm-3 {\n padding-bottom: 1em !important;\n }\n .pb-sm-4 {\n padding-bottom: 1.5em !important;\n }\n .pb-sm-5 {\n padding-bottom: 3em !important;\n }\n .ps-sm-0 {\n padding-left: 0 !important;\n }\n .ps-sm-1 {\n padding-left: 0.25em !important;\n }\n .ps-sm-2 {\n padding-left: 0.5em !important;\n }\n .ps-sm-3 {\n padding-left: 1em !important;\n }\n .ps-sm-4 {\n padding-left: 1.5em !important;\n }\n .ps-sm-5 {\n padding-left: 3em !important;\n }\n .gap-sm-0 {\n gap: 0 !important;\n }\n .gap-sm-1 {\n gap: 0.25em !important;\n }\n .gap-sm-2 {\n gap: 0.5em !important;\n }\n .gap-sm-3 {\n gap: 1em !important;\n }\n .gap-sm-4 {\n gap: 1.5em !important;\n }\n .gap-sm-5 {\n gap: 3em !important;\n }\n .row-gap-sm-0 {\n row-gap: 0 !important;\n }\n .row-gap-sm-1 {\n row-gap: 0.25em !important;\n }\n .row-gap-sm-2 {\n row-gap: 0.5em !important;\n }\n .row-gap-sm-3 {\n row-gap: 1em !important;\n }\n .row-gap-sm-4 {\n row-gap: 1.5em !important;\n }\n .row-gap-sm-5 {\n row-gap: 3em !important;\n }\n .column-gap-sm-0 {\n column-gap: 0 !important;\n }\n .column-gap-sm-1 {\n column-gap: 0.25em !important;\n }\n .column-gap-sm-2 {\n column-gap: 0.5em !important;\n }\n .column-gap-sm-3 {\n column-gap: 1em !important;\n }\n .column-gap-sm-4 {\n column-gap: 1.5em !important;\n }\n .column-gap-sm-5 {\n column-gap: 3em !important;\n }\n .text-sm-start {\n text-align: left !important;\n }\n .text-sm-end {\n text-align: right !important;\n }\n .text-sm-center {\n text-align: center !important;\n }\n}\n@media (min-width: 768px) {\n .float-md-start {\n float: left !important;\n }\n .float-md-end {\n float: right !important;\n }\n .float-md-none {\n float: none !important;\n }\n .object-fit-md-contain {\n object-fit: contain !important;\n }\n .object-fit-md-cover {\n object-fit: cover !important;\n }\n .object-fit-md-fill {\n object-fit: fill !important;\n }\n .object-fit-md-scale {\n object-fit: scale-down !important;\n }\n .object-fit-md-none {\n object-fit: none !important;\n }\n .d-md-inline {\n display: inline !important;\n }\n .d-md-inline-block {\n display: inline-block !important;\n }\n .d-md-block {\n display: block !important;\n }\n .d-md-grid {\n display: grid !important;\n }\n .d-md-inline-grid {\n display: inline-grid !important;\n }\n .d-md-table {\n display: table !important;\n }\n .d-md-table-row {\n display: table-row !important;\n }\n .d-md-table-cell {\n display: table-cell !important;\n }\n .d-md-flex {\n display: flex !important;\n }\n .d-md-inline-flex {\n display: inline-flex !important;\n }\n .d-md-none {\n display: none !important;\n }\n .flex-md-fill {\n flex: 1 1 auto !important;\n }\n .flex-md-row {\n flex-direction: row !important;\n }\n .flex-md-column {\n flex-direction: column !important;\n }\n .flex-md-row-reverse {\n flex-direction: row-reverse !important;\n }\n .flex-md-column-reverse {\n flex-direction: column-reverse !important;\n }\n .flex-md-grow-0 {\n flex-grow: 0 !important;\n }\n .flex-md-grow-1 {\n flex-grow: 1 !important;\n }\n .flex-md-shrink-0 {\n flex-shrink: 0 !important;\n }\n .flex-md-shrink-1 {\n flex-shrink: 1 !important;\n }\n .flex-md-wrap {\n flex-wrap: wrap !important;\n }\n .flex-md-nowrap {\n flex-wrap: nowrap !important;\n }\n .flex-md-wrap-reverse {\n flex-wrap: wrap-reverse !important;\n }\n .justify-content-md-start {\n justify-content: flex-start !important;\n }\n .justify-content-md-end {\n justify-content: flex-end !important;\n }\n .justify-content-md-center {\n justify-content: center !important;\n }\n .justify-content-md-between {\n justify-content: space-between !important;\n }\n .justify-content-md-around {\n justify-content: space-around !important;\n }\n .justify-content-md-evenly {\n justify-content: space-evenly !important;\n }\n .align-items-md-start {\n align-items: flex-start !important;\n }\n .align-items-md-end {\n align-items: flex-end !important;\n }\n .align-items-md-center {\n align-items: center !important;\n }\n .align-items-md-baseline {\n align-items: baseline !important;\n }\n .align-items-md-stretch {\n align-items: stretch !important;\n }\n .align-content-md-start {\n align-content: flex-start !important;\n }\n .align-content-md-end {\n align-content: flex-end !important;\n }\n .align-content-md-center {\n align-content: center !important;\n }\n .align-content-md-between {\n align-content: space-between !important;\n }\n .align-content-md-around {\n align-content: space-around !important;\n }\n .align-content-md-stretch {\n align-content: stretch !important;\n }\n .align-self-md-auto {\n align-self: auto !important;\n }\n .align-self-md-start {\n align-self: flex-start !important;\n }\n .align-self-md-end {\n align-self: flex-end !important;\n }\n .align-self-md-center {\n align-self: center !important;\n }\n .align-self-md-baseline {\n align-self: baseline !important;\n }\n .align-self-md-stretch {\n align-self: stretch !important;\n }\n .order-md-first {\n order: -1 !important;\n }\n .order-md-0 {\n order: 0 !important;\n }\n .order-md-1 {\n order: 1 !important;\n }\n .order-md-2 {\n order: 2 !important;\n }\n .order-md-3 {\n order: 3 !important;\n }\n .order-md-4 {\n order: 4 !important;\n }\n .order-md-5 {\n order: 5 !important;\n }\n .order-md-last {\n order: 6 !important;\n }\n .m-md-0 {\n margin: 0 !important;\n }\n .m-md-1 {\n margin: 0.25em !important;\n }\n .m-md-2 {\n margin: 0.5em !important;\n }\n .m-md-3 {\n margin: 1em !important;\n }\n .m-md-4 {\n margin: 1.5em !important;\n }\n .m-md-5 {\n margin: 3em !important;\n }\n .m-md-auto {\n margin: auto !important;\n }\n .mx-md-0 {\n margin-right: 0 !important;\n margin-left: 0 !important;\n }\n .mx-md-1 {\n margin-right: 0.25em !important;\n margin-left: 0.25em !important;\n }\n .mx-md-2 {\n margin-right: 0.5em !important;\n margin-left: 0.5em !important;\n }\n .mx-md-3 {\n margin-right: 1em !important;\n margin-left: 1em !important;\n }\n .mx-md-4 {\n margin-right: 1.5em !important;\n margin-left: 1.5em !important;\n }\n .mx-md-5 {\n margin-right: 3em !important;\n margin-left: 3em !important;\n }\n .mx-md-auto {\n margin-right: auto !important;\n margin-left: auto !important;\n }\n .my-md-0 {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n }\n .my-md-1 {\n margin-top: 0.25em !important;\n margin-bottom: 0.25em !important;\n }\n .my-md-2 {\n margin-top: 0.5em !important;\n margin-bottom: 0.5em !important;\n }\n .my-md-3 {\n margin-top: 1em !important;\n margin-bottom: 1em !important;\n }\n .my-md-4 {\n margin-top: 1.5em !important;\n margin-bottom: 1.5em !important;\n }\n .my-md-5 {\n margin-top: 3em !important;\n margin-bottom: 3em !important;\n }\n .my-md-auto {\n margin-top: auto !important;\n margin-bottom: auto !important;\n }\n .mt-md-0 {\n margin-top: 0 !important;\n }\n .mt-md-1 {\n margin-top: 0.25em !important;\n }\n .mt-md-2 {\n margin-top: 0.5em !important;\n }\n .mt-md-3 {\n margin-top: 1em !important;\n }\n .mt-md-4 {\n margin-top: 1.5em !important;\n }\n .mt-md-5 {\n margin-top: 3em !important;\n }\n .mt-md-auto {\n margin-top: auto !important;\n }\n .me-md-0 {\n margin-right: 0 !important;\n }\n .me-md-1 {\n margin-right: 0.25em !important;\n }\n .me-md-2 {\n margin-right: 0.5em !important;\n }\n .me-md-3 {\n margin-right: 1em !important;\n }\n .me-md-4 {\n margin-right: 1.5em !important;\n }\n .me-md-5 {\n margin-right: 3em !important;\n }\n .me-md-auto {\n margin-right: auto !important;\n }\n .mb-md-0 {\n margin-bottom: 0 !important;\n }\n .mb-md-1 {\n margin-bottom: 0.25em !important;\n }\n .mb-md-2 {\n margin-bottom: 0.5em !important;\n }\n .mb-md-3 {\n margin-bottom: 1em !important;\n }\n .mb-md-4 {\n margin-bottom: 1.5em !important;\n }\n .mb-md-5 {\n margin-bottom: 3em !important;\n }\n .mb-md-auto {\n margin-bottom: auto !important;\n }\n .ms-md-0 {\n margin-left: 0 !important;\n }\n .ms-md-1 {\n margin-left: 0.25em !important;\n }\n .ms-md-2 {\n margin-left: 0.5em !important;\n }\n .ms-md-3 {\n margin-left: 1em !important;\n }\n .ms-md-4 {\n margin-left: 1.5em !important;\n }\n .ms-md-5 {\n margin-left: 3em !important;\n }\n .ms-md-auto {\n margin-left: auto !important;\n }\n .p-md-0 {\n padding: 0 !important;\n }\n .p-md-1 {\n padding: 0.25em !important;\n }\n .p-md-2 {\n padding: 0.5em !important;\n }\n .p-md-3 {\n padding: 1em !important;\n }\n .p-md-4 {\n padding: 1.5em !important;\n }\n .p-md-5 {\n padding: 3em !important;\n }\n .px-md-0 {\n padding-right: 0 !important;\n padding-left: 0 !important;\n }\n .px-md-1 {\n padding-right: 0.25em !important;\n padding-left: 0.25em !important;\n }\n .px-md-2 {\n padding-right: 0.5em !important;\n padding-left: 0.5em !important;\n }\n .px-md-3 {\n padding-right: 1em !important;\n padding-left: 1em !important;\n }\n .px-md-4 {\n padding-right: 1.5em !important;\n padding-left: 1.5em !important;\n }\n .px-md-5 {\n padding-right: 3em !important;\n padding-left: 3em !important;\n }\n .py-md-0 {\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n }\n .py-md-1 {\n padding-top: 0.25em !important;\n padding-bottom: 0.25em !important;\n }\n .py-md-2 {\n padding-top: 0.5em !important;\n padding-bottom: 0.5em !important;\n }\n .py-md-3 {\n padding-top: 1em !important;\n padding-bottom: 1em !important;\n }\n .py-md-4 {\n padding-top: 1.5em !important;\n padding-bottom: 1.5em !important;\n }\n .py-md-5 {\n padding-top: 3em !important;\n padding-bottom: 3em !important;\n }\n .pt-md-0 {\n padding-top: 0 !important;\n }\n .pt-md-1 {\n padding-top: 0.25em !important;\n }\n .pt-md-2 {\n padding-top: 0.5em !important;\n }\n .pt-md-3 {\n padding-top: 1em !important;\n }\n .pt-md-4 {\n padding-top: 1.5em !important;\n }\n .pt-md-5 {\n padding-top: 3em !important;\n }\n .pe-md-0 {\n padding-right: 0 !important;\n }\n .pe-md-1 {\n padding-right: 0.25em !important;\n }\n .pe-md-2 {\n padding-right: 0.5em !important;\n }\n .pe-md-3 {\n padding-right: 1em !important;\n }\n .pe-md-4 {\n padding-right: 1.5em !important;\n }\n .pe-md-5 {\n padding-right: 3em !important;\n }\n .pb-md-0 {\n padding-bottom: 0 !important;\n }\n .pb-md-1 {\n padding-bottom: 0.25em !important;\n }\n .pb-md-2 {\n padding-bottom: 0.5em !important;\n }\n .pb-md-3 {\n padding-bottom: 1em !important;\n }\n .pb-md-4 {\n padding-bottom: 1.5em !important;\n }\n .pb-md-5 {\n padding-bottom: 3em !important;\n }\n .ps-md-0 {\n padding-left: 0 !important;\n }\n .ps-md-1 {\n padding-left: 0.25em !important;\n }\n .ps-md-2 {\n padding-left: 0.5em !important;\n }\n .ps-md-3 {\n padding-left: 1em !important;\n }\n .ps-md-4 {\n padding-left: 1.5em !important;\n }\n .ps-md-5 {\n padding-left: 3em !important;\n }\n .gap-md-0 {\n gap: 0 !important;\n }\n .gap-md-1 {\n gap: 0.25em !important;\n }\n .gap-md-2 {\n gap: 0.5em !important;\n }\n .gap-md-3 {\n gap: 1em !important;\n }\n .gap-md-4 {\n gap: 1.5em !important;\n }\n .gap-md-5 {\n gap: 3em !important;\n }\n .row-gap-md-0 {\n row-gap: 0 !important;\n }\n .row-gap-md-1 {\n row-gap: 0.25em !important;\n }\n .row-gap-md-2 {\n row-gap: 0.5em !important;\n }\n .row-gap-md-3 {\n row-gap: 1em !important;\n }\n .row-gap-md-4 {\n row-gap: 1.5em !important;\n }\n .row-gap-md-5 {\n row-gap: 3em !important;\n }\n .column-gap-md-0 {\n column-gap: 0 !important;\n }\n .column-gap-md-1 {\n column-gap: 0.25em !important;\n }\n .column-gap-md-2 {\n column-gap: 0.5em !important;\n }\n .column-gap-md-3 {\n column-gap: 1em !important;\n }\n .column-gap-md-4 {\n column-gap: 1.5em !important;\n }\n .column-gap-md-5 {\n column-gap: 3em !important;\n }\n .text-md-start {\n text-align: left !important;\n }\n .text-md-end {\n text-align: right !important;\n }\n .text-md-center {\n text-align: center !important;\n }\n}\n@media (min-width: 992px) {\n .float-lg-start {\n float: left !important;\n }\n .float-lg-end {\n float: right !important;\n }\n .float-lg-none {\n float: none !important;\n }\n .object-fit-lg-contain {\n object-fit: contain !important;\n }\n .object-fit-lg-cover {\n object-fit: cover !important;\n }\n .object-fit-lg-fill {\n object-fit: fill !important;\n }\n .object-fit-lg-scale {\n object-fit: scale-down !important;\n }\n .object-fit-lg-none {\n object-fit: none !important;\n }\n .d-lg-inline {\n display: inline !important;\n }\n .d-lg-inline-block {\n display: inline-block !important;\n }\n .d-lg-block {\n display: block !important;\n }\n .d-lg-grid {\n display: grid !important;\n }\n .d-lg-inline-grid {\n display: inline-grid !important;\n }\n .d-lg-table {\n display: table !important;\n }\n .d-lg-table-row {\n display: table-row !important;\n }\n .d-lg-table-cell {\n display: table-cell !important;\n }\n .d-lg-flex {\n display: flex !important;\n }\n .d-lg-inline-flex {\n display: inline-flex !important;\n }\n .d-lg-none {\n display: none !important;\n }\n .flex-lg-fill {\n flex: 1 1 auto !important;\n }\n .flex-lg-row {\n flex-direction: row !important;\n }\n .flex-lg-column {\n flex-direction: column !important;\n }\n .flex-lg-row-reverse {\n flex-direction: row-reverse !important;\n }\n .flex-lg-column-reverse {\n flex-direction: column-reverse !important;\n }\n .flex-lg-grow-0 {\n flex-grow: 0 !important;\n }\n .flex-lg-grow-1 {\n flex-grow: 1 !important;\n }\n .flex-lg-shrink-0 {\n flex-shrink: 0 !important;\n }\n .flex-lg-shrink-1 {\n flex-shrink: 1 !important;\n }\n .flex-lg-wrap {\n flex-wrap: wrap !important;\n }\n .flex-lg-nowrap {\n flex-wrap: nowrap !important;\n }\n .flex-lg-wrap-reverse {\n flex-wrap: wrap-reverse !important;\n }\n .justify-content-lg-start {\n justify-content: flex-start !important;\n }\n .justify-content-lg-end {\n justify-content: flex-end !important;\n }\n .justify-content-lg-center {\n justify-content: center !important;\n }\n .justify-content-lg-between {\n justify-content: space-between !important;\n }\n .justify-content-lg-around {\n justify-content: space-around !important;\n }\n .justify-content-lg-evenly {\n justify-content: space-evenly !important;\n }\n .align-items-lg-start {\n align-items: flex-start !important;\n }\n .align-items-lg-end {\n align-items: flex-end !important;\n }\n .align-items-lg-center {\n align-items: center !important;\n }\n .align-items-lg-baseline {\n align-items: baseline !important;\n }\n .align-items-lg-stretch {\n align-items: stretch !important;\n }\n .align-content-lg-start {\n align-content: flex-start !important;\n }\n .align-content-lg-end {\n align-content: flex-end !important;\n }\n .align-content-lg-center {\n align-content: center !important;\n }\n .align-content-lg-between {\n align-content: space-between !important;\n }\n .align-content-lg-around {\n align-content: space-around !important;\n }\n .align-content-lg-stretch {\n align-content: stretch !important;\n }\n .align-self-lg-auto {\n align-self: auto !important;\n }\n .align-self-lg-start {\n align-self: flex-start !important;\n }\n .align-self-lg-end {\n align-self: flex-end !important;\n }\n .align-self-lg-center {\n align-self: center !important;\n }\n .align-self-lg-baseline {\n align-self: baseline !important;\n }\n .align-self-lg-stretch {\n align-self: stretch !important;\n }\n .order-lg-first {\n order: -1 !important;\n }\n .order-lg-0 {\n order: 0 !important;\n }\n .order-lg-1 {\n order: 1 !important;\n }\n .order-lg-2 {\n order: 2 !important;\n }\n .order-lg-3 {\n order: 3 !important;\n }\n .order-lg-4 {\n order: 4 !important;\n }\n .order-lg-5 {\n order: 5 !important;\n }\n .order-lg-last {\n order: 6 !important;\n }\n .m-lg-0 {\n margin: 0 !important;\n }\n .m-lg-1 {\n margin: 0.25em !important;\n }\n .m-lg-2 {\n margin: 0.5em !important;\n }\n .m-lg-3 {\n margin: 1em !important;\n }\n .m-lg-4 {\n margin: 1.5em !important;\n }\n .m-lg-5 {\n margin: 3em !important;\n }\n .m-lg-auto {\n margin: auto !important;\n }\n .mx-lg-0 {\n margin-right: 0 !important;\n margin-left: 0 !important;\n }\n .mx-lg-1 {\n margin-right: 0.25em !important;\n margin-left: 0.25em !important;\n }\n .mx-lg-2 {\n margin-right: 0.5em !important;\n margin-left: 0.5em !important;\n }\n .mx-lg-3 {\n margin-right: 1em !important;\n margin-left: 1em !important;\n }\n .mx-lg-4 {\n margin-right: 1.5em !important;\n margin-left: 1.5em !important;\n }\n .mx-lg-5 {\n margin-right: 3em !important;\n margin-left: 3em !important;\n }\n .mx-lg-auto {\n margin-right: auto !important;\n margin-left: auto !important;\n }\n .my-lg-0 {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n }\n .my-lg-1 {\n margin-top: 0.25em !important;\n margin-bottom: 0.25em !important;\n }\n .my-lg-2 {\n margin-top: 0.5em !important;\n margin-bottom: 0.5em !important;\n }\n .my-lg-3 {\n margin-top: 1em !important;\n margin-bottom: 1em !important;\n }\n .my-lg-4 {\n margin-top: 1.5em !important;\n margin-bottom: 1.5em !important;\n }\n .my-lg-5 {\n margin-top: 3em !important;\n margin-bottom: 3em !important;\n }\n .my-lg-auto {\n margin-top: auto !important;\n margin-bottom: auto !important;\n }\n .mt-lg-0 {\n margin-top: 0 !important;\n }\n .mt-lg-1 {\n margin-top: 0.25em !important;\n }\n .mt-lg-2 {\n margin-top: 0.5em !important;\n }\n .mt-lg-3 {\n margin-top: 1em !important;\n }\n .mt-lg-4 {\n margin-top: 1.5em !important;\n }\n .mt-lg-5 {\n margin-top: 3em !important;\n }\n .mt-lg-auto {\n margin-top: auto !important;\n }\n .me-lg-0 {\n margin-right: 0 !important;\n }\n .me-lg-1 {\n margin-right: 0.25em !important;\n }\n .me-lg-2 {\n margin-right: 0.5em !important;\n }\n .me-lg-3 {\n margin-right: 1em !important;\n }\n .me-lg-4 {\n margin-right: 1.5em !important;\n }\n .me-lg-5 {\n margin-right: 3em !important;\n }\n .me-lg-auto {\n margin-right: auto !important;\n }\n .mb-lg-0 {\n margin-bottom: 0 !important;\n }\n .mb-lg-1 {\n margin-bottom: 0.25em !important;\n }\n .mb-lg-2 {\n margin-bottom: 0.5em !important;\n }\n .mb-lg-3 {\n margin-bottom: 1em !important;\n }\n .mb-lg-4 {\n margin-bottom: 1.5em !important;\n }\n .mb-lg-5 {\n margin-bottom: 3em !important;\n }\n .mb-lg-auto {\n margin-bottom: auto !important;\n }\n .ms-lg-0 {\n margin-left: 0 !important;\n }\n .ms-lg-1 {\n margin-left: 0.25em !important;\n }\n .ms-lg-2 {\n margin-left: 0.5em !important;\n }\n .ms-lg-3 {\n margin-left: 1em !important;\n }\n .ms-lg-4 {\n margin-left: 1.5em !important;\n }\n .ms-lg-5 {\n margin-left: 3em !important;\n }\n .ms-lg-auto {\n margin-left: auto !important;\n }\n .p-lg-0 {\n padding: 0 !important;\n }\n .p-lg-1 {\n padding: 0.25em !important;\n }\n .p-lg-2 {\n padding: 0.5em !important;\n }\n .p-lg-3 {\n padding: 1em !important;\n }\n .p-lg-4 {\n padding: 1.5em !important;\n }\n .p-lg-5 {\n padding: 3em !important;\n }\n .px-lg-0 {\n padding-right: 0 !important;\n padding-left: 0 !important;\n }\n .px-lg-1 {\n padding-right: 0.25em !important;\n padding-left: 0.25em !important;\n }\n .px-lg-2 {\n padding-right: 0.5em !important;\n padding-left: 0.5em !important;\n }\n .px-lg-3 {\n padding-right: 1em !important;\n padding-left: 1em !important;\n }\n .px-lg-4 {\n padding-right: 1.5em !important;\n padding-left: 1.5em !important;\n }\n .px-lg-5 {\n padding-right: 3em !important;\n padding-left: 3em !important;\n }\n .py-lg-0 {\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n }\n .py-lg-1 {\n padding-top: 0.25em !important;\n padding-bottom: 0.25em !important;\n }\n .py-lg-2 {\n padding-top: 0.5em !important;\n padding-bottom: 0.5em !important;\n }\n .py-lg-3 {\n padding-top: 1em !important;\n padding-bottom: 1em !important;\n }\n .py-lg-4 {\n padding-top: 1.5em !important;\n padding-bottom: 1.5em !important;\n }\n .py-lg-5 {\n padding-top: 3em !important;\n padding-bottom: 3em !important;\n }\n .pt-lg-0 {\n padding-top: 0 !important;\n }\n .pt-lg-1 {\n padding-top: 0.25em !important;\n }\n .pt-lg-2 {\n padding-top: 0.5em !important;\n }\n .pt-lg-3 {\n padding-top: 1em !important;\n }\n .pt-lg-4 {\n padding-top: 1.5em !important;\n }\n .pt-lg-5 {\n padding-top: 3em !important;\n }\n .pe-lg-0 {\n padding-right: 0 !important;\n }\n .pe-lg-1 {\n padding-right: 0.25em !important;\n }\n .pe-lg-2 {\n padding-right: 0.5em !important;\n }\n .pe-lg-3 {\n padding-right: 1em !important;\n }\n .pe-lg-4 {\n padding-right: 1.5em !important;\n }\n .pe-lg-5 {\n padding-right: 3em !important;\n }\n .pb-lg-0 {\n padding-bottom: 0 !important;\n }\n .pb-lg-1 {\n padding-bottom: 0.25em !important;\n }\n .pb-lg-2 {\n padding-bottom: 0.5em !important;\n }\n .pb-lg-3 {\n padding-bottom: 1em !important;\n }\n .pb-lg-4 {\n padding-bottom: 1.5em !important;\n }\n .pb-lg-5 {\n padding-bottom: 3em !important;\n }\n .ps-lg-0 {\n padding-left: 0 !important;\n }\n .ps-lg-1 {\n padding-left: 0.25em !important;\n }\n .ps-lg-2 {\n padding-left: 0.5em !important;\n }\n .ps-lg-3 {\n padding-left: 1em !important;\n }\n .ps-lg-4 {\n padding-left: 1.5em !important;\n }\n .ps-lg-5 {\n padding-left: 3em !important;\n }\n .gap-lg-0 {\n gap: 0 !important;\n }\n .gap-lg-1 {\n gap: 0.25em !important;\n }\n .gap-lg-2 {\n gap: 0.5em !important;\n }\n .gap-lg-3 {\n gap: 1em !important;\n }\n .gap-lg-4 {\n gap: 1.5em !important;\n }\n .gap-lg-5 {\n gap: 3em !important;\n }\n .row-gap-lg-0 {\n row-gap: 0 !important;\n }\n .row-gap-lg-1 {\n row-gap: 0.25em !important;\n }\n .row-gap-lg-2 {\n row-gap: 0.5em !important;\n }\n .row-gap-lg-3 {\n row-gap: 1em !important;\n }\n .row-gap-lg-4 {\n row-gap: 1.5em !important;\n }\n .row-gap-lg-5 {\n row-gap: 3em !important;\n }\n .column-gap-lg-0 {\n column-gap: 0 !important;\n }\n .column-gap-lg-1 {\n column-gap: 0.25em !important;\n }\n .column-gap-lg-2 {\n column-gap: 0.5em !important;\n }\n .column-gap-lg-3 {\n column-gap: 1em !important;\n }\n .column-gap-lg-4 {\n column-gap: 1.5em !important;\n }\n .column-gap-lg-5 {\n column-gap: 3em !important;\n }\n .text-lg-start {\n text-align: left !important;\n }\n .text-lg-end {\n text-align: right !important;\n }\n .text-lg-center {\n text-align: center !important;\n }\n}\n@media (min-width: 1200px) {\n .float-xl-start {\n float: left !important;\n }\n .float-xl-end {\n float: right !important;\n }\n .float-xl-none {\n float: none !important;\n }\n .object-fit-xl-contain {\n object-fit: contain !important;\n }\n .object-fit-xl-cover {\n object-fit: cover !important;\n }\n .object-fit-xl-fill {\n object-fit: fill !important;\n }\n .object-fit-xl-scale {\n object-fit: scale-down !important;\n }\n .object-fit-xl-none {\n object-fit: none !important;\n }\n .d-xl-inline {\n display: inline !important;\n }\n .d-xl-inline-block {\n display: inline-block !important;\n }\n .d-xl-block {\n display: block !important;\n }\n .d-xl-grid {\n display: grid !important;\n }\n .d-xl-inline-grid {\n display: inline-grid !important;\n }\n .d-xl-table {\n display: table !important;\n }\n .d-xl-table-row {\n display: table-row !important;\n }\n .d-xl-table-cell {\n display: table-cell !important;\n }\n .d-xl-flex {\n display: flex !important;\n }\n .d-xl-inline-flex {\n display: inline-flex !important;\n }\n .d-xl-none {\n display: none !important;\n }\n .flex-xl-fill {\n flex: 1 1 auto !important;\n }\n .flex-xl-row {\n flex-direction: row !important;\n }\n .flex-xl-column {\n flex-direction: column !important;\n }\n .flex-xl-row-reverse {\n flex-direction: row-reverse !important;\n }\n .flex-xl-column-reverse {\n flex-direction: column-reverse !important;\n }\n .flex-xl-grow-0 {\n flex-grow: 0 !important;\n }\n .flex-xl-grow-1 {\n flex-grow: 1 !important;\n }\n .flex-xl-shrink-0 {\n flex-shrink: 0 !important;\n }\n .flex-xl-shrink-1 {\n flex-shrink: 1 !important;\n }\n .flex-xl-wrap {\n flex-wrap: wrap !important;\n }\n .flex-xl-nowrap {\n flex-wrap: nowrap !important;\n }\n .flex-xl-wrap-reverse {\n flex-wrap: wrap-reverse !important;\n }\n .justify-content-xl-start {\n justify-content: flex-start !important;\n }\n .justify-content-xl-end {\n justify-content: flex-end !important;\n }\n .justify-content-xl-center {\n justify-content: center !important;\n }\n .justify-content-xl-between {\n justify-content: space-between !important;\n }\n .justify-content-xl-around {\n justify-content: space-around !important;\n }\n .justify-content-xl-evenly {\n justify-content: space-evenly !important;\n }\n .align-items-xl-start {\n align-items: flex-start !important;\n }\n .align-items-xl-end {\n align-items: flex-end !important;\n }\n .align-items-xl-center {\n align-items: center !important;\n }\n .align-items-xl-baseline {\n align-items: baseline !important;\n }\n .align-items-xl-stretch {\n align-items: stretch !important;\n }\n .align-content-xl-start {\n align-content: flex-start !important;\n }\n .align-content-xl-end {\n align-content: flex-end !important;\n }\n .align-content-xl-center {\n align-content: center !important;\n }\n .align-content-xl-between {\n align-content: space-between !important;\n }\n .align-content-xl-around {\n align-content: space-around !important;\n }\n .align-content-xl-stretch {\n align-content: stretch !important;\n }\n .align-self-xl-auto {\n align-self: auto !important;\n }\n .align-self-xl-start {\n align-self: flex-start !important;\n }\n .align-self-xl-end {\n align-self: flex-end !important;\n }\n .align-self-xl-center {\n align-self: center !important;\n }\n .align-self-xl-baseline {\n align-self: baseline !important;\n }\n .align-self-xl-stretch {\n align-self: stretch !important;\n }\n .order-xl-first {\n order: -1 !important;\n }\n .order-xl-0 {\n order: 0 !important;\n }\n .order-xl-1 {\n order: 1 !important;\n }\n .order-xl-2 {\n order: 2 !important;\n }\n .order-xl-3 {\n order: 3 !important;\n }\n .order-xl-4 {\n order: 4 !important;\n }\n .order-xl-5 {\n order: 5 !important;\n }\n .order-xl-last {\n order: 6 !important;\n }\n .m-xl-0 {\n margin: 0 !important;\n }\n .m-xl-1 {\n margin: 0.25em !important;\n }\n .m-xl-2 {\n margin: 0.5em !important;\n }\n .m-xl-3 {\n margin: 1em !important;\n }\n .m-xl-4 {\n margin: 1.5em !important;\n }\n .m-xl-5 {\n margin: 3em !important;\n }\n .m-xl-auto {\n margin: auto !important;\n }\n .mx-xl-0 {\n margin-right: 0 !important;\n margin-left: 0 !important;\n }\n .mx-xl-1 {\n margin-right: 0.25em !important;\n margin-left: 0.25em !important;\n }\n .mx-xl-2 {\n margin-right: 0.5em !important;\n margin-left: 0.5em !important;\n }\n .mx-xl-3 {\n margin-right: 1em !important;\n margin-left: 1em !important;\n }\n .mx-xl-4 {\n margin-right: 1.5em !important;\n margin-left: 1.5em !important;\n }\n .mx-xl-5 {\n margin-right: 3em !important;\n margin-left: 3em !important;\n }\n .mx-xl-auto {\n margin-right: auto !important;\n margin-left: auto !important;\n }\n .my-xl-0 {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n }\n .my-xl-1 {\n margin-top: 0.25em !important;\n margin-bottom: 0.25em !important;\n }\n .my-xl-2 {\n margin-top: 0.5em !important;\n margin-bottom: 0.5em !important;\n }\n .my-xl-3 {\n margin-top: 1em !important;\n margin-bottom: 1em !important;\n }\n .my-xl-4 {\n margin-top: 1.5em !important;\n margin-bottom: 1.5em !important;\n }\n .my-xl-5 {\n margin-top: 3em !important;\n margin-bottom: 3em !important;\n }\n .my-xl-auto {\n margin-top: auto !important;\n margin-bottom: auto !important;\n }\n .mt-xl-0 {\n margin-top: 0 !important;\n }\n .mt-xl-1 {\n margin-top: 0.25em !important;\n }\n .mt-xl-2 {\n margin-top: 0.5em !important;\n }\n .mt-xl-3 {\n margin-top: 1em !important;\n }\n .mt-xl-4 {\n margin-top: 1.5em !important;\n }\n .mt-xl-5 {\n margin-top: 3em !important;\n }\n .mt-xl-auto {\n margin-top: auto !important;\n }\n .me-xl-0 {\n margin-right: 0 !important;\n }\n .me-xl-1 {\n margin-right: 0.25em !important;\n }\n .me-xl-2 {\n margin-right: 0.5em !important;\n }\n .me-xl-3 {\n margin-right: 1em !important;\n }\n .me-xl-4 {\n margin-right: 1.5em !important;\n }\n .me-xl-5 {\n margin-right: 3em !important;\n }\n .me-xl-auto {\n margin-right: auto !important;\n }\n .mb-xl-0 {\n margin-bottom: 0 !important;\n }\n .mb-xl-1 {\n margin-bottom: 0.25em !important;\n }\n .mb-xl-2 {\n margin-bottom: 0.5em !important;\n }\n .mb-xl-3 {\n margin-bottom: 1em !important;\n }\n .mb-xl-4 {\n margin-bottom: 1.5em !important;\n }\n .mb-xl-5 {\n margin-bottom: 3em !important;\n }\n .mb-xl-auto {\n margin-bottom: auto !important;\n }\n .ms-xl-0 {\n margin-left: 0 !important;\n }\n .ms-xl-1 {\n margin-left: 0.25em !important;\n }\n .ms-xl-2 {\n margin-left: 0.5em !important;\n }\n .ms-xl-3 {\n margin-left: 1em !important;\n }\n .ms-xl-4 {\n margin-left: 1.5em !important;\n }\n .ms-xl-5 {\n margin-left: 3em !important;\n }\n .ms-xl-auto {\n margin-left: auto !important;\n }\n .p-xl-0 {\n padding: 0 !important;\n }\n .p-xl-1 {\n padding: 0.25em !important;\n }\n .p-xl-2 {\n padding: 0.5em !important;\n }\n .p-xl-3 {\n padding: 1em !important;\n }\n .p-xl-4 {\n padding: 1.5em !important;\n }\n .p-xl-5 {\n padding: 3em !important;\n }\n .px-xl-0 {\n padding-right: 0 !important;\n padding-left: 0 !important;\n }\n .px-xl-1 {\n padding-right: 0.25em !important;\n padding-left: 0.25em !important;\n }\n .px-xl-2 {\n padding-right: 0.5em !important;\n padding-left: 0.5em !important;\n }\n .px-xl-3 {\n padding-right: 1em !important;\n padding-left: 1em !important;\n }\n .px-xl-4 {\n padding-right: 1.5em !important;\n padding-left: 1.5em !important;\n }\n .px-xl-5 {\n padding-right: 3em !important;\n padding-left: 3em !important;\n }\n .py-xl-0 {\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n }\n .py-xl-1 {\n padding-top: 0.25em !important;\n padding-bottom: 0.25em !important;\n }\n .py-xl-2 {\n padding-top: 0.5em !important;\n padding-bottom: 0.5em !important;\n }\n .py-xl-3 {\n padding-top: 1em !important;\n padding-bottom: 1em !important;\n }\n .py-xl-4 {\n padding-top: 1.5em !important;\n padding-bottom: 1.5em !important;\n }\n .py-xl-5 {\n padding-top: 3em !important;\n padding-bottom: 3em !important;\n }\n .pt-xl-0 {\n padding-top: 0 !important;\n }\n .pt-xl-1 {\n padding-top: 0.25em !important;\n }\n .pt-xl-2 {\n padding-top: 0.5em !important;\n }\n .pt-xl-3 {\n padding-top: 1em !important;\n }\n .pt-xl-4 {\n padding-top: 1.5em !important;\n }\n .pt-xl-5 {\n padding-top: 3em !important;\n }\n .pe-xl-0 {\n padding-right: 0 !important;\n }\n .pe-xl-1 {\n padding-right: 0.25em !important;\n }\n .pe-xl-2 {\n padding-right: 0.5em !important;\n }\n .pe-xl-3 {\n padding-right: 1em !important;\n }\n .pe-xl-4 {\n padding-right: 1.5em !important;\n }\n .pe-xl-5 {\n padding-right: 3em !important;\n }\n .pb-xl-0 {\n padding-bottom: 0 !important;\n }\n .pb-xl-1 {\n padding-bottom: 0.25em !important;\n }\n .pb-xl-2 {\n padding-bottom: 0.5em !important;\n }\n .pb-xl-3 {\n padding-bottom: 1em !important;\n }\n .pb-xl-4 {\n padding-bottom: 1.5em !important;\n }\n .pb-xl-5 {\n padding-bottom: 3em !important;\n }\n .ps-xl-0 {\n padding-left: 0 !important;\n }\n .ps-xl-1 {\n padding-left: 0.25em !important;\n }\n .ps-xl-2 {\n padding-left: 0.5em !important;\n }\n .ps-xl-3 {\n padding-left: 1em !important;\n }\n .ps-xl-4 {\n padding-left: 1.5em !important;\n }\n .ps-xl-5 {\n padding-left: 3em !important;\n }\n .gap-xl-0 {\n gap: 0 !important;\n }\n .gap-xl-1 {\n gap: 0.25em !important;\n }\n .gap-xl-2 {\n gap: 0.5em !important;\n }\n .gap-xl-3 {\n gap: 1em !important;\n }\n .gap-xl-4 {\n gap: 1.5em !important;\n }\n .gap-xl-5 {\n gap: 3em !important;\n }\n .row-gap-xl-0 {\n row-gap: 0 !important;\n }\n .row-gap-xl-1 {\n row-gap: 0.25em !important;\n }\n .row-gap-xl-2 {\n row-gap: 0.5em !important;\n }\n .row-gap-xl-3 {\n row-gap: 1em !important;\n }\n .row-gap-xl-4 {\n row-gap: 1.5em !important;\n }\n .row-gap-xl-5 {\n row-gap: 3em !important;\n }\n .column-gap-xl-0 {\n column-gap: 0 !important;\n }\n .column-gap-xl-1 {\n column-gap: 0.25em !important;\n }\n .column-gap-xl-2 {\n column-gap: 0.5em !important;\n }\n .column-gap-xl-3 {\n column-gap: 1em !important;\n }\n .column-gap-xl-4 {\n column-gap: 1.5em !important;\n }\n .column-gap-xl-5 {\n column-gap: 3em !important;\n }\n .text-xl-start {\n text-align: left !important;\n }\n .text-xl-end {\n text-align: right !important;\n }\n .text-xl-center {\n text-align: center !important;\n }\n}\n@media (min-width: 1400px) {\n .float-xxl-start {\n float: left !important;\n }\n .float-xxl-end {\n float: right !important;\n }\n .float-xxl-none {\n float: none !important;\n }\n .object-fit-xxl-contain {\n object-fit: contain !important;\n }\n .object-fit-xxl-cover {\n object-fit: cover !important;\n }\n .object-fit-xxl-fill {\n object-fit: fill !important;\n }\n .object-fit-xxl-scale {\n object-fit: scale-down !important;\n }\n .object-fit-xxl-none {\n object-fit: none !important;\n }\n .d-xxl-inline {\n display: inline !important;\n }\n .d-xxl-inline-block {\n display: inline-block !important;\n }\n .d-xxl-block {\n display: block !important;\n }\n .d-xxl-grid {\n display: grid !important;\n }\n .d-xxl-inline-grid {\n display: inline-grid !important;\n }\n .d-xxl-table {\n display: table !important;\n }\n .d-xxl-table-row {\n display: table-row !important;\n }\n .d-xxl-table-cell {\n display: table-cell !important;\n }\n .d-xxl-flex {\n display: flex !important;\n }\n .d-xxl-inline-flex {\n display: inline-flex !important;\n }\n .d-xxl-none {\n display: none !important;\n }\n .flex-xxl-fill {\n flex: 1 1 auto !important;\n }\n .flex-xxl-row {\n flex-direction: row !important;\n }\n .flex-xxl-column {\n flex-direction: column !important;\n }\n .flex-xxl-row-reverse {\n flex-direction: row-reverse !important;\n }\n .flex-xxl-column-reverse {\n flex-direction: column-reverse !important;\n }\n .flex-xxl-grow-0 {\n flex-grow: 0 !important;\n }\n .flex-xxl-grow-1 {\n flex-grow: 1 !important;\n }\n .flex-xxl-shrink-0 {\n flex-shrink: 0 !important;\n }\n .flex-xxl-shrink-1 {\n flex-shrink: 1 !important;\n }\n .flex-xxl-wrap {\n flex-wrap: wrap !important;\n }\n .flex-xxl-nowrap {\n flex-wrap: nowrap !important;\n }\n .flex-xxl-wrap-reverse {\n flex-wrap: wrap-reverse !important;\n }\n .justify-content-xxl-start {\n justify-content: flex-start !important;\n }\n .justify-content-xxl-end {\n justify-content: flex-end !important;\n }\n .justify-content-xxl-center {\n justify-content: center !important;\n }\n .justify-content-xxl-between {\n justify-content: space-between !important;\n }\n .justify-content-xxl-around {\n justify-content: space-around !important;\n }\n .justify-content-xxl-evenly {\n justify-content: space-evenly !important;\n }\n .align-items-xxl-start {\n align-items: flex-start !important;\n }\n .align-items-xxl-end {\n align-items: flex-end !important;\n }\n .align-items-xxl-center {\n align-items: center !important;\n }\n .align-items-xxl-baseline {\n align-items: baseline !important;\n }\n .align-items-xxl-stretch {\n align-items: stretch !important;\n }\n .align-content-xxl-start {\n align-content: flex-start !important;\n }\n .align-content-xxl-end {\n align-content: flex-end !important;\n }\n .align-content-xxl-center {\n align-content: center !important;\n }\n .align-content-xxl-between {\n align-content: space-between !important;\n }\n .align-content-xxl-around {\n align-content: space-around !important;\n }\n .align-content-xxl-stretch {\n align-content: stretch !important;\n }\n .align-self-xxl-auto {\n align-self: auto !important;\n }\n .align-self-xxl-start {\n align-self: flex-start !important;\n }\n .align-self-xxl-end {\n align-self: flex-end !important;\n }\n .align-self-xxl-center {\n align-self: center !important;\n }\n .align-self-xxl-baseline {\n align-self: baseline !important;\n }\n .align-self-xxl-stretch {\n align-self: stretch !important;\n }\n .order-xxl-first {\n order: -1 !important;\n }\n .order-xxl-0 {\n order: 0 !important;\n }\n .order-xxl-1 {\n order: 1 !important;\n }\n .order-xxl-2 {\n order: 2 !important;\n }\n .order-xxl-3 {\n order: 3 !important;\n }\n .order-xxl-4 {\n order: 4 !important;\n }\n .order-xxl-5 {\n order: 5 !important;\n }\n .order-xxl-last {\n order: 6 !important;\n }\n .m-xxl-0 {\n margin: 0 !important;\n }\n .m-xxl-1 {\n margin: 0.25em !important;\n }\n .m-xxl-2 {\n margin: 0.5em !important;\n }\n .m-xxl-3 {\n margin: 1em !important;\n }\n .m-xxl-4 {\n margin: 1.5em !important;\n }\n .m-xxl-5 {\n margin: 3em !important;\n }\n .m-xxl-auto {\n margin: auto !important;\n }\n .mx-xxl-0 {\n margin-right: 0 !important;\n margin-left: 0 !important;\n }\n .mx-xxl-1 {\n margin-right: 0.25em !important;\n margin-left: 0.25em !important;\n }\n .mx-xxl-2 {\n margin-right: 0.5em !important;\n margin-left: 0.5em !important;\n }\n .mx-xxl-3 {\n margin-right: 1em !important;\n margin-left: 1em !important;\n }\n .mx-xxl-4 {\n margin-right: 1.5em !important;\n margin-left: 1.5em !important;\n }\n .mx-xxl-5 {\n margin-right: 3em !important;\n margin-left: 3em !important;\n }\n .mx-xxl-auto {\n margin-right: auto !important;\n margin-left: auto !important;\n }\n .my-xxl-0 {\n margin-top: 0 !important;\n margin-bottom: 0 !important;\n }\n .my-xxl-1 {\n margin-top: 0.25em !important;\n margin-bottom: 0.25em !important;\n }\n .my-xxl-2 {\n margin-top: 0.5em !important;\n margin-bottom: 0.5em !important;\n }\n .my-xxl-3 {\n margin-top: 1em !important;\n margin-bottom: 1em !important;\n }\n .my-xxl-4 {\n margin-top: 1.5em !important;\n margin-bottom: 1.5em !important;\n }\n .my-xxl-5 {\n margin-top: 3em !important;\n margin-bottom: 3em !important;\n }\n .my-xxl-auto {\n margin-top: auto !important;\n margin-bottom: auto !important;\n }\n .mt-xxl-0 {\n margin-top: 0 !important;\n }\n .mt-xxl-1 {\n margin-top: 0.25em !important;\n }\n .mt-xxl-2 {\n margin-top: 0.5em !important;\n }\n .mt-xxl-3 {\n margin-top: 1em !important;\n }\n .mt-xxl-4 {\n margin-top: 1.5em !important;\n }\n .mt-xxl-5 {\n margin-top: 3em !important;\n }\n .mt-xxl-auto {\n margin-top: auto !important;\n }\n .me-xxl-0 {\n margin-right: 0 !important;\n }\n .me-xxl-1 {\n margin-right: 0.25em !important;\n }\n .me-xxl-2 {\n margin-right: 0.5em !important;\n }\n .me-xxl-3 {\n margin-right: 1em !important;\n }\n .me-xxl-4 {\n margin-right: 1.5em !important;\n }\n .me-xxl-5 {\n margin-right: 3em !important;\n }\n .me-xxl-auto {\n margin-right: auto !important;\n }\n .mb-xxl-0 {\n margin-bottom: 0 !important;\n }\n .mb-xxl-1 {\n margin-bottom: 0.25em !important;\n }\n .mb-xxl-2 {\n margin-bottom: 0.5em !important;\n }\n .mb-xxl-3 {\n margin-bottom: 1em !important;\n }\n .mb-xxl-4 {\n margin-bottom: 1.5em !important;\n }\n .mb-xxl-5 {\n margin-bottom: 3em !important;\n }\n .mb-xxl-auto {\n margin-bottom: auto !important;\n }\n .ms-xxl-0 {\n margin-left: 0 !important;\n }\n .ms-xxl-1 {\n margin-left: 0.25em !important;\n }\n .ms-xxl-2 {\n margin-left: 0.5em !important;\n }\n .ms-xxl-3 {\n margin-left: 1em !important;\n }\n .ms-xxl-4 {\n margin-left: 1.5em !important;\n }\n .ms-xxl-5 {\n margin-left: 3em !important;\n }\n .ms-xxl-auto {\n margin-left: auto !important;\n }\n .p-xxl-0 {\n padding: 0 !important;\n }\n .p-xxl-1 {\n padding: 0.25em !important;\n }\n .p-xxl-2 {\n padding: 0.5em !important;\n }\n .p-xxl-3 {\n padding: 1em !important;\n }\n .p-xxl-4 {\n padding: 1.5em !important;\n }\n .p-xxl-5 {\n padding: 3em !important;\n }\n .px-xxl-0 {\n padding-right: 0 !important;\n padding-left: 0 !important;\n }\n .px-xxl-1 {\n padding-right: 0.25em !important;\n padding-left: 0.25em !important;\n }\n .px-xxl-2 {\n padding-right: 0.5em !important;\n padding-left: 0.5em !important;\n }\n .px-xxl-3 {\n padding-right: 1em !important;\n padding-left: 1em !important;\n }\n .px-xxl-4 {\n padding-right: 1.5em !important;\n padding-left: 1.5em !important;\n }\n .px-xxl-5 {\n padding-right: 3em !important;\n padding-left: 3em !important;\n }\n .py-xxl-0 {\n padding-top: 0 !important;\n padding-bottom: 0 !important;\n }\n .py-xxl-1 {\n padding-top: 0.25em !important;\n padding-bottom: 0.25em !important;\n }\n .py-xxl-2 {\n padding-top: 0.5em !important;\n padding-bottom: 0.5em !important;\n }\n .py-xxl-3 {\n padding-top: 1em !important;\n padding-bottom: 1em !important;\n }\n .py-xxl-4 {\n padding-top: 1.5em !important;\n padding-bottom: 1.5em !important;\n }\n .py-xxl-5 {\n padding-top: 3em !important;\n padding-bottom: 3em !important;\n }\n .pt-xxl-0 {\n padding-top: 0 !important;\n }\n .pt-xxl-1 {\n padding-top: 0.25em !important;\n }\n .pt-xxl-2 {\n padding-top: 0.5em !important;\n }\n .pt-xxl-3 {\n padding-top: 1em !important;\n }\n .pt-xxl-4 {\n padding-top: 1.5em !important;\n }\n .pt-xxl-5 {\n padding-top: 3em !important;\n }\n .pe-xxl-0 {\n padding-right: 0 !important;\n }\n .pe-xxl-1 {\n padding-right: 0.25em !important;\n }\n .pe-xxl-2 {\n padding-right: 0.5em !important;\n }\n .pe-xxl-3 {\n padding-right: 1em !important;\n }\n .pe-xxl-4 {\n padding-right: 1.5em !important;\n }\n .pe-xxl-5 {\n padding-right: 3em !important;\n }\n .pb-xxl-0 {\n padding-bottom: 0 !important;\n }\n .pb-xxl-1 {\n padding-bottom: 0.25em !important;\n }\n .pb-xxl-2 {\n padding-bottom: 0.5em !important;\n }\n .pb-xxl-3 {\n padding-bottom: 1em !important;\n }\n .pb-xxl-4 {\n padding-bottom: 1.5em !important;\n }\n .pb-xxl-5 {\n padding-bottom: 3em !important;\n }\n .ps-xxl-0 {\n padding-left: 0 !important;\n }\n .ps-xxl-1 {\n padding-left: 0.25em !important;\n }\n .ps-xxl-2 {\n padding-left: 0.5em !important;\n }\n .ps-xxl-3 {\n padding-left: 1em !important;\n }\n .ps-xxl-4 {\n padding-left: 1.5em !important;\n }\n .ps-xxl-5 {\n padding-left: 3em !important;\n }\n .gap-xxl-0 {\n gap: 0 !important;\n }\n .gap-xxl-1 {\n gap: 0.25em !important;\n }\n .gap-xxl-2 {\n gap: 0.5em !important;\n }\n .gap-xxl-3 {\n gap: 1em !important;\n }\n .gap-xxl-4 {\n gap: 1.5em !important;\n }\n .gap-xxl-5 {\n gap: 3em !important;\n }\n .row-gap-xxl-0 {\n row-gap: 0 !important;\n }\n .row-gap-xxl-1 {\n row-gap: 0.25em !important;\n }\n .row-gap-xxl-2 {\n row-gap: 0.5em !important;\n }\n .row-gap-xxl-3 {\n row-gap: 1em !important;\n }\n .row-gap-xxl-4 {\n row-gap: 1.5em !important;\n }\n .row-gap-xxl-5 {\n row-gap: 3em !important;\n }\n .column-gap-xxl-0 {\n column-gap: 0 !important;\n }\n .column-gap-xxl-1 {\n column-gap: 0.25em !important;\n }\n .column-gap-xxl-2 {\n column-gap: 0.5em !important;\n }\n .column-gap-xxl-3 {\n column-gap: 1em !important;\n }\n .column-gap-xxl-4 {\n column-gap: 1.5em !important;\n }\n .column-gap-xxl-5 {\n column-gap: 3em !important;\n }\n .text-xxl-start {\n text-align: left !important;\n }\n .text-xxl-end {\n text-align: right !important;\n }\n .text-xxl-center {\n text-align: center !important;\n }\n}\n@media (min-width: 1200px) {\n .fs-1 {\n font-size: 4em !important;\n }\n .fs-2 {\n font-size: 2.5em !important;\n }\n .fs-3 {\n font-size: 2em !important;\n }\n .fs-4 {\n font-size: 1.5em !important;\n }\n}\n@media print {\n .d-print-inline {\n display: inline !important;\n }\n .d-print-inline-block {\n display: inline-block !important;\n }\n .d-print-block {\n display: block !important;\n }\n .d-print-grid {\n display: grid !important;\n }\n .d-print-inline-grid {\n display: inline-grid !important;\n }\n .d-print-table {\n display: table !important;\n }\n .d-print-table-row {\n display: table-row !important;\n }\n .d-print-table-cell {\n display: table-cell !important;\n }\n .d-print-flex {\n display: flex !important;\n }\n .d-print-inline-flex {\n display: inline-flex !important;\n }\n .d-print-none {\n display: none !important;\n }\n}\n:host,\n[data-bs-theme='light'] {\n --cod-blue: #0d6efd;\n --cod-indigo: #6610f2;\n --cod-purple: #6f42c1;\n --cod-pink: #d63384;\n --cod-red: #dc3545;\n --cod-orange: #fd7e14;\n --cod-yellow: #ffc107;\n --cod-green: #198754;\n --cod-teal: #20c997;\n --cod-cyan: #0dcaf0;\n --cod-black: #000;\n --cod-white: #fff;\n --cod-gray: #6c757d;\n --cod-gray-dark: #343a40;\n --cod-gray-100: #f8f9fa;\n --cod-gray-200: #e9ecef;\n --cod-gray-300: #dee2e6;\n --cod-gray-400: #ced4da;\n --cod-gray-500: #adb5bd;\n --cod-gray-600: #6c757d;\n --cod-gray-700: #495057;\n --cod-gray-800: #343a40;\n --cod-gray-900: #212529;\n --cod-primary: #004445;\n --cod-secondary: #f2f2f2;\n --cod-success: #9fd5b3;\n --cod-info: #004445;\n --cod-warning: #feb70d;\n --cod-danger: #b3393b;\n --cod-light: #fff;\n --cod-dark: #18252a;\n --cod-accent-primary: #feb70d;\n --cod-accent-secondary: #9fd5b3;\n --cod-primary-rgb: 0, 68, 69;\n --cod-secondary-rgb: 242, 242, 242;\n --cod-success-rgb: 159, 213, 179;\n --cod-info-rgb: 0, 68, 69;\n --cod-warning-rgb: 254, 183, 13;\n --cod-danger-rgb: 179, 57, 59;\n --cod-light-rgb: 255, 255, 255;\n --cod-dark-rgb: 24, 37, 42;\n --cod-accent-primary-rgb: 254, 183, 13;\n --cod-accent-secondary-rgb: 159, 213, 179;\n --cod-primary-text-emphasis: #001b1c;\n --cod-secondary-text-emphasis: #616161;\n --cod-success-text-emphasis: #405548;\n --cod-info-text-emphasis: #001b1c;\n --cod-warning-text-emphasis: #664905;\n --cod-danger-text-emphasis: #481718;\n --cod-light-text-emphasis: #495057;\n --cod-dark-text-emphasis: #495057;\n --cod-primary-bg-subtle: #ccdada;\n --cod-secondary-bg-subtle: #fcfcfc;\n --cod-success-bg-subtle: #ecf7f0;\n --cod-info-bg-subtle: #ccdada;\n --cod-warning-bg-subtle: #fff1cf;\n --cod-danger-bg-subtle: #f0d7d8;\n --cod-light-bg-subtle: #fcfcfd;\n --cod-dark-bg-subtle: #ced4da;\n --cod-primary-border-subtle: #99b4b5;\n --cod-secondary-border-subtle: #fafafa;\n --cod-success-border-subtle: #d9eee1;\n --cod-info-border-subtle: #99b4b5;\n --cod-warning-border-subtle: #ffe29e;\n --cod-danger-border-subtle: #e1b0b1;\n --cod-light-border-subtle: #e9ecef;\n --cod-dark-border-subtle: #adb5bd;\n --cod-white-rgb: 255, 255, 255;\n --cod-black-rgb: 0, 0, 0;\n --cod-font-sans-serif: 'Montserrat', sans-serif;\n --cod-font-monospace: 'Montserrat', sans-serif;\n --cod-gradient: linear-gradient(\n 180deg,\n rgba(255, 255, 255, 0.15),\n rgba(255, 255, 255, 0)\n );\n --cod-body-font-family: var(--cod-font-sans-serif);\n --cod-body-font-size: 1em;\n --cod-body-font-weight: 500;\n --cod-body-line-height: 1.5;\n --cod-body-color: #212529;\n --cod-body-color-rgb: 33, 37, 41;\n --cod-body-bg: #fff;\n --cod-body-bg-rgb: 255, 255, 255;\n --cod-emphasis-color: #000;\n --cod-emphasis-color-rgb: 0, 0, 0;\n --cod-secondary-color: rgba(33, 37, 41, 0.75);\n --cod-secondary-color-rgb: 33, 37, 41;\n --cod-secondary-bg: #e9ecef;\n --cod-secondary-bg-rgb: 233, 236, 239;\n --cod-tertiary-color: rgba(33, 37, 41, 0.5);\n --cod-tertiary-color-rgb: 33, 37, 41;\n --cod-tertiary-bg: #f8f9fa;\n --cod-tertiary-bg-rgb: 248, 249, 250;\n --cod-link-color: #004445;\n --cod-link-color-rgb: 0, 68, 69;\n --cod-link-decoration: underline;\n --cod-link-hover-color: #003637;\n --cod-link-hover-color-rgb: 0, 54, 55;\n --cod-code-color: #d63384;\n --cod-highlight-bg: #fff3cd;\n --cod-border-width: 1px;\n --cod-border-style: solid;\n --cod-border-color: #dee2e6;\n --cod-border-color-translucent: rgba(0, 0, 0, 0.175);\n --cod-border-radius: 0.375em;\n --cod-border-radius-sm: 0.25em;\n --cod-border-radius-lg: 0.5em;\n --cod-border-radius-xl: 1em;\n --cod-border-radius-xxl: 2em;\n --cod-border-radius-2xl: var(--cod-border-radius-xxl);\n --cod-border-radius-pill: 50em;\n --cod-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);\n --cod-box-shadow-sm: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);\n --cod-box-shadow-lg: 0 1em 3em rgba(0, 0, 0, 0.175);\n --cod-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);\n --cod-focus-ring-width: 0.25em;\n --cod-focus-ring-opacity: 1;\n --cod-focus-ring-color: blue;\n --cod-form-valid-color: #9fd5b3;\n --cod-form-valid-border-color: #9fd5b3;\n --cod-form-invalid-color: #b3393b;\n --cod-form-invalid-border-color: #b3393b;\n}\n\n[data-bs-theme='dark'] {\n color-scheme: dark;\n --cod-body-color: #adb5bd;\n --cod-body-color-rgb: 173, 181, 189;\n --cod-body-bg: #212529;\n --cod-body-bg-rgb: 33, 37, 41;\n --cod-emphasis-color: #fff;\n --cod-emphasis-color-rgb: 255, 255, 255;\n --cod-secondary-color: rgba(173, 181, 189, 0.75);\n --cod-secondary-color-rgb: 173, 181, 189;\n --cod-secondary-bg: #343a40;\n --cod-secondary-bg-rgb: 52, 58, 64;\n --cod-tertiary-color: rgba(173, 181, 189, 0.5);\n --cod-tertiary-color-rgb: 173, 181, 189;\n --cod-tertiary-bg: #2b3035;\n --cod-tertiary-bg-rgb: 43, 48, 53;\n --cod-primary-text-emphasis: #668f8f;\n --cod-secondary-text-emphasis: #f7f7f7;\n --cod-success-text-emphasis: #c5e6d1;\n --cod-info-text-emphasis: #668f8f;\n --cod-warning-text-emphasis: #fed46e;\n --cod-danger-text-emphasis: #d18889;\n --cod-light-text-emphasis: #f8f9fa;\n --cod-dark-text-emphasis: #dee2e6;\n --cod-primary-bg-subtle: #000e0e;\n --cod-secondary-bg-subtle: #303030;\n --cod-success-bg-subtle: #202b24;\n --cod-info-bg-subtle: #000e0e;\n --cod-warning-bg-subtle: #332503;\n --cod-danger-bg-subtle: #240b0c;\n --cod-light-bg-subtle: #343a40;\n --cod-dark-bg-subtle: #1a1d20;\n --cod-primary-border-subtle: #002929;\n --cod-secondary-border-subtle: #919191;\n --cod-success-border-subtle: #5f806b;\n --cod-info-border-subtle: #002929;\n --cod-warning-border-subtle: #986e08;\n --cod-danger-border-subtle: #6b2223;\n --cod-light-border-subtle: #495057;\n --cod-dark-border-subtle: #343a40;\n --cod-link-color: #668f8f;\n --cod-link-hover-color: #85a5a5;\n --cod-link-color-rgb: 102, 143, 143;\n --cod-link-hover-color-rgb: 133, 165, 165;\n --cod-code-color: #e685b5;\n --cod-border-color: #495057;\n --cod-border-color-translucent: rgba(255, 255, 255, 0.15);\n --cod-form-valid-color: #75b798;\n --cod-form-valid-border-color: #75b798;\n --cod-form-invalid-color: #ea868f;\n --cod-form-invalid-border-color: #ea868f;\n}\n\nh1,\n.h1 {\n border-left: 0.1em solid #feb70d;\n padding-left: 0.25em;\n}\n\n.title-line {\n border-left: none;\n border-bottom: 0.1em solid #feb70d;\n}\n\nb,\nstrong {\n font-weight: 700;\n}\n\n.btn {\n --cod-btn-focus-box-shadow: 0 0 0 0.25em\n rgba(var(--cod-btn-focus-shadow-rgb), 1);\n}\n\n.btn:focus-visible {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-primary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-secondary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-success {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-info {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-warning {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-danger {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-light {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-dark {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-accent-primary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-accent-secondary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n/*# sourceMappingURL=themed-bootstrap.css.map */\n",r=document.createElement("template");r.innerHTML="\n\n \n \n
\n';class d extends HTMLElement{static get observedAttributes(){return["data-expanded"]}constructor(){super();const n=this.attachShadow({mode:"open"});n.appendChild(l.content.cloneNode(!0));const t=document.createElement("style");t.textContent=a;const e=document.createElement("style");e.textContent=o;const r=document.createElement("style");r.textContent=".li-num-box {\n width: 3rem;\n height: 3rem;\n display: flex;\n justify-content: center;\n align-items: center;\n margin-right: 2rem;\n}\n\n.accordion-button.data-li {\n padding-right: 1rem;\n}\n",n.appendChild(t),n.appendChild(e),n.appendChild(r)}attributeChangedCallback(n,t,e){if("data-expanded"===n){const n=this.shadowRoot.querySelector("button");n.setAttribute("aria-expanded",e),n.classList.remove("collapsed"),"false"===e&&n.classList.add("collapsed")}}connectedCallback(){const n=this.shadowRoot.querySelector("button"),t=this.getAttribute("data-extra-classes");null!==this.getAttribute("data-li")&&n.classList.add("data-li"),t&&n.classList.add(...t.split(" "));const e=this.getAttribute("data-parent-id");n.setAttribute("aria-controls",e),n.setAttribute("data-bs-target",`#${e}`);"true"===this.getAttribute("data-expanded")?(n.classList.remove("collapsed"),n.setAttribute("aria-expanded","true")):(n.classList.add("collapsed"),n.setAttribute("aria-expanded","false"))}addListNumber(n,t){const e=this.shadowRoot.querySelector("button"),o=document.createElement("div");t.push("li-num-box"),o.className=t.join(" ");const a=document.createElement("slot");a.setAttribute("name","li-num-box"),o.appendChild(a),e.prepend(o);const r=document.createElement("span");r.innerText=`${n+1}`,r.setAttribute("slot","li-num-box"),this.appendChild(r)}}customElements.define("cod-accordion-header",d);const s=document.createElement("template");s.innerHTML="\n\n \n \n \n\n `;case"bounding-box":return`\n \n `;case"bounding-box-circle":return`\n \n `;case"bus-front":return`\n \n `;case"bus-front-fill":return`\n \n `;case"cash":return`\n \n `;case"chevron-right":return`\n \n `;case"chevron-right-circle":return`\n \n \n \n \n \n `;case"chevron-right-circle-fill":return`\n \n \n \n \n \n `;case"chevron-left":return`\n \n `;case"chevron-left-circle":return`\n \n \n \n \n \n `;case"chevron-left-circle-fill":return`\n \n \n \n \n \n `;case"chevron-up":return`\n \n `;case"chevron-up-circle":return`\n \n \n \n \n \n `;case"chevron-up-circle-fill":return`\n \n \n \n \n \n \n `;case"chevron-down":return`\n \n `;case"chevron-down-circle":return`\n \n \n \n \n \n `;case"chevron-down-circle-fill":return`\n \n \n \n \n \n `;case"house":return`\n \n `;case"house-fill":return`\n \n `;case"exclamation-circle":return`\n \n `;case"exclamation-circle-fill":return`\n \n `;case"exclamation-triangle":return`\n \n `;case"funnel":return`\n \n `;case"funnel-fill":return`\n \n `;case"check-circle":return`\n \n `;case"check-circle-fill":return`\n \n `;case"calendar":return`\n \n `;case"calendar-fill":return`\n \n `;case"calendar-date":return`\n \n `;case"calendar-date-fill":return`\n \n `;case"newspaper":return`\n \n `;case"building":return`\n \n `;case"building-fill":return`\n \n `;case"buildings":return`\n \n `;case"buildings-fill":return`\n \n `;case"currency-dollar":return`\n \n `;case"file-earmark":return`\n `;case"list-task":return`\n `;case"journals":return`\n `;case"p-circle":return`\n \n `;case"p-circle-fill":return`\n \n `;case"no-parking":return`\n \n `;case"no-parking-fill":return`\n \n `;case"toilet":return`\n \n `;case"universal-access":return`\n \n `;case"universal-access-circle":return`\n \n `;case"wifi":return`\n \n `;case"wifi-off":return`\n \n `}}}customElements.define("cod-icon",S);const H=document.createElement("template");H.innerHTML="\n \n \n ';case"housing":return'\n \n \n ';case"people":return'\n \n \n ';case"sustainability":return'\n \n \n ';case"safety":return'\n \n \n ';case"commerce":return'\n \n \n ';default:return""}}}(0,E.Z)(F,"observedAttributes",[]),customElements.define("cod-legacy-button",F);const N=document.createElement("template");N.innerHTML='\n \n';class T extends HTMLElement{constructor(){super();const n=this.attachShadow({mode:"open"});n.appendChild(N.content.cloneNode(!0));const t=document.createElement("style");t.textContent=a;const e=document.createElement("style");e.textContent=o;const r=document.createElement("style");r.textContent=":host {\n display: block;\n height: 100%;\n width: 100%;\n}\n\n:host *:not(style) {\n display: block;\n height: 100%;\n width: 100%;\n}\n\n.icon-container {\n position: relative;\n}\n\n.ellipse-shadow {\n position: absolute;\n bottom: 5%;\n left: 5%;\n width: 100%;\n height: 100%;\n z-index: -1;\n}\n\n.icon {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n top: 0;\n margin: auto;\n width: 100%;\n height: 100%;\n z-index: 1;\n display: flex;\n align-items: center;\n}\n\n.outline svg {\n height: 100%;\n width: 100%;\n}\n\n.ellipse svg {\n height: 100%;\n width: 100%;\n}\n\n.icon svg {\n display: block;\n margin: auto;\n width: 50%;\n height: 50%;\n}\n",n.appendChild(t),n.appendChild(e),n.appendChild(r)}connectedCallback(){const n=this.getAttribute("outline-color");this.shadowRoot.querySelector(".outline").innerHTML=`\n \n \n `;this.shadowRoot.querySelector(".ellipse-shadow").innerHTML='\n \n \n ';this.shadowRoot.querySelector(".icon").innerHTML=this._getIconInnerHTML(this.getAttribute("icon"))}_getIconInnerHTML(n){switch(n){case"neighborhoods":return'\n \n \n ';case"housing":return'\n \n \n ';case"people":return'\n \n \n ';case"sustainability":return'\n \n \n ';case"safety":return'\n \n \n ';case"commerce":return'\n \n \n ';default:return""}}}(0,E.Z)(T,"observedAttributes",[]),customElements.define("cod-legacy-icon",T);const P=document.createElement("template");P.innerHTML="\n\n \n \n LOADING
\n \n ',this.shadowRoot.appendChild(e)}}customElements.define("cod-loader",$);const I=document.createElement("template");I.innerHTML="\n\xab ';break;case"previous":t.innerHTML='\u2039 ';break;case"next":t.innerHTML='\u203a ';break;case"last":t.innerHTML='\xbb ';break;case"ellipsiss":t.innerHTML='\u2026 '}}}customElements.define("cod-pagination-item",U);class Y extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){const n=document.createElement("style");n.textContent=a;const t=document.createElement("style");t.textContent=o;const e=document.createElement("style");e.textContent="",this.shadowRoot.appendChild(n),this.shadowRoot.appendChild(t),this.shadowRoot.appendChild(e);const r=this.getAttribute("data-type"),i=this.getAttribute("data-label"),l=this.getAttribute("data-aria-label"),d=this.getAttribute("data-animated"),s=this.getAttribute("data-value"),c=this.getAttribute("data-background-color"),m=this.getAttribute("data-multi-bars"),p=document.createElement("div");if("undefined"==m||"null"==m){const n=document.createElement("div");n.role="progressbar",n.setAttribute("aria-label",l),n.setAttribute("aria-valuenow",s),n.className="progress";const t=document.createElement("div");t.style=`width: ${s}%`,"undefined"!=i&&"null"!=i&&(t.innerText=i),t.className=["progress-bar",`progress-bar-${d||""}`,`progress-bar-${r||""}`,`bg-${c||""}`].join(" "),n.appendChild(t),p.appendChild(n)}else p.className="progress-stacked",this.buildBar(JSON.parse(m),p);this.shadowRoot.appendChild(p)}buildBar(n,t){n.forEach((n=>{const e=document.createElement("div");e.role="progressbar",e.setAttribute("aria-label",n.ariaLabel),e.setAttribute("aria-valuenow",n.value),e.setAttribute("aria-valuemin","0"),e.setAttribute("aria-valuemax","100"),e.className="progress";const o=document.createElement("div");e.style=`width: ${n.value}%`,void 0!=n.label&&null!=n.label&&(o.innerText=n.label),o.className=["progress-bar",`progress-bar-${n.animated||""}`,`progress-bar-${n.striped||""}`,`bg-${n.backgroundColor||""}`].join(" "),e.appendChild(o),t.appendChild(e)}))}}customElements.define("cod-progress",Y);class X extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){const n=document.createElement("style");n.textContent=a;const t=document.createElement("style");t.textContent=o;const e=document.createElement("style");e.textContent="",this.shadowRoot.appendChild(n),this.shadowRoot.appendChild(t),this.shadowRoot.appendChild(e);const r=this.getAttribute("data-disabled"),i=this.getAttribute("data-min"),l=this.getAttribute("data-max"),d=this.getAttribute("data-step"),s=document.createElement("input");s.type="range",s.className="form-range","true"==r&&(s.disabled=!0),void 0==i&&null==i||s.setAttribute("min",i),void 0==l&&null==l||s.setAttribute("max",l),void 0==d&&null==d||s.setAttribute("step",d),this.shadowRoot.appendChild(s)}}customElements.define("cod-range",X);class J extends HTMLElement{constructor(){super(),this.attachShadow({mode:"open"})}connectedCallback(){const n=document.createElement("style");n.textContent=a;const t=document.createElement("style");t.textContent=o;const e=document.createElement("style");e.textContent="",this.shadowRoot.appendChild(n),this.shadowRoot.appendChild(t),this.shadowRoot.appendChild(e);const r=this.getAttribute("data-type"),i=this.getAttribute("data-size"),l=this.getAttribute("data-background-color");let d,s;d="sm"==i?`spinner-${r}-${i}`:"",s="inline"==this.getAttribute("data-display-type")?document.createElement("span"):document.createElement("div"),s.className=[`spinner-${r||""}`,d,`text-${l||""}`].join(" "),s.role="status";const c=document.createElement("span");c.innerText="Loading...",c.className="visually-hidden",s.appendChild(c),this.shadowRoot.appendChild(s)}}customElements.define("cod-spinner",J);const K="table-stacked",Q="cell-header-block",nn="first";function tn(n,t){null!==n.getAttribute("data-stacked")&&(t.setAttribute("data-stacked",""),null!==n.getAttribute("data-label-block")&&t.setAttribute("data-label-block",""))}const en={handleObservedClassAttribute(n,t,e,o){let a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:()=>[];null!==t?e.classList.add(o):e.classList.remove(o),a().forEach((e=>{null!==t?e.setAttribute(n,""):e.removeAttribute(n)}))},handleObservedAttribute(n,t,e){e(this,n,t)}},on=document.createElement("template");on.innerHTML="\n\n\n";class wn extends HTMLElement{constructor(){super();const n=this.attachShadow({mode:"open"});n.appendChild(yn.content.cloneNode(!0)),this.form=document.createElement("form"),n.addEventListener("slotchange",(()=>{const n=Array.from(this.children);n.length&&n.forEach((n=>{this.form.append(n)}))}))}connectedCallback(){const n=document.createElement("style");n.textContent=a;const t=document.createElement("style");t.textContent=o;const e=document.createElement("style");e.textContent="",this.shadowRoot.appendChild(n),this.shadowRoot.appendChild(t),this.shadowRoot.appendChild(e);const r=this.getAttribute("data-id");let i=this.getAttribute("data-custom-validate");const l=this.getAttribute("data-background-color"),d=this.getAttribute("data-extra-classes");this.form.id=r,"true"==i?(this.form.novalidate=!0,i="needs-validation"):i="",this.form.className=[i,`bg-${l||""}`,`${d||""}`].join(" "),this.shadowRoot.appendChild(this.form)}}customElements.define("cod-form",wn);const kn=document.createElement("template");kn.innerHTML="\n${n.label} ${t[n.value]}
`;case"field-link":return`${n.label} ${t[n.value]}
`;case"field-image":return`n.json())).then((function(o){if("suggestions"===e)o.candidates.forEach((n=>{const e=document.createElement("option");""===n.attributes.parcel_id?(e.value=n.address,e.setAttribute("data-parsel","no-parcel")):(e.value=`${n.address} RECOMMENDED`,e.setAttribute("data-parsel",n.attributes.parcel_id)),e.onclick=n=>{t.selectSuggestion(n,t)},t.form.childNodes[3].appendChild(e)}));else if(o.candidates.length){const e=`https://services2.arcgis.com/qvkbeam7Wirps6zC/arcgis/rest/services/City_of_Detroit_Boundary/FeatureServer/0/query?where=&objectIds=&time=&geometry=${o.candidates[0].location.x}%2C+${o.candidates[0].location.y}&geometryType=esriGeometryPoint&inSR=4326&spatialRel=esriSpatialRelIntersects&resultType=none&distance=0.0&units=esriSRUnit_Meter&returnGeodetic=false&outFields=4326&returnGeometry=true&returnCentroid=false&multipatchOption=xyFootprint&maxAllowableOffset=&geometryPrecision=&outSR=&datumTransformation=&applyVCSProjection=false&returnIdsOnly=false&returnUniqueIdsOnly=false&returnCountOnly=false&returnExtentOnly=false&returnDistinctValues=false&orderByFields=&groupByFieldsForStatistics=&outStatistics=&having=&resultOffset=&resultRecordCount=&returnZ=false&returnM=false&returnExceededLimitFeatures=true&quantizationParameters=&sqlFormat=none&f=geojson&token=`;try{fetch(e).then((n=>n.json())).then((function(e){if(e.features.length){let e,r=null;o.candidates.forEach((n=>{""!==n.attributes.parcel_id&&t.checkParcelValid(n.attributes.parcel_id)&&(r=n)})),e=null==r?o.candidates[0].location:null,null===r?(t.parcelStatus="Invalid",t.needGeocode(n,t,e),t.clearSuggestions(t),a[0].setAttribute("data-parcel-id",JSON.stringify(o.candidates[0])),t.form.reset()):(t.parcelStatus="Valid",t.needGeocode(n,t,e),t.clearSuggestions(t),console.log(a),a[0].setAttribute("data-parcel-id",JSON.stringify(r)),t.form.reset())}else t.parcelStatus="Invalid",t.needGeocode(n,t,location),t.clearSuggestions(t),a[0].setAttribute("data-app-state","error")}))}catch(r){t.parcelStatus="Invalid",t.needGeocode(n,t,location),t.clearSuggestions(t),a[0].setAttribute("data-app-state","error")}}else t.parcelStatus="Invalid",t.needGeocode(n,t,location),t.clearSuggestions(t),a[0].setAttribute("data-app-state","error")}))}catch(s){t.parcelStatus="Invalid",t.needGeocode(n,t,location),t.clearSuggestions(t),a[0].setAttribute("data-app-state","error")}}selectSuggestion(n,t){let e=null;e="SPAN"===n.target.tagName?n.target.parentNode:n.target,"no-parcel"===e.attributes[0].value?(t.clearSuggestions(t),t.supplementGeocoder(e.innerText,t,"submit")):t.supplementGeocoder(e.innerText,t,"submit")}inputChange(n,t){switch(n.key){case"Enter":""!=n.target.value&&void 0!=n.target.value&&t.supplementGeocoder(n.target.value,t,"submit");break;case"ArrowDown":case"ArrowUp":case"ArrowRight":case"ArrowLeft":break;case void 0:""!=n.target.value&&void 0!=n.target.value&&t.supplementGeocoder(n.target.value,t,"submit");break;default:t.clearSuggestions(t),t.supplementGeocoder(n.target.value,t,"suggestions")}}clearSuggestions(n){for(;n.form.childNodes[3].firstChild;)n.form.childNodes[3].removeChild(n.form.childNodes[3].firstChild)}needGeocode(n,t,e){fetch("https://us-central1-local-services-loopkup.cloudfunctions.net/getToken").then((n=>n.json())).then((function(o){const a=n.split(" RECOMMENDED")[0],r=[{attributes:{valid_parcel_status:t.parcelStatus,user_input:a},geometry:{x:0,y:0}}];null!=e&&(r[0].geometry.x=e.x,r[0].geometry.y=e.y);const i=new Request(`https://services2.arcgis.com/qvkbeam7Wirps6zC/ArcGIS/rest/services/addressvalidator/FeatureServer/0/addFeatures?token=${o.access_token}&features=${encodeURIComponent(JSON.stringify(r))}&f=json`,{method:"POST",body:"",headers:new Headers,mode:"cors",cache:"default"});fetch(i).then((n=>{}))}))}checkParcelValid(n){return/\d/.test(n)}submit(n,t){n.preventDefault(),t.supplementGeocoder(n.target[0].value,t,"submit")}}customElements.define("cod-geocoder",Rn);const Bn=document.createElement("template");Bn.innerHTML='\n\n\n Control how much of each overlapping image is shown. \n 0 means the first image is completely hidden and the second image is fully visible.\n 100 means the first image is fully visible and the second image is completely hidden.\n 50 means both images are half-shown, half-hidden.\n \n \n';class Mn extends HTMLElement{constructor(){super();const n=this.attachShadow({mode:"open"}),t=document.createElement("style");t.textContent=a;const e=document.createElement("style");e.textContent=o;const r=document.createElement("style");r.textContent=':host {\n --exposure: 50%;\n\n --thumb-background-color: hsla(0, 0%, 100%, 0.9);\n --thumb-background-image: url(\'data:image/svg+xml;utf8,\n
\n
\n \n\n \x3c!-- Next line is an example of an open modal. --\x3e\n \x3c!--
\n';class jn extends HTMLElement{constructor(){super();const n=this.attachShadow({mode:"open"});n.appendChild(Vn.content.cloneNode(!0)),this.playerContainer=this.shadowRoot.querySelector("#ytPlayerContainer"),this.player=null;const t=document.createElement("style");t.textContent=a;const e=document.createElement("style");e.textContent=o;const r=document.createElement("style");r.textContent="div.modal {\n --cod-modal-width: 90vw;\n}\n\n@media (min-width: 992px) {\n div.modal {\n --cod-modal-width: 50vw;\n }\n}\n.modal {\n background-color: rgba(0, 0, 0, 0.5);\n}\n\ndiv.video-placehold {\n background-color: lightgray;\n min-height: 343px;\n}\n\ndiv.player-container {\n position: relative;\n}\n\ndiv.player-container img.video-placehold {\n display: block;\n}\n\ndiv.player-container .play-icon {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 50px;\n height: 50px;\n}\n\n.play-icon::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n height: 100%;\n background-image: url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-play-circle-fill' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0M6.79 5.093A.5.5 0 0 0 6 5.5v5a.5.5 0 0 0 .79.407l3.5-2.5a.5.5 0 0 0 0-.814z'/%3E%3C/svg%3E\");\n background-repeat: no-repeat;\n background-size: contain;\n}\n\niframe#ytPlayerContainer {\n width: 100%;\n aspect-ratio: 16/9;\n}\n\n/*# sourceMappingURL=VideoPlayer.css.map */\n",n.appendChild(t),n.appendChild(e),n.appendChild(r)}connectedCallback(){this._buildThumbnailDisplayMode(),this._replacePlaceholderWithThumbnail();const n=this.getAttribute("player-display"),t=this.getAttribute("video-type"),e=this.getAttribute("video-id");if("modal"===n){this._setModalOpenCloseEventHandlers();if(this.shadowRoot.querySelector("#videoPlayerModalLabel").textContent=this.getAttribute("title"),"youtube"===t)this._loadVideo(e)}}_buildThumbnailDisplayMode(){const n=this.getAttribute("thumbnail-display"),t=this.shadowRoot.querySelector("#layoutContainer");switch(n){case"fullwidth":t.classList.add("w-100");break;case"inline":t.classList.remove("d-flex"),t.classList.add("d-inline-flex")}}_setModalOpenCloseEventHandlers(){this.shadowRoot.querySelector("#modalOpenButton").addEventListener("click",this._onOpenModal.bind(this));this.shadowRoot.querySelector("#modalCloseButton").addEventListener("click",this._onCloseModal.bind(this));this.shadowRoot.querySelector("#videoPlayerModal").addEventListener("click",this._onClickOutsideModal.bind(this))}_replacePlaceholderWithThumbnail(){const n=this.shadowRoot.querySelector("div.video-placehold"),t=this.getAttribute("thumbnail-src"),e=this.getAttribute("thumbnail-alt"),o=document.createElement("img");o.setAttribute("src",t),o.setAttribute("alt",e),o.classList.add("video-placehold","img-fluid"),n.appendChild(o);const a=document.createElement("div");a.classList.add("play-icon"),n.appendChild(a),n.classList.remove("video-placehold")}disconnectedCallback(){this.removeEventListener("click",this._onOpenModal.bind(this)),this.removeEventListener("click",this._onCloseModal.bind(this))}_onOpenModal(){const n=this.shadowRoot.querySelector("#videoPlayerModal");n.classList.add("show"),n.style.display="block",n.removeAttribute("aria-hidden"),n.setAttribute("aria-modal","true"),n.setAttribute("role","modal"),this.player?.playVideo()}_onCloseModal(){const n=this.shadowRoot.querySelector("#videoPlayerModal");n.classList.remove("show"),n.style.display="none",n.removeAttribute("aria-modal"),n.removeAttribute("role"),n.setAttribute("aria-hidden","true"),this.player?.pauseVideo()}_onClickOutsideModal(n){n.target.closest(".modal-content")||this._onCloseModal()}_loadVideo(n){if(window.YT)this._createPlayer(n);else{const t=document.createElement("script");t.src="https://www.youtube.com/iframe_api";const e=document.getElementsByTagName("script")[0];e.parentNode.insertBefore(t,e),window.onYouTubeIframeAPIReady=()=>{this._createPlayer(n)}}}_createPlayer(n){this.player=new YT.Player(this.playerContainer,{videoId:n,events:{}})}}(0,E.Z)(jn,"observedAttributes",[]),customElements.define("cod-videoplayer",jn);const Fn=document.createElement("template");Fn.innerHTML="\n
\n";class Nn extends HTMLElement{constructor(){super();const n=this.attachShadow({mode:"open"});n.appendChild(Fn.content.cloneNode(!0)),this.accordion=document.createElement("div"),this.shadowRoot.addEventListener("slotchange",(n=>{n.target.assignedElements().forEach(((n,t)=>{switch(n.tagName){case"COD-ACCORDION-ITEM":{const e=document.createElement("div");e.className="accordion-item",n.setAttribute("data-parent-id",this.getAttribute("data-id")),n.setAttribute("data-index",t),null!==this.getAttribute("data-ol")&&n.setAttribute("data-li",""),e.appendChild(n),this.accordion.append(e);break}default:n.className.split(" ").includes("no-wc")?n.remove():this.card.appendChild(n);break}}))}));const t=document.createElement("style");t.textContent=a;const e=document.createElement("style");e.textContent=o;const r=document.createElement("style");r.textContent=".accordion-ol {\n --cod-accordion-btn-padding-x: 0rem;\n --cod-accordion-btn-padding-y: 0rem;\n}\n",n.appendChild(t),n.appendChild(e),n.appendChild(r)}connectedCallback(){const n=this.getAttribute("data-flush"),t=this.getAttribute("data-ol"),e=this.getAttribute("data-id"),o=this.getAttribute("data-extra-classes"),a=["accordion"];"true"==n&&a.push("accordion-flush"),null!==t&&a.push("accordion-ol"),void 0!=o&&null!=o&&a.push(o),this.accordion.className=a.join(" "),this.accordion.id=e,this.shadowRoot.querySelector("div")||this.shadowRoot.appendChild(this.accordion)}}customElements.define("cod-accordion",Nn);const Tn=document.createElement("template");Tn.innerHTML="\n
\n";class Pn extends HTMLElement{static get observedAttributes(){return["data-show"]}constructor(){super();const n=this.attachShadow({mode:"open"});n.appendChild(Tn.content.cloneNode(!0)),this.dropdown=document.createElement("div"),this.shadowRoot.addEventListener("slotchange",(()=>{Array.from(this.children).forEach((n=>{n.className.split(" ").includes("no-wc")?n.remove():this.dropdown.append(n)}))}));const t=document.createElement("style");t.textContent=a;const e=document.createElement("style");e.textContent=o;const r=document.createElement("style");r.textContent="",n.appendChild(t),n.appendChild(e),n.appendChild(r)}connectedCallback(){let n=this.getAttribute("data-split");n="true"===n?"btn-group":"dropdown",this.dropdown.className=n,this.querySelector('cod-button[data-bs-toggle="dropdown"]')&&this.querySelector('cod-button[data-bs-toggle="dropdown"]').addEventListener("click",this._onClick),this.shadowRoot.querySelector("div")||this.shadowRoot.appendChild(this.dropdown)}disconnectedCallback(){this.removeEventListener("click",this._onClick.bind(this))}_onClick(n){"dropdown"===n.target.getAttribute("data-bs-toggle")&&("true"===this.getAttribute("aria-expanded")?(this.setAttribute("aria-expanded","false"),this.parentElement.querySelector("cod-dropdown-menu").setAttribute("data-show","false")):(this.setAttribute("aria-expanded","true"),this.parentElement.querySelector("cod-dropdown-menu").setAttribute("data-show","true")))}}customElements.define("cod-dropdown",Pn);const Dn=document.createElement("template");Dn.innerHTML="\n
\n";const $n=40,In=37,Wn=39,Gn=32,qn=38,Zn=36,On=35;class Un extends HTMLElement{constructor(){super();this.attachShadow({mode:"open"}).appendChild(Dn.content.cloneNode(!0))}connectedCallback(){this.hasAttribute("role")||("radio"==this.getAttribute("data-type")?this.setAttribute("role","radiogroup"):this.setAttribute("role","group"));const n=this.checkedFormCheck;n?(this._uncheckAll(),this._checkNode(n)):this.querySelector("cod-form-check").setAttribute("tabindex",0),this.addEventListener("keydown",this._onKeyDown),this.addEventListener("click",this._onClick)}disconnectedCallback(){this.removeEventListener("keydown",this._onKeyDown),this.removeEventListener("click",this._onClick)}_onKeyDown(n){switch(n.keyCode){case qn:case In:n.preventDefault(),this._setCheckedToPrevButton();break;case $n:case Wn:n.preventDefault(),this._setCheckedToNextButton();break;case Zn:n.preventDefault(),this._setChecked(this.firstFormCheck);break;case On:n.preventDefault(),this._setChecked(this.lastFormCheck);break;case Gn:n.preventDefault(),"cod-form-check"===n.target.tagName.toLowerCase()&&this._setChecked(n.target)}}get checkedFormCheck(){return this.querySelector('[data-checked="true"]')}get firstFormCheck(){return this.querySelector("cod-form-check:first-of-type")}get lastFormCheck(){return this.querySelector("cod-form-check:last-of-type")}_prevFormCheck(n){let t=n.previousElementSibling;for(;t;){if("radio"===t.getAttribute("data-type")||"checkbox"===t.getAttribute("data-type"))return t;t=t.previousElementSibling}return null}_nextFormCheck(n){let t=n.nextElementSibling;for(;t;){if("radio"===t.getAttribute("data-type")||"checkbox"===t.getAttribute("data-type"))return t;t=t.nextElementSibling}return null}_setCheckedToPrevButton(){const n=this.checkedFormCheck||this.firstFormCheck;n===this.firstFormCheck?this._setChecked(this.lastFormCheck):this._setChecked(this._prevFormCheck(n))}_setCheckedToNextButton(){const n=this.checkedRadioButton||this.firstFormCheck;n===this.lastFormCheck?this._setChecked(this.firstFormCheck):this._setChecked(this._nextFormCheck(n))}_setChecked(n){this._uncheckAll(),this._checkNode(n),this._focusNode(n)}_uncheckAll(){const n=this.querySelectorAll("cod-form-check");for(let t=0;t
\n";class Xn extends HTMLElement{constructor(){super();const n=this.attachShadow({mode:"open"});n.appendChild(Yn.content.cloneNode(!0)),this.listGroup=null;const t=document.createElement("style");t.textContent=a;const e=document.createElement("style");e.textContent=o;const r=document.createElement("style");r.textContent="",n.appendChild(t),n.appendChild(e),n.appendChild(r)}connectedCallback(){const n=this.getAttribute("data-tag");let t=this.getAttribute("data-flushed"),e=this.getAttribute("data-numbered"),o=this.getAttribute("data-horizontal");const a=this.getAttribute("data-extra-classes");this.listGroup=document.createElement(n),t="true"==t?"list-group-flush":null,e="true"==e?"list-group-numbered":null,o="true"==o?"list-group-horizontal":null,this.listGroup.className=["list-group",`${t||""}`,`${e||""}`,`${o||""}`,`${a||""}`].join(" "),this.shadowRoot.querySelector(n)||(this.shadowRoot.addEventListener("slotchange",(()=>{const n=Array.from(this.children),a=n.length;n.forEach(((n,r)=>{let i=null;switch(r){case 0:n.setAttribute("data-order","first");break;case a-1:n.setAttribute("data-order","last");break;default:n.setAttribute("data-order","middle")}t&&(i=`${t} `),e&&(i=`${e} `,n.setAttribute("data-order-index",r+1)),o&&(i=`${o} `),i&&n.setAttribute("data-parent-classes",i);n.className.split(" ").includes("no-wc")?n.remove():this.listGroup.append(n)}))})),this.shadowRoot.appendChild(this.listGroup))}}customElements.define("cod-listgroup",Xn);const Jn=document.createElement("template");Jn.innerHTML="\n=r)&&Object.keys(o.O).every((n=>o.O[n](e[d])))?e.splice(d--,1):(l=!1,r0&&n[c-1][2]>r;c--)n[c]=n[c-1];n[c]=[e,a,r]},o.n=n=>{var t=n&&n.__esModule?()=>n.default:()=>n;return o.d(t,{a:t}),t},o.d=(n,t)=>{for(var e in t)o.o(t,e)&&!o.o(n,e)&&Object.defineProperty(n,e,{enumerable:!0,get:t[e]})},o.o=(n,t)=>Object.prototype.hasOwnProperty.call(n,t),(()=>{var n={179:0};o.O.j=t=>0===n[t];var t=(t,e)=>{var a,r,i=e[0],l=e[1],d=e[2],s=0;if(i.some((t=>0!==n[t]))){for(a in l)o.o(l,a)&&(o.m[a]=l[a]);if(d)var c=d(o)}for(t&&t(e);so(915)));a=o.O(a)})();
\ No newline at end of file
diff --git a/build/stable/assets/js/main.js b/build/stable/assets/js/main.js
index 838a05d8..706e7404 100644
--- a/build/stable/assets/js/main.js
+++ b/build/stable/assets/js/main.js
@@ -1 +1 @@
-(()=>{"use strict";const n=document.createElement("template");n.innerHTML='\n \n\n \n
\n
\n
\n
\n \u{1f3db}\ufe0f \n
\n
\n
Official websites use .gov \n
A .gov website belongs to an official government organization in the United States.
\n
\n
\n
\n
\n \u{1f512} \n
\n
\n
Secure .gov websites use HTTPS \n
A lock (\u{1f512}) or https:// means you\'ve safely connected to the .gov website. Share sensitive information only on official, secure websites.
\n
\n
\n
\n
\n
\n \n
\n \n
\n \n';class a extends HTMLElement{static get observedAttributes(){return["href","hreflang","rel","target"]}constructor(){super();const n=this.attachShadow({mode:"open"});n.appendChild(o.content.cloneNode(!0)),this.link=n.querySelector("a");const e=n.querySelector("#titleSlot"),t=n.querySelector("#subtitleSlot");e.addEventListener("slotchange",this.handleSlotChange.bind(this)),t.addEventListener("slotchange",this.handleSlotChange.bind(this))}connectedCallback(){this.updateLinkAttributes()}attributeChangedCallback(){this.updateLinkAttributes()}updateLinkAttributes(){["href","hreflang","rel","target"].forEach((n=>{this.hasAttribute(n)?this.link.setAttribute(n,this.getAttribute(n)):this.link.removeAttribute(n)}))}handleSlotChange(n){const e=n.target.assignedElements();if(e.length>0){const n=e[0];if("SPAN"!==n.tagName){const e=document.createElement("span");e.textContent=n.textContent,n.replaceWith(e)}}}}customElements.define("cod-service-button",a);const s=document.createElement("template");s.innerHTML='\n \n';class l extends HTMLElement{constructor(){super();this.attachShadow({mode:"open"}).appendChild(s.content.cloneNode(!0))}connectedCallback(){this._setupSlot()}_setupSlot(){const n=this.shadowRoot.querySelector('slot[name="label"]');n.addEventListener("slotchange",(()=>{const e=n.assignedElements(),t=["SPAN","A"];e.forEach(((n,i)=>{if(t.includes(n.tagName))i/g,"").replace(/\n/g,""),n.replaceWith(e)}}))}))}}const d=l;customElements.define("cod-tag",d)})();
\ No newline at end of file
+(()=>{"use strict";const n={en:{cityOf:"City of",cityName:"Detroit",officialWebsite:"An official website of the City of Detroit.",hereHowYouKnow:"Here's how you know",officialWebsitesUseGov:"Official websites use .gov",govWebsiteDescription:"A .gov website belongs to an official government organization in the United States.",secureGovWebsites:"Secure .gov websites use HTTPS",httpsDescription:"A lock (\u{1f512}) or https:// means you've safely connected to the .gov website. Share sensitive information only on official, secure websites."},es:{cityOf:"Ciudad de",cityName:"Detroit",officialWebsite:"Un sitio web oficial de la Ciudad de Detroit.",hereHowYouKnow:"As\xed es como lo sabes",officialWebsitesUseGov:"Los sitios web oficiales usan .gov",govWebsiteDescription:"Un sitio web .gov pertenece a una organizaci\xf3n gubernamental oficial de los Estados Unidos.",secureGovWebsites:"Los sitios web .gov seguros usan HTTPS",httpsDescription:"Un candado (\u{1f512}) o https:// significa que te has conectado de forma segura al sitio web .gov. Comparte informaci\xf3n confidencial solo en sitios web oficiales y seguros."},ar:{cityOf:"\u0645\u062f\u064a\u0646\u0629",cityName:"\u062f\u064a\u062a\u0631\u0648\u064a\u062a",officialWebsite:"\u0645\u0648\u0642\u0639 \u0625\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0631\u0633\u0645\u064a \u0644\u0645\u062f\u064a\u0646\u0629 \u062f\u064a\u062a\u0631\u0648\u064a\u062a.",hereHowYouKnow:"\u0625\u0644\u064a\u0643 \u0643\u064a\u0641 \u062a\u0639\u0631\u0641",officialWebsitesUseGov:"\u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0631\u0633\u0645\u064a\u0629 \u062a\u0633\u062a\u062e\u062f\u0645 .gov",govWebsiteDescription:"\u0645\u0648\u0642\u0639 .gov \u064a\u0646\u062a\u0645\u064a \u0625\u0644\u0649 \u0645\u0646\u0638\u0645\u0629 \u062d\u0643\u0648\u0645\u064a\u0629 \u0631\u0633\u0645\u064a\u0629 \u0641\u064a \u0627\u0644\u0648\u0644\u0627\u064a\u0627\u062a \u0627\u0644\u0645\u062a\u062d\u062f\u0629.",secureGovWebsites:"\u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0622\u0645\u0646\u0629 .gov \u062a\u0633\u062a\u062e\u062f\u0645 HTTPS",httpsDescription:"\u0627\u0644\u0642\u0641\u0644 (\u{1f512}) \u0623\u0648 https:// \u064a\u0639\u0646\u064a \u0623\u0646\u0643 \u0627\u062a\u0635\u0644\u062a \u0628\u0623\u0645\u0627\u0646 \u0628\u0645\u0648\u0642\u0639 .gov. \u0634\u0627\u0631\u0643 \u0627\u0644\u0645\u0639\u0644\u0648\u0645\u0627\u062a \u0627\u0644\u062d\u0633\u0627\u0633\u0629 \u0641\u0642\u0637 \u0639\u0644\u0649 \u0627\u0644\u0645\u0648\u0627\u0642\u0639 \u0627\u0644\u0631\u0633\u0645\u064a\u0629 \u0648\u0627\u0644\u0622\u0645\u0646\u0629."},bn:{cityOf:"\u09b6\u09b9\u09b0",cityName:"\u09a1\u09c7\u099f\u09cd\u09b0\u09af\u09bc\u09c7\u099f",officialWebsite:"\u09a1\u09c7\u099f\u09cd\u09b0\u09af\u09bc\u09c7\u099f \u09b6\u09b9\u09b0\u09c7\u09b0 \u098f\u0995\u099f\u09bf \u09b8\u09b0\u0995\u09be\u09b0\u09bf \u0993\u09af\u09bc\u09c7\u09ac\u09b8\u09be\u0987\u099f\u0964",hereHowYouKnow:"\u0986\u09aa\u09a8\u09bf \u0995\u09c0\u09ad\u09be\u09ac\u09c7 \u099c\u09be\u09a8\u09ac\u09c7\u09a8",officialWebsitesUseGov:"\u09b8\u09b0\u0995\u09be\u09b0\u09bf \u0993\u09af\u09bc\u09c7\u09ac\u09b8\u09be\u0987\u099f\u0997\u09c1\u09b2\u09bf .gov \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7",govWebsiteDescription:"\u098f\u0995\u099f\u09bf .gov \u0993\u09af\u09bc\u09c7\u09ac\u09b8\u09be\u0987\u099f \u09ae\u09be\u09b0\u09cd\u0995\u09bf\u09a8 \u09af\u09c1\u0995\u09cd\u09a4\u09b0\u09be\u09b7\u09cd\u099f\u09cd\u09b0\u09c7\u09b0 \u098f\u0995\u099f\u09bf \u09b8\u09b0\u0995\u09be\u09b0\u09bf \u09b8\u0982\u09b8\u09cd\u09a5\u09be\u09b0 \u0985\u09a8\u09cd\u09a4\u09b0\u09cd\u0997\u09a4\u0964",secureGovWebsites:"\u09a8\u09bf\u09b0\u09be\u09aa\u09a6 .gov \u0993\u09af\u09bc\u09c7\u09ac\u09b8\u09be\u0987\u099f\u0997\u09c1\u09b2\u09bf HTTPS \u09ac\u09cd\u09af\u09ac\u09b9\u09be\u09b0 \u0995\u09b0\u09c7",httpsDescription:"\u098f\u0995\u099f\u09bf \u09a4\u09be\u09b2\u09be (\u{1f512}) \u09ac\u09be https:// \u09ae\u09be\u09a8\u09c7 \u0986\u09aa\u09a8\u09bf .gov \u0993\u09af\u09bc\u09c7\u09ac\u09b8\u09be\u0987\u099f\u09c7\u09b0 \u09b8\u09be\u09a5\u09c7 \u09a8\u09bf\u09b0\u09be\u09aa\u09a6\u09c7 \u09b8\u0982\u09af\u09c1\u0995\u09cd\u09a4 \u09b9\u09af\u09bc\u09c7\u099b\u09c7\u09a8\u0964 \u09b6\u09c1\u09a7\u09c1\u09ae\u09be\u09a4\u09cd\u09b0 \u09b8\u09b0\u0995\u09be\u09b0\u09bf, \u09a8\u09bf\u09b0\u09be\u09aa\u09a6 \u0993\u09af\u09bc\u09c7\u09ac\u09b8\u09be\u0987\u099f\u09c7 \u09b8\u0982\u09ac\u09c7\u09a6\u09a8\u09b6\u09c0\u09b2 \u09a4\u09a5\u09cd\u09af \u09b6\u09c7\u09af\u09bc\u09be\u09b0 \u0995\u09b0\u09c1\u09a8\u0964"}};class o extends HTMLElement{static get observedAttributes(){return["expanded","lang","dir"]}constructor(){super(),this.attachShadow({mode:"open"}),this._expanded=!1,this._lang="en",this._dir="ltr",this._renderTemplate()}get expanded(){return this._expanded}set expanded(n){const o=Boolean(n);o!==this._expanded&&(this._expanded=o,o?this.setAttribute("expanded",""):this.removeAttribute("expanded"),this.dispatchEvent(new CustomEvent("expandedchange",{detail:{expanded:o},bubbles:!0})),this._updateExpandedState(o))}get lang(){return this.getAttribute("lang")||"en"}set lang(n){n?this.setAttribute("lang",n):this.removeAttribute("lang")}get dir(){return this.getAttribute("dir")||"ltr"}set dir(n){n?this.setAttribute("dir",n):this.removeAttribute("dir")}_renderTemplate(){const o=this.lang,t=this.dir,r=n[o]||n.en;this.shadowRoot.innerHTML=`\n \n \n \n
\n
\n
\n
\n \u{1f3db}\ufe0f \n
\n
\n
${r.officialWebsitesUseGov} \n
${r.govWebsiteDescription}
\n
\n
\n
\n
\n \u{1f512} \n
\n
\n
${r.secureGovWebsites} \n
${r.httpsDescription}
\n
\n
\n
\n
\n
\n \n
\n \n
\n \n';class i extends HTMLElement{static get observedAttributes(){return["href","hreflang","rel","target"]}constructor(){super();const n=this.attachShadow({mode:"open"});n.appendChild(d.content.cloneNode(!0)),this.link=n.querySelector("a");const o=n.querySelector("#titleSlot"),t=n.querySelector("#subtitleSlot");o.addEventListener("slotchange",this.handleSlotChange.bind(this)),t.addEventListener("slotchange",this.handleSlotChange.bind(this))}connectedCallback(){this.updateLinkAttributes()}attributeChangedCallback(){this.updateLinkAttributes()}updateLinkAttributes(){["href","hreflang","rel","target"].forEach((n=>{this.hasAttribute(n)?this.link.setAttribute(n,this.getAttribute(n)):this.link.removeAttribute(n)}))}handleSlotChange(n){const o=n.target.assignedElements();if(o.length>0){const n=o[0];if("SPAN"!==n.tagName){const o=document.createElement("span");o.textContent=n.textContent,n.replaceWith(o)}}}}customElements.define("cod-service-button",i);const c=document.createElement("template");c.innerHTML='\n\n \n';class l extends HTMLElement{constructor(){super();const n=this.attachShadow({mode:"open"});n.appendChild(c.content.cloneNode(!0));const o=document.createElement("style");o.textContent=":host,\n[data-bs-theme='light'] {\n --cod-blue: #0d6efd;\n --cod-indigo: #6610f2;\n --cod-purple: #6f42c1;\n --cod-pink: #d63384;\n --cod-red: #dc3545;\n --cod-orange: #fd7e14;\n --cod-yellow: #ffc107;\n --cod-green: #198754;\n --cod-teal: #20c997;\n --cod-cyan: #0dcaf0;\n --cod-black: #000;\n --cod-white: #fff;\n --cod-gray: #6c757d;\n --cod-gray-dark: #343a40;\n --cod-gray-100: #f8f9fa;\n --cod-gray-200: #e9ecef;\n --cod-gray-300: #dee2e6;\n --cod-gray-400: #ced4da;\n --cod-gray-500: #adb5bd;\n --cod-gray-600: #6c757d;\n --cod-gray-700: #495057;\n --cod-gray-800: #343a40;\n --cod-gray-900: #212529;\n --cod-primary: #004445;\n --cod-secondary: #f2f2f2;\n --cod-success: #9fd5b3;\n --cod-info: #004445;\n --cod-warning: #feb70d;\n --cod-danger: #b3393b;\n --cod-light: #fff;\n --cod-dark: #18252a;\n --cod-accent-primary: #feb70d;\n --cod-accent-secondary: #9fd5b3;\n --cod-primary-rgb: 0, 68, 69;\n --cod-secondary-rgb: 242, 242, 242;\n --cod-success-rgb: 159, 213, 179;\n --cod-info-rgb: 0, 68, 69;\n --cod-warning-rgb: 254, 183, 13;\n --cod-danger-rgb: 179, 57, 59;\n --cod-light-rgb: 255, 255, 255;\n --cod-dark-rgb: 24, 37, 42;\n --cod-accent-primary-rgb: 254, 183, 13;\n --cod-accent-secondary-rgb: 159, 213, 179;\n --cod-primary-text-emphasis: #001b1c;\n --cod-secondary-text-emphasis: #616161;\n --cod-success-text-emphasis: #405548;\n --cod-info-text-emphasis: #001b1c;\n --cod-warning-text-emphasis: #664905;\n --cod-danger-text-emphasis: #481718;\n --cod-light-text-emphasis: #495057;\n --cod-dark-text-emphasis: #495057;\n --cod-primary-bg-subtle: #ccdada;\n --cod-secondary-bg-subtle: #fcfcfc;\n --cod-success-bg-subtle: #ecf7f0;\n --cod-info-bg-subtle: #ccdada;\n --cod-warning-bg-subtle: #fff1cf;\n --cod-danger-bg-subtle: #f0d7d8;\n --cod-light-bg-subtle: #fcfcfd;\n --cod-dark-bg-subtle: #ced4da;\n --cod-primary-border-subtle: #99b4b5;\n --cod-secondary-border-subtle: #fafafa;\n --cod-success-border-subtle: #d9eee1;\n --cod-info-border-subtle: #99b4b5;\n --cod-warning-border-subtle: #ffe29e;\n --cod-danger-border-subtle: #e1b0b1;\n --cod-light-border-subtle: #e9ecef;\n --cod-dark-border-subtle: #adb5bd;\n --cod-white-rgb: 255, 255, 255;\n --cod-black-rgb: 0, 0, 0;\n --cod-font-sans-serif: 'Montserrat', sans-serif;\n --cod-font-monospace: 'Montserrat', sans-serif;\n --cod-gradient: linear-gradient(\n 180deg,\n rgba(255, 255, 255, 0.15),\n rgba(255, 255, 255, 0)\n );\n --cod-body-font-family: var(--cod-font-sans-serif);\n --cod-body-font-size: 1em;\n --cod-body-font-weight: 500;\n --cod-body-line-height: 1.5;\n --cod-body-color: #212529;\n --cod-body-color-rgb: 33, 37, 41;\n --cod-body-bg: #fff;\n --cod-body-bg-rgb: 255, 255, 255;\n --cod-emphasis-color: #000;\n --cod-emphasis-color-rgb: 0, 0, 0;\n --cod-secondary-color: rgba(33, 37, 41, 0.75);\n --cod-secondary-color-rgb: 33, 37, 41;\n --cod-secondary-bg: #e9ecef;\n --cod-secondary-bg-rgb: 233, 236, 239;\n --cod-tertiary-color: rgba(33, 37, 41, 0.5);\n --cod-tertiary-color-rgb: 33, 37, 41;\n --cod-tertiary-bg: #f8f9fa;\n --cod-tertiary-bg-rgb: 248, 249, 250;\n --cod-link-color: #004445;\n --cod-link-color-rgb: 0, 68, 69;\n --cod-link-decoration: underline;\n --cod-link-hover-color: #003637;\n --cod-link-hover-color-rgb: 0, 54, 55;\n --cod-code-color: #d63384;\n --cod-highlight-bg: #fff3cd;\n --cod-border-width: 1px;\n --cod-border-style: solid;\n --cod-border-color: #dee2e6;\n --cod-border-color-translucent: rgba(0, 0, 0, 0.175);\n --cod-border-radius: 0.375em;\n --cod-border-radius-sm: 0.25em;\n --cod-border-radius-lg: 0.5em;\n --cod-border-radius-xl: 1em;\n --cod-border-radius-xxl: 2em;\n --cod-border-radius-2xl: var(--cod-border-radius-xxl);\n --cod-border-radius-pill: 50em;\n --cod-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);\n --cod-box-shadow-sm: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);\n --cod-box-shadow-lg: 0 1em 3em rgba(0, 0, 0, 0.175);\n --cod-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);\n --cod-focus-ring-width: 0.25em;\n --cod-focus-ring-opacity: 1;\n --cod-focus-ring-color: blue;\n --cod-form-valid-color: #9fd5b3;\n --cod-form-valid-border-color: #9fd5b3;\n --cod-form-invalid-color: #b3393b;\n --cod-form-invalid-border-color: #b3393b;\n}\n\n[data-bs-theme='dark'] {\n color-scheme: dark;\n --cod-body-color: #adb5bd;\n --cod-body-color-rgb: 173, 181, 189;\n --cod-body-bg: #212529;\n --cod-body-bg-rgb: 33, 37, 41;\n --cod-emphasis-color: #fff;\n --cod-emphasis-color-rgb: 255, 255, 255;\n --cod-secondary-color: rgba(173, 181, 189, 0.75);\n --cod-secondary-color-rgb: 173, 181, 189;\n --cod-secondary-bg: #343a40;\n --cod-secondary-bg-rgb: 52, 58, 64;\n --cod-tertiary-color: rgba(173, 181, 189, 0.5);\n --cod-tertiary-color-rgb: 173, 181, 189;\n --cod-tertiary-bg: #2b3035;\n --cod-tertiary-bg-rgb: 43, 48, 53;\n --cod-primary-text-emphasis: #668f8f;\n --cod-secondary-text-emphasis: #f7f7f7;\n --cod-success-text-emphasis: #c5e6d1;\n --cod-info-text-emphasis: #668f8f;\n --cod-warning-text-emphasis: #fed46e;\n --cod-danger-text-emphasis: #d18889;\n --cod-light-text-emphasis: #f8f9fa;\n --cod-dark-text-emphasis: #dee2e6;\n --cod-primary-bg-subtle: #000e0e;\n --cod-secondary-bg-subtle: #303030;\n --cod-success-bg-subtle: #202b24;\n --cod-info-bg-subtle: #000e0e;\n --cod-warning-bg-subtle: #332503;\n --cod-danger-bg-subtle: #240b0c;\n --cod-light-bg-subtle: #343a40;\n --cod-dark-bg-subtle: #1a1d20;\n --cod-primary-border-subtle: #002929;\n --cod-secondary-border-subtle: #919191;\n --cod-success-border-subtle: #5f806b;\n --cod-info-border-subtle: #002929;\n --cod-warning-border-subtle: #986e08;\n --cod-danger-border-subtle: #6b2223;\n --cod-light-border-subtle: #495057;\n --cod-dark-border-subtle: #343a40;\n --cod-link-color: #668f8f;\n --cod-link-hover-color: #85a5a5;\n --cod-link-color-rgb: 102, 143, 143;\n --cod-link-hover-color-rgb: 133, 165, 165;\n --cod-code-color: #e685b5;\n --cod-border-color: #495057;\n --cod-border-color-translucent: rgba(255, 255, 255, 0.15);\n --cod-form-valid-color: #75b798;\n --cod-form-valid-border-color: #75b798;\n --cod-form-invalid-color: #ea868f;\n --cod-form-invalid-border-color: #ea868f;\n}\n\nh1,\n.h1 {\n border-left: 0.1em solid #feb70d;\n padding-left: 0.25em;\n}\n\n.title-line {\n border-left: none;\n border-bottom: 0.1em solid #feb70d;\n}\n\nb,\nstrong {\n font-weight: 700;\n}\n\n.btn {\n --cod-btn-focus-box-shadow: 0 0 0 0.25em\n rgba(var(--cod-btn-focus-shadow-rgb), 1);\n}\n\n.btn:focus-visible {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-primary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-secondary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-success {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-info {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-warning {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-danger {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-light {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-dark {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-accent-primary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-accent-secondary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n:host {\n display: block;\n --cod-process-list-counter-background-color: #004445;\n --cod-process-list-counter-border-color: #18252a;\n --cod-process-list-counter-border-width: 2px;\n --cod-process-list-counter-font-family: inherit;\n --cod-process-list-counter-font-size: 1em;\n --cod-process-list-counter-gap-color: transparent;\n --cod-process-list-counter-gap-width: 4px;\n --cod-process-list-counter-size: 2.5em;\n --cod-process-list-counter-text-color: #ffffff;\n --cod-process-list-connector-color: #c9c9c9;\n --cod-process-list-connector-width: 2px;\n --cod-process-list-font-family: inherit;\n --cod-process-list-font-size: 1em;\n --cod-process-list-heading-color: #000;\n --cod-process-list-heading-font-family: inherit;\n --cod-process-list-heading-font-size: 1.25em;\n --cod-process-list-text-color: #000;\n}\n\n.cod-process-list {\n counter-reset: cod-process-list-counter;\n list-style: none;\n margin: 0;\n padding: 0;\n}\n\n/*# sourceMappingURL=ProcessList.css.map */\n",n.appendChild(o)}connectedCallback(){this.setAttribute("role","list");const n=this.querySelectorAll("cod-process-list-item");n.length>0&&n[n.length-1].setAttribute("data-hide-connector","")}}customElements.define("cod-process-list",l);const s=document.createElement("template");s.innerHTML='\n\n
\n \n
\n \n
\n \n';class b extends HTMLElement{constructor(){super();const n=this.attachShadow({mode:"open"});n.appendChild(s.content.cloneNode(!0));const o=document.createElement("style");o.textContent=":host,\n[data-bs-theme='light'] {\n --cod-blue: #0d6efd;\n --cod-indigo: #6610f2;\n --cod-purple: #6f42c1;\n --cod-pink: #d63384;\n --cod-red: #dc3545;\n --cod-orange: #fd7e14;\n --cod-yellow: #ffc107;\n --cod-green: #198754;\n --cod-teal: #20c997;\n --cod-cyan: #0dcaf0;\n --cod-black: #000;\n --cod-white: #fff;\n --cod-gray: #6c757d;\n --cod-gray-dark: #343a40;\n --cod-gray-100: #f8f9fa;\n --cod-gray-200: #e9ecef;\n --cod-gray-300: #dee2e6;\n --cod-gray-400: #ced4da;\n --cod-gray-500: #adb5bd;\n --cod-gray-600: #6c757d;\n --cod-gray-700: #495057;\n --cod-gray-800: #343a40;\n --cod-gray-900: #212529;\n --cod-primary: #004445;\n --cod-secondary: #f2f2f2;\n --cod-success: #9fd5b3;\n --cod-info: #004445;\n --cod-warning: #feb70d;\n --cod-danger: #b3393b;\n --cod-light: #fff;\n --cod-dark: #18252a;\n --cod-accent-primary: #feb70d;\n --cod-accent-secondary: #9fd5b3;\n --cod-primary-rgb: 0, 68, 69;\n --cod-secondary-rgb: 242, 242, 242;\n --cod-success-rgb: 159, 213, 179;\n --cod-info-rgb: 0, 68, 69;\n --cod-warning-rgb: 254, 183, 13;\n --cod-danger-rgb: 179, 57, 59;\n --cod-light-rgb: 255, 255, 255;\n --cod-dark-rgb: 24, 37, 42;\n --cod-accent-primary-rgb: 254, 183, 13;\n --cod-accent-secondary-rgb: 159, 213, 179;\n --cod-primary-text-emphasis: #001b1c;\n --cod-secondary-text-emphasis: #616161;\n --cod-success-text-emphasis: #405548;\n --cod-info-text-emphasis: #001b1c;\n --cod-warning-text-emphasis: #664905;\n --cod-danger-text-emphasis: #481718;\n --cod-light-text-emphasis: #495057;\n --cod-dark-text-emphasis: #495057;\n --cod-primary-bg-subtle: #ccdada;\n --cod-secondary-bg-subtle: #fcfcfc;\n --cod-success-bg-subtle: #ecf7f0;\n --cod-info-bg-subtle: #ccdada;\n --cod-warning-bg-subtle: #fff1cf;\n --cod-danger-bg-subtle: #f0d7d8;\n --cod-light-bg-subtle: #fcfcfd;\n --cod-dark-bg-subtle: #ced4da;\n --cod-primary-border-subtle: #99b4b5;\n --cod-secondary-border-subtle: #fafafa;\n --cod-success-border-subtle: #d9eee1;\n --cod-info-border-subtle: #99b4b5;\n --cod-warning-border-subtle: #ffe29e;\n --cod-danger-border-subtle: #e1b0b1;\n --cod-light-border-subtle: #e9ecef;\n --cod-dark-border-subtle: #adb5bd;\n --cod-white-rgb: 255, 255, 255;\n --cod-black-rgb: 0, 0, 0;\n --cod-font-sans-serif: 'Montserrat', sans-serif;\n --cod-font-monospace: 'Montserrat', sans-serif;\n --cod-gradient: linear-gradient(\n 180deg,\n rgba(255, 255, 255, 0.15),\n rgba(255, 255, 255, 0)\n );\n --cod-body-font-family: var(--cod-font-sans-serif);\n --cod-body-font-size: 1em;\n --cod-body-font-weight: 500;\n --cod-body-line-height: 1.5;\n --cod-body-color: #212529;\n --cod-body-color-rgb: 33, 37, 41;\n --cod-body-bg: #fff;\n --cod-body-bg-rgb: 255, 255, 255;\n --cod-emphasis-color: #000;\n --cod-emphasis-color-rgb: 0, 0, 0;\n --cod-secondary-color: rgba(33, 37, 41, 0.75);\n --cod-secondary-color-rgb: 33, 37, 41;\n --cod-secondary-bg: #e9ecef;\n --cod-secondary-bg-rgb: 233, 236, 239;\n --cod-tertiary-color: rgba(33, 37, 41, 0.5);\n --cod-tertiary-color-rgb: 33, 37, 41;\n --cod-tertiary-bg: #f8f9fa;\n --cod-tertiary-bg-rgb: 248, 249, 250;\n --cod-link-color: #004445;\n --cod-link-color-rgb: 0, 68, 69;\n --cod-link-decoration: underline;\n --cod-link-hover-color: #003637;\n --cod-link-hover-color-rgb: 0, 54, 55;\n --cod-code-color: #d63384;\n --cod-highlight-bg: #fff3cd;\n --cod-border-width: 1px;\n --cod-border-style: solid;\n --cod-border-color: #dee2e6;\n --cod-border-color-translucent: rgba(0, 0, 0, 0.175);\n --cod-border-radius: 0.375em;\n --cod-border-radius-sm: 0.25em;\n --cod-border-radius-lg: 0.5em;\n --cod-border-radius-xl: 1em;\n --cod-border-radius-xxl: 2em;\n --cod-border-radius-2xl: var(--cod-border-radius-xxl);\n --cod-border-radius-pill: 50em;\n --cod-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);\n --cod-box-shadow-sm: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);\n --cod-box-shadow-lg: 0 1em 3em rgba(0, 0, 0, 0.175);\n --cod-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);\n --cod-focus-ring-width: 0.25em;\n --cod-focus-ring-opacity: 1;\n --cod-focus-ring-color: blue;\n --cod-form-valid-color: #9fd5b3;\n --cod-form-valid-border-color: #9fd5b3;\n --cod-form-invalid-color: #b3393b;\n --cod-form-invalid-border-color: #b3393b;\n}\n\n[data-bs-theme='dark'] {\n color-scheme: dark;\n --cod-body-color: #adb5bd;\n --cod-body-color-rgb: 173, 181, 189;\n --cod-body-bg: #212529;\n --cod-body-bg-rgb: 33, 37, 41;\n --cod-emphasis-color: #fff;\n --cod-emphasis-color-rgb: 255, 255, 255;\n --cod-secondary-color: rgba(173, 181, 189, 0.75);\n --cod-secondary-color-rgb: 173, 181, 189;\n --cod-secondary-bg: #343a40;\n --cod-secondary-bg-rgb: 52, 58, 64;\n --cod-tertiary-color: rgba(173, 181, 189, 0.5);\n --cod-tertiary-color-rgb: 173, 181, 189;\n --cod-tertiary-bg: #2b3035;\n --cod-tertiary-bg-rgb: 43, 48, 53;\n --cod-primary-text-emphasis: #668f8f;\n --cod-secondary-text-emphasis: #f7f7f7;\n --cod-success-text-emphasis: #c5e6d1;\n --cod-info-text-emphasis: #668f8f;\n --cod-warning-text-emphasis: #fed46e;\n --cod-danger-text-emphasis: #d18889;\n --cod-light-text-emphasis: #f8f9fa;\n --cod-dark-text-emphasis: #dee2e6;\n --cod-primary-bg-subtle: #000e0e;\n --cod-secondary-bg-subtle: #303030;\n --cod-success-bg-subtle: #202b24;\n --cod-info-bg-subtle: #000e0e;\n --cod-warning-bg-subtle: #332503;\n --cod-danger-bg-subtle: #240b0c;\n --cod-light-bg-subtle: #343a40;\n --cod-dark-bg-subtle: #1a1d20;\n --cod-primary-border-subtle: #002929;\n --cod-secondary-border-subtle: #919191;\n --cod-success-border-subtle: #5f806b;\n --cod-info-border-subtle: #002929;\n --cod-warning-border-subtle: #986e08;\n --cod-danger-border-subtle: #6b2223;\n --cod-light-border-subtle: #495057;\n --cod-dark-border-subtle: #343a40;\n --cod-link-color: #668f8f;\n --cod-link-hover-color: #85a5a5;\n --cod-link-color-rgb: 102, 143, 143;\n --cod-link-hover-color-rgb: 133, 165, 165;\n --cod-code-color: #e685b5;\n --cod-border-color: #495057;\n --cod-border-color-translucent: rgba(255, 255, 255, 0.15);\n --cod-form-valid-color: #75b798;\n --cod-form-valid-border-color: #75b798;\n --cod-form-invalid-color: #ea868f;\n --cod-form-invalid-border-color: #ea868f;\n}\n\nh1,\n.h1 {\n border-left: 0.1em solid #feb70d;\n padding-left: 0.25em;\n}\n\n.title-line {\n border-left: none;\n border-bottom: 0.1em solid #feb70d;\n}\n\nb,\nstrong {\n font-weight: 700;\n}\n\n.btn {\n --cod-btn-focus-box-shadow: 0 0 0 0.25em\n rgba(var(--cod-btn-focus-shadow-rgb), 1);\n}\n\n.btn:focus-visible {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-primary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-secondary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-success {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-info {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-warning {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-danger {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-light {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-dark {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-accent-primary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-accent-secondary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n:host {\n display: block;\n position: relative;\n}\n\n.cod-process-list__counter {\n background-color: var(--cod-process-list-counter-background-color, #005ea2);\n border: var(--cod-process-list-counter-border-width, 2px) solid\n var(--cod-process-list-counter-border-color, #ffffff);\n color: var(--cod-process-list-counter-text-color, #ffffff);\n content: counter(cod-process-list-counter);\n counter-increment: cod-process-list-counter;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: var(--cod-process-list-counter-font-family, inherit);\n font-size: var(--cod-process-list-counter-font-size, 1em);\n font-weight: 700;\n height: var(--cod-process-list-counter-size, 2.5em);\n width: var(--cod-process-list-counter-size, 2.5em);\n left: 0;\n position: absolute;\n top: 0;\n z-index: 1;\n}\n.cod-process-list__counter::before {\n content: counter(cod-process-list-counter);\n}\n\n.cod-process-list__item {\n list-style: none;\n margin: 0;\n padding: 0 0 2em 4em;\n position: relative;\n}\n.cod-process-list__item::after {\n display: block;\n background-color: var(--cod-process-list-connector-color);\n content: '';\n height: calc(\n 100% - var(--cod-process-list-counter-size) -\n var(--cod-process-list-counter-gap-width)\n );\n left: calc(\n var(--cod-process-list-counter-size) / 2 -\n var(--cod-process-list-connector-width) / 2\n );\n position: absolute;\n top: calc(\n var(--cod-process-list-counter-size) +\n var(--cod-process-list-counter-gap-width)\n );\n width: var(--cod-process-list-connector-width, 2px);\n z-index: 0;\n}\n:host([data-hide-connector]) .cod-process-list__item::after {\n display: none;\n}\n\n.cod-process-list__heading {\n color: var(--cod-process-list-heading-color);\n font-family: var(--cod-process-list-heading-font-family);\n font-size: var(--cod-process-list-heading-font-size);\n font-weight: 700;\n line-height: 1.2;\n margin: 0 0 0.5em 0;\n}\n\n.cod-process-list__content {\n color: var(--cod-process-list-text-color);\n font-family: var(--cod-process-list-font-family);\n font-size: var(--cod-process-list-font-size);\n line-height: 1.5;\n}\n.cod-process-list__content ::slotted(ul),\n.cod-process-list__content ::slotted(ol) {\n margin-top: 0.5em;\n margin-bottom: 1em;\n}\n.cod-process-list__content ::slotted(li) {\n margin-bottom: 0.5em;\n}\n.cod-process-list__content ::slotted(p) {\n margin-top: 0;\n margin-bottom: 1em;\n}\n.cod-process-list__content ::slotted(p):last-child {\n margin-bottom: 0;\n}\n\n/*# sourceMappingURL=ProcessListItem.css.map */\n",n.appendChild(o)}}customElements.define("cod-process-list-item",b);const p=document.createElement("template");p.innerHTML='\n\n \n \n \n';class g extends HTMLElement{static get observedAttributes(){return["variant","size","outline","disabled","caret","loading","href","target","download","rel","square"]}constructor(){super();const n=this.attachShadow({mode:"open"});n.appendChild(p.content.cloneNode(!0));const o=document.createElement("style");o.textContent=".btn {\n --cod-btn-padding-x: 0.75em;\n --cod-btn-padding-y: 0.375em;\n --cod-btn-font-family: ;\n --cod-btn-font-size: 1em;\n --cod-btn-font-weight: 400;\n --cod-btn-line-height: 1.5;\n --cod-btn-color: var(--cod-body-color);\n --cod-btn-bg: transparent;\n --cod-btn-border-width: var(--cod-border-width);\n --cod-btn-border-color: transparent;\n --cod-btn-border-radius: var(--cod-border-radius);\n --cod-btn-hover-border-color: transparent;\n --cod-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),\n 0 1px 1px rgba(0, 0, 0, 0.075);\n --cod-btn-disabled-opacity: 0.65;\n --cod-btn-focus-box-shadow: 0 0 0 0.25em\n rgba(var(--cod-btn-focus-shadow-rgb), 0.5);\n display: inline-block;\n padding: var(--cod-btn-padding-y) var(--cod-btn-padding-x);\n font-family: var(--cod-btn-font-family);\n font-size: var(--cod-btn-font-size);\n font-weight: var(--cod-btn-font-weight);\n line-height: var(--cod-btn-line-height);\n color: var(--cod-btn-color);\n text-align: center;\n text-decoration: none;\n vertical-align: middle;\n cursor: pointer;\n user-select: none;\n border: var(--cod-btn-border-width) solid var(--cod-btn-border-color);\n background-color: var(--cod-btn-bg);\n transition:\n color 0.15s ease-in-out,\n background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out;\n}\n@media (prefers-reduced-motion: reduce) {\n .btn {\n transition: none;\n }\n}\n.btn:hover {\n color: var(--cod-btn-hover-color);\n background-color: var(--cod-btn-hover-bg);\n border-color: var(--cod-btn-hover-border-color);\n}\n.btn-check + .btn:hover {\n color: var(--cod-btn-color);\n background-color: var(--cod-btn-bg);\n border-color: var(--cod-btn-border-color);\n}\n.btn:focus-visible {\n color: var(--cod-btn-hover-color);\n background-color: var(--cod-btn-hover-bg);\n border-color: var(--cod-btn-hover-border-color);\n outline: 0;\n box-shadow: var(--cod-btn-focus-box-shadow);\n}\n.btn-check:focus-visible + .btn {\n border-color: var(--cod-btn-hover-border-color);\n outline: 0;\n box-shadow: var(--cod-btn-focus-box-shadow);\n}\n.btn-check:checked + .btn,\n:not(.btn-check) + .btn:active,\n.btn:first-child:active,\n.btn.active,\n.btn.show {\n color: var(--cod-btn-active-color);\n background-color: var(--cod-btn-active-bg);\n border-color: var(--cod-btn-active-border-color);\n}\n.btn-check:checked + .btn:focus-visible,\n:not(.btn-check) + .btn:active:focus-visible,\n.btn:first-child:active:focus-visible,\n.btn.active:focus-visible,\n.btn.show:focus-visible {\n box-shadow: var(--cod-btn-focus-box-shadow);\n}\n.btn:disabled,\n.btn.disabled,\nfieldset:disabled .btn {\n color: var(--cod-btn-disabled-color);\n pointer-events: none;\n background-color: var(--cod-btn-disabled-bg);\n border-color: var(--cod-btn-disabled-border-color);\n opacity: var(--cod-btn-disabled-opacity);\n}\n\n.btn-primary {\n --cod-btn-color: #fff;\n --cod-btn-bg: #004445;\n --cod-btn-border-color: #004445;\n --cod-btn-hover-color: #fff;\n --cod-btn-hover-bg: #003a3b;\n --cod-btn-hover-border-color: #003637;\n --cod-btn-focus-shadow-rgb: 38, 96, 97;\n --cod-btn-active-color: #fff;\n --cod-btn-active-bg: #003637;\n --cod-btn-active-border-color: #003334;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #fff;\n --cod-btn-disabled-bg: #004445;\n --cod-btn-disabled-border-color: #004445;\n}\n\n.btn-secondary {\n --cod-btn-color: #000;\n --cod-btn-bg: #f2f2f2;\n --cod-btn-border-color: #f2f2f2;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #f4f4f4;\n --cod-btn-hover-border-color: #f3f3f3;\n --cod-btn-focus-shadow-rgb: 206, 206, 206;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: whitesmoke;\n --cod-btn-active-border-color: #f3f3f3;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #000;\n --cod-btn-disabled-bg: #f2f2f2;\n --cod-btn-disabled-border-color: #f2f2f2;\n}\n\n.btn-success {\n --cod-btn-color: #000;\n --cod-btn-bg: #9fd5b3;\n --cod-btn-border-color: #9fd5b3;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #addbbe;\n --cod-btn-hover-border-color: #a9d9bb;\n --cod-btn-focus-shadow-rgb: 135, 181, 152;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: #b2ddc2;\n --cod-btn-active-border-color: #a9d9bb;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #000;\n --cod-btn-disabled-bg: #9fd5b3;\n --cod-btn-disabled-border-color: #9fd5b3;\n}\n\n.btn-info {\n --cod-btn-color: #fff;\n --cod-btn-bg: #004445;\n --cod-btn-border-color: #004445;\n --cod-btn-hover-color: #fff;\n --cod-btn-hover-bg: #003a3b;\n --cod-btn-hover-border-color: #003637;\n --cod-btn-focus-shadow-rgb: 38, 96, 97;\n --cod-btn-active-color: #fff;\n --cod-btn-active-bg: #003637;\n --cod-btn-active-border-color: #003334;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #fff;\n --cod-btn-disabled-bg: #004445;\n --cod-btn-disabled-border-color: #004445;\n}\n\n.btn-warning {\n --cod-btn-color: #000;\n --cod-btn-bg: #feb70d;\n --cod-btn-border-color: #feb70d;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #fec231;\n --cod-btn-hover-border-color: #febe25;\n --cod-btn-focus-shadow-rgb: 216, 156, 11;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: #fec53d;\n --cod-btn-active-border-color: #febe25;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #000;\n --cod-btn-disabled-bg: #feb70d;\n --cod-btn-disabled-border-color: #feb70d;\n}\n\n.btn-danger {\n --cod-btn-color: #fff;\n --cod-btn-bg: #b3393b;\n --cod-btn-border-color: #b3393b;\n --cod-btn-hover-color: #fff;\n --cod-btn-hover-bg: #983032;\n --cod-btn-hover-border-color: #8f2e2f;\n --cod-btn-focus-shadow-rgb: 190, 87, 88;\n --cod-btn-active-color: #fff;\n --cod-btn-active-bg: #8f2e2f;\n --cod-btn-active-border-color: #862b2c;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #fff;\n --cod-btn-disabled-bg: #b3393b;\n --cod-btn-disabled-border-color: #b3393b;\n}\n\n.btn-light {\n --cod-btn-color: #000;\n --cod-btn-bg: #fff;\n --cod-btn-border-color: #fff;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #d9d9d9;\n --cod-btn-hover-border-color: #cccccc;\n --cod-btn-focus-shadow-rgb: 217, 217, 217;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: #cccccc;\n --cod-btn-active-border-color: #bfbfbf;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #000;\n --cod-btn-disabled-bg: #fff;\n --cod-btn-disabled-border-color: #fff;\n}\n\n.btn-dark {\n --cod-btn-color: #fff;\n --cod-btn-bg: #18252a;\n --cod-btn-border-color: #18252a;\n --cod-btn-hover-color: #fff;\n --cod-btn-hover-bg: #3b464a;\n --cod-btn-hover-border-color: #2f3b3f;\n --cod-btn-focus-shadow-rgb: 59, 70, 74;\n --cod-btn-active-color: #fff;\n --cod-btn-active-bg: #465155;\n --cod-btn-active-border-color: #2f3b3f;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #fff;\n --cod-btn-disabled-bg: #18252a;\n --cod-btn-disabled-border-color: #18252a;\n}\n\n.btn-accent-primary {\n --cod-btn-color: #000;\n --cod-btn-bg: #feb70d;\n --cod-btn-border-color: #feb70d;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #fec231;\n --cod-btn-hover-border-color: #febe25;\n --cod-btn-focus-shadow-rgb: 216, 156, 11;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: #fec53d;\n --cod-btn-active-border-color: #febe25;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #000;\n --cod-btn-disabled-bg: #feb70d;\n --cod-btn-disabled-border-color: #feb70d;\n}\n\n.btn-accent-secondary {\n --cod-btn-color: #000;\n --cod-btn-bg: #9fd5b3;\n --cod-btn-border-color: #9fd5b3;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #addbbe;\n --cod-btn-hover-border-color: #a9d9bb;\n --cod-btn-focus-shadow-rgb: 135, 181, 152;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: #b2ddc2;\n --cod-btn-active-border-color: #a9d9bb;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #000;\n --cod-btn-disabled-bg: #9fd5b3;\n --cod-btn-disabled-border-color: #9fd5b3;\n}\n\n.btn-outline-primary {\n --cod-btn-color: #004445;\n --cod-btn-border-color: #004445;\n --cod-btn-hover-color: #fff;\n --cod-btn-hover-bg: #004445;\n --cod-btn-hover-border-color: #004445;\n --cod-btn-focus-shadow-rgb: 0, 68, 69;\n --cod-btn-active-color: #fff;\n --cod-btn-active-bg: #004445;\n --cod-btn-active-border-color: #004445;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #004445;\n --cod-btn-disabled-bg: transparent;\n --cod-btn-disabled-border-color: #004445;\n --cod-gradient: none;\n}\n\n.btn-outline-secondary {\n --cod-btn-color: #f2f2f2;\n --cod-btn-border-color: #f2f2f2;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #f2f2f2;\n --cod-btn-hover-border-color: #f2f2f2;\n --cod-btn-focus-shadow-rgb: 242, 242, 242;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: #f2f2f2;\n --cod-btn-active-border-color: #f2f2f2;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #f2f2f2;\n --cod-btn-disabled-bg: transparent;\n --cod-btn-disabled-border-color: #f2f2f2;\n --cod-gradient: none;\n}\n\n.btn-outline-success {\n --cod-btn-color: #9fd5b3;\n --cod-btn-border-color: #9fd5b3;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #9fd5b3;\n --cod-btn-hover-border-color: #9fd5b3;\n --cod-btn-focus-shadow-rgb: 159, 213, 179;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: #9fd5b3;\n --cod-btn-active-border-color: #9fd5b3;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #9fd5b3;\n --cod-btn-disabled-bg: transparent;\n --cod-btn-disabled-border-color: #9fd5b3;\n --cod-gradient: none;\n}\n\n.btn-outline-info {\n --cod-btn-color: #004445;\n --cod-btn-border-color: #004445;\n --cod-btn-hover-color: #fff;\n --cod-btn-hover-bg: #004445;\n --cod-btn-hover-border-color: #004445;\n --cod-btn-focus-shadow-rgb: 0, 68, 69;\n --cod-btn-active-color: #fff;\n --cod-btn-active-bg: #004445;\n --cod-btn-active-border-color: #004445;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #004445;\n --cod-btn-disabled-bg: transparent;\n --cod-btn-disabled-border-color: #004445;\n --cod-gradient: none;\n}\n\n.btn-outline-warning {\n --cod-btn-color: #feb70d;\n --cod-btn-border-color: #feb70d;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #feb70d;\n --cod-btn-hover-border-color: #feb70d;\n --cod-btn-focus-shadow-rgb: 254, 183, 13;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: #feb70d;\n --cod-btn-active-border-color: #feb70d;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #feb70d;\n --cod-btn-disabled-bg: transparent;\n --cod-btn-disabled-border-color: #feb70d;\n --cod-gradient: none;\n}\n\n.btn-outline-danger {\n --cod-btn-color: #b3393b;\n --cod-btn-border-color: #b3393b;\n --cod-btn-hover-color: #fff;\n --cod-btn-hover-bg: #b3393b;\n --cod-btn-hover-border-color: #b3393b;\n --cod-btn-focus-shadow-rgb: 179, 57, 59;\n --cod-btn-active-color: #fff;\n --cod-btn-active-bg: #b3393b;\n --cod-btn-active-border-color: #b3393b;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #b3393b;\n --cod-btn-disabled-bg: transparent;\n --cod-btn-disabled-border-color: #b3393b;\n --cod-gradient: none;\n}\n\n.btn-outline-light {\n --cod-btn-color: #fff;\n --cod-btn-border-color: #fff;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #fff;\n --cod-btn-hover-border-color: #fff;\n --cod-btn-focus-shadow-rgb: 255, 255, 255;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: #fff;\n --cod-btn-active-border-color: #fff;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #fff;\n --cod-btn-disabled-bg: transparent;\n --cod-btn-disabled-border-color: #fff;\n --cod-gradient: none;\n}\n\n.btn-outline-dark {\n --cod-btn-color: #18252a;\n --cod-btn-border-color: #18252a;\n --cod-btn-hover-color: #fff;\n --cod-btn-hover-bg: #18252a;\n --cod-btn-hover-border-color: #18252a;\n --cod-btn-focus-shadow-rgb: 24, 37, 42;\n --cod-btn-active-color: #fff;\n --cod-btn-active-bg: #18252a;\n --cod-btn-active-border-color: #18252a;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #18252a;\n --cod-btn-disabled-bg: transparent;\n --cod-btn-disabled-border-color: #18252a;\n --cod-gradient: none;\n}\n\n.btn-outline-accent-primary {\n --cod-btn-color: #feb70d;\n --cod-btn-border-color: #feb70d;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #feb70d;\n --cod-btn-hover-border-color: #feb70d;\n --cod-btn-focus-shadow-rgb: 254, 183, 13;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: #feb70d;\n --cod-btn-active-border-color: #feb70d;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #feb70d;\n --cod-btn-disabled-bg: transparent;\n --cod-btn-disabled-border-color: #feb70d;\n --cod-gradient: none;\n}\n\n.btn-outline-accent-secondary {\n --cod-btn-color: #9fd5b3;\n --cod-btn-border-color: #9fd5b3;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #9fd5b3;\n --cod-btn-hover-border-color: #9fd5b3;\n --cod-btn-focus-shadow-rgb: 159, 213, 179;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: #9fd5b3;\n --cod-btn-active-border-color: #9fd5b3;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #9fd5b3;\n --cod-btn-disabled-bg: transparent;\n --cod-btn-disabled-border-color: #9fd5b3;\n --cod-gradient: none;\n}\n\n.btn-link {\n --cod-btn-font-weight: 400;\n --cod-btn-color: var(--cod-link-color);\n --cod-btn-bg: transparent;\n --cod-btn-border-color: transparent;\n --cod-btn-hover-color: var(--cod-link-hover-color);\n --cod-btn-hover-border-color: transparent;\n --cod-btn-active-color: var(--cod-link-hover-color);\n --cod-btn-active-border-color: transparent;\n --cod-btn-disabled-color: #6c757d;\n --cod-btn-disabled-border-color: transparent;\n --cod-btn-box-shadow: 0 0 0 #000;\n --cod-btn-focus-shadow-rgb: 38, 96, 97;\n text-decoration: underline;\n}\n.btn-link:focus-visible {\n color: var(--cod-btn-color);\n}\n.btn-link:hover {\n color: var(--cod-btn-hover-color);\n}\n\n.btn-lg {\n --cod-btn-padding-y: 0.5em;\n --cod-btn-padding-x: 1em;\n --cod-btn-font-size: 1.25em;\n --cod-btn-border-radius: var(--cod-border-radius-lg);\n}\n\n.btn-sm {\n --cod-btn-padding-y: 0.25em;\n --cod-btn-padding-x: 0.5em;\n --cod-btn-font-size: 1em;\n --cod-btn-border-radius: var(--cod-border-radius-sm);\n}\n\n:host,\n[data-bs-theme='light'] {\n --cod-blue: #0d6efd;\n --cod-indigo: #6610f2;\n --cod-purple: #6f42c1;\n --cod-pink: #d63384;\n --cod-red: #dc3545;\n --cod-orange: #fd7e14;\n --cod-yellow: #ffc107;\n --cod-green: #198754;\n --cod-teal: #20c997;\n --cod-cyan: #0dcaf0;\n --cod-black: #000;\n --cod-white: #fff;\n --cod-gray: #6c757d;\n --cod-gray-dark: #343a40;\n --cod-gray-100: #f8f9fa;\n --cod-gray-200: #e9ecef;\n --cod-gray-300: #dee2e6;\n --cod-gray-400: #ced4da;\n --cod-gray-500: #adb5bd;\n --cod-gray-600: #6c757d;\n --cod-gray-700: #495057;\n --cod-gray-800: #343a40;\n --cod-gray-900: #212529;\n --cod-primary: #004445;\n --cod-secondary: #f2f2f2;\n --cod-success: #9fd5b3;\n --cod-info: #004445;\n --cod-warning: #feb70d;\n --cod-danger: #b3393b;\n --cod-light: #fff;\n --cod-dark: #18252a;\n --cod-accent-primary: #feb70d;\n --cod-accent-secondary: #9fd5b3;\n --cod-primary-rgb: 0, 68, 69;\n --cod-secondary-rgb: 242, 242, 242;\n --cod-success-rgb: 159, 213, 179;\n --cod-info-rgb: 0, 68, 69;\n --cod-warning-rgb: 254, 183, 13;\n --cod-danger-rgb: 179, 57, 59;\n --cod-light-rgb: 255, 255, 255;\n --cod-dark-rgb: 24, 37, 42;\n --cod-accent-primary-rgb: 254, 183, 13;\n --cod-accent-secondary-rgb: 159, 213, 179;\n --cod-primary-text-emphasis: #001b1c;\n --cod-secondary-text-emphasis: #616161;\n --cod-success-text-emphasis: #405548;\n --cod-info-text-emphasis: #001b1c;\n --cod-warning-text-emphasis: #664905;\n --cod-danger-text-emphasis: #481718;\n --cod-light-text-emphasis: #495057;\n --cod-dark-text-emphasis: #495057;\n --cod-primary-bg-subtle: #ccdada;\n --cod-secondary-bg-subtle: #fcfcfc;\n --cod-success-bg-subtle: #ecf7f0;\n --cod-info-bg-subtle: #ccdada;\n --cod-warning-bg-subtle: #fff1cf;\n --cod-danger-bg-subtle: #f0d7d8;\n --cod-light-bg-subtle: #fcfcfd;\n --cod-dark-bg-subtle: #ced4da;\n --cod-primary-border-subtle: #99b4b5;\n --cod-secondary-border-subtle: #fafafa;\n --cod-success-border-subtle: #d9eee1;\n --cod-info-border-subtle: #99b4b5;\n --cod-warning-border-subtle: #ffe29e;\n --cod-danger-border-subtle: #e1b0b1;\n --cod-light-border-subtle: #e9ecef;\n --cod-dark-border-subtle: #adb5bd;\n --cod-white-rgb: 255, 255, 255;\n --cod-black-rgb: 0, 0, 0;\n --cod-font-sans-serif: 'Montserrat', sans-serif;\n --cod-font-monospace: 'Montserrat', sans-serif;\n --cod-gradient: linear-gradient(\n 180deg,\n rgba(255, 255, 255, 0.15),\n rgba(255, 255, 255, 0)\n );\n --cod-body-font-family: var(--cod-font-sans-serif);\n --cod-body-font-size: 1em;\n --cod-body-font-weight: 500;\n --cod-body-line-height: 1.5;\n --cod-body-color: #212529;\n --cod-body-color-rgb: 33, 37, 41;\n --cod-body-bg: #fff;\n --cod-body-bg-rgb: 255, 255, 255;\n --cod-emphasis-color: #000;\n --cod-emphasis-color-rgb: 0, 0, 0;\n --cod-secondary-color: rgba(33, 37, 41, 0.75);\n --cod-secondary-color-rgb: 33, 37, 41;\n --cod-secondary-bg: #e9ecef;\n --cod-secondary-bg-rgb: 233, 236, 239;\n --cod-tertiary-color: rgba(33, 37, 41, 0.5);\n --cod-tertiary-color-rgb: 33, 37, 41;\n --cod-tertiary-bg: #f8f9fa;\n --cod-tertiary-bg-rgb: 248, 249, 250;\n --cod-link-color: #004445;\n --cod-link-color-rgb: 0, 68, 69;\n --cod-link-decoration: underline;\n --cod-link-hover-color: #003637;\n --cod-link-hover-color-rgb: 0, 54, 55;\n --cod-code-color: #d63384;\n --cod-highlight-bg: #fff3cd;\n --cod-border-width: 1px;\n --cod-border-style: solid;\n --cod-border-color: #dee2e6;\n --cod-border-color-translucent: rgba(0, 0, 0, 0.175);\n --cod-border-radius: 0.375em;\n --cod-border-radius-sm: 0.25em;\n --cod-border-radius-lg: 0.5em;\n --cod-border-radius-xl: 1em;\n --cod-border-radius-xxl: 2em;\n --cod-border-radius-2xl: var(--cod-border-radius-xxl);\n --cod-border-radius-pill: 50em;\n --cod-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);\n --cod-box-shadow-sm: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);\n --cod-box-shadow-lg: 0 1em 3em rgba(0, 0, 0, 0.175);\n --cod-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);\n --cod-focus-ring-width: 0.25em;\n --cod-focus-ring-opacity: 1;\n --cod-focus-ring-color: blue;\n --cod-form-valid-color: #9fd5b3;\n --cod-form-valid-border-color: #9fd5b3;\n --cod-form-invalid-color: #b3393b;\n --cod-form-invalid-border-color: #b3393b;\n}\n\n[data-bs-theme='dark'] {\n color-scheme: dark;\n --cod-body-color: #adb5bd;\n --cod-body-color-rgb: 173, 181, 189;\n --cod-body-bg: #212529;\n --cod-body-bg-rgb: 33, 37, 41;\n --cod-emphasis-color: #fff;\n --cod-emphasis-color-rgb: 255, 255, 255;\n --cod-secondary-color: rgba(173, 181, 189, 0.75);\n --cod-secondary-color-rgb: 173, 181, 189;\n --cod-secondary-bg: #343a40;\n --cod-secondary-bg-rgb: 52, 58, 64;\n --cod-tertiary-color: rgba(173, 181, 189, 0.5);\n --cod-tertiary-color-rgb: 173, 181, 189;\n --cod-tertiary-bg: #2b3035;\n --cod-tertiary-bg-rgb: 43, 48, 53;\n --cod-primary-text-emphasis: #668f8f;\n --cod-secondary-text-emphasis: #f7f7f7;\n --cod-success-text-emphasis: #c5e6d1;\n --cod-info-text-emphasis: #668f8f;\n --cod-warning-text-emphasis: #fed46e;\n --cod-danger-text-emphasis: #d18889;\n --cod-light-text-emphasis: #f8f9fa;\n --cod-dark-text-emphasis: #dee2e6;\n --cod-primary-bg-subtle: #000e0e;\n --cod-secondary-bg-subtle: #303030;\n --cod-success-bg-subtle: #202b24;\n --cod-info-bg-subtle: #000e0e;\n --cod-warning-bg-subtle: #332503;\n --cod-danger-bg-subtle: #240b0c;\n --cod-light-bg-subtle: #343a40;\n --cod-dark-bg-subtle: #1a1d20;\n --cod-primary-border-subtle: #002929;\n --cod-secondary-border-subtle: #919191;\n --cod-success-border-subtle: #5f806b;\n --cod-info-border-subtle: #002929;\n --cod-warning-border-subtle: #986e08;\n --cod-danger-border-subtle: #6b2223;\n --cod-light-border-subtle: #495057;\n --cod-dark-border-subtle: #343a40;\n --cod-link-color: #668f8f;\n --cod-link-hover-color: #85a5a5;\n --cod-link-color-rgb: 102, 143, 143;\n --cod-link-hover-color-rgb: 133, 165, 165;\n --cod-code-color: #e685b5;\n --cod-border-color: #495057;\n --cod-border-color-translucent: rgba(255, 255, 255, 0.15);\n --cod-form-valid-color: #75b798;\n --cod-form-valid-border-color: #75b798;\n --cod-form-invalid-color: #ea868f;\n --cod-form-invalid-border-color: #ea868f;\n}\n\nh1,\n.h1 {\n border-left: 0.1em solid #feb70d;\n padding-left: 0.25em;\n}\n\n.title-line {\n border-left: none;\n border-bottom: 0.1em solid #feb70d;\n}\n\nb,\nstrong {\n font-weight: 700;\n}\n\n.btn {\n --cod-btn-focus-box-shadow: 0 0 0 0.25em\n rgba(var(--cod-btn-focus-shadow-rgb), 1);\n}\n\n.btn:focus-visible {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-primary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-secondary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-success {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-info {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-warning {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-danger {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-light {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-dark {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-accent-primary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-accent-secondary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n:host {\n display: inline-block;\n}\n\nslot[name='prefix']::slotted(*) {\n margin-inline-end: 0.25em;\n}\n\nslot[name='suffix']::slotted(*) {\n margin-inline-start: 0.25em;\n}\n\n.caret-container {\n margin-inline-start: 0.25em;\n}\n\n.caret {\n display: inline-block;\n width: 0;\n height: 0;\n margin-left: 0.25em;\n vertical-align: middle;\n border-top: 0.25em solid;\n border-right: 0.25em solid transparent;\n border-left: 0.25em solid transparent;\n}\n\n.spinner-border {\n display: none;\n width: 1em;\n height: 1em;\n margin-inline-start: 0.5em;\n}\n\n.btn:disabled,\n.btn.disabled:disabled,\nfieldset:disabled .btn:disabled {\n pointer-events: auto;\n cursor: not-allowed;\n}\n.btn:disabled:active,\n.btn:disabled.active,\n.btn-check:checked + .btn:disabled,\n.btn.disabled:disabled:active,\n.btn.disabled:disabled.active,\n.btn-check:checked + .btn.disabled:disabled,\nfieldset:disabled .btn:disabled:active,\nfieldset:disabled .btn:disabled.active,\n.btn-check:checked + fieldset:disabled .btn:disabled {\n color: var(--cod-btn-disabled-color) !important;\n background-color: var(--cod-btn-disabled-bg) !important;\n border-color: var(--cod-btn-disabled-border-color) !important;\n box-shadow: none !important;\n}\n\n.btn {\n position: relative;\n box-sizing: border-box;\n}\n.btn cod-spinner {\n display: none;\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n z-index: 1;\n}\n.btn.loading {\n position: relative;\n cursor: wait;\n}\n.btn.loading cod-spinner {\n display: inline-block;\n}\n.btn.loading slot {\n visibility: hidden;\n}\n\n.btn-square {\n --cod-btn-line-height: 0;\n --cod-btn-padding-x: var(--cod-btn-padding-y);\n}\n\n/*# sourceMappingURL=Button.css.map */\n",n.appendChild(o),this._state={variant:"default",size:"medium",outline:!1,disabled:!1,caret:!1,loading:!1,href:"",target:"",download:"",rel:"",square:!1},this._handleClick=this._handleClick.bind(this)}attributeChangedCallback(n,o,t){if(o!==t){switch(n){case"variant":this._state.variant=t||"default";break;case"size":this._state.size=t||"medium";break;case"outline":this._state.outline=null!==t;break;case"disabled":this._state.disabled=null!==t;break;case"caret":this._state.caret=null!==t;break;case"loading":this._state.loading=null!==t;break;case"href":this._state.href=t||"";break;case"target":this._state.target=t||"";break;case"download":this._state.download=t||"";break;case"rel":this._state.rel=t||"";break;case"square":this._state.square=null!==t}this._render()}}connectedCallback(){this.addEventListener("click",this._handleClick),this._state.variant=this.getAttribute("variant")||"default",this._state.size=this.getAttribute("size")||"medium",this._state.outline=this.hasAttribute("outline"),this._state.disabled=this.hasAttribute("disabled"),this._state.caret=this.hasAttribute("caret"),this._state.loading=this.hasAttribute("loading"),this._state.href=this.getAttribute("href")||"",this._state.target=this.getAttribute("target")||"",this._state.download=this.getAttribute("download")||"",this._state.rel=this.getAttribute("rel")||"",this._state.square=this.hasAttribute("square"),this._render()}disconnectedCallback(){this.removeEventListener("click",this._handleClick)}_render(){const n=Boolean(this._state.href);if(n&&this.shadowRoot.querySelector("button")){const n=this.shadowRoot.querySelector("button"),o=document.createElement("a");for(;n.firstChild;)o.appendChild(n.firstChild);o.className=n.className,o.setAttribute("part",n.getAttribute("part")||"base"),n.replaceWith(o)}else if(!n&&this.shadowRoot.querySelector("a")){const n=this.shadowRoot.querySelector("a"),o=document.createElement("button");for(;n.firstChild;)o.appendChild(n.firstChild);o.className=n.className,o.setAttribute("part",n.getAttribute("part")||"base"),n.replaceWith(o)}const o=n?this.shadowRoot.querySelector("a"):this.shadowRoot.querySelector("button");this._renderVariant(o),this._renderSize(o),this._renderOutline(o),this._renderSquare(o),n&&(o.href=this._state.href,this._state.target&&(o.target=this._state.target,"_blank"===this._state.target?o.rel=this._state.rel||"noreferrer noopener":this._state.rel&&(o.rel=this._state.rel)),this._state.download&&(o.download=this._state.download)),o.disabled=!n&&this._state.disabled,o.setAttribute("aria-disabled",this._state.disabled.toString()),n&&this._state.disabled?(o.classList.add("disabled"),o.setAttribute("tabindex","-1"),o.style.pointerEvents="none"):n&&(o.classList.remove("disabled"),o.removeAttribute("tabindex"),o.style.pointerEvents="");const t=this.shadowRoot.querySelector(".caret-container");t&&(t.style.display=this._state.caret?"inline-block":"none");const r=this.shadowRoot.querySelector("cod-spinner");r&&(this._state.loading?(o.classList.add("loading"),"large"===this._state.size?r.setAttribute("data-size","md"):r.setAttribute("data-size","sm"),"primary"===this._state.variant||"danger"===this._state.variant||"dark"===this._state.variant?r.setAttribute("data-background-color","light"):r.setAttribute("data-background-color","dark")):o.classList.remove("loading"))}_renderSquare(n){this._state.square?n.classList.add("btn-square"):n.classList.remove("btn-square")}_renderVariant(n){n.classList.remove("btn-primary","btn-secondary","btn-success","btn-danger","btn-warning","btn-info","btn-light","btn-dark","btn-link","btn-neutral","btn-text");const o={default:"",primary:"btn-primary",secondary:"btn-secondary","accent-primary":"btn-accent-primary","accent-secondary":"btn-accent-secondary",success:"btn-success",danger:"btn-danger",warning:"btn-warning",info:"btn-info",neutral:"btn-light",text:"btn-link"};"text"===this._state.variant?(n.classList.add("btn-link"),n.style.padding="0",n.style.verticalAlign="baseline"):o[this._state.variant]?(n.classList.add(o[this._state.variant]),n.style.padding="",n.style.verticalAlign=""):(n.classList.add("btn-secondary"),n.style.padding="",n.style.verticalAlign="")}_renderSize(n){n.classList.remove("btn-sm","btn-lg"),"small"===this._state.size?n.classList.add("btn-sm"):"large"===this._state.size&&n.classList.add("btn-lg")}_renderOutline(n){if(this._state.outline&&"text"!==this._state.variant)for(const o of Array.from(n.classList))o.startsWith("btn-")&&!o.startsWith("btn-outline-")&&"btn-link"!==o&&(n.classList.remove(o),n.classList.add(`btn-outline-${o.substring(4)}`));else for(const o of Array.from(n.classList))o.startsWith("btn-outline-")&&(n.classList.remove(o),n.classList.add(`btn-${o.substring(11)}`))}_handleClick(n){(this._state.disabled||this._state.loading)&&(n.preventDefault(),n.stopPropagation())}get variant(){return this._state.variant}set variant(n){this.setAttribute("variant",n)}get square(){return this._state.square}set square(n){n?this.setAttribute("square",""):this.removeAttribute("square")}get size(){return this._state.size}set size(n){this.setAttribute("size",n)}get outline(){return this._state.outline}set outline(n){n?this.setAttribute("outline",""):this.removeAttribute("outline")}get disabled(){return this._state.disabled}set disabled(n){n?this.setAttribute("disabled",""):this.removeAttribute("disabled")}get caret(){return this._state.caret}set caret(n){n?this.setAttribute("caret",""):this.removeAttribute("caret")}get loading(){return this._state.loading}set loading(n){n?this.setAttribute("loading",""):this.removeAttribute("loading")}}customElements.define("cod-button",g);const m=document.createElement("template");m.innerHTML='\n\n';const f=document.createElement("template");f.innerHTML='\n
\n';class h extends HTMLElement{static get observedAttributes(){return["open","placement","backdrop","scroll","contained"]}constructor(){super();const n=this.attachShadow({mode:"open"});n.appendChild(m.content.cloneNode(!0));const o=document.createElement("style");o.textContent=".offcanvas,\n.offcanvas-xxl,\n.offcanvas-xl,\n.offcanvas-lg,\n.offcanvas-md,\n.offcanvas-sm {\n --cod-offcanvas-zindex: 1045;\n --cod-offcanvas-width: 400px;\n --cod-offcanvas-height: 30vh;\n --cod-offcanvas-padding-x: 1em;\n --cod-offcanvas-padding-y: 1em;\n --cod-offcanvas-color: var(--cod-body-color);\n --cod-offcanvas-bg: var(--cod-body-bg);\n --cod-offcanvas-border-width: var(--cod-border-width);\n --cod-offcanvas-border-color: var(--cod-border-color-translucent);\n --cod-offcanvas-box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);\n --cod-offcanvas-transition: transform 0.3s ease-in-out;\n --cod-offcanvas-title-line-height: 1.5;\n}\n\n@media (max-width: 575.98px) {\n .offcanvas-sm {\n position: fixed;\n bottom: 0;\n z-index: var(--cod-offcanvas-zindex);\n display: flex;\n flex-direction: column;\n max-width: 100%;\n color: var(--cod-offcanvas-color);\n visibility: hidden;\n background-color: var(--cod-offcanvas-bg);\n background-clip: padding-box;\n outline: 0;\n transition: var(--cod-offcanvas-transition);\n }\n}\n@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {\n .offcanvas-sm {\n transition: none;\n }\n}\n@media (max-width: 575.98px) {\n .offcanvas-sm.offcanvas-start {\n top: 0;\n left: 0;\n width: var(--cod-offcanvas-width);\n border-right: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateX(-100%);\n }\n .offcanvas-sm.offcanvas-end {\n top: 0;\n right: 0;\n width: var(--cod-offcanvas-width);\n border-left: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateX(100%);\n }\n .offcanvas-sm.offcanvas-top {\n top: 0;\n right: 0;\n left: 0;\n height: var(--cod-offcanvas-height);\n max-height: 100%;\n border-bottom: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateY(-100%);\n }\n .offcanvas-sm.offcanvas-bottom {\n right: 0;\n left: 0;\n height: var(--cod-offcanvas-height);\n max-height: 100%;\n border-top: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateY(100%);\n }\n .offcanvas-sm.showing,\n .offcanvas-sm.show:not(.hiding) {\n transform: none;\n }\n .offcanvas-sm.showing,\n .offcanvas-sm.hiding,\n .offcanvas-sm.show {\n visibility: visible;\n }\n}\n@media (min-width: 576px) {\n .offcanvas-sm {\n --cod-offcanvas-height: auto;\n --cod-offcanvas-border-width: 0;\n background-color: transparent !important;\n }\n .offcanvas-sm .offcanvas-header {\n display: none;\n }\n .offcanvas-sm .offcanvas-body {\n display: flex;\n flex-grow: 0;\n padding: 0;\n overflow-y: visible;\n background-color: transparent !important;\n }\n}\n\n@media (max-width: 767.98px) {\n .offcanvas-md {\n position: fixed;\n bottom: 0;\n z-index: var(--cod-offcanvas-zindex);\n display: flex;\n flex-direction: column;\n max-width: 100%;\n color: var(--cod-offcanvas-color);\n visibility: hidden;\n background-color: var(--cod-offcanvas-bg);\n background-clip: padding-box;\n outline: 0;\n transition: var(--cod-offcanvas-transition);\n }\n}\n@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {\n .offcanvas-md {\n transition: none;\n }\n}\n@media (max-width: 767.98px) {\n .offcanvas-md.offcanvas-start {\n top: 0;\n left: 0;\n width: var(--cod-offcanvas-width);\n border-right: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateX(-100%);\n }\n .offcanvas-md.offcanvas-end {\n top: 0;\n right: 0;\n width: var(--cod-offcanvas-width);\n border-left: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateX(100%);\n }\n .offcanvas-md.offcanvas-top {\n top: 0;\n right: 0;\n left: 0;\n height: var(--cod-offcanvas-height);\n max-height: 100%;\n border-bottom: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateY(-100%);\n }\n .offcanvas-md.offcanvas-bottom {\n right: 0;\n left: 0;\n height: var(--cod-offcanvas-height);\n max-height: 100%;\n border-top: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateY(100%);\n }\n .offcanvas-md.showing,\n .offcanvas-md.show:not(.hiding) {\n transform: none;\n }\n .offcanvas-md.showing,\n .offcanvas-md.hiding,\n .offcanvas-md.show {\n visibility: visible;\n }\n}\n@media (min-width: 768px) {\n .offcanvas-md {\n --cod-offcanvas-height: auto;\n --cod-offcanvas-border-width: 0;\n background-color: transparent !important;\n }\n .offcanvas-md .offcanvas-header {\n display: none;\n }\n .offcanvas-md .offcanvas-body {\n display: flex;\n flex-grow: 0;\n padding: 0;\n overflow-y: visible;\n background-color: transparent !important;\n }\n}\n\n@media (max-width: 991.98px) {\n .offcanvas-lg {\n position: fixed;\n bottom: 0;\n z-index: var(--cod-offcanvas-zindex);\n display: flex;\n flex-direction: column;\n max-width: 100%;\n color: var(--cod-offcanvas-color);\n visibility: hidden;\n background-color: var(--cod-offcanvas-bg);\n background-clip: padding-box;\n outline: 0;\n transition: var(--cod-offcanvas-transition);\n }\n}\n@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {\n .offcanvas-lg {\n transition: none;\n }\n}\n@media (max-width: 991.98px) {\n .offcanvas-lg.offcanvas-start {\n top: 0;\n left: 0;\n width: var(--cod-offcanvas-width);\n border-right: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateX(-100%);\n }\n .offcanvas-lg.offcanvas-end {\n top: 0;\n right: 0;\n width: var(--cod-offcanvas-width);\n border-left: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateX(100%);\n }\n .offcanvas-lg.offcanvas-top {\n top: 0;\n right: 0;\n left: 0;\n height: var(--cod-offcanvas-height);\n max-height: 100%;\n border-bottom: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateY(-100%);\n }\n .offcanvas-lg.offcanvas-bottom {\n right: 0;\n left: 0;\n height: var(--cod-offcanvas-height);\n max-height: 100%;\n border-top: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateY(100%);\n }\n .offcanvas-lg.showing,\n .offcanvas-lg.show:not(.hiding) {\n transform: none;\n }\n .offcanvas-lg.showing,\n .offcanvas-lg.hiding,\n .offcanvas-lg.show {\n visibility: visible;\n }\n}\n@media (min-width: 992px) {\n .offcanvas-lg {\n --cod-offcanvas-height: auto;\n --cod-offcanvas-border-width: 0;\n background-color: transparent !important;\n }\n .offcanvas-lg .offcanvas-header {\n display: none;\n }\n .offcanvas-lg .offcanvas-body {\n display: flex;\n flex-grow: 0;\n padding: 0;\n overflow-y: visible;\n background-color: transparent !important;\n }\n}\n\n@media (max-width: 1199.98px) {\n .offcanvas-xl {\n position: fixed;\n bottom: 0;\n z-index: var(--cod-offcanvas-zindex);\n display: flex;\n flex-direction: column;\n max-width: 100%;\n color: var(--cod-offcanvas-color);\n visibility: hidden;\n background-color: var(--cod-offcanvas-bg);\n background-clip: padding-box;\n outline: 0;\n transition: var(--cod-offcanvas-transition);\n }\n}\n@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {\n .offcanvas-xl {\n transition: none;\n }\n}\n@media (max-width: 1199.98px) {\n .offcanvas-xl.offcanvas-start {\n top: 0;\n left: 0;\n width: var(--cod-offcanvas-width);\n border-right: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateX(-100%);\n }\n .offcanvas-xl.offcanvas-end {\n top: 0;\n right: 0;\n width: var(--cod-offcanvas-width);\n border-left: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateX(100%);\n }\n .offcanvas-xl.offcanvas-top {\n top: 0;\n right: 0;\n left: 0;\n height: var(--cod-offcanvas-height);\n max-height: 100%;\n border-bottom: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateY(-100%);\n }\n .offcanvas-xl.offcanvas-bottom {\n right: 0;\n left: 0;\n height: var(--cod-offcanvas-height);\n max-height: 100%;\n border-top: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateY(100%);\n }\n .offcanvas-xl.showing,\n .offcanvas-xl.show:not(.hiding) {\n transform: none;\n }\n .offcanvas-xl.showing,\n .offcanvas-xl.hiding,\n .offcanvas-xl.show {\n visibility: visible;\n }\n}\n@media (min-width: 1200px) {\n .offcanvas-xl {\n --cod-offcanvas-height: auto;\n --cod-offcanvas-border-width: 0;\n background-color: transparent !important;\n }\n .offcanvas-xl .offcanvas-header {\n display: none;\n }\n .offcanvas-xl .offcanvas-body {\n display: flex;\n flex-grow: 0;\n padding: 0;\n overflow-y: visible;\n background-color: transparent !important;\n }\n}\n\n@media (max-width: 1399.98px) {\n .offcanvas-xxl {\n position: fixed;\n bottom: 0;\n z-index: var(--cod-offcanvas-zindex);\n display: flex;\n flex-direction: column;\n max-width: 100%;\n color: var(--cod-offcanvas-color);\n visibility: hidden;\n background-color: var(--cod-offcanvas-bg);\n background-clip: padding-box;\n outline: 0;\n transition: var(--cod-offcanvas-transition);\n }\n}\n@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {\n .offcanvas-xxl {\n transition: none;\n }\n}\n@media (max-width: 1399.98px) {\n .offcanvas-xxl.offcanvas-start {\n top: 0;\n left: 0;\n width: var(--cod-offcanvas-width);\n border-right: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateX(-100%);\n }\n .offcanvas-xxl.offcanvas-end {\n top: 0;\n right: 0;\n width: var(--cod-offcanvas-width);\n border-left: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateX(100%);\n }\n .offcanvas-xxl.offcanvas-top {\n top: 0;\n right: 0;\n left: 0;\n height: var(--cod-offcanvas-height);\n max-height: 100%;\n border-bottom: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateY(-100%);\n }\n .offcanvas-xxl.offcanvas-bottom {\n right: 0;\n left: 0;\n height: var(--cod-offcanvas-height);\n max-height: 100%;\n border-top: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateY(100%);\n }\n .offcanvas-xxl.showing,\n .offcanvas-xxl.show:not(.hiding) {\n transform: none;\n }\n .offcanvas-xxl.showing,\n .offcanvas-xxl.hiding,\n .offcanvas-xxl.show {\n visibility: visible;\n }\n}\n@media (min-width: 1400px) {\n .offcanvas-xxl {\n --cod-offcanvas-height: auto;\n --cod-offcanvas-border-width: 0;\n background-color: transparent !important;\n }\n .offcanvas-xxl .offcanvas-header {\n display: none;\n }\n .offcanvas-xxl .offcanvas-body {\n display: flex;\n flex-grow: 0;\n padding: 0;\n overflow-y: visible;\n background-color: transparent !important;\n }\n}\n\n.offcanvas {\n position: fixed;\n bottom: 0;\n z-index: var(--cod-offcanvas-zindex);\n display: flex;\n flex-direction: column;\n max-width: 100%;\n color: var(--cod-offcanvas-color);\n visibility: hidden;\n background-color: var(--cod-offcanvas-bg);\n background-clip: padding-box;\n outline: 0;\n transition: var(--cod-offcanvas-transition);\n}\n@media (prefers-reduced-motion: reduce) {\n .offcanvas {\n transition: none;\n }\n}\n.offcanvas.offcanvas-start {\n top: 0;\n left: 0;\n width: var(--cod-offcanvas-width);\n border-right: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateX(-100%);\n}\n.offcanvas.offcanvas-end {\n top: 0;\n right: 0;\n width: var(--cod-offcanvas-width);\n border-left: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateX(100%);\n}\n.offcanvas.offcanvas-top {\n top: 0;\n right: 0;\n left: 0;\n height: var(--cod-offcanvas-height);\n max-height: 100%;\n border-bottom: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateY(-100%);\n}\n.offcanvas.offcanvas-bottom {\n right: 0;\n left: 0;\n height: var(--cod-offcanvas-height);\n max-height: 100%;\n border-top: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateY(100%);\n}\n.offcanvas.showing,\n.offcanvas.show:not(.hiding) {\n transform: none;\n}\n.offcanvas.showing,\n.offcanvas.hiding,\n.offcanvas.show {\n visibility: visible;\n}\n\n.offcanvas-backdrop {\n position: fixed;\n top: 0;\n left: 0;\n z-index: 1040;\n width: 100vw;\n height: 100vh;\n background-color: #000;\n}\n.offcanvas-backdrop.fade {\n opacity: 0;\n}\n.offcanvas-backdrop.show {\n opacity: 0.5;\n}\n\n.offcanvas-header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n padding: var(--cod-offcanvas-padding-y) var(--cod-offcanvas-padding-x);\n}\n.offcanvas-header .btn-close {\n padding: calc(var(--cod-offcanvas-padding-y) * 0.5)\n calc(var(--cod-offcanvas-padding-x) * 0.5);\n margin-top: calc(-0.5 * var(--cod-offcanvas-padding-y));\n margin-right: calc(-0.5 * var(--cod-offcanvas-padding-x));\n margin-bottom: calc(-0.5 * var(--cod-offcanvas-padding-y));\n}\n\n.offcanvas-title {\n margin-bottom: 0;\n line-height: var(--cod-offcanvas-title-line-height);\n}\n\n.offcanvas-body {\n flex-grow: 1;\n padding: var(--cod-offcanvas-padding-y) var(--cod-offcanvas-padding-x);\n overflow-y: auto;\n}\n\n:host,\n[data-bs-theme='light'] {\n --cod-blue: #0d6efd;\n --cod-indigo: #6610f2;\n --cod-purple: #6f42c1;\n --cod-pink: #d63384;\n --cod-red: #dc3545;\n --cod-orange: #fd7e14;\n --cod-yellow: #ffc107;\n --cod-green: #198754;\n --cod-teal: #20c997;\n --cod-cyan: #0dcaf0;\n --cod-black: #000;\n --cod-white: #fff;\n --cod-gray: #6c757d;\n --cod-gray-dark: #343a40;\n --cod-gray-100: #f8f9fa;\n --cod-gray-200: #e9ecef;\n --cod-gray-300: #dee2e6;\n --cod-gray-400: #ced4da;\n --cod-gray-500: #adb5bd;\n --cod-gray-600: #6c757d;\n --cod-gray-700: #495057;\n --cod-gray-800: #343a40;\n --cod-gray-900: #212529;\n --cod-primary: #004445;\n --cod-secondary: #f2f2f2;\n --cod-success: #9fd5b3;\n --cod-info: #004445;\n --cod-warning: #feb70d;\n --cod-danger: #b3393b;\n --cod-light: #fff;\n --cod-dark: #18252a;\n --cod-accent-primary: #feb70d;\n --cod-accent-secondary: #9fd5b3;\n --cod-primary-rgb: 0, 68, 69;\n --cod-secondary-rgb: 242, 242, 242;\n --cod-success-rgb: 159, 213, 179;\n --cod-info-rgb: 0, 68, 69;\n --cod-warning-rgb: 254, 183, 13;\n --cod-danger-rgb: 179, 57, 59;\n --cod-light-rgb: 255, 255, 255;\n --cod-dark-rgb: 24, 37, 42;\n --cod-accent-primary-rgb: 254, 183, 13;\n --cod-accent-secondary-rgb: 159, 213, 179;\n --cod-primary-text-emphasis: #001b1c;\n --cod-secondary-text-emphasis: #616161;\n --cod-success-text-emphasis: #405548;\n --cod-info-text-emphasis: #001b1c;\n --cod-warning-text-emphasis: #664905;\n --cod-danger-text-emphasis: #481718;\n --cod-light-text-emphasis: #495057;\n --cod-dark-text-emphasis: #495057;\n --cod-primary-bg-subtle: #ccdada;\n --cod-secondary-bg-subtle: #fcfcfc;\n --cod-success-bg-subtle: #ecf7f0;\n --cod-info-bg-subtle: #ccdada;\n --cod-warning-bg-subtle: #fff1cf;\n --cod-danger-bg-subtle: #f0d7d8;\n --cod-light-bg-subtle: #fcfcfd;\n --cod-dark-bg-subtle: #ced4da;\n --cod-primary-border-subtle: #99b4b5;\n --cod-secondary-border-subtle: #fafafa;\n --cod-success-border-subtle: #d9eee1;\n --cod-info-border-subtle: #99b4b5;\n --cod-warning-border-subtle: #ffe29e;\n --cod-danger-border-subtle: #e1b0b1;\n --cod-light-border-subtle: #e9ecef;\n --cod-dark-border-subtle: #adb5bd;\n --cod-white-rgb: 255, 255, 255;\n --cod-black-rgb: 0, 0, 0;\n --cod-font-sans-serif: 'Montserrat', sans-serif;\n --cod-font-monospace: 'Montserrat', sans-serif;\n --cod-gradient: linear-gradient(\n 180deg,\n rgba(255, 255, 255, 0.15),\n rgba(255, 255, 255, 0)\n );\n --cod-body-font-family: var(--cod-font-sans-serif);\n --cod-body-font-size: 1em;\n --cod-body-font-weight: 500;\n --cod-body-line-height: 1.5;\n --cod-body-color: #212529;\n --cod-body-color-rgb: 33, 37, 41;\n --cod-body-bg: #fff;\n --cod-body-bg-rgb: 255, 255, 255;\n --cod-emphasis-color: #000;\n --cod-emphasis-color-rgb: 0, 0, 0;\n --cod-secondary-color: rgba(33, 37, 41, 0.75);\n --cod-secondary-color-rgb: 33, 37, 41;\n --cod-secondary-bg: #e9ecef;\n --cod-secondary-bg-rgb: 233, 236, 239;\n --cod-tertiary-color: rgba(33, 37, 41, 0.5);\n --cod-tertiary-color-rgb: 33, 37, 41;\n --cod-tertiary-bg: #f8f9fa;\n --cod-tertiary-bg-rgb: 248, 249, 250;\n --cod-link-color: #004445;\n --cod-link-color-rgb: 0, 68, 69;\n --cod-link-decoration: underline;\n --cod-link-hover-color: #003637;\n --cod-link-hover-color-rgb: 0, 54, 55;\n --cod-code-color: #d63384;\n --cod-highlight-bg: #fff3cd;\n --cod-border-width: 1px;\n --cod-border-style: solid;\n --cod-border-color: #dee2e6;\n --cod-border-color-translucent: rgba(0, 0, 0, 0.175);\n --cod-border-radius: 0.375em;\n --cod-border-radius-sm: 0.25em;\n --cod-border-radius-lg: 0.5em;\n --cod-border-radius-xl: 1em;\n --cod-border-radius-xxl: 2em;\n --cod-border-radius-2xl: var(--cod-border-radius-xxl);\n --cod-border-radius-pill: 50em;\n --cod-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);\n --cod-box-shadow-sm: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);\n --cod-box-shadow-lg: 0 1em 3em rgba(0, 0, 0, 0.175);\n --cod-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);\n --cod-focus-ring-width: 0.25em;\n --cod-focus-ring-opacity: 1;\n --cod-focus-ring-color: blue;\n --cod-form-valid-color: #9fd5b3;\n --cod-form-valid-border-color: #9fd5b3;\n --cod-form-invalid-color: #b3393b;\n --cod-form-invalid-border-color: #b3393b;\n}\n\n[data-bs-theme='dark'] {\n color-scheme: dark;\n --cod-body-color: #adb5bd;\n --cod-body-color-rgb: 173, 181, 189;\n --cod-body-bg: #212529;\n --cod-body-bg-rgb: 33, 37, 41;\n --cod-emphasis-color: #fff;\n --cod-emphasis-color-rgb: 255, 255, 255;\n --cod-secondary-color: rgba(173, 181, 189, 0.75);\n --cod-secondary-color-rgb: 173, 181, 189;\n --cod-secondary-bg: #343a40;\n --cod-secondary-bg-rgb: 52, 58, 64;\n --cod-tertiary-color: rgba(173, 181, 189, 0.5);\n --cod-tertiary-color-rgb: 173, 181, 189;\n --cod-tertiary-bg: #2b3035;\n --cod-tertiary-bg-rgb: 43, 48, 53;\n --cod-primary-text-emphasis: #668f8f;\n --cod-secondary-text-emphasis: #f7f7f7;\n --cod-success-text-emphasis: #c5e6d1;\n --cod-info-text-emphasis: #668f8f;\n --cod-warning-text-emphasis: #fed46e;\n --cod-danger-text-emphasis: #d18889;\n --cod-light-text-emphasis: #f8f9fa;\n --cod-dark-text-emphasis: #dee2e6;\n --cod-primary-bg-subtle: #000e0e;\n --cod-secondary-bg-subtle: #303030;\n --cod-success-bg-subtle: #202b24;\n --cod-info-bg-subtle: #000e0e;\n --cod-warning-bg-subtle: #332503;\n --cod-danger-bg-subtle: #240b0c;\n --cod-light-bg-subtle: #343a40;\n --cod-dark-bg-subtle: #1a1d20;\n --cod-primary-border-subtle: #002929;\n --cod-secondary-border-subtle: #919191;\n --cod-success-border-subtle: #5f806b;\n --cod-info-border-subtle: #002929;\n --cod-warning-border-subtle: #986e08;\n --cod-danger-border-subtle: #6b2223;\n --cod-light-border-subtle: #495057;\n --cod-dark-border-subtle: #343a40;\n --cod-link-color: #668f8f;\n --cod-link-hover-color: #85a5a5;\n --cod-link-color-rgb: 102, 143, 143;\n --cod-link-hover-color-rgb: 133, 165, 165;\n --cod-code-color: #e685b5;\n --cod-border-color: #495057;\n --cod-border-color-translucent: rgba(255, 255, 255, 0.15);\n --cod-form-valid-color: #75b798;\n --cod-form-valid-border-color: #75b798;\n --cod-form-invalid-color: #ea868f;\n --cod-form-invalid-border-color: #ea868f;\n}\n\nh1,\n.h1 {\n border-left: 0.1em solid #feb70d;\n padding-left: 0.25em;\n}\n\n.title-line {\n border-left: none;\n border-bottom: 0.1em solid #feb70d;\n}\n\nb,\nstrong {\n font-weight: 700;\n}\n\n.btn {\n --cod-btn-focus-box-shadow: 0 0 0 0.25em\n rgba(var(--cod-btn-focus-shadow-rgb), 1);\n}\n\n.btn:focus-visible {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-primary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-secondary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-success {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-info {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-warning {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-danger {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-light {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-dark {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-accent-primary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-accent-secondary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.offcanvas-contained {\n /* The parent element of a contained drawer should have position: relative */\n position: absolute;\n bottom: auto;\n height: 100%;\n max-height: 100%;\n z-index: 1000;\n}\n.offcanvas-contained.offcanvas-start {\n top: 0;\n left: 0;\n width: var(--cod-offcanvas-width, 50%);\n border-right: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateX(-100%);\n}\n.offcanvas-contained.offcanvas-end {\n top: 0;\n right: 0;\n width: var(--cod-offcanvas-width, 50%);\n border-left: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateX(100%);\n}\n.offcanvas-contained.offcanvas-top {\n top: 0;\n right: 0;\n left: 0;\n width: 100%;\n height: var(--cod-offcanvas-height, 50%);\n border-bottom: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateY(-100%);\n}\n.offcanvas-contained.offcanvas-bottom {\n right: 0;\n left: 0;\n bottom: 0;\n width: 100%;\n height: var(--cod-offcanvas-height, 50%);\n border-top: var(--cod-offcanvas-border-width) solid\n var(--cod-offcanvas-border-color);\n transform: translateY(100%);\n}\n\n/*# sourceMappingURL=Drawer.css.map */\n",n.appendChild(o),this._state={open:!1,placement:"end",backdrop:!0,scroll:!1,contained:!1},this._handleClose=this._handleClose.bind(this),this._handleKeyDown=this._handleKeyDown.bind(this)}attributeChangedCallback(n,o,t){if(o!==t){switch(n){case"open":this._state.open=null!==t;break;case"placement":this._state.placement=t||"end";break;case"backdrop":this._state.backdrop="true"===t||"false"!==t&&(t||!0);break;case"scroll":this._state.scroll=null!==t;break;case"contained":this._state.contained=null!==t}this._render()}}connectedCallback(){const n=this.shadowRoot.querySelector(".offcanvas"),o=this.getAttribute("id");o&&(n.id=o);if(this.shadowRoot.querySelector('slot[name="label"]')){const t=`${o||"drawer"}-label`;n.setAttribute("aria-labelledby",t)}this.shadowRoot.querySelector(".btn-close").addEventListener("click",this._handleClose),this.hasAttribute("contained")||document.addEventListener("keydown",this._handleKeyDown),this._state.open=this.hasAttribute("open"),this._state.placement=this.getAttribute("placement")||"end",this._state.backdrop="false"!==this.getAttribute("backdrop")&&(this.getAttribute("backdrop")||!0),this._state.scroll=this.hasAttribute("scroll"),this._state.contained=this.hasAttribute("contained"),this.hasAttribute("placement")||this.setAttribute("placement","end"),this.hasAttribute("backdrop")||this._state.contained||this.setAttribute("backdrop","true"),this._render()}disconnectedCallback(){this.shadowRoot.querySelector(".btn-close").removeEventListener("click",this._handleClose),document.removeEventListener("keydown",this._handleKeyDown),this._removeBackdropEventListener(),this._enableBodyScroll()}_render(){const n=this.shadowRoot.querySelector(".offcanvas").classList.contains("show"),o=this._state.open;this._renderDrawer(),this._state.contained||(this._renderBackdrop(),this._updateBodyScroll()),!n&&o?this.dispatchEvent(new CustomEvent("cod-show",{bubbles:!0})):n&&!o&&this.dispatchEvent(new CustomEvent("cod-hide",{bubbles:!0}))}_renderDrawer(){const n=this.shadowRoot.querySelector(".offcanvas");n.classList.remove("offcanvas-start","offcanvas-end","offcanvas-top","offcanvas-bottom"),n.classList.add(`offcanvas-${this._state.placement}`),n.classList.toggle("offcanvas-contained",this._state.contained),this._state.contained?(n.setAttribute("aria-modal","false"),n.setAttribute("role","region")):(n.setAttribute("aria-modal","true"),n.setAttribute("role","dialog")),n.classList.toggle("show",this._state.open)}_renderBackdrop(){this._removeBackdropEventListener();const n=this.shadowRoot.querySelector(".offcanvas-backdrop");if(n&&n.remove(),!this._state.open||this._state.contained||!1===this._state.backdrop)return;const o=f.content.cloneNode(!0);this.shadowRoot.appendChild(o);const t=this.shadowRoot.querySelector(".offcanvas-backdrop");t.classList.add("show"),"static"!==this._state.backdrop&&t.addEventListener("click",this._handleClose)}_updateBodyScroll(){this._state.contained||this._state.scroll?this._enableBodyScroll():this._state.open?this._disableBodyScroll():this._enableBodyScroll()}_disableBodyScroll(){this._bodyPaddingRight=document.body.style.paddingRight,this._bodyOverflow=document.body.style.overflow;const n=window.innerWidth-document.documentElement.clientWidth;n>0&&(document.body.style.paddingRight=`${n}px`),document.body.style.overflow="hidden"}_enableBodyScroll(){document.body.style.paddingRight=this._bodyPaddingRight||"",document.body.style.overflow=this._bodyOverflow||""}_removeBackdropEventListener(){const n=this.shadowRoot.querySelector(".offcanvas-backdrop");n&&n.removeEventListener("click",this._handleClose)}_handleClose(){this.removeAttribute("open")}_handleKeyDown(n){!this._state.contained&&"Escape"===n.key&&this._state.open&&this._handleClose()}get open(){return this.hasAttribute("open")}set open(n){n?this.setAttribute("open",""):this.removeAttribute("open")}get placement(){return this.getAttribute("placement")}set placement(n){this.setAttribute("placement",n)}get backdrop(){return this.getAttribute("backdrop")}set backdrop(n){this.setAttribute("backdrop",n)}get scroll(){return this.hasAttribute("scroll")}set scroll(n){n?this.setAttribute("scroll",""):this.removeAttribute("scroll")}get contained(){return this.hasAttribute("contained")}set contained(n){n?this.setAttribute("contained",""):this.removeAttribute("contained")}}customElements.define("cod-drawer",h);const v=document.createElement("template");v.innerHTML='\n\n
\n';class u extends HTMLElement{static get observedAttributes(){return["label"]}constructor(){super();const n=this.attachShadow({mode:"open"});n.appendChild(v.content.cloneNode(!0));const o=document.createElement("style");o.textContent=".btn-group,\n.btn-group-vertical {\n position: relative;\n display: inline-flex;\n vertical-align: middle;\n}\n.btn-group > .btn,\n.btn-group-vertical > .btn {\n position: relative;\n flex: 1 1 auto;\n}\n.btn-group > .btn-check:checked + .btn,\n.btn-group > .btn-check:focus + .btn,\n.btn-group > .btn:hover,\n.btn-group > .btn:focus,\n.btn-group > .btn:active,\n.btn-group > .btn.active,\n.btn-group-vertical > .btn-check:checked + .btn,\n.btn-group-vertical > .btn-check:focus + .btn,\n.btn-group-vertical > .btn:hover,\n.btn-group-vertical > .btn:focus,\n.btn-group-vertical > .btn:active,\n.btn-group-vertical > .btn.active {\n z-index: 1;\n}\n\n.btn-toolbar {\n display: flex;\n flex-wrap: wrap;\n justify-content: flex-start;\n}\n.btn-toolbar .input-group {\n width: auto;\n}\n\n.btn-group > :not(.btn-check:first-child) + .btn,\n.btn-group > .btn-group:not(:first-child) {\n margin-left: calc(var(--cod-border-width) * -1);\n}\n.dropdown-toggle-split {\n padding-right: 0.5625em;\n padding-left: 0.5625em;\n}\n.dropdown-toggle-split::after,\n.dropup .dropdown-toggle-split::after,\n.dropend .dropdown-toggle-split::after {\n margin-left: 0;\n}\n.dropstart .dropdown-toggle-split::before {\n margin-right: 0;\n}\n\n.btn-sm + .dropdown-toggle-split,\n.btn-group-sm > .btn + .dropdown-toggle-split {\n padding-right: 0.375em;\n padding-left: 0.375em;\n}\n\n.btn-lg + .dropdown-toggle-split,\n.btn-group-lg > .btn + .dropdown-toggle-split {\n padding-right: 0.75em;\n padding-left: 0.75em;\n}\n\n.btn-group-vertical {\n flex-direction: column;\n align-items: flex-start;\n justify-content: center;\n}\n.btn-group-vertical > .btn,\n.btn-group-vertical > .btn-group {\n width: 100%;\n}\n.btn-group-vertical > .btn:not(:first-child),\n.btn-group-vertical > .btn-group:not(:first-child) {\n margin-top: calc(var(--cod-border-width) * -1);\n}\n:host,\n[data-bs-theme='light'] {\n --cod-blue: #0d6efd;\n --cod-indigo: #6610f2;\n --cod-purple: #6f42c1;\n --cod-pink: #d63384;\n --cod-red: #dc3545;\n --cod-orange: #fd7e14;\n --cod-yellow: #ffc107;\n --cod-green: #198754;\n --cod-teal: #20c997;\n --cod-cyan: #0dcaf0;\n --cod-black: #000;\n --cod-white: #fff;\n --cod-gray: #6c757d;\n --cod-gray-dark: #343a40;\n --cod-gray-100: #f8f9fa;\n --cod-gray-200: #e9ecef;\n --cod-gray-300: #dee2e6;\n --cod-gray-400: #ced4da;\n --cod-gray-500: #adb5bd;\n --cod-gray-600: #6c757d;\n --cod-gray-700: #495057;\n --cod-gray-800: #343a40;\n --cod-gray-900: #212529;\n --cod-primary: #004445;\n --cod-secondary: #f2f2f2;\n --cod-success: #9fd5b3;\n --cod-info: #004445;\n --cod-warning: #feb70d;\n --cod-danger: #b3393b;\n --cod-light: #fff;\n --cod-dark: #18252a;\n --cod-accent-primary: #feb70d;\n --cod-accent-secondary: #9fd5b3;\n --cod-primary-rgb: 0, 68, 69;\n --cod-secondary-rgb: 242, 242, 242;\n --cod-success-rgb: 159, 213, 179;\n --cod-info-rgb: 0, 68, 69;\n --cod-warning-rgb: 254, 183, 13;\n --cod-danger-rgb: 179, 57, 59;\n --cod-light-rgb: 255, 255, 255;\n --cod-dark-rgb: 24, 37, 42;\n --cod-accent-primary-rgb: 254, 183, 13;\n --cod-accent-secondary-rgb: 159, 213, 179;\n --cod-primary-text-emphasis: #001b1c;\n --cod-secondary-text-emphasis: #616161;\n --cod-success-text-emphasis: #405548;\n --cod-info-text-emphasis: #001b1c;\n --cod-warning-text-emphasis: #664905;\n --cod-danger-text-emphasis: #481718;\n --cod-light-text-emphasis: #495057;\n --cod-dark-text-emphasis: #495057;\n --cod-primary-bg-subtle: #ccdada;\n --cod-secondary-bg-subtle: #fcfcfc;\n --cod-success-bg-subtle: #ecf7f0;\n --cod-info-bg-subtle: #ccdada;\n --cod-warning-bg-subtle: #fff1cf;\n --cod-danger-bg-subtle: #f0d7d8;\n --cod-light-bg-subtle: #fcfcfd;\n --cod-dark-bg-subtle: #ced4da;\n --cod-primary-border-subtle: #99b4b5;\n --cod-secondary-border-subtle: #fafafa;\n --cod-success-border-subtle: #d9eee1;\n --cod-info-border-subtle: #99b4b5;\n --cod-warning-border-subtle: #ffe29e;\n --cod-danger-border-subtle: #e1b0b1;\n --cod-light-border-subtle: #e9ecef;\n --cod-dark-border-subtle: #adb5bd;\n --cod-white-rgb: 255, 255, 255;\n --cod-black-rgb: 0, 0, 0;\n --cod-font-sans-serif: 'Montserrat', sans-serif;\n --cod-font-monospace: 'Montserrat', sans-serif;\n --cod-gradient: linear-gradient(\n 180deg,\n rgba(255, 255, 255, 0.15),\n rgba(255, 255, 255, 0)\n );\n --cod-body-font-family: var(--cod-font-sans-serif);\n --cod-body-font-size: 1em;\n --cod-body-font-weight: 500;\n --cod-body-line-height: 1.5;\n --cod-body-color: #212529;\n --cod-body-color-rgb: 33, 37, 41;\n --cod-body-bg: #fff;\n --cod-body-bg-rgb: 255, 255, 255;\n --cod-emphasis-color: #000;\n --cod-emphasis-color-rgb: 0, 0, 0;\n --cod-secondary-color: rgba(33, 37, 41, 0.75);\n --cod-secondary-color-rgb: 33, 37, 41;\n --cod-secondary-bg: #e9ecef;\n --cod-secondary-bg-rgb: 233, 236, 239;\n --cod-tertiary-color: rgba(33, 37, 41, 0.5);\n --cod-tertiary-color-rgb: 33, 37, 41;\n --cod-tertiary-bg: #f8f9fa;\n --cod-tertiary-bg-rgb: 248, 249, 250;\n --cod-link-color: #004445;\n --cod-link-color-rgb: 0, 68, 69;\n --cod-link-decoration: underline;\n --cod-link-hover-color: #003637;\n --cod-link-hover-color-rgb: 0, 54, 55;\n --cod-code-color: #d63384;\n --cod-highlight-bg: #fff3cd;\n --cod-border-width: 1px;\n --cod-border-style: solid;\n --cod-border-color: #dee2e6;\n --cod-border-color-translucent: rgba(0, 0, 0, 0.175);\n --cod-border-radius: 0.375em;\n --cod-border-radius-sm: 0.25em;\n --cod-border-radius-lg: 0.5em;\n --cod-border-radius-xl: 1em;\n --cod-border-radius-xxl: 2em;\n --cod-border-radius-2xl: var(--cod-border-radius-xxl);\n --cod-border-radius-pill: 50em;\n --cod-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);\n --cod-box-shadow-sm: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);\n --cod-box-shadow-lg: 0 1em 3em rgba(0, 0, 0, 0.175);\n --cod-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);\n --cod-focus-ring-width: 0.25em;\n --cod-focus-ring-opacity: 1;\n --cod-focus-ring-color: blue;\n --cod-form-valid-color: #9fd5b3;\n --cod-form-valid-border-color: #9fd5b3;\n --cod-form-invalid-color: #b3393b;\n --cod-form-invalid-border-color: #b3393b;\n}\n\n[data-bs-theme='dark'] {\n color-scheme: dark;\n --cod-body-color: #adb5bd;\n --cod-body-color-rgb: 173, 181, 189;\n --cod-body-bg: #212529;\n --cod-body-bg-rgb: 33, 37, 41;\n --cod-emphasis-color: #fff;\n --cod-emphasis-color-rgb: 255, 255, 255;\n --cod-secondary-color: rgba(173, 181, 189, 0.75);\n --cod-secondary-color-rgb: 173, 181, 189;\n --cod-secondary-bg: #343a40;\n --cod-secondary-bg-rgb: 52, 58, 64;\n --cod-tertiary-color: rgba(173, 181, 189, 0.5);\n --cod-tertiary-color-rgb: 173, 181, 189;\n --cod-tertiary-bg: #2b3035;\n --cod-tertiary-bg-rgb: 43, 48, 53;\n --cod-primary-text-emphasis: #668f8f;\n --cod-secondary-text-emphasis: #f7f7f7;\n --cod-success-text-emphasis: #c5e6d1;\n --cod-info-text-emphasis: #668f8f;\n --cod-warning-text-emphasis: #fed46e;\n --cod-danger-text-emphasis: #d18889;\n --cod-light-text-emphasis: #f8f9fa;\n --cod-dark-text-emphasis: #dee2e6;\n --cod-primary-bg-subtle: #000e0e;\n --cod-secondary-bg-subtle: #303030;\n --cod-success-bg-subtle: #202b24;\n --cod-info-bg-subtle: #000e0e;\n --cod-warning-bg-subtle: #332503;\n --cod-danger-bg-subtle: #240b0c;\n --cod-light-bg-subtle: #343a40;\n --cod-dark-bg-subtle: #1a1d20;\n --cod-primary-border-subtle: #002929;\n --cod-secondary-border-subtle: #919191;\n --cod-success-border-subtle: #5f806b;\n --cod-info-border-subtle: #002929;\n --cod-warning-border-subtle: #986e08;\n --cod-danger-border-subtle: #6b2223;\n --cod-light-border-subtle: #495057;\n --cod-dark-border-subtle: #343a40;\n --cod-link-color: #668f8f;\n --cod-link-hover-color: #85a5a5;\n --cod-link-color-rgb: 102, 143, 143;\n --cod-link-hover-color-rgb: 133, 165, 165;\n --cod-code-color: #e685b5;\n --cod-border-color: #495057;\n --cod-border-color-translucent: rgba(255, 255, 255, 0.15);\n --cod-form-valid-color: #75b798;\n --cod-form-valid-border-color: #75b798;\n --cod-form-invalid-color: #ea868f;\n --cod-form-invalid-border-color: #ea868f;\n}\n\nh1,\n.h1 {\n border-left: 0.1em solid #feb70d;\n padding-left: 0.25em;\n}\n\n.title-line {\n border-left: none;\n border-bottom: 0.1em solid #feb70d;\n}\n\nb,\nstrong {\n font-weight: 700;\n}\n\n.btn {\n --cod-btn-focus-box-shadow: 0 0 0 0.25em\n rgba(var(--cod-btn-focus-shadow-rgb), 1);\n}\n\n.btn:focus-visible {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-primary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-secondary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-success {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-info {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-warning {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-danger {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-light {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-dark {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-accent-primary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-accent-secondary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n:host {\n display: inline-block;\n}\n\n::slotted(cod-button) {\n margin: 0 !important;\n}\n\n::slotted(cod-button:not(:first-child)) ::part(base) {\n margin-left: -1px;\n}\n\n::slotted(cod-button) {\n position: relative;\n}\n\n::slotted(cod-button:hover) {\n z-index: 1;\n}\n\n::slotted(cod-button:focus-within) {\n z-index: 2;\n}\n\n/*# sourceMappingURL=ButtonGroup.css.map */\n",n.appendChild(o),this._state={label:""}}attributeChangedCallback(n,o,t){o!==t&&"label"===n&&(this._state.label=t||"",this._render())}connectedCallback(){this._state.label=this.getAttribute("label")||"",this._render()}_render(){const n=this.shadowRoot.querySelector(".btn-group");this._state.label?n.setAttribute("aria-label",this._state.label):n.removeAttribute("aria-label")}get label(){return this._state.label}set label(n){this.setAttribute("label",n)}}customElements.define("cod-button-group",u);const x=document.createElement("template");x.innerHTML='\n\n
\n \n
\n
\n
\n \n \n \n \n \n \n \n \n
\n
\n \n ',success:'\n ',warning:'\n ',error:'\n ',emergency:'\n '};class L extends HTMLElement{static get observedAttributes(){return["variant","slim","no-icon"]}constructor(){super(),this._state={variant:"info",slim:!1,noIcon:!1};const n=this.attachShadow({mode:"open"});n.appendChild(_.content.cloneNode(!0)),this._callout=n.querySelector(".cod-callout"),this._content=n.querySelector(".cod-callout__content"),this._icon=n.querySelector(".cod-callout__icon"),this._heading=n.querySelector(".cod-callout__heading"),this._text=n.querySelector(".cod-callout__text")}connectedCallback(){this._injectStyles(),this._updateFromAttributes(),this._updateClasses(),this._updateAriaRole(),this._updateIcon(),this._hideEmptyHeading()}attributeChangedCallback(n,o,t){o!==t&&(this._updateFromAttributes(),this._updateClasses(),this._updateAriaRole(),this._updateIcon())}_injectStyles(){const n=document.createElement("style");n.textContent=k;const o=document.createElement("style");o.textContent=y;const t=document.createElement("style");t.textContent=":host,\n[data-bs-theme='light'] {\n --cod-blue: #0d6efd;\n --cod-indigo: #6610f2;\n --cod-purple: #6f42c1;\n --cod-pink: #d63384;\n --cod-red: #dc3545;\n --cod-orange: #fd7e14;\n --cod-yellow: #ffc107;\n --cod-green: #198754;\n --cod-teal: #20c997;\n --cod-cyan: #0dcaf0;\n --cod-black: #000;\n --cod-white: #fff;\n --cod-gray: #6c757d;\n --cod-gray-dark: #343a40;\n --cod-gray-100: #f8f9fa;\n --cod-gray-200: #e9ecef;\n --cod-gray-300: #dee2e6;\n --cod-gray-400: #ced4da;\n --cod-gray-500: #adb5bd;\n --cod-gray-600: #6c757d;\n --cod-gray-700: #495057;\n --cod-gray-800: #343a40;\n --cod-gray-900: #212529;\n --cod-primary: #004445;\n --cod-secondary: #f2f2f2;\n --cod-success: #9fd5b3;\n --cod-info: #004445;\n --cod-warning: #feb70d;\n --cod-danger: #b3393b;\n --cod-light: #fff;\n --cod-dark: #18252a;\n --cod-accent-primary: #feb70d;\n --cod-accent-secondary: #9fd5b3;\n --cod-primary-rgb: 0, 68, 69;\n --cod-secondary-rgb: 242, 242, 242;\n --cod-success-rgb: 159, 213, 179;\n --cod-info-rgb: 0, 68, 69;\n --cod-warning-rgb: 254, 183, 13;\n --cod-danger-rgb: 179, 57, 59;\n --cod-light-rgb: 255, 255, 255;\n --cod-dark-rgb: 24, 37, 42;\n --cod-accent-primary-rgb: 254, 183, 13;\n --cod-accent-secondary-rgb: 159, 213, 179;\n --cod-primary-text-emphasis: #001b1c;\n --cod-secondary-text-emphasis: #616161;\n --cod-success-text-emphasis: #405548;\n --cod-info-text-emphasis: #001b1c;\n --cod-warning-text-emphasis: #664905;\n --cod-danger-text-emphasis: #481718;\n --cod-light-text-emphasis: #495057;\n --cod-dark-text-emphasis: #495057;\n --cod-primary-bg-subtle: #ccdada;\n --cod-secondary-bg-subtle: #fcfcfc;\n --cod-success-bg-subtle: #ecf7f0;\n --cod-info-bg-subtle: #ccdada;\n --cod-warning-bg-subtle: #fff1cf;\n --cod-danger-bg-subtle: #f0d7d8;\n --cod-light-bg-subtle: #fcfcfd;\n --cod-dark-bg-subtle: #ced4da;\n --cod-primary-border-subtle: #99b4b5;\n --cod-secondary-border-subtle: #fafafa;\n --cod-success-border-subtle: #d9eee1;\n --cod-info-border-subtle: #99b4b5;\n --cod-warning-border-subtle: #ffe29e;\n --cod-danger-border-subtle: #e1b0b1;\n --cod-light-border-subtle: #e9ecef;\n --cod-dark-border-subtle: #adb5bd;\n --cod-white-rgb: 255, 255, 255;\n --cod-black-rgb: 0, 0, 0;\n --cod-font-sans-serif: 'Montserrat', sans-serif;\n --cod-font-monospace: 'Montserrat', sans-serif;\n --cod-gradient: linear-gradient(\n 180deg,\n rgba(255, 255, 255, 0.15),\n rgba(255, 255, 255, 0)\n );\n --cod-body-font-family: var(--cod-font-sans-serif);\n --cod-body-font-size: 1em;\n --cod-body-font-weight: 500;\n --cod-body-line-height: 1.5;\n --cod-body-color: #212529;\n --cod-body-color-rgb: 33, 37, 41;\n --cod-body-bg: #fff;\n --cod-body-bg-rgb: 255, 255, 255;\n --cod-emphasis-color: #000;\n --cod-emphasis-color-rgb: 0, 0, 0;\n --cod-secondary-color: rgba(33, 37, 41, 0.75);\n --cod-secondary-color-rgb: 33, 37, 41;\n --cod-secondary-bg: #e9ecef;\n --cod-secondary-bg-rgb: 233, 236, 239;\n --cod-tertiary-color: rgba(33, 37, 41, 0.5);\n --cod-tertiary-color-rgb: 33, 37, 41;\n --cod-tertiary-bg: #f8f9fa;\n --cod-tertiary-bg-rgb: 248, 249, 250;\n --cod-link-color: #004445;\n --cod-link-color-rgb: 0, 68, 69;\n --cod-link-decoration: underline;\n --cod-link-hover-color: #003637;\n --cod-link-hover-color-rgb: 0, 54, 55;\n --cod-code-color: #d63384;\n --cod-highlight-bg: #fff3cd;\n --cod-border-width: 1px;\n --cod-border-style: solid;\n --cod-border-color: #dee2e6;\n --cod-border-color-translucent: rgba(0, 0, 0, 0.175);\n --cod-border-radius: 0.375em;\n --cod-border-radius-sm: 0.25em;\n --cod-border-radius-lg: 0.5em;\n --cod-border-radius-xl: 1em;\n --cod-border-radius-xxl: 2em;\n --cod-border-radius-2xl: var(--cod-border-radius-xxl);\n --cod-border-radius-pill: 50em;\n --cod-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);\n --cod-box-shadow-sm: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);\n --cod-box-shadow-lg: 0 1em 3em rgba(0, 0, 0, 0.175);\n --cod-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);\n --cod-focus-ring-width: 0.25em;\n --cod-focus-ring-opacity: 1;\n --cod-focus-ring-color: blue;\n --cod-form-valid-color: #9fd5b3;\n --cod-form-valid-border-color: #9fd5b3;\n --cod-form-invalid-color: #b3393b;\n --cod-form-invalid-border-color: #b3393b;\n}\n\n[data-bs-theme='dark'] {\n color-scheme: dark;\n --cod-body-color: #adb5bd;\n --cod-body-color-rgb: 173, 181, 189;\n --cod-body-bg: #212529;\n --cod-body-bg-rgb: 33, 37, 41;\n --cod-emphasis-color: #fff;\n --cod-emphasis-color-rgb: 255, 255, 255;\n --cod-secondary-color: rgba(173, 181, 189, 0.75);\n --cod-secondary-color-rgb: 173, 181, 189;\n --cod-secondary-bg: #343a40;\n --cod-secondary-bg-rgb: 52, 58, 64;\n --cod-tertiary-color: rgba(173, 181, 189, 0.5);\n --cod-tertiary-color-rgb: 173, 181, 189;\n --cod-tertiary-bg: #2b3035;\n --cod-tertiary-bg-rgb: 43, 48, 53;\n --cod-primary-text-emphasis: #668f8f;\n --cod-secondary-text-emphasis: #f7f7f7;\n --cod-success-text-emphasis: #c5e6d1;\n --cod-info-text-emphasis: #668f8f;\n --cod-warning-text-emphasis: #fed46e;\n --cod-danger-text-emphasis: #d18889;\n --cod-light-text-emphasis: #f8f9fa;\n --cod-dark-text-emphasis: #dee2e6;\n --cod-primary-bg-subtle: #000e0e;\n --cod-secondary-bg-subtle: #303030;\n --cod-success-bg-subtle: #202b24;\n --cod-info-bg-subtle: #000e0e;\n --cod-warning-bg-subtle: #332503;\n --cod-danger-bg-subtle: #240b0c;\n --cod-light-bg-subtle: #343a40;\n --cod-dark-bg-subtle: #1a1d20;\n --cod-primary-border-subtle: #002929;\n --cod-secondary-border-subtle: #919191;\n --cod-success-border-subtle: #5f806b;\n --cod-info-border-subtle: #002929;\n --cod-warning-border-subtle: #986e08;\n --cod-danger-border-subtle: #6b2223;\n --cod-light-border-subtle: #495057;\n --cod-dark-border-subtle: #343a40;\n --cod-link-color: #668f8f;\n --cod-link-hover-color: #85a5a5;\n --cod-link-color-rgb: 102, 143, 143;\n --cod-link-hover-color-rgb: 133, 165, 165;\n --cod-code-color: #e685b5;\n --cod-border-color: #495057;\n --cod-border-color-translucent: rgba(255, 255, 255, 0.15);\n --cod-form-valid-color: #75b798;\n --cod-form-valid-border-color: #75b798;\n --cod-form-invalid-color: #ea868f;\n --cod-form-invalid-border-color: #ea868f;\n}\n\nh1,\n.h1 {\n border-left: 0.1em solid #feb70d;\n padding-left: 0.25em;\n}\n\n.title-line {\n border-left: none;\n border-bottom: 0.1em solid #feb70d;\n}\n\nb,\nstrong {\n font-weight: 700;\n}\n\n.btn {\n --cod-btn-focus-box-shadow: 0 0 0 0.25em\n rgba(var(--cod-btn-focus-shadow-rgb), 1);\n}\n\n.btn:focus-visible {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-primary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-secondary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-success {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-info {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-warning {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-danger {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-light {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-dark {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-accent-primary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-accent-secondary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n:host {\n display: block;\n --cod-callout-background-color: #f2f2f2;\n --cod-callout-border-color: #004445;\n --cod-callout-border-width: 2px;\n --cod-callout-border-radius: 0;\n --cod-callout-padding: 1em;\n --cod-callout-margin-bottom: 1em;\n --cod-callout-font-family: inherit;\n --cod-callout-text-color: #18252a;\n --cod-callout-heading-color: #18252a;\n --cod-callout-bar-width: 0.5em;\n}\n\n.cod-callout {\n position: relative;\n background-color: var(--cod-callout-background-color);\n border: var(--cod-callout-border-width) solid var(--cod-callout-border-color);\n border-radius: var(--cod-callout-border-radius);\n padding: var(--cod-callout-padding);\n margin-bottom: var(--cod-callout-margin-bottom);\n font-family: var(--cod-callout-font-family);\n}\n.cod-callout::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: var(--cod-callout-bar-width);\n height: 100%;\n background-color: var(--cod-callout-border-color);\n border-radius: var(--cod-callout-border-radius) 0 0\n var(--cod-callout-border-radius);\n}\n.cod-callout__content {\n display: flex;\n align-items: flex-start;\n gap: 1em;\n}\n.cod-callout__icon {\n flex-shrink: 0;\n width: 2em;\n height: 2em;\n color: var(--cod-callout-border-color);\n}\n.cod-callout__icon svg {\n width: 100%;\n height: 100%;\n display: block;\n}\n.cod-callout__body {\n flex: 1;\n min-width: 0;\n}\n.cod-callout__heading {\n margin: 0 0 0.5em 0;\n font-size: 1.25em;\n font-weight: 700;\n line-height: 1.3;\n color: var(--cod-callout-heading-color);\n}\n.cod-callout__text {\n margin: 0;\n color: var(--cod-callout-text-color);\n line-height: 1.5;\n}\n.cod-callout--info {\n background-color: color-mix(in srgb, #004445 10%, white);\n border-color: #004445;\n}\n.cod-callout--info::before {\n background-color: #004445;\n}\n.cod-callout--warning {\n background-color: color-mix(in srgb, #feb70d 10%, white);\n border-color: #feb70d;\n}\n.cod-callout--warning::before {\n background-color: #feb70d;\n}\n.cod-callout--success {\n background-color: color-mix(in srgb, #9fd5b3 10%, white);\n border-color: #9fd5b3;\n}\n.cod-callout--success::before {\n background-color: #9fd5b3;\n}\n.cod-callout--error {\n background-color: color-mix(in srgb, #b3393b 10%, white);\n border-color: #b3393b;\n}\n.cod-callout--error::before {\n background-color: #b3393b;\n}\n.cod-callout--emergency {\n background-color: color-mix(in srgb, #b3393b 20%, white);\n border-color: #b3393b;\n border-width: 3px;\n}\n.cod-callout--emergency::before {\n background-color: #b3393b;\n width: 0.75em;\n}\n.cod-callout--slim {\n padding: 0.25em 1em;\n}\n.cod-callout--slim .cod-callout__heading {\n font-size: 1.125em;\n margin-bottom: 0.25em;\n}\n.cod-callout--no-icon {\n padding-left: var(--cod-callout-padding);\n}\n.cod-callout--no-icon::before {\n display: none;\n}\n.cod-callout--no-icon .cod-callout__icon {\n display: none;\n}\n\n@media (max-width: 768px) {\n .cod-callout {\n padding: 0.75em;\n }\n .cod-callout__heading {\n font-size: 1.125em;\n }\n}\n\n/*# sourceMappingURL=Callout.css.map */\n",this.shadowRoot.appendChild(n),this.shadowRoot.appendChild(o),this.shadowRoot.appendChild(t)}_updateFromAttributes(){this._state.variant=this.getAttribute("variant")||"info",this._state.slim=this.hasAttribute("slim"),this._state.noIcon=this.hasAttribute("no-icon")}_updateClasses(){const n=["cod-callout"];this._state.variant&&"info"!==this._state.variant&&n.push(`cod-callout--${this._state.variant}`),this._state.slim&&n.push("cod-callout--slim"),this._state.noIcon&&n.push("cod-callout--no-icon"),this._callout.className=n.join(" ")}_updateAriaRole(){switch(this._state.variant){case"error":case"emergency":this._callout.setAttribute("role","alert"),this._callout.setAttribute("aria-live","assertive");break;case"warning":this._callout.setAttribute("role","alert"),this._callout.setAttribute("aria-live","polite");break;case"success":this._callout.setAttribute("role","status"),this._callout.setAttribute("aria-live","polite");break;default:this._callout.setAttribute("role","region"),this._callout.removeAttribute("aria-live")}}_updateIcon(){if(this._state.noIcon)return void(this._icon.style.display="none");this._icon.style.display="block";const n=z[this._state.variant]||z.info;this._icon.innerHTML=n}_hideEmptyHeading(){this.shadowRoot.querySelector('slot[name="heading"]').assignedNodes().length>0||(this._heading.style.display="none")}get variant(){return this._state.variant}set variant(n){n!==this._state.variant&&this.setAttribute("variant",n)}get slim(){return this._state.slim}set slim(n){n?this.setAttribute("slim",""):this.removeAttribute("slim")}get noIcon(){return this._state.noIcon}set noIcon(n){n?this.setAttribute("no-icon",""):this.removeAttribute("no-icon")}}customElements.define("cod-callout",L);const C=document.createElement("template");C.innerHTML='\n \n';class A extends HTMLElement{constructor(){super();this.attachShadow({mode:"open"}).appendChild(C.content.cloneNode(!0))}connectedCallback(){this._setupSlot()}_setupSlot(){const n=this.shadowRoot.querySelector('slot[name="label"]');n.addEventListener("slotchange",(()=>{const o=n.assignedElements(),t=["SPAN","A"];o.forEach(((n,r)=>{if(t.includes(n.tagName))r/g,"").replace(/\n/g,""),n.replaceWith(o)}}))}))}}const j=A;customElements.define("cod-tag",j);const E=document.createElement("template");E.innerHTML='\n\n
\n';class S extends HTMLElement{constructor(){super();const n=this.attachShadow({mode:"open"});n.appendChild(E.content.cloneNode(!0));const o=document.createElement("style");o.textContent=".card {\n --cod-card-spacer-y: 1em;\n --cod-card-spacer-x: 1em;\n --cod-card-title-spacer-y: 0.5em;\n --cod-card-title-color: ;\n --cod-card-subtitle-color: ;\n --cod-card-border-width: var(--cod-border-width);\n --cod-card-border-color: var(--cod-border-color-translucent);\n --cod-card-border-radius: var(--cod-border-radius);\n --cod-card-box-shadow: ;\n --cod-card-inner-border-radius: calc(\n var(--cod-border-radius) - (var(--cod-border-width))\n );\n --cod-card-cap-padding-y: 0.5em;\n --cod-card-cap-padding-x: 1em;\n --cod-card-cap-bg: rgba(var(--cod-body-color-rgb), 0.03);\n --cod-card-cap-color: ;\n --cod-card-height: ;\n --cod-card-color: ;\n --cod-card-bg: var(--cod-body-bg);\n --cod-card-img-overlay-padding: 1em;\n --cod-card-group-margin: 0.75em;\n position: relative;\n display: flex;\n flex-direction: column;\n min-width: 0;\n height: var(--cod-card-height);\n color: var(--cod-body-color);\n word-wrap: break-word;\n background-color: var(--cod-card-bg);\n background-clip: border-box;\n border: var(--cod-card-border-width) solid var(--cod-card-border-color);\n}\n.card > hr {\n margin-right: 0;\n margin-left: 0;\n}\n.card > .list-group {\n border-top: inherit;\n border-bottom: inherit;\n}\n.card > .list-group:first-child {\n border-top-width: 0;\n}\n.card > .list-group:last-child {\n border-bottom-width: 0;\n}\n.card > .card-header + .list-group,\n.card > .list-group + .card-footer {\n border-top: 0;\n}\n\n.card-body {\n flex: 1 1 auto;\n padding: var(--cod-card-spacer-y) var(--cod-card-spacer-x);\n color: var(--cod-card-color);\n}\n\n.card-title {\n margin-bottom: var(--cod-card-title-spacer-y);\n color: var(--cod-card-title-color);\n}\n\n.card-subtitle {\n margin-top: calc(-0.5 * var(--cod-card-title-spacer-y));\n margin-bottom: 0;\n color: var(--cod-card-subtitle-color);\n}\n\n.card-text:last-child {\n margin-bottom: 0;\n}\n\n.card-link + .card-link {\n margin-left: var(--cod-card-spacer-x);\n}\n\n.card-header {\n padding: var(--cod-card-cap-padding-y) var(--cod-card-cap-padding-x);\n margin-bottom: 0;\n color: var(--cod-card-cap-color);\n background-color: var(--cod-card-cap-bg);\n border-bottom: var(--cod-card-border-width) solid var(--cod-card-border-color);\n}\n.card-footer {\n padding: var(--cod-card-cap-padding-y) var(--cod-card-cap-padding-x);\n color: var(--cod-card-cap-color);\n background-color: var(--cod-card-cap-bg);\n border-top: var(--cod-card-border-width) solid var(--cod-card-border-color);\n}\n.card-header-tabs {\n margin-right: calc(-0.5 * var(--cod-card-cap-padding-x));\n margin-bottom: calc(-1 * var(--cod-card-cap-padding-y));\n margin-left: calc(-0.5 * var(--cod-card-cap-padding-x));\n border-bottom: 0;\n}\n.card-header-tabs .nav-link.active {\n background-color: var(--cod-card-bg);\n border-bottom-color: var(--cod-card-bg);\n}\n\n.card-header-pills {\n margin-right: calc(-0.5 * var(--cod-card-cap-padding-x));\n margin-left: calc(-0.5 * var(--cod-card-cap-padding-x));\n}\n\n.card-img-overlay {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n padding: var(--cod-card-img-overlay-padding);\n}\n\n.card-img,\n.card-img-top,\n.card-img-bottom {\n width: 100%;\n}\n\n.card-group > .card {\n margin-bottom: var(--cod-card-group-margin);\n}\n@media (min-width: 576px) {\n .card-group {\n display: flex;\n flex-flow: row wrap;\n }\n .card-group > .card {\n flex: 1 0 0%;\n margin-bottom: 0;\n }\n .card-group > .card + .card {\n margin-left: 0;\n border-left: 0;\n }\n}\n\n:host,\n[data-bs-theme='light'] {\n --cod-blue: #0d6efd;\n --cod-indigo: #6610f2;\n --cod-purple: #6f42c1;\n --cod-pink: #d63384;\n --cod-red: #dc3545;\n --cod-orange: #fd7e14;\n --cod-yellow: #ffc107;\n --cod-green: #198754;\n --cod-teal: #20c997;\n --cod-cyan: #0dcaf0;\n --cod-black: #000;\n --cod-white: #fff;\n --cod-gray: #6c757d;\n --cod-gray-dark: #343a40;\n --cod-gray-100: #f8f9fa;\n --cod-gray-200: #e9ecef;\n --cod-gray-300: #dee2e6;\n --cod-gray-400: #ced4da;\n --cod-gray-500: #adb5bd;\n --cod-gray-600: #6c757d;\n --cod-gray-700: #495057;\n --cod-gray-800: #343a40;\n --cod-gray-900: #212529;\n --cod-primary: #004445;\n --cod-secondary: #f2f2f2;\n --cod-success: #9fd5b3;\n --cod-info: #004445;\n --cod-warning: #feb70d;\n --cod-danger: #b3393b;\n --cod-light: #fff;\n --cod-dark: #18252a;\n --cod-accent-primary: #feb70d;\n --cod-accent-secondary: #9fd5b3;\n --cod-primary-rgb: 0, 68, 69;\n --cod-secondary-rgb: 242, 242, 242;\n --cod-success-rgb: 159, 213, 179;\n --cod-info-rgb: 0, 68, 69;\n --cod-warning-rgb: 254, 183, 13;\n --cod-danger-rgb: 179, 57, 59;\n --cod-light-rgb: 255, 255, 255;\n --cod-dark-rgb: 24, 37, 42;\n --cod-accent-primary-rgb: 254, 183, 13;\n --cod-accent-secondary-rgb: 159, 213, 179;\n --cod-primary-text-emphasis: #001b1c;\n --cod-secondary-text-emphasis: #616161;\n --cod-success-text-emphasis: #405548;\n --cod-info-text-emphasis: #001b1c;\n --cod-warning-text-emphasis: #664905;\n --cod-danger-text-emphasis: #481718;\n --cod-light-text-emphasis: #495057;\n --cod-dark-text-emphasis: #495057;\n --cod-primary-bg-subtle: #ccdada;\n --cod-secondary-bg-subtle: #fcfcfc;\n --cod-success-bg-subtle: #ecf7f0;\n --cod-info-bg-subtle: #ccdada;\n --cod-warning-bg-subtle: #fff1cf;\n --cod-danger-bg-subtle: #f0d7d8;\n --cod-light-bg-subtle: #fcfcfd;\n --cod-dark-bg-subtle: #ced4da;\n --cod-primary-border-subtle: #99b4b5;\n --cod-secondary-border-subtle: #fafafa;\n --cod-success-border-subtle: #d9eee1;\n --cod-info-border-subtle: #99b4b5;\n --cod-warning-border-subtle: #ffe29e;\n --cod-danger-border-subtle: #e1b0b1;\n --cod-light-border-subtle: #e9ecef;\n --cod-dark-border-subtle: #adb5bd;\n --cod-white-rgb: 255, 255, 255;\n --cod-black-rgb: 0, 0, 0;\n --cod-font-sans-serif: 'Montserrat', sans-serif;\n --cod-font-monospace: 'Montserrat', sans-serif;\n --cod-gradient: linear-gradient(\n 180deg,\n rgba(255, 255, 255, 0.15),\n rgba(255, 255, 255, 0)\n );\n --cod-body-font-family: var(--cod-font-sans-serif);\n --cod-body-font-size: 1em;\n --cod-body-font-weight: 500;\n --cod-body-line-height: 1.5;\n --cod-body-color: #212529;\n --cod-body-color-rgb: 33, 37, 41;\n --cod-body-bg: #fff;\n --cod-body-bg-rgb: 255, 255, 255;\n --cod-emphasis-color: #000;\n --cod-emphasis-color-rgb: 0, 0, 0;\n --cod-secondary-color: rgba(33, 37, 41, 0.75);\n --cod-secondary-color-rgb: 33, 37, 41;\n --cod-secondary-bg: #e9ecef;\n --cod-secondary-bg-rgb: 233, 236, 239;\n --cod-tertiary-color: rgba(33, 37, 41, 0.5);\n --cod-tertiary-color-rgb: 33, 37, 41;\n --cod-tertiary-bg: #f8f9fa;\n --cod-tertiary-bg-rgb: 248, 249, 250;\n --cod-link-color: #004445;\n --cod-link-color-rgb: 0, 68, 69;\n --cod-link-decoration: underline;\n --cod-link-hover-color: #003637;\n --cod-link-hover-color-rgb: 0, 54, 55;\n --cod-code-color: #d63384;\n --cod-highlight-bg: #fff3cd;\n --cod-border-width: 1px;\n --cod-border-style: solid;\n --cod-border-color: #dee2e6;\n --cod-border-color-translucent: rgba(0, 0, 0, 0.175);\n --cod-border-radius: 0.375em;\n --cod-border-radius-sm: 0.25em;\n --cod-border-radius-lg: 0.5em;\n --cod-border-radius-xl: 1em;\n --cod-border-radius-xxl: 2em;\n --cod-border-radius-2xl: var(--cod-border-radius-xxl);\n --cod-border-radius-pill: 50em;\n --cod-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);\n --cod-box-shadow-sm: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);\n --cod-box-shadow-lg: 0 1em 3em rgba(0, 0, 0, 0.175);\n --cod-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);\n --cod-focus-ring-width: 0.25em;\n --cod-focus-ring-opacity: 1;\n --cod-focus-ring-color: blue;\n --cod-form-valid-color: #9fd5b3;\n --cod-form-valid-border-color: #9fd5b3;\n --cod-form-invalid-color: #b3393b;\n --cod-form-invalid-border-color: #b3393b;\n}\n\n[data-bs-theme='dark'] {\n color-scheme: dark;\n --cod-body-color: #adb5bd;\n --cod-body-color-rgb: 173, 181, 189;\n --cod-body-bg: #212529;\n --cod-body-bg-rgb: 33, 37, 41;\n --cod-emphasis-color: #fff;\n --cod-emphasis-color-rgb: 255, 255, 255;\n --cod-secondary-color: rgba(173, 181, 189, 0.75);\n --cod-secondary-color-rgb: 173, 181, 189;\n --cod-secondary-bg: #343a40;\n --cod-secondary-bg-rgb: 52, 58, 64;\n --cod-tertiary-color: rgba(173, 181, 189, 0.5);\n --cod-tertiary-color-rgb: 173, 181, 189;\n --cod-tertiary-bg: #2b3035;\n --cod-tertiary-bg-rgb: 43, 48, 53;\n --cod-primary-text-emphasis: #668f8f;\n --cod-secondary-text-emphasis: #f7f7f7;\n --cod-success-text-emphasis: #c5e6d1;\n --cod-info-text-emphasis: #668f8f;\n --cod-warning-text-emphasis: #fed46e;\n --cod-danger-text-emphasis: #d18889;\n --cod-light-text-emphasis: #f8f9fa;\n --cod-dark-text-emphasis: #dee2e6;\n --cod-primary-bg-subtle: #000e0e;\n --cod-secondary-bg-subtle: #303030;\n --cod-success-bg-subtle: #202b24;\n --cod-info-bg-subtle: #000e0e;\n --cod-warning-bg-subtle: #332503;\n --cod-danger-bg-subtle: #240b0c;\n --cod-light-bg-subtle: #343a40;\n --cod-dark-bg-subtle: #1a1d20;\n --cod-primary-border-subtle: #002929;\n --cod-secondary-border-subtle: #919191;\n --cod-success-border-subtle: #5f806b;\n --cod-info-border-subtle: #002929;\n --cod-warning-border-subtle: #986e08;\n --cod-danger-border-subtle: #6b2223;\n --cod-light-border-subtle: #495057;\n --cod-dark-border-subtle: #343a40;\n --cod-link-color: #668f8f;\n --cod-link-hover-color: #85a5a5;\n --cod-link-color-rgb: 102, 143, 143;\n --cod-link-hover-color-rgb: 133, 165, 165;\n --cod-code-color: #e685b5;\n --cod-border-color: #495057;\n --cod-border-color-translucent: rgba(255, 255, 255, 0.15);\n --cod-form-valid-color: #75b798;\n --cod-form-valid-border-color: #75b798;\n --cod-form-invalid-color: #ea868f;\n --cod-form-invalid-border-color: #ea868f;\n}\n\nh1,\n.h1 {\n border-left: 0.1em solid #feb70d;\n padding-left: 0.25em;\n}\n\n.title-line {\n border-left: none;\n border-bottom: 0.1em solid #feb70d;\n}\n\nb,\nstrong {\n font-weight: 700;\n}\n\n.btn {\n --cod-btn-focus-box-shadow: 0 0 0 0.25em\n rgba(var(--cod-btn-focus-shadow-rgb), 1);\n}\n\n.btn:focus-visible {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-primary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-secondary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-success {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-info {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-warning {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-danger {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-light {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-dark {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-accent-primary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-accent-secondary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n:host {\n display: block;\n}\n\n.card-body {\n display: block;\n}\n\n.card-img {\n display: none;\n}\n.card-img::slotted(img) {\n display: block;\n width: 100%;\n}\n\n.card-header,\n.card-footer {\n display: none;\n}\n\n/*# sourceMappingURL=Card.css.map */\n",n.appendChild(o)}connectedCallback(){this._handleSlotChange(),this.shadowRoot.addEventListener("slotchange",(()=>this._handleSlotChange()))}_handleSlotChange(){const n=this.shadowRoot.querySelector('slot[name="image"]'),o=n&&n.assignedNodes().length>0;this.shadowRoot.querySelector(".card-img").style.display=o?"block":"none";const t=this.shadowRoot.querySelector('slot[name="header"]'),r=t&&t.assignedNodes().length>0;this.shadowRoot.querySelector(".card-header").style.display=r?"block":"none";const e=this.shadowRoot.querySelector('slot[name="footer"]'),a=e&&e.assignedNodes().length>0;this.shadowRoot.querySelector(".card-footer").style.display=a?"block":"none"}}customElements.define("cod-card",S);const M=document.createElement("template");M.innerHTML='\n\n \n
\n \n';class R extends HTMLElement{constructor(){super();const n=this.attachShadow({mode:"open"});n.appendChild(M.content.cloneNode(!0));const o=document.createElement("style");o.textContent=".btn {\n --cod-btn-padding-x: 0.75em;\n --cod-btn-padding-y: 0.375em;\n --cod-btn-font-family: ;\n --cod-btn-font-size: 1em;\n --cod-btn-font-weight: 400;\n --cod-btn-line-height: 1.5;\n --cod-btn-color: var(--cod-body-color);\n --cod-btn-bg: transparent;\n --cod-btn-border-width: var(--cod-border-width);\n --cod-btn-border-color: transparent;\n --cod-btn-border-radius: var(--cod-border-radius);\n --cod-btn-hover-border-color: transparent;\n --cod-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),\n 0 1px 1px rgba(0, 0, 0, 0.075);\n --cod-btn-disabled-opacity: 0.65;\n --cod-btn-focus-box-shadow: 0 0 0 0.25em\n rgba(var(--cod-btn-focus-shadow-rgb), 0.5);\n display: inline-block;\n padding: var(--cod-btn-padding-y) var(--cod-btn-padding-x);\n font-family: var(--cod-btn-font-family);\n font-size: var(--cod-btn-font-size);\n font-weight: var(--cod-btn-font-weight);\n line-height: var(--cod-btn-line-height);\n color: var(--cod-btn-color);\n text-align: center;\n text-decoration: none;\n vertical-align: middle;\n cursor: pointer;\n user-select: none;\n border: var(--cod-btn-border-width) solid var(--cod-btn-border-color);\n background-color: var(--cod-btn-bg);\n transition:\n color 0.15s ease-in-out,\n background-color 0.15s ease-in-out,\n border-color 0.15s ease-in-out,\n box-shadow 0.15s ease-in-out;\n}\n@media (prefers-reduced-motion: reduce) {\n .btn {\n transition: none;\n }\n}\n.btn:hover {\n color: var(--cod-btn-hover-color);\n background-color: var(--cod-btn-hover-bg);\n border-color: var(--cod-btn-hover-border-color);\n}\n.btn-check + .btn:hover {\n color: var(--cod-btn-color);\n background-color: var(--cod-btn-bg);\n border-color: var(--cod-btn-border-color);\n}\n.btn:focus-visible {\n color: var(--cod-btn-hover-color);\n background-color: var(--cod-btn-hover-bg);\n border-color: var(--cod-btn-hover-border-color);\n outline: 0;\n box-shadow: var(--cod-btn-focus-box-shadow);\n}\n.btn-check:focus-visible + .btn {\n border-color: var(--cod-btn-hover-border-color);\n outline: 0;\n box-shadow: var(--cod-btn-focus-box-shadow);\n}\n.btn-check:checked + .btn,\n:not(.btn-check) + .btn:active,\n.btn:first-child:active,\n.btn.active,\n.btn.show {\n color: var(--cod-btn-active-color);\n background-color: var(--cod-btn-active-bg);\n border-color: var(--cod-btn-active-border-color);\n}\n.btn-check:checked + .btn:focus-visible,\n:not(.btn-check) + .btn:active:focus-visible,\n.btn:first-child:active:focus-visible,\n.btn.active:focus-visible,\n.btn.show:focus-visible {\n box-shadow: var(--cod-btn-focus-box-shadow);\n}\n.btn:disabled,\n.btn.disabled,\nfieldset:disabled .btn {\n color: var(--cod-btn-disabled-color);\n pointer-events: none;\n background-color: var(--cod-btn-disabled-bg);\n border-color: var(--cod-btn-disabled-border-color);\n opacity: var(--cod-btn-disabled-opacity);\n}\n\n.btn-primary {\n --cod-btn-color: #fff;\n --cod-btn-bg: #004445;\n --cod-btn-border-color: #004445;\n --cod-btn-hover-color: #fff;\n --cod-btn-hover-bg: #003a3b;\n --cod-btn-hover-border-color: #003637;\n --cod-btn-focus-shadow-rgb: 38, 96, 97;\n --cod-btn-active-color: #fff;\n --cod-btn-active-bg: #003637;\n --cod-btn-active-border-color: #003334;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #fff;\n --cod-btn-disabled-bg: #004445;\n --cod-btn-disabled-border-color: #004445;\n}\n\n.btn-secondary {\n --cod-btn-color: #000;\n --cod-btn-bg: #f2f2f2;\n --cod-btn-border-color: #f2f2f2;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #f4f4f4;\n --cod-btn-hover-border-color: #f3f3f3;\n --cod-btn-focus-shadow-rgb: 206, 206, 206;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: whitesmoke;\n --cod-btn-active-border-color: #f3f3f3;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #000;\n --cod-btn-disabled-bg: #f2f2f2;\n --cod-btn-disabled-border-color: #f2f2f2;\n}\n\n.btn-success {\n --cod-btn-color: #000;\n --cod-btn-bg: #9fd5b3;\n --cod-btn-border-color: #9fd5b3;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #addbbe;\n --cod-btn-hover-border-color: #a9d9bb;\n --cod-btn-focus-shadow-rgb: 135, 181, 152;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: #b2ddc2;\n --cod-btn-active-border-color: #a9d9bb;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #000;\n --cod-btn-disabled-bg: #9fd5b3;\n --cod-btn-disabled-border-color: #9fd5b3;\n}\n\n.btn-info {\n --cod-btn-color: #fff;\n --cod-btn-bg: #004445;\n --cod-btn-border-color: #004445;\n --cod-btn-hover-color: #fff;\n --cod-btn-hover-bg: #003a3b;\n --cod-btn-hover-border-color: #003637;\n --cod-btn-focus-shadow-rgb: 38, 96, 97;\n --cod-btn-active-color: #fff;\n --cod-btn-active-bg: #003637;\n --cod-btn-active-border-color: #003334;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #fff;\n --cod-btn-disabled-bg: #004445;\n --cod-btn-disabled-border-color: #004445;\n}\n\n.btn-warning {\n --cod-btn-color: #000;\n --cod-btn-bg: #feb70d;\n --cod-btn-border-color: #feb70d;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #fec231;\n --cod-btn-hover-border-color: #febe25;\n --cod-btn-focus-shadow-rgb: 216, 156, 11;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: #fec53d;\n --cod-btn-active-border-color: #febe25;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #000;\n --cod-btn-disabled-bg: #feb70d;\n --cod-btn-disabled-border-color: #feb70d;\n}\n\n.btn-danger {\n --cod-btn-color: #fff;\n --cod-btn-bg: #b3393b;\n --cod-btn-border-color: #b3393b;\n --cod-btn-hover-color: #fff;\n --cod-btn-hover-bg: #983032;\n --cod-btn-hover-border-color: #8f2e2f;\n --cod-btn-focus-shadow-rgb: 190, 87, 88;\n --cod-btn-active-color: #fff;\n --cod-btn-active-bg: #8f2e2f;\n --cod-btn-active-border-color: #862b2c;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #fff;\n --cod-btn-disabled-bg: #b3393b;\n --cod-btn-disabled-border-color: #b3393b;\n}\n\n.btn-light {\n --cod-btn-color: #000;\n --cod-btn-bg: #fff;\n --cod-btn-border-color: #fff;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #d9d9d9;\n --cod-btn-hover-border-color: #cccccc;\n --cod-btn-focus-shadow-rgb: 217, 217, 217;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: #cccccc;\n --cod-btn-active-border-color: #bfbfbf;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #000;\n --cod-btn-disabled-bg: #fff;\n --cod-btn-disabled-border-color: #fff;\n}\n\n.btn-dark {\n --cod-btn-color: #fff;\n --cod-btn-bg: #18252a;\n --cod-btn-border-color: #18252a;\n --cod-btn-hover-color: #fff;\n --cod-btn-hover-bg: #3b464a;\n --cod-btn-hover-border-color: #2f3b3f;\n --cod-btn-focus-shadow-rgb: 59, 70, 74;\n --cod-btn-active-color: #fff;\n --cod-btn-active-bg: #465155;\n --cod-btn-active-border-color: #2f3b3f;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #fff;\n --cod-btn-disabled-bg: #18252a;\n --cod-btn-disabled-border-color: #18252a;\n}\n\n.btn-accent-primary {\n --cod-btn-color: #000;\n --cod-btn-bg: #feb70d;\n --cod-btn-border-color: #feb70d;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #fec231;\n --cod-btn-hover-border-color: #febe25;\n --cod-btn-focus-shadow-rgb: 216, 156, 11;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: #fec53d;\n --cod-btn-active-border-color: #febe25;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #000;\n --cod-btn-disabled-bg: #feb70d;\n --cod-btn-disabled-border-color: #feb70d;\n}\n\n.btn-accent-secondary {\n --cod-btn-color: #000;\n --cod-btn-bg: #9fd5b3;\n --cod-btn-border-color: #9fd5b3;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #addbbe;\n --cod-btn-hover-border-color: #a9d9bb;\n --cod-btn-focus-shadow-rgb: 135, 181, 152;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: #b2ddc2;\n --cod-btn-active-border-color: #a9d9bb;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #000;\n --cod-btn-disabled-bg: #9fd5b3;\n --cod-btn-disabled-border-color: #9fd5b3;\n}\n\n.btn-outline-primary {\n --cod-btn-color: #004445;\n --cod-btn-border-color: #004445;\n --cod-btn-hover-color: #fff;\n --cod-btn-hover-bg: #004445;\n --cod-btn-hover-border-color: #004445;\n --cod-btn-focus-shadow-rgb: 0, 68, 69;\n --cod-btn-active-color: #fff;\n --cod-btn-active-bg: #004445;\n --cod-btn-active-border-color: #004445;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #004445;\n --cod-btn-disabled-bg: transparent;\n --cod-btn-disabled-border-color: #004445;\n --cod-gradient: none;\n}\n\n.btn-outline-secondary {\n --cod-btn-color: #f2f2f2;\n --cod-btn-border-color: #f2f2f2;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #f2f2f2;\n --cod-btn-hover-border-color: #f2f2f2;\n --cod-btn-focus-shadow-rgb: 242, 242, 242;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: #f2f2f2;\n --cod-btn-active-border-color: #f2f2f2;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #f2f2f2;\n --cod-btn-disabled-bg: transparent;\n --cod-btn-disabled-border-color: #f2f2f2;\n --cod-gradient: none;\n}\n\n.btn-outline-success {\n --cod-btn-color: #9fd5b3;\n --cod-btn-border-color: #9fd5b3;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #9fd5b3;\n --cod-btn-hover-border-color: #9fd5b3;\n --cod-btn-focus-shadow-rgb: 159, 213, 179;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: #9fd5b3;\n --cod-btn-active-border-color: #9fd5b3;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #9fd5b3;\n --cod-btn-disabled-bg: transparent;\n --cod-btn-disabled-border-color: #9fd5b3;\n --cod-gradient: none;\n}\n\n.btn-outline-info {\n --cod-btn-color: #004445;\n --cod-btn-border-color: #004445;\n --cod-btn-hover-color: #fff;\n --cod-btn-hover-bg: #004445;\n --cod-btn-hover-border-color: #004445;\n --cod-btn-focus-shadow-rgb: 0, 68, 69;\n --cod-btn-active-color: #fff;\n --cod-btn-active-bg: #004445;\n --cod-btn-active-border-color: #004445;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #004445;\n --cod-btn-disabled-bg: transparent;\n --cod-btn-disabled-border-color: #004445;\n --cod-gradient: none;\n}\n\n.btn-outline-warning {\n --cod-btn-color: #feb70d;\n --cod-btn-border-color: #feb70d;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #feb70d;\n --cod-btn-hover-border-color: #feb70d;\n --cod-btn-focus-shadow-rgb: 254, 183, 13;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: #feb70d;\n --cod-btn-active-border-color: #feb70d;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #feb70d;\n --cod-btn-disabled-bg: transparent;\n --cod-btn-disabled-border-color: #feb70d;\n --cod-gradient: none;\n}\n\n.btn-outline-danger {\n --cod-btn-color: #b3393b;\n --cod-btn-border-color: #b3393b;\n --cod-btn-hover-color: #fff;\n --cod-btn-hover-bg: #b3393b;\n --cod-btn-hover-border-color: #b3393b;\n --cod-btn-focus-shadow-rgb: 179, 57, 59;\n --cod-btn-active-color: #fff;\n --cod-btn-active-bg: #b3393b;\n --cod-btn-active-border-color: #b3393b;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #b3393b;\n --cod-btn-disabled-bg: transparent;\n --cod-btn-disabled-border-color: #b3393b;\n --cod-gradient: none;\n}\n\n.btn-outline-light {\n --cod-btn-color: #fff;\n --cod-btn-border-color: #fff;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #fff;\n --cod-btn-hover-border-color: #fff;\n --cod-btn-focus-shadow-rgb: 255, 255, 255;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: #fff;\n --cod-btn-active-border-color: #fff;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #fff;\n --cod-btn-disabled-bg: transparent;\n --cod-btn-disabled-border-color: #fff;\n --cod-gradient: none;\n}\n\n.btn-outline-dark {\n --cod-btn-color: #18252a;\n --cod-btn-border-color: #18252a;\n --cod-btn-hover-color: #fff;\n --cod-btn-hover-bg: #18252a;\n --cod-btn-hover-border-color: #18252a;\n --cod-btn-focus-shadow-rgb: 24, 37, 42;\n --cod-btn-active-color: #fff;\n --cod-btn-active-bg: #18252a;\n --cod-btn-active-border-color: #18252a;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #18252a;\n --cod-btn-disabled-bg: transparent;\n --cod-btn-disabled-border-color: #18252a;\n --cod-gradient: none;\n}\n\n.btn-outline-accent-primary {\n --cod-btn-color: #feb70d;\n --cod-btn-border-color: #feb70d;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #feb70d;\n --cod-btn-hover-border-color: #feb70d;\n --cod-btn-focus-shadow-rgb: 254, 183, 13;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: #feb70d;\n --cod-btn-active-border-color: #feb70d;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #feb70d;\n --cod-btn-disabled-bg: transparent;\n --cod-btn-disabled-border-color: #feb70d;\n --cod-gradient: none;\n}\n\n.btn-outline-accent-secondary {\n --cod-btn-color: #9fd5b3;\n --cod-btn-border-color: #9fd5b3;\n --cod-btn-hover-color: #000;\n --cod-btn-hover-bg: #9fd5b3;\n --cod-btn-hover-border-color: #9fd5b3;\n --cod-btn-focus-shadow-rgb: 159, 213, 179;\n --cod-btn-active-color: #000;\n --cod-btn-active-bg: #9fd5b3;\n --cod-btn-active-border-color: #9fd5b3;\n --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);\n --cod-btn-disabled-color: #9fd5b3;\n --cod-btn-disabled-bg: transparent;\n --cod-btn-disabled-border-color: #9fd5b3;\n --cod-gradient: none;\n}\n\n.btn-link {\n --cod-btn-font-weight: 400;\n --cod-btn-color: var(--cod-link-color);\n --cod-btn-bg: transparent;\n --cod-btn-border-color: transparent;\n --cod-btn-hover-color: var(--cod-link-hover-color);\n --cod-btn-hover-border-color: transparent;\n --cod-btn-active-color: var(--cod-link-hover-color);\n --cod-btn-active-border-color: transparent;\n --cod-btn-disabled-color: #6c757d;\n --cod-btn-disabled-border-color: transparent;\n --cod-btn-box-shadow: 0 0 0 #000;\n --cod-btn-focus-shadow-rgb: 38, 96, 97;\n text-decoration: underline;\n}\n.btn-link:focus-visible {\n color: var(--cod-btn-color);\n}\n.btn-link:hover {\n color: var(--cod-btn-hover-color);\n}\n\n.btn-lg {\n --cod-btn-padding-y: 0.5em;\n --cod-btn-padding-x: 1em;\n --cod-btn-font-size: 1.25em;\n --cod-btn-border-radius: var(--cod-border-radius-lg);\n}\n\n.btn-sm {\n --cod-btn-padding-y: 0.25em;\n --cod-btn-padding-x: 0.5em;\n --cod-btn-font-size: 1em;\n --cod-btn-border-radius: var(--cod-border-radius-sm);\n}\n\n:host,\n[data-bs-theme='light'] {\n --cod-blue: #0d6efd;\n --cod-indigo: #6610f2;\n --cod-purple: #6f42c1;\n --cod-pink: #d63384;\n --cod-red: #dc3545;\n --cod-orange: #fd7e14;\n --cod-yellow: #ffc107;\n --cod-green: #198754;\n --cod-teal: #20c997;\n --cod-cyan: #0dcaf0;\n --cod-black: #000;\n --cod-white: #fff;\n --cod-gray: #6c757d;\n --cod-gray-dark: #343a40;\n --cod-gray-100: #f8f9fa;\n --cod-gray-200: #e9ecef;\n --cod-gray-300: #dee2e6;\n --cod-gray-400: #ced4da;\n --cod-gray-500: #adb5bd;\n --cod-gray-600: #6c757d;\n --cod-gray-700: #495057;\n --cod-gray-800: #343a40;\n --cod-gray-900: #212529;\n --cod-primary: #004445;\n --cod-secondary: #f2f2f2;\n --cod-success: #9fd5b3;\n --cod-info: #004445;\n --cod-warning: #feb70d;\n --cod-danger: #b3393b;\n --cod-light: #fff;\n --cod-dark: #18252a;\n --cod-accent-primary: #feb70d;\n --cod-accent-secondary: #9fd5b3;\n --cod-primary-rgb: 0, 68, 69;\n --cod-secondary-rgb: 242, 242, 242;\n --cod-success-rgb: 159, 213, 179;\n --cod-info-rgb: 0, 68, 69;\n --cod-warning-rgb: 254, 183, 13;\n --cod-danger-rgb: 179, 57, 59;\n --cod-light-rgb: 255, 255, 255;\n --cod-dark-rgb: 24, 37, 42;\n --cod-accent-primary-rgb: 254, 183, 13;\n --cod-accent-secondary-rgb: 159, 213, 179;\n --cod-primary-text-emphasis: #001b1c;\n --cod-secondary-text-emphasis: #616161;\n --cod-success-text-emphasis: #405548;\n --cod-info-text-emphasis: #001b1c;\n --cod-warning-text-emphasis: #664905;\n --cod-danger-text-emphasis: #481718;\n --cod-light-text-emphasis: #495057;\n --cod-dark-text-emphasis: #495057;\n --cod-primary-bg-subtle: #ccdada;\n --cod-secondary-bg-subtle: #fcfcfc;\n --cod-success-bg-subtle: #ecf7f0;\n --cod-info-bg-subtle: #ccdada;\n --cod-warning-bg-subtle: #fff1cf;\n --cod-danger-bg-subtle: #f0d7d8;\n --cod-light-bg-subtle: #fcfcfd;\n --cod-dark-bg-subtle: #ced4da;\n --cod-primary-border-subtle: #99b4b5;\n --cod-secondary-border-subtle: #fafafa;\n --cod-success-border-subtle: #d9eee1;\n --cod-info-border-subtle: #99b4b5;\n --cod-warning-border-subtle: #ffe29e;\n --cod-danger-border-subtle: #e1b0b1;\n --cod-light-border-subtle: #e9ecef;\n --cod-dark-border-subtle: #adb5bd;\n --cod-white-rgb: 255, 255, 255;\n --cod-black-rgb: 0, 0, 0;\n --cod-font-sans-serif: 'Montserrat', sans-serif;\n --cod-font-monospace: 'Montserrat', sans-serif;\n --cod-gradient: linear-gradient(\n 180deg,\n rgba(255, 255, 255, 0.15),\n rgba(255, 255, 255, 0)\n );\n --cod-body-font-family: var(--cod-font-sans-serif);\n --cod-body-font-size: 1em;\n --cod-body-font-weight: 500;\n --cod-body-line-height: 1.5;\n --cod-body-color: #212529;\n --cod-body-color-rgb: 33, 37, 41;\n --cod-body-bg: #fff;\n --cod-body-bg-rgb: 255, 255, 255;\n --cod-emphasis-color: #000;\n --cod-emphasis-color-rgb: 0, 0, 0;\n --cod-secondary-color: rgba(33, 37, 41, 0.75);\n --cod-secondary-color-rgb: 33, 37, 41;\n --cod-secondary-bg: #e9ecef;\n --cod-secondary-bg-rgb: 233, 236, 239;\n --cod-tertiary-color: rgba(33, 37, 41, 0.5);\n --cod-tertiary-color-rgb: 33, 37, 41;\n --cod-tertiary-bg: #f8f9fa;\n --cod-tertiary-bg-rgb: 248, 249, 250;\n --cod-link-color: #004445;\n --cod-link-color-rgb: 0, 68, 69;\n --cod-link-decoration: underline;\n --cod-link-hover-color: #003637;\n --cod-link-hover-color-rgb: 0, 54, 55;\n --cod-code-color: #d63384;\n --cod-highlight-bg: #fff3cd;\n --cod-border-width: 1px;\n --cod-border-style: solid;\n --cod-border-color: #dee2e6;\n --cod-border-color-translucent: rgba(0, 0, 0, 0.175);\n --cod-border-radius: 0.375em;\n --cod-border-radius-sm: 0.25em;\n --cod-border-radius-lg: 0.5em;\n --cod-border-radius-xl: 1em;\n --cod-border-radius-xxl: 2em;\n --cod-border-radius-2xl: var(--cod-border-radius-xxl);\n --cod-border-radius-pill: 50em;\n --cod-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);\n --cod-box-shadow-sm: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);\n --cod-box-shadow-lg: 0 1em 3em rgba(0, 0, 0, 0.175);\n --cod-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);\n --cod-focus-ring-width: 0.25em;\n --cod-focus-ring-opacity: 1;\n --cod-focus-ring-color: blue;\n --cod-form-valid-color: #9fd5b3;\n --cod-form-valid-border-color: #9fd5b3;\n --cod-form-invalid-color: #b3393b;\n --cod-form-invalid-border-color: #b3393b;\n}\n\n[data-bs-theme='dark'] {\n color-scheme: dark;\n --cod-body-color: #adb5bd;\n --cod-body-color-rgb: 173, 181, 189;\n --cod-body-bg: #212529;\n --cod-body-bg-rgb: 33, 37, 41;\n --cod-emphasis-color: #fff;\n --cod-emphasis-color-rgb: 255, 255, 255;\n --cod-secondary-color: rgba(173, 181, 189, 0.75);\n --cod-secondary-color-rgb: 173, 181, 189;\n --cod-secondary-bg: #343a40;\n --cod-secondary-bg-rgb: 52, 58, 64;\n --cod-tertiary-color: rgba(173, 181, 189, 0.5);\n --cod-tertiary-color-rgb: 173, 181, 189;\n --cod-tertiary-bg: #2b3035;\n --cod-tertiary-bg-rgb: 43, 48, 53;\n --cod-primary-text-emphasis: #668f8f;\n --cod-secondary-text-emphasis: #f7f7f7;\n --cod-success-text-emphasis: #c5e6d1;\n --cod-info-text-emphasis: #668f8f;\n --cod-warning-text-emphasis: #fed46e;\n --cod-danger-text-emphasis: #d18889;\n --cod-light-text-emphasis: #f8f9fa;\n --cod-dark-text-emphasis: #dee2e6;\n --cod-primary-bg-subtle: #000e0e;\n --cod-secondary-bg-subtle: #303030;\n --cod-success-bg-subtle: #202b24;\n --cod-info-bg-subtle: #000e0e;\n --cod-warning-bg-subtle: #332503;\n --cod-danger-bg-subtle: #240b0c;\n --cod-light-bg-subtle: #343a40;\n --cod-dark-bg-subtle: #1a1d20;\n --cod-primary-border-subtle: #002929;\n --cod-secondary-border-subtle: #919191;\n --cod-success-border-subtle: #5f806b;\n --cod-info-border-subtle: #002929;\n --cod-warning-border-subtle: #986e08;\n --cod-danger-border-subtle: #6b2223;\n --cod-light-border-subtle: #495057;\n --cod-dark-border-subtle: #343a40;\n --cod-link-color: #668f8f;\n --cod-link-hover-color: #85a5a5;\n --cod-link-color-rgb: 102, 143, 143;\n --cod-link-hover-color-rgb: 133, 165, 165;\n --cod-code-color: #e685b5;\n --cod-border-color: #495057;\n --cod-border-color-translucent: rgba(255, 255, 255, 0.15);\n --cod-form-valid-color: #75b798;\n --cod-form-valid-border-color: #75b798;\n --cod-form-invalid-color: #ea868f;\n --cod-form-invalid-border-color: #ea868f;\n}\n\nh1,\n.h1 {\n border-left: 0.1em solid #feb70d;\n padding-left: 0.25em;\n}\n\n.title-line {\n border-left: none;\n border-bottom: 0.1em solid #feb70d;\n}\n\nb,\nstrong {\n font-weight: 700;\n}\n\n.btn {\n --cod-btn-focus-box-shadow: 0 0 0 0.25em\n rgba(var(--cod-btn-focus-shadow-rgb), 1);\n}\n\n.btn:focus-visible {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-primary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-secondary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-success {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-info {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-warning {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-danger {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-light {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-dark {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-accent-primary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-accent-secondary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n:host {\n display: block;\n}\n\n.photo-btn {\n display: block;\n padding: 0;\n text-align: left;\n border: 0;\n}\n\n.button-img::slotted(img) {\n display: block;\n width: 100%;\n}\n\n.button-body {\n padding: var(--cod-btn-padding-y) var(--cod-btn-padding-x);\n}\n\n/*# sourceMappingURL=PhotoButton.css.map */\n",n.appendChild(o)}static get observedAttributes(){return["href","rel","target"]}get href(){return this.getAttribute("href")}get rel(){return this.getAttribute("rel")}get target(){return this.getAttribute("target")}attributeChangedCallback(n,o,t){const r=this.shadowRoot.querySelector("a");r&&r.setAttribute(n,t||"")}connectedCallback(){const n=this.shadowRoot.querySelector("a");this.href&&n.setAttribute("href",this.href),this.rel&&n.setAttribute("rel",this.rel),this.target&&n.setAttribute("target",this.target)}}customElements.define("cod-photo-button",R);const B=document.createElement("template");B.innerHTML='\n\n
\n
\n \n \n \n \n
\n
\n
\n
\n
\n ',expanded:'\n '};class I extends HTMLElement{static get observedAttributes(){return["expanded","bordered","allow-multiple"]}constructor(){super(),this._state={expanded:!1,bordered:!1,allowMultiple:!1};const n=this.attachShadow({mode:"open"});n.appendChild(B.content.cloneNode(!0)),this._panel=n.querySelector(".cod-detail-panel"),this._content=n.querySelector(".cod-detail-panel__content"),this._heading=n.querySelector(".cod-detail-panel__heading"),this._button=n.querySelector(".cod-detail-panel__button"),this._body=n.querySelector(".cod-detail-panel__body"),this._icon=n.querySelector(".cod-detail-panel__icon"),this._panelId=`cod-detail-panel-${Math.random().toString(36).substr(2,9)}`,this._body.id=this._panelId,this._button.setAttribute("aria-controls",this._panelId),this._handleClick=this._handleClick.bind(this),this._handleKeydown=this._handleKeydown.bind(this)}connectedCallback(){this._injectStyles(),this._updateFromAttributes(),this._updateClasses(),this._updateExpandedState(),this._updateIcon(),this._addEventListeners()}disconnectedCallback(){this._removeEventListeners()}attributeChangedCallback(n,o,t){o!==t&&(this._updateFromAttributes(),this._updateClasses(),"expanded"===n&&(this._updateExpandedState(),this._updateIcon()))}_injectStyles(){const n=document.createElement("style");n.textContent=k;const o=document.createElement("style");o.textContent=y;const t=document.createElement("style");t.textContent=":host,\n[data-bs-theme='light'] {\n --cod-blue: #0d6efd;\n --cod-indigo: #6610f2;\n --cod-purple: #6f42c1;\n --cod-pink: #d63384;\n --cod-red: #dc3545;\n --cod-orange: #fd7e14;\n --cod-yellow: #ffc107;\n --cod-green: #198754;\n --cod-teal: #20c997;\n --cod-cyan: #0dcaf0;\n --cod-black: #000;\n --cod-white: #fff;\n --cod-gray: #6c757d;\n --cod-gray-dark: #343a40;\n --cod-gray-100: #f8f9fa;\n --cod-gray-200: #e9ecef;\n --cod-gray-300: #dee2e6;\n --cod-gray-400: #ced4da;\n --cod-gray-500: #adb5bd;\n --cod-gray-600: #6c757d;\n --cod-gray-700: #495057;\n --cod-gray-800: #343a40;\n --cod-gray-900: #212529;\n --cod-primary: #004445;\n --cod-secondary: #f2f2f2;\n --cod-success: #9fd5b3;\n --cod-info: #004445;\n --cod-warning: #feb70d;\n --cod-danger: #b3393b;\n --cod-light: #fff;\n --cod-dark: #18252a;\n --cod-accent-primary: #feb70d;\n --cod-accent-secondary: #9fd5b3;\n --cod-primary-rgb: 0, 68, 69;\n --cod-secondary-rgb: 242, 242, 242;\n --cod-success-rgb: 159, 213, 179;\n --cod-info-rgb: 0, 68, 69;\n --cod-warning-rgb: 254, 183, 13;\n --cod-danger-rgb: 179, 57, 59;\n --cod-light-rgb: 255, 255, 255;\n --cod-dark-rgb: 24, 37, 42;\n --cod-accent-primary-rgb: 254, 183, 13;\n --cod-accent-secondary-rgb: 159, 213, 179;\n --cod-primary-text-emphasis: #001b1c;\n --cod-secondary-text-emphasis: #616161;\n --cod-success-text-emphasis: #405548;\n --cod-info-text-emphasis: #001b1c;\n --cod-warning-text-emphasis: #664905;\n --cod-danger-text-emphasis: #481718;\n --cod-light-text-emphasis: #495057;\n --cod-dark-text-emphasis: #495057;\n --cod-primary-bg-subtle: #ccdada;\n --cod-secondary-bg-subtle: #fcfcfc;\n --cod-success-bg-subtle: #ecf7f0;\n --cod-info-bg-subtle: #ccdada;\n --cod-warning-bg-subtle: #fff1cf;\n --cod-danger-bg-subtle: #f0d7d8;\n --cod-light-bg-subtle: #fcfcfd;\n --cod-dark-bg-subtle: #ced4da;\n --cod-primary-border-subtle: #99b4b5;\n --cod-secondary-border-subtle: #fafafa;\n --cod-success-border-subtle: #d9eee1;\n --cod-info-border-subtle: #99b4b5;\n --cod-warning-border-subtle: #ffe29e;\n --cod-danger-border-subtle: #e1b0b1;\n --cod-light-border-subtle: #e9ecef;\n --cod-dark-border-subtle: #adb5bd;\n --cod-white-rgb: 255, 255, 255;\n --cod-black-rgb: 0, 0, 0;\n --cod-font-sans-serif: 'Montserrat', sans-serif;\n --cod-font-monospace: 'Montserrat', sans-serif;\n --cod-gradient: linear-gradient(\n 180deg,\n rgba(255, 255, 255, 0.15),\n rgba(255, 255, 255, 0)\n );\n --cod-body-font-family: var(--cod-font-sans-serif);\n --cod-body-font-size: 1em;\n --cod-body-font-weight: 500;\n --cod-body-line-height: 1.5;\n --cod-body-color: #212529;\n --cod-body-color-rgb: 33, 37, 41;\n --cod-body-bg: #fff;\n --cod-body-bg-rgb: 255, 255, 255;\n --cod-emphasis-color: #000;\n --cod-emphasis-color-rgb: 0, 0, 0;\n --cod-secondary-color: rgba(33, 37, 41, 0.75);\n --cod-secondary-color-rgb: 33, 37, 41;\n --cod-secondary-bg: #e9ecef;\n --cod-secondary-bg-rgb: 233, 236, 239;\n --cod-tertiary-color: rgba(33, 37, 41, 0.5);\n --cod-tertiary-color-rgb: 33, 37, 41;\n --cod-tertiary-bg: #f8f9fa;\n --cod-tertiary-bg-rgb: 248, 249, 250;\n --cod-link-color: #004445;\n --cod-link-color-rgb: 0, 68, 69;\n --cod-link-decoration: underline;\n --cod-link-hover-color: #003637;\n --cod-link-hover-color-rgb: 0, 54, 55;\n --cod-code-color: #d63384;\n --cod-highlight-bg: #fff3cd;\n --cod-border-width: 1px;\n --cod-border-style: solid;\n --cod-border-color: #dee2e6;\n --cod-border-color-translucent: rgba(0, 0, 0, 0.175);\n --cod-border-radius: 0.375em;\n --cod-border-radius-sm: 0.25em;\n --cod-border-radius-lg: 0.5em;\n --cod-border-radius-xl: 1em;\n --cod-border-radius-xxl: 2em;\n --cod-border-radius-2xl: var(--cod-border-radius-xxl);\n --cod-border-radius-pill: 50em;\n --cod-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);\n --cod-box-shadow-sm: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);\n --cod-box-shadow-lg: 0 1em 3em rgba(0, 0, 0, 0.175);\n --cod-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);\n --cod-focus-ring-width: 0.25em;\n --cod-focus-ring-opacity: 1;\n --cod-focus-ring-color: blue;\n --cod-form-valid-color: #9fd5b3;\n --cod-form-valid-border-color: #9fd5b3;\n --cod-form-invalid-color: #b3393b;\n --cod-form-invalid-border-color: #b3393b;\n}\n\n[data-bs-theme='dark'] {\n color-scheme: dark;\n --cod-body-color: #adb5bd;\n --cod-body-color-rgb: 173, 181, 189;\n --cod-body-bg: #212529;\n --cod-body-bg-rgb: 33, 37, 41;\n --cod-emphasis-color: #fff;\n --cod-emphasis-color-rgb: 255, 255, 255;\n --cod-secondary-color: rgba(173, 181, 189, 0.75);\n --cod-secondary-color-rgb: 173, 181, 189;\n --cod-secondary-bg: #343a40;\n --cod-secondary-bg-rgb: 52, 58, 64;\n --cod-tertiary-color: rgba(173, 181, 189, 0.5);\n --cod-tertiary-color-rgb: 173, 181, 189;\n --cod-tertiary-bg: #2b3035;\n --cod-tertiary-bg-rgb: 43, 48, 53;\n --cod-primary-text-emphasis: #668f8f;\n --cod-secondary-text-emphasis: #f7f7f7;\n --cod-success-text-emphasis: #c5e6d1;\n --cod-info-text-emphasis: #668f8f;\n --cod-warning-text-emphasis: #fed46e;\n --cod-danger-text-emphasis: #d18889;\n --cod-light-text-emphasis: #f8f9fa;\n --cod-dark-text-emphasis: #dee2e6;\n --cod-primary-bg-subtle: #000e0e;\n --cod-secondary-bg-subtle: #303030;\n --cod-success-bg-subtle: #202b24;\n --cod-info-bg-subtle: #000e0e;\n --cod-warning-bg-subtle: #332503;\n --cod-danger-bg-subtle: #240b0c;\n --cod-light-bg-subtle: #343a40;\n --cod-dark-bg-subtle: #1a1d20;\n --cod-primary-border-subtle: #002929;\n --cod-secondary-border-subtle: #919191;\n --cod-success-border-subtle: #5f806b;\n --cod-info-border-subtle: #002929;\n --cod-warning-border-subtle: #986e08;\n --cod-danger-border-subtle: #6b2223;\n --cod-light-border-subtle: #495057;\n --cod-dark-border-subtle: #343a40;\n --cod-link-color: #668f8f;\n --cod-link-hover-color: #85a5a5;\n --cod-link-color-rgb: 102, 143, 143;\n --cod-link-hover-color-rgb: 133, 165, 165;\n --cod-code-color: #e685b5;\n --cod-border-color: #495057;\n --cod-border-color-translucent: rgba(255, 255, 255, 0.15);\n --cod-form-valid-color: #75b798;\n --cod-form-valid-border-color: #75b798;\n --cod-form-invalid-color: #ea868f;\n --cod-form-invalid-border-color: #ea868f;\n}\n\nh1,\n.h1 {\n border-left: 0.1em solid #feb70d;\n padding-left: 0.25em;\n}\n\n.title-line {\n border-left: none;\n border-bottom: 0.1em solid #feb70d;\n}\n\nb,\nstrong {\n font-weight: 700;\n}\n\n.btn {\n --cod-btn-focus-box-shadow: 0 0 0 0.25em\n rgba(var(--cod-btn-focus-shadow-rgb), 1);\n}\n\n.btn:focus-visible {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-primary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-secondary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-success {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-info {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-warning {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-danger {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-light {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-dark {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-accent-primary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n.btn-accent-secondary {\n --cod-btn-focus-shadow-rgb: 0, 0, 255;\n}\n\n:host {\n display: block;\n --cod-detail-panel-background-color: transparent;\n --cod-detail-panel-border-color: #dee2e6;\n --cod-detail-panel-border-radius: 0;\n --cod-detail-panel-heading-background: #f2f2f2;\n --cod-detail-panel-heading-color: #18252a;\n --cod-detail-panel-body-background: transparent;\n --cod-detail-panel-body-color: #18252a;\n --cod-detail-panel-body-padding: 1em;\n --cod-detail-panel-button-padding: 1em 1.25em;\n --cod-detail-panel-button-focus-color: #004445;\n --cod-detail-panel-icon-size: 1em;\n}\n\n.cod-detail-panel {\n background-color: var(--cod-detail-panel-background-color);\n border: 1px solid var(--cod-detail-panel-border-color);\n border-radius: var(--cod-detail-panel-border-radius);\n margin-bottom: 1em;\n font-family: inherit;\n}\n.cod-detail-panel:last-child {\n margin-bottom: 0;\n}\n.cod-detail-panel__content {\n display: block;\n}\n.cod-detail-panel__heading {\n margin: 0;\n display: block;\n}\n.cod-detail-panel__button {\n position: relative;\n display: flex;\n align-items: center;\n justify-content: space-between;\n width: 100%;\n padding: var(--cod-detail-panel-button-padding);\n font-size: inherit;\n font-weight: 500;\n line-height: 1.5;\n text-align: left;\n color: var(--cod-detail-panel-heading-color);\n background-color: var(--cod-detail-panel-heading-background);\n border: none;\n border-radius: var(--cod-detail-panel-border-radius);\n cursor: pointer;\n transition:\n color 0.15s ease-in-out,\n background-color 0.15s ease-in-out;\n}\n.cod-detail-panel__button:hover {\n background-color: color-mix(\n in srgb,\n var(--cod-detail-panel-border-color) 20%,\n transparent\n );\n}\n.cod-detail-panel__button:focus {\n outline: 2px solid var(--cod-detail-panel-button-focus-color);\n outline-offset: 2px;\n z-index: 1;\n}\n.cod-detail-panel__button:focus:not(:focus-visible) {\n outline: none;\n}\n.cod-detail-panel__button:focus-visible {\n outline: 2px solid var(--cod-detail-panel-button-focus-color);\n outline-offset: 2px;\n}\n.cod-detail-panel__button-text {\n flex: 1;\n min-width: 0;\n}\n.cod-detail-panel__icon {\n flex-shrink: 0;\n width: var(--cod-detail-panel-icon-size);\n height: var(--cod-detail-panel-icon-size);\n margin-left: 1em;\n color: var(--cod-detail-panel-heading-color);\n transition: transform 0.15s ease-in-out;\n}\n.cod-detail-panel__icon svg {\n width: 100%;\n height: 100%;\n display: block;\n}\n.cod-detail-panel__content--expanded .cod-detail-panel__icon {\n transform: rotate(0deg);\n}\n.cod-detail-panel__body {\n padding: var(--cod-detail-panel-body-padding);\n background-color: var(--cod-detail-panel-body-background);\n color: var(--cod-detail-panel-body-color);\n border-top: 1px solid var(--cod-detail-panel-border-color);\n}\n.cod-detail-panel--bordered {\n border: 2px solid var(--cod-detail-panel-border-color);\n box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\n}\n.cod-detail-panel--bordered .cod-detail-panel__button {\n border-radius: var(--cod-detail-panel-border-radius);\n}\n.cod-detail-panel:first-child .cod-detail-panel__button {\n border-radius: var(--cod-detail-panel-border-radius);\n}\n.cod-detail-panel:last-child .cod-detail-panel__button {\n border-radius: var(--cod-detail-panel-border-radius);\n}\n.cod-detail-panel:first-child:last-child .cod-detail-panel__button {\n border-radius: var(--cod-detail-panel-border-radius);\n}\n.cod-detail-panel__content--expanded .cod-detail-panel__button {\n border-radius: var(--cod-detail-panel-border-radius);\n}\n\n.cod-detail-panel + .cod-detail-panel {\n margin-top: -1px;\n}\n.cod-detail-panel + .cod-detail-panel .cod-detail-panel__button {\n border-radius: 0;\n}\n\n.cod-detail-panel:first-child .cod-detail-panel__button {\n border-radius: var(--cod-detail-panel-border-radius);\n}\n\n.cod-detail-panel:last-child\n .cod-detail-panel__button:not([aria-expanded='true']) {\n border-radius: var(--cod-detail-panel-border-radius);\n}\n\n@media (max-width: 768px) {\n .cod-detail-panel__button {\n padding: 0.75em 1em;\n }\n .cod-detail-panel__body {\n padding: 0.75em 1em;\n }\n}\n\n/*# sourceMappingURL=DetailPanel.css.map */\n",this.shadowRoot.appendChild(n),this.shadowRoot.appendChild(o),this.shadowRoot.appendChild(t)}_updateFromAttributes(){this._state.expanded=this.hasAttribute("expanded"),this._state.bordered=this.hasAttribute("bordered"),this._state.allowMultiple=this.hasAttribute("allow-multiple")}_updateClasses(){const n=["cod-detail-panel"];this._state.bordered&&n.push("cod-detail-panel--bordered"),this._panel.className=n.join(" ")}_updateExpandedState(){this._button.setAttribute("aria-expanded",this._state.expanded.toString()),this._state.expanded?(this._body.hidden=!1,this._content.classList.add("cod-detail-panel__content--expanded")):(this._body.hidden=!0,this._content.classList.remove("cod-detail-panel__content--expanded"))}_updateIcon(){const n=this._state.expanded?q.expanded:q.collapsed;this._icon.innerHTML=n}_addEventListeners(){this._button.addEventListener("click",this._handleClick),this._button.addEventListener("keydown",this._handleKeydown)}_removeEventListeners(){this._button.removeEventListener("click",this._handleClick),this._button.removeEventListener("keydown",this._handleKeydown)}_handleClick(){this.toggle()}_handleKeydown(n){switch(n.key){case"Enter":case" ":n.preventDefault(),this.toggle();break;case"ArrowDown":this._state.allowMultiple||(n.preventDefault(),this._focusNextPanel());break;case"ArrowUp":this._state.allowMultiple||(n.preventDefault(),this._focusPreviousPanel())}}_focusNextPanel(){const n=Array.from(document.querySelectorAll("cod-detail-panel")),o=n.indexOf(this),t=n[o+1]||n[0];t?.shadowRoot?.querySelector(".cod-detail-panel__button")?.focus()}_focusPreviousPanel(){const n=Array.from(document.querySelectorAll("cod-detail-panel")),o=n.indexOf(this),t=n[o-1]||n[n.length-1];t?.shadowRoot?.querySelector(".cod-detail-panel__button")?.focus()}expand(){this._state.expanded||this.setAttribute("expanded","")}collapse(){this._state.expanded&&this.removeAttribute("expanded")}toggle(){this._state.expanded?this.collapse():(this._state.allowMultiple||this._collapseSiblingPanels(),this.expand())}_collapseSiblingPanels(){const n=this.parentElement;if(n){n.querySelectorAll("cod-detail-panel:not([allow-multiple])").forEach((n=>{n!==this&&n.collapse()}))}}get expanded(){return this._state.expanded}set expanded(n){n?this.setAttribute("expanded",""):this.removeAttribute("expanded")}get bordered(){return this._state.bordered}set bordered(n){n?this.setAttribute("bordered",""):this.removeAttribute("bordered")}get allowMultiple(){return this._state.allowMultiple}set allowMultiple(n){n?this.setAttribute("allow-multiple",""):this.removeAttribute("allow-multiple")}}customElements.define("cod-detail-panel",I)})();
\ No newline at end of file
diff --git a/package.json b/package.json
index e2e191bc..dfab256f 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "cod-design-system",
- "version": "2.0.6",
+ "version": "3.0.0-alpha.13",
"description": "City of Detroit design system",
"main": "build/stable/assets/js/main.js",
"repository": {
@@ -69,7 +69,7 @@
"@storybook/web-components": "^8.6.4",
"@storybook/web-components-webpack5": "^8.6.4",
"@svgr/webpack": "^5.5.0",
- "auto": "^10.43.0",
+ "auto": "^11.3.6",
"babel-loader": "^8.2.3",
"babel-plugin-transform-react-remove-prop-types": "^0.4.24",
"chromatic": "^10.3.1",
diff --git a/src/experimental/components/atoms/ActionButton/ActionButton.css b/src/experimental/components/atoms/ActionButton/ActionButton.css
index 319f60c0..a6fa8fa4 100644
--- a/src/experimental/components/atoms/ActionButton/ActionButton.css
+++ b/src/experimental/components/atoms/ActionButton/ActionButton.css
@@ -37,6 +37,6 @@ div {
}
.btn {
- --bs-btn-padding-x: 0rem;
- --bs-btn-padding-y: 0rem;
+ --cod-btn-padding-x: 0rem;
+ --cod-btn-padding-y: 0rem;
}
diff --git a/src/experimental/components/atoms/ActionButtonV2/ActionButtonV2.css b/src/experimental/components/atoms/ActionButtonV2/ActionButtonV2.css
index ac151513..eb3fd66d 100644
--- a/src/experimental/components/atoms/ActionButtonV2/ActionButtonV2.css
+++ b/src/experimental/components/atoms/ActionButtonV2/ActionButtonV2.css
@@ -40,6 +40,6 @@ div {
}
.btn {
- --bs-btn-padding-x: 0rem;
- --bs-btn-padding-y: 0rem;
+ --cod-btn-padding-x: 0rem;
+ --cod-btn-padding-y: 0rem;
}
diff --git a/src/experimental/components/atoms/Breadcrumb/Breadcrumb.js b/src/experimental/components/atoms/Breadcrumb/Breadcrumb.js
index 3f8bb25c..951279c4 100644
--- a/src/experimental/components/atoms/Breadcrumb/Breadcrumb.js
+++ b/src/experimental/components/atoms/Breadcrumb/Breadcrumb.js
@@ -55,13 +55,13 @@ export default class Container extends HTMLElement {
// TODO: Fix old ESLint errors - see issue #1099
// eslint-disable-next-line eqeqeq
if (noDivider == 'true') {
- this.nav.style.cssText = "--bs-breadcrumb-divider: '';";
+ this.nav.style.cssText = "--cod-breadcrumb-divider: '';";
}
// TODO: Fix old ESLint errors - see issue #1099
// eslint-disable-next-line eqeqeq
if (svg != undefined || svg != null) {
- this.nav.style.cssText = `--bs-breadcrumb-divider: url(${svg});`;
+ this.nav.style.cssText = `--cod-breadcrumb-divider: url(${svg});`;
}
this.shadowRoot.appendChild(this.nav);
}
diff --git a/src/experimental/components/atoms/Button/Button.css b/src/experimental/components/atoms/Button/Button.css
deleted file mode 100644
index e1711384..00000000
--- a/src/experimental/components/atoms/Button/Button.css
+++ /dev/null
@@ -1,84 +0,0 @@
-.btn {
- font-family: var(--font-family);
- border-radius: 0;
-}
-
-.cod-button--xsmall.cod-button--fluid {
- font-size: 0.85em;
- padding: 0.25em;
-}
-
-.cod-button--small.cod-button--fluid {
- font-size: 1em;
- padding: 0.8em 1.1em;
-}
-
-.cod-button--medium.cod-button--fluid {
- font-size: 1.1em;
- padding: 0.75em 1.25em;
-}
-
-.cod-button--large.cod-button--fluid {
- font-size: 1.2em;
- padding: 1em 2em;
-}
-
-.btn.cod-button--square {
- font-size: 1.1em;
- height: 2.5em;
- width: 2.5em;
-}
-
-.btn.cod-button--square.close {
- --bs-btn-close-bg: url(
- data:image/svg + xml,
- %3csvgxmlns='http://www.w3.org/2000/svg'viewBox='0 0 16 16'fill='%23000'%3e%3cpathd='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e
- );
- background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
-}
-
-.btn-sm.cod-button--square {
- font-size: 1em;
- height: 2em;
- width: 2em;
-}
-
-.btn-lg.cod-button--square {
- font-size: 1.2em;
- height: 3em;
- width: 3em;
-}
-
-.cod-button--img {
- display: flex;
-}
-
-.cod-button--square.cod-button--img {
- padding: 1px 6px;
-}
-
-.cod-button--img img {
- height: 1em;
- margin-left: 0.5em;
- position: relative;
- top: 0.1em;
-}
-
-.cod-button--square.cod-button--img img {
- height: auto;
- max-width: 100%;
- margin: auto;
- top: 0;
-}
-
-cod-icon {
- position: relative;
- top: 0.1em;
- margin: 0 0.5em;
-}
-
-.icon-center span cod-icon {
- top: 0.2em;
- right: 0.1em;
- margin: 0;
-}
diff --git a/src/experimental/components/atoms/Button/Button.js b/src/experimental/components/atoms/Button/Button.js
deleted file mode 100644
index d5902d3c..00000000
--- a/src/experimental/components/atoms/Button/Button.js
+++ /dev/null
@@ -1,110 +0,0 @@
-import styles from '!!raw-loader!./Button.css';
-import varStyles from '!!raw-loader!../../../../shared/variables.css';
-import bootstrapStyles from '!!raw-loader!../../../../shared/themed-bootstrap.css';
-
-export default class Button extends HTMLElement {
- constructor() {
- // Always call super first in constructor
- super();
- // Create a shadow root
- this.attachShadow({ mode: 'open' });
- }
-
- connectedCallback() {
- // Button attributes
- const close = this.getAttribute('data-close');
- const link = this.getAttribute('data-link');
- const btnID = this.getAttribute('data-id');
- const ariaLabel = this.getAttribute('data-aria-label');
- const primary = this.getAttribute('data-primary');
- const backgroundColor = this.getAttribute('data-background-color');
- const shape = this.getAttribute('data-shape');
- const icon = this.getAttribute('data-icon');
- const iconSize = this.getAttribute('data-icon-size');
- const iconOrder = this.getAttribute('data-icon-order');
- const hiddenLabel = this.getAttribute('data-hidden-label');
- const imgSrc = this.getAttribute('data-img');
- const imgAlt = this.getAttribute('data-img-alt');
- const size = this.getAttribute('data-size');
- const extraClasses = this.getAttribute('data-extra-classes');
- const label = this.getAttribute('data-label');
- const disableStatus = this.getAttribute('data-disable');
- // Building Button component
- const btn = document.createElement('button');
- const btnClasses = ['btn'];
- btn.type = 'button';
- if (btnID) {
- btn.id = btnID;
- }
- disableStatus === 'true' ? (btn.disabled = true) : (btn.disabled = false);
- btn.setAttribute('aria-label', `${ariaLabel || ''}`);
- if (primary === 'true') {
- btnClasses.push(`btn-${backgroundColor}`);
- } else if (primary === 'false') {
- btnClasses.push(`btn-outline-${backgroundColor}`);
- }
- shape === 'square'
- ? btnClasses.push('cod-button--square')
- : btnClasses.push('cod-button-fluid');
- size !== null ? btnClasses.push(`btn-${size}`) : 0;
- extraClasses !== null ? btnClasses.push(extraClasses) : 0;
- imgAlt
- ? btnClasses.push('cod-button--img')
- : btnClasses.push('cod-button--not-img');
- close === 'true' ? btnClasses.push('btn-close') : 0;
- btn.className = btnClasses.join(' ');
-
- if (icon) {
- // Loading icon
- const iconContainer = document.createElement('span');
- const activeIcon = document.createElement('cod-icon');
- activeIcon.setAttribute('data-icon', icon);
- activeIcon.setAttribute('data-size', iconSize);
- iconContainer.appendChild(activeIcon);
- btn.innerText = label;
- if (iconOrder === 'left') {
- btn.insertBefore(iconContainer, btn.firstChild);
- } else {
- btn.appendChild(iconContainer);
- }
- } else if (imgAlt) {
- // Loading image
- btn.innerText = label;
- const btnIcon = document.createElement('img');
- btnIcon.src = imgSrc;
- btnIcon.setAttribute('alt', imgAlt);
- btn.appendChild(btnIcon);
- } else {
- btn.innerText = label;
- }
- // Create hidden label
- if (hiddenLabel !== null) {
- const hLabel = document.createElement('span');
- hLabel.className = 'visually-hidden';
- hLabel.innerText = hiddenLabel;
- btn.appendChild(hLabel);
- }
- if (!this.shadowRoot.querySelector('button')) {
- // Inserting styles
- const bootStyles = document.createElement('style');
- bootStyles.textContent = bootstrapStyles;
- this.shadowRoot.appendChild(bootStyles);
- const variableStyles = document.createElement('style');
- variableStyles.textContent = varStyles;
- this.shadowRoot.appendChild(variableStyles);
- const btnStyles = document.createElement('style');
- btnStyles.textContent = styles;
- this.shadowRoot.appendChild(btnStyles);
- if (link) {
- const btnLink = document.createElement('a');
- btnLink.href = link;
- btnLink.appendChild(btn);
- this.shadowRoot.appendChild(btnLink);
- } else {
- this.shadowRoot.appendChild(btn);
- const ghostBtn = this.appendChild(document.createElement('button'));
- this.onclick = () => ghostBtn.click();
- }
- }
- }
-}
diff --git a/src/experimental/components/atoms/CardBody/CardBody.css b/src/experimental/components/atoms/CardBody/CardBody.css
deleted file mode 100644
index 73c7a037..00000000
--- a/src/experimental/components/atoms/CardBody/CardBody.css
+++ /dev/null
@@ -1,3 +0,0 @@
-div {
- font-family: var(--font-family);
-}
diff --git a/src/experimental/components/atoms/CardBody/CardBody.js b/src/experimental/components/atoms/CardBody/CardBody.js
deleted file mode 100644
index 51b0c679..00000000
--- a/src/experimental/components/atoms/CardBody/CardBody.js
+++ /dev/null
@@ -1,40 +0,0 @@
-import styles from '!!raw-loader!./CardBody.css';
-import varStyles from '!!raw-loader!../../../../shared/variables.css';
-import bootstrapStyles from '!!raw-loader!../../../../shared/themed-bootstrap.css';
-
-const template = document.createElement('template');
-
-template.innerHTML = `
-
-
-
- Left
- Middle
- Right
-
-
- `,
-};
-
-export const Mixed = {
- tags: ['!dev'], // Only for testing, hidden from sidebar
- render: () => html`
-
-
- `,
-};
-
-export const Outlined = {
- tags: ['!dev'], // Only for testing, hidden from sidebar
- render: () => html`
-
-
- `,
-};
-
-export const CheckboxButtonGroup = {
- tags: ['!dev'], // Only for testing, hidden from sidebar
- render: () => html`
-
-
-
-
-
-
- `,
-};
-
-export const ButtonToolbar = {
- tags: ['!dev'], // Only for testing, hidden from sidebar
- render: () => html`
-
-
-
-
- `,
-};
-
-export const Vertical = {
- tags: ['!dev'], // Only for testing, hidden from sidebar
- render: () => html`
-
-
- `,
-};
diff --git a/src/experimental/stories/card.stories.js b/src/experimental/stories/card.stories.js
deleted file mode 100644
index 1de122e1..00000000
--- a/src/experimental/stories/card.stories.js
+++ /dev/null
@@ -1,477 +0,0 @@
-import { html } from 'lit-html';
-import '../components/atoms/CardHeader/cod-card-header';
-import '../components/atoms/CardBody/cod-card-body';
-import '../components/atoms/CardFooter/cod-card-footer';
-import '../components/atoms/CardOverlay/cod-card-overlay';
-import '../components/organisms/Card/cod-card';
-import '../components/atoms/Button/cod-button';
-
-export default {
- tags: ['experimental'],
- title: 'Experimental/Card',
-};
-
-export const Basic = {
- tags: ['autodocs'],
- render: () => html`
-
-
-
-
-
Card title
-
- Some quick example text to build on the card title and make up the
- bulk of the card's content.
-
-
Go somewhere
-
-
- Card title
-
- Some quick example text to build on the card title and make up the
- bulk of the card's content.
-
-
-
- `,
-};
-
-export const BodyOnly = {
- render: () => html`
-
-
- This is some text within a card body.
-
-
- `,
-};
-
-export const TitleTextLinks = {
- tags: ['!dev'],
- render: () => html`
-
-
- Card title
- Card subtitle
-
- Some quick example text to build on the card title and make up the
- bulk of the card's content.
-
- Card link
- Another link
-
-
- `,
-};
-
-export const KitchenSink = {
- tags: ['!dev'],
- render: () => html`
-
-
- Card title
-
- Some quick example text to build on the card title and make up the
- bulk of the card's content.
-
-
-
- Card link
- Another link
-
-
- `,
-};
-
-export const Header = {
- tags: ['autodocs'],
- render: () => html`
-
-
- Featured
-
-
- Special title treatment
-
- With supporting text below as a natural lead-in to additional content.
-
- Go somewhere
-
-
- `,
-};
-
-export const HeaderFooter = {
- tags: ['autodocs'],
- render: () => html`
-
-
- Featured
-
-
- Special title treatment
-
- With supporting text below as a natural lead-in to additional content.
-
- Go somewhere
-
-
- 2 days ago
-
-
- `,
-};
-
-export const ImageBottom = {
- tags: ['autodocs'],
- render: () => html`
-
-
- Card title
-
- This is a wider card with supporting text below as a natural lead-in
- to additional content. This content is a little bit longer.
-
-
- Last updated 3 mins ago
-
-
-
- `,
-};
-
-export const ImageOverlay = {
- tags: ['autodocs'],
- render: () => html`
-
-
- Card title
-
- This is a wider card with supporting text below as a natural lead-in
- to additional content. This content is a little bit longer.
-
- Last updated 3 mins ago
-
-
- `,
-};
-
-export const NavigationTabs = {
- tags: ['!dev'],
- render: () => html`
-
-
-
- Active
- Link
- Link
- Disabled
-
-
-
- Special title treatment
-
- With supporting text below as a natural lead-in to additional content.
-
- Go somewhere
-
-
- `,
-};
-
-export const NavigationPills = {
- tags: ['!dev'],
- render: () => html`
-
-
-
- Active
- Link
- Link
- Disabled
-
-
-
- Special title treatment
-
- With supporting text below as a natural lead-in to additional content.
-
- Go somewhere
-
-
- `,
-};
-
-export const CardStyles = {
- tags: ['!dev'],
- render: () => html`
-
-
- Header
-
-
- Primary card title
-
- Some quick example text to build on the card title and make up the
- bulk of the card's content.
-
-
-
-
-
- Header
-
-
- Secondary card title
-
- Some quick example text to build on the card title and make up the
- bulk of the card's content.
-
-
-
-
-
- Header
-
-
- Success card title
-
- Some quick example text to build on the card title and make up the
- bulk of the card's content.
-
-
-
-
-
- Header
-
-
- Danger card title
-
- Some quick example text to build on the card title and make up the
- bulk of the card's content.
-
-
-
-
-
- Header
-
-
- Warning card title
-
- Some quick example text to build on the card title and make up the
- bulk of the card's content.
-
-
-
-
-
- Header
-
-
- Info card title
-
- Some quick example text to build on the card title and make up the
- bulk of the card's content.
-
-
-
-
-
- Header
-
-
- Light card title
-
- Some quick example text to build on the card title and make up the
- bulk of the card's content.
-
-
-
-
-
- Header
-
-
- Dark card title
-
- Some quick example text to build on the card title and make up the
- bulk of the card's content.
-
-
-
- `,
-};
-
-export const Border = {
- tags: ['autodocs'],
- render: () => html`
-
-
- Header
-
-
- Primary card title
-
- Some quick example text to build on the card title and make up the
- bulk of the card's content.
-
-
-
- `,
-};
-
-export const CardGrid = {
- tags: ['autodocs'],
- render: () => html`
-
-
-
-
- Card title
-
- This is a longer card with supporting text below as a natural
- lead-in to additional content. This content is a little bit
- longer.
-
-
-
-
-
-
-
- Card title
-
- This is a longer card with supporting text below as a natural
- lead-in to additional content. This content is a little bit
- longer.
-
-
-
-
-
-
-
- Card title
-
- This is a longer card with supporting text below as a natural
- lead-in to additional content. This content is a little bit
- longer.
-
-
-
-
-
-
-
- Card title
-
- This is a longer card with supporting text below as a natural
- lead-in to additional content. This content is a little bit
- longer.
-
-
-
-
-
-
-
-
- Commercial demolition and rehab
-
-
-
-
-
- Commercial demolition and rehab but this content is going to
- spread onto multiple lines
-
-
-
-
-
- Commercial demolition and rehab
-
-
-
-
-
-
- Commercial demolition and rehab
-
-
-
-
- Commercial demolition and rehab
-
-
-
-
- Commercial demolition and rehab.
-
- With an italic flair to demonstrate rich markup ability.
-
-
-
-
-
html`
-
-
-
-
- Active
- Link
- Link
- Disabled
-
-`;
-
-export const HorizontalAlignment = () => html`
-
- Active
- Link
- Link
- Disabled
-
-
-
- Active
- Link
- Link
- Disabled
-
-`;
-
-export const Vertical = () => html`
-
- Active
- Link
- Link
- Disabled
-
-`;
-
-export const Tabs = () => html`
-
- Active
- Link
- Link
- Disabled
-
-`;
-
-export const Pills = () => html`
-
- Active
- Link
- Link
- Disabled
-
-`;
-
-export const Underline = () => html`
-
- Active
- Link
- Link
- Disabled
-
-`;
-
-export const FillJustify = () => html`
-
- Active
- Much longer nav link
- Link
- Disabled
-
-
- Active
- Much longer nav link
- Link
- Disabled
-
-`;
-
-export const TabsDropdowns = () => html`
-
- Active
-
-
- Action Another action
- Something else here
-
-
-
- Link
- Disabled
-
-`;
-
-export const PillssDropdowns = () => html`
-
- Active
-
-
- Action Another action
- Something else here
-
-
-
- Link
- Disabled
-
-`;
diff --git a/src/experimental/stories/navbar.stories.js b/src/experimental/stories/navbar.stories.js
deleted file mode 100644
index a3b95948..00000000
--- a/src/experimental/stories/navbar.stories.js
+++ /dev/null
@@ -1,615 +0,0 @@
-import { html } from 'lit-html';
-import '../components/atoms/NavbarBrand/cod-navbar-brand';
-import '../components/atoms/NavbarCollapse/cod-navbar-collapse';
-import '../components/atoms/NavbarToggle/cod-navbar-toggle';
-import '../components/organisms/Navbar/cod-navbar';
-import '../components/molecules/Nav/cod-nav';
-import '../components/molecules/Dropdown/cod-dropdown';
-import '../components/atoms/DropdownMenu/cod-dropdown-menu';
-import '../components/atoms/Button/cod-button';
-
-export default {
- tags: ['experimental'],
- title: 'Experimental/Navbar',
-};
-
-export const Basic = () => html`
-
-
-
-
-
-
-
-
- Home
- Link
-
-
- Link
- Another action
-
-
- Something else here
-
-
-
- Disabled
-
-
-
-`;
-
-export const Brand = () => html`
-
-
-
-
-
- Home
- Link
-
-
- Link
- Another action
-
-
- Something else here
-
-
-
- Disabled
-
-
-
-
-
-
-
-
-
- Home
- Link
-
-
- Link
- Another action
-
-
- Something else here
-
-
-
- Disabled
-
-
-
-
-
-
-
-
-
- Home
- Link
-
-
- Link
- Another action
-
-
- Something else here
-
-
-
- Disabled
-
-
-
-
-
-
-
-
-
- Home
- Link
-
-
- Link
- Another action
-
-
- Something else here
-
-
-
- Disabled
-
-
-
-`;
-
-export const TextNonNav = () => html`
-
-
-
-
-
- Signed in as: Edgar Montes
-
-
-
-`;
-
-export const Color = () => html`
-
-
-
-
-
-
- Home
- Features
- Pricing
-
-
-
-
-
-
-
-
-
- Home
- Features
- Pricing
-
-
-
-
-
-
-
-
-
- Home
- Features
- Pricing
-
-
-
-`;
-
-export const Placement = () => html`
-
-
-
-
-
- Home
- Features
- Pricing
-
-
-
-
-
-
-
-
- Home
- Features
- Pricing
-
-
-
-
-
-
-
-
- Home
- Features
- Pricing
-
-
-
-
-
-
-
-
- Home
- Features
- Pricing
-
-
-
-
-
-
-
-
-
- Home
- Features
- Pricing
-
-
-
-`;
-
-export const Offcanvas = () => html`
-
-
-
-
- Offcanvas
-
-
-
- Home
- Link
-
-
- Link
- Another action
-
-
- Something else here
-
-
-
-
-
-
-
-
-
-`;
-
-export const OffcanvasResponsive = () => html`
-
-
-
-
-
- Offcanvas
-
-
-
- Home
- Link
-
-
- Link
- Another action
-
-
- Something else here
-
-
-
-
-
-
-
-
-`;
-
-export const OffcanvasColor = () => html`
-
-
-
-
-
- Offcanvas
-
-
-
- Home
- Link
-
-
- Link
- Another action
-
-
- Something else here
-
-
-
-
-
-
-
-
-
-`;
diff --git a/src/experimental/stories/offcanvas.stories.js b/src/experimental/stories/offcanvas.stories.js
deleted file mode 100644
index 2571f2d5..00000000
--- a/src/experimental/stories/offcanvas.stories.js
+++ /dev/null
@@ -1,307 +0,0 @@
-import { html } from 'lit-html';
-import '../components/atoms/OffcanvasHeader/cod-offcanvas-header';
-import '../components/atoms/OffcanvasBody/cod-offcanvas-body';
-import '../components/organisms/Offcanvas/cod-offcanvas';
-
-export default {
- tags: ['experimental'],
- title: 'Experimental/Offcanvas',
-};
-
-export const Basic = () => html`
-
- Button with data-bs-target
-
-
-
- Button with data-bs-target
-
-
-
-
-
-
- Some text as placeholder. In real life you can have the elements you
- have chosen. Like, text, images, lists, etc.
-
-
-
- Dropdown button
-
-
-
-
-
- Offcanvas
-
-
-
- Some text as placeholder. In real life you can have the elements you
- have chosen. Like, text, images, lists, etc. Here's an example of a very
- long list.
-
-
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
- 12
- 13
- 14
- 15
- 16
- 17
- 18
- 19
- 20
- 21
- 22
- 23
- 24
- 25
- 26
- 27
- 28
- 29
- 30
- 31
- 32
- 33
- 34
- 35
- 36
- 37
- 38
- 39
- 40
-
-
-
-`;
-
-export const NoBackdrop = () => html`
-
- Button with data-bs-target
-
-
-
- Offcanvas
-
-
-
- Some text as placeholder. In real life you can have the elements you
- have chosen. Like, text, images, lists, etc.
-
-
-
-`;
-
-export const StaticBackdrop = () => html`
-
- Button with data-bs-target
-
-
-
- Offcanvas
-
-
-
- Some text as placeholder. In real life you can have the elements you
- have chosen. Like, text, images, lists, etc.
-
-
-
-`;
-
-export const Dark = () => html`
-
- Button with data-bs-target
-
-
-
- Offcanvas
-
-
-
- Some text as placeholder. In real life you can have the elements you
- have chosen. Like, text, images, lists, etc.
-
-
-
-`;
-
-export const Custom = () => html`
-
- Button with data-bs-target
-
-
-
- Offcanvas
-
-
-
- Some text as placeholder. In real life you can have the elements you
- have chosen. Like, text, images, lists, etc.
-
-
-
-`;
-
-export const Placement = () => html`
-
- Start
-
-
- End
-
-
- Top
-
-
- Bottom
-
-
-
- Offcanvas
-
-
-
- Some text as placeholder. In real life you can have the elements you
- have chosen. Like, text, images, lists, etc.
-
-
-
-
-
- Offcanvas
-
-
-
- Some text as placeholder. In real life you can have the elements you
- have chosen. Like, text, images, lists, etc.
-
-
-
-
-
- Offcanvas
-
-
-
- Some text as placeholder. In real life you can have the elements you
- have chosen. Like, text, images, lists, etc.
-
-
-
-
-
- Offcanvas
-
-
-
- Some text as placeholder. In real life you can have the elements you
- have chosen. Like, text, images, lists, etc.
-
-
-
-`;
diff --git a/src/scss/_detroitmi-bootstrap-base.scss b/src/scss/_cod-uxds-bs-base.scss
similarity index 78%
rename from src/scss/_detroitmi-bootstrap-base.scss
rename to src/scss/_cod-uxds-bs-base.scss
index cd36bb7e..a806f0dc 100644
--- a/src/scss/_detroitmi-bootstrap-base.scss
+++ b/src/scss/_cod-uxds-bs-base.scss
@@ -1,8 +1,8 @@
-@import 'bootstrap-variables'; // Override bootstrap 5 variables.
+@import 'cod-uxds-bs-variables'; // Override bootstrap 5 variables.
@import 'bootstrap/scss/functions'; // Bootstrap functions.
@import 'bootstrap/scss/variables'; // Bootstrap variables.
@import 'bootstrap/scss/variables-dark'; // Bootstrap variables dark.
-@import 'detroitmi-maps';
+@import 'cod-uxds-bs-maps';
@import 'bootstrap/scss/maps'; // Bootstrap maps.
@import 'bootstrap/scss/mixins'; // Bootstrap mixins.
@import 'bootstrap/scss/utilities'; // Bootstrap utilities.
diff --git a/src/scss/_host.scss b/src/scss/_cod-uxds-bs-host.scss
similarity index 100%
rename from src/scss/_host.scss
rename to src/scss/_cod-uxds-bs-host.scss
diff --git a/src/scss/_detroitmi-maps.scss b/src/scss/_cod-uxds-bs-maps.scss
similarity index 100%
rename from src/scss/_detroitmi-maps.scss
rename to src/scss/_cod-uxds-bs-maps.scss
diff --git a/src/scss/_cod-uxds-bs-utilities.scss b/src/scss/_cod-uxds-bs-utilities.scss
new file mode 100644
index 00000000..a1ab8f88
--- /dev/null
+++ b/src/scss/_cod-uxds-bs-utilities.scss
@@ -0,0 +1,39 @@
+// See: https://getbootstrap.com/docs/5.0/utilities/api/
+$utilities: map-merge(
+ $utilities,
+ (
+ // Create specific bg classes for stylized list items.
+ 'li-background-color':
+ (
+ property: background-color,
+ class: li-bg,
+ local-vars: (
+ 'bg-opacity': 1,
+ ),
+ values:
+ map-merge(
+ $utilities-bg-colors,
+ (
+ 'transparent': transparent,
+ 'body-secondary':
+ rgba(
+ var(--#{$prefix}secondary-bg-rgb),
+ var(--#{$prefix}bg-opacity)
+ ),
+ 'body-tertiary':
+ rgba(
+ var(--#{$prefix}tertiary-bg-rgb),
+ var(--#{$prefix}bg-opacity)
+ ),
+ )
+ ),
+ ),
+ // Create specific subtle bg classes for stylized list items.
+ 'li-subtle-background-color':
+ (
+ property: background-color,
+ class: li-bg,
+ values: $utilities-bg-subtle,
+ )
+ )
+);
diff --git a/src/scss/_bootstrap-variables.scss b/src/scss/_cod-uxds-bs-variables.scss
similarity index 89%
rename from src/scss/_bootstrap-variables.scss
rename to src/scss/_cod-uxds-bs-variables.scss
index 78d11121..6d840f99 100644
--- a/src/scss/_bootstrap-variables.scss
+++ b/src/scss/_cod-uxds-bs-variables.scss
@@ -4,18 +4,42 @@
// https://getbootstrap.com/docs/5.3/customize/sass
// https://github.com/twbs/bootstrap/blob/v5.3.2/scss/_variables.scss
-$prefix: bs-;
+$prefix: cod-;
+
+// Override the default primary font family to Montserrat for sans serif.
+$font-family-sans-serif: 'Montserrat', sans-serif;
+$font-family-monospace: 'Montserrat', sans-serif;
+
+// Override the default font size.
+$font-size-root: null;
+$font-size-base: 1rem; // Assumes the browser default, typically `16px`
+$font-size-sm: $font-size-base;
+$font-size-lg: $font-size-base * 1.25;
+$font-weight-base: 500;
// Define default display sizes
$display-font-sizes: (
- 1: 2.75rem,
- 2: 2.375rem,
- 3: 1.875rem,
+ 1: 4rem,
+ 2: 2.5rem,
+ 3: 2rem,
4: 1.5rem,
5: 1.25rem,
6: 1rem,
);
+// Override the default headings font sizes to match display fonts.
+$h1-font-size: map-get($display-font-sizes, 1);
+$h2-font-size: map-get($display-font-sizes, 2);
+$h3-font-size: map-get($display-font-sizes, 3);
+$h4-font-size: map-get($display-font-sizes, 4);
+$h5-font-size: map-get($display-font-sizes, 5);
+$h6-font-size: map-get($display-font-sizes, 6);
+
+$headings-font-weight: 700;
+
+$lead-font-size: $font-size-base * 1.25;
+$lead-font-weight: 500;
+
// Override aspect ratios array to add more ratios.
$aspect-ratios: (
'1x1': 100%,
@@ -27,24 +51,6 @@ $aspect-ratios: (
'21x9': calc(9 / 21 * 100%),
);
-// Override the default primary font family to Montserrat for sans serif.
-$font-family-sans-serif: 'Montserrat', sans-serif;
-$font-family-monospace: 'Montserrat', sans-serif;
-
-// Override the default font size.
-$font-size-root: null;
-$font-size-base: 1rem; // Assumes the browser default, typically `16px`
-$font-size-sm: $font-size-base;
-$font-size-lg: $font-size-base * 1.25;
-
-// Override the default headings font sizes.
-$h1-font-size: map-get($display-font-sizes, 1);
-$h2-font-size: map-get($display-font-sizes, 2);
-$h3-font-size: map-get($display-font-sizes, 3);
-$h4-font-size: map-get($display-font-sizes, 4);
-$h5-font-size: map-get($display-font-sizes, 5);
-$h6-font-size: map-get($display-font-sizes, 6);
-
// Disable rounded corners on all elements.
$enable-rounded: false;
diff --git a/src/scss/_detroitmi-style-guide.scss b/src/scss/_cod-uxds-style-guide.scss
similarity index 65%
rename from src/scss/_detroitmi-style-guide.scss
rename to src/scss/_cod-uxds-style-guide.scss
index 52d9e819..15a9746e 100644
--- a/src/scss/_detroitmi-style-guide.scss
+++ b/src/scss/_cod-uxds-style-guide.scss
@@ -6,27 +6,28 @@
// Global typeface settings for the theme.
h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-.h1,
-.h2,
-.h3,
-.h4,
-.h5,
-.h6 {
- font-weight: 900;
+.h1 {
+ border-left: 0.1em solid #feb70d;
+ padding-left: 0.25em;
+}
+
+.title-line {
+ border-left: none;
+ border-bottom: 0.1em solid #feb70d;
+}
+
+b,
+strong {
+ font-weight: 700;
}
.btn {
- --bs-btn-focus-box-shadow: 0 0 0 0.25em
- rgba(var(--bs-btn-focus-shadow-rgb), 1);
+ --cod-btn-focus-box-shadow: 0 0 0 0.25em
+ rgba(var(--cod-btn-focus-shadow-rgb), 1);
}
.btn:focus-visible {
- --bs-btn-focus-shadow-rgb: 0, 0, 255;
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
}
// Define focus box-shadow for buttons
diff --git a/src/scss/themed-bootstrap.scss b/src/scss/themed-bootstrap.scss
index 7bdd074a..141f09fb 100644
--- a/src/scss/themed-bootstrap.scss
+++ b/src/scss/themed-bootstrap.scss
@@ -21,70 +21,13 @@
* This file is generated from source SASS in src/scss/themed-bootstrap.scss. If you'd like to make
* changes please change the source file or the code generation script at scripts/compile_bootstrap.sh.
*/
-@import 'detroitmi-bootstrap-base';
-
-// See: https://getbootstrap.com/docs/5.0/utilities/api/
-$utilities: map-merge(
- $utilities,
- (
- // Create specific bg classes for stylized list items.
- 'li-background-color':
- (
- property: background-color,
- class: li-bg,
- local-vars: (
- 'bg-opacity': 1,
- ),
- values:
- map-merge(
- $utilities-bg-colors,
- (
- 'transparent': transparent,
- 'body-secondary':
- rgba(
- var(--#{$prefix}secondary-bg-rgb),
- var(--#{$prefix}bg-opacity)
- ),
- 'body-tertiary':
- rgba(
- var(--#{$prefix}tertiary-bg-rgb),
- var(--#{$prefix}bg-opacity)
- ),
- )
- ),
- ),
- // Create specific subtle bg classes for stylized list items.
- 'li-subtle-background-color':
- (
- property: background-color,
- class: li-bg,
- values: $utilities-bg-subtle,
- )
- )
-);
+@import 'cod-uxds-bs-base';
+@import 'cod-uxds-bs-utilities';
@import 'bootstrap/scss/bootstrap';
-// Override bootstrap _root.scss.
-@import './host';
-@import 'detroitmi-style-guide';
-@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
-b,
-strong {
- font-weight: 700;
-}
+// Override bootstrap _root.scss.
+@import 'cod-uxds-bs-host';
-// _____ _ _ _____ _____ _____ ___ ___
-// / __ \| | | |/ ___||_ _|| _ || \/ |
-// | / \/| | | |\ `--. | | | | | || . . |
-// | | | | | | `--. \ | | | | | || |\/| |
-// | \__/\| |_| |/\__/ / | | \ \_/ /| | | |
-// \____/ \___/ \____/ \_/ \___/ \_| |_/
-// _____ _____ __ __ _ _____ _____
-// / ___||_ _|\ \ / /| | | ___|/ ___|
-// \ `--. | | \ V / | | | |__ \ `--.
-// `--. \ | | \ / | | | __| `--. \
-// /\__/ / | | | | | |____| |___ /\__/ /
-// \____/ \_/ \_/ \_____/\____/ \____/
-//
-// This section contains component specific SASS styles.
+@import 'cod-uxds-style-guide';
+@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
diff --git a/src/shared/themed-bootstrap.css b/src/shared/themed-bootstrap.css
index 3b33a538..41279266 100644
--- a/src/shared/themed-bootstrap.css
+++ b/src/shared/themed-bootstrap.css
@@ -12,182 +12,182 @@
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400;1,700;1,900&display=swap');
:root,
[data-bs-theme='light'] {
- --bs-blue: #0d6efd;
- --bs-indigo: #6610f2;
- --bs-purple: #6f42c1;
- --bs-pink: #d63384;
- --bs-red: #dc3545;
- --bs-orange: #fd7e14;
- --bs-yellow: #ffc107;
- --bs-green: #198754;
- --bs-teal: #20c997;
- --bs-cyan: #0dcaf0;
- --bs-black: #000;
- --bs-white: #fff;
- --bs-gray: #6c757d;
- --bs-gray-dark: #343a40;
- --bs-gray-100: #f8f9fa;
- --bs-gray-200: #e9ecef;
- --bs-gray-300: #dee2e6;
- --bs-gray-400: #ced4da;
- --bs-gray-500: #adb5bd;
- --bs-gray-600: #6c757d;
- --bs-gray-700: #495057;
- --bs-gray-800: #343a40;
- --bs-gray-900: #212529;
- --bs-primary: #004445;
- --bs-secondary: #f2f2f2;
- --bs-success: #9fd5b3;
- --bs-info: #004445;
- --bs-warning: #feb70d;
- --bs-danger: #b3393b;
- --bs-light: #fff;
- --bs-dark: #18252a;
- --bs-accent-primary: #feb70d;
- --bs-accent-secondary: #9fd5b3;
- --bs-primary-rgb: 0, 68, 69;
- --bs-secondary-rgb: 242, 242, 242;
- --bs-success-rgb: 159, 213, 179;
- --bs-info-rgb: 0, 68, 69;
- --bs-warning-rgb: 254, 183, 13;
- --bs-danger-rgb: 179, 57, 59;
- --bs-light-rgb: 255, 255, 255;
- --bs-dark-rgb: 24, 37, 42;
- --bs-accent-primary-rgb: 254, 183, 13;
- --bs-accent-secondary-rgb: 159, 213, 179;
- --bs-primary-text-emphasis: #001b1c;
- --bs-secondary-text-emphasis: #616161;
- --bs-success-text-emphasis: #405548;
- --bs-info-text-emphasis: #001b1c;
- --bs-warning-text-emphasis: #664905;
- --bs-danger-text-emphasis: #481718;
- --bs-light-text-emphasis: #495057;
- --bs-dark-text-emphasis: #495057;
- --bs-primary-bg-subtle: #ccdada;
- --bs-secondary-bg-subtle: #fcfcfc;
- --bs-success-bg-subtle: #ecf7f0;
- --bs-info-bg-subtle: #ccdada;
- --bs-warning-bg-subtle: #fff1cf;
- --bs-danger-bg-subtle: #f0d7d8;
- --bs-light-bg-subtle: #fcfcfd;
- --bs-dark-bg-subtle: #ced4da;
- --bs-primary-border-subtle: #99b4b5;
- --bs-secondary-border-subtle: #fafafa;
- --bs-success-border-subtle: #d9eee1;
- --bs-info-border-subtle: #99b4b5;
- --bs-warning-border-subtle: #ffe29e;
- --bs-danger-border-subtle: #e1b0b1;
- --bs-light-border-subtle: #e9ecef;
- --bs-dark-border-subtle: #adb5bd;
- --bs-white-rgb: 255, 255, 255;
- --bs-black-rgb: 0, 0, 0;
- --bs-font-sans-serif: 'Montserrat', sans-serif;
- --bs-font-monospace: 'Montserrat', sans-serif;
- --bs-gradient: linear-gradient(
+ --cod-blue: #0d6efd;
+ --cod-indigo: #6610f2;
+ --cod-purple: #6f42c1;
+ --cod-pink: #d63384;
+ --cod-red: #dc3545;
+ --cod-orange: #fd7e14;
+ --cod-yellow: #ffc107;
+ --cod-green: #198754;
+ --cod-teal: #20c997;
+ --cod-cyan: #0dcaf0;
+ --cod-black: #000;
+ --cod-white: #fff;
+ --cod-gray: #6c757d;
+ --cod-gray-dark: #343a40;
+ --cod-gray-100: #f8f9fa;
+ --cod-gray-200: #e9ecef;
+ --cod-gray-300: #dee2e6;
+ --cod-gray-400: #ced4da;
+ --cod-gray-500: #adb5bd;
+ --cod-gray-600: #6c757d;
+ --cod-gray-700: #495057;
+ --cod-gray-800: #343a40;
+ --cod-gray-900: #212529;
+ --cod-primary: #004445;
+ --cod-secondary: #f2f2f2;
+ --cod-success: #9fd5b3;
+ --cod-info: #004445;
+ --cod-warning: #feb70d;
+ --cod-danger: #b3393b;
+ --cod-light: #fff;
+ --cod-dark: #18252a;
+ --cod-accent-primary: #feb70d;
+ --cod-accent-secondary: #9fd5b3;
+ --cod-primary-rgb: 0, 68, 69;
+ --cod-secondary-rgb: 242, 242, 242;
+ --cod-success-rgb: 159, 213, 179;
+ --cod-info-rgb: 0, 68, 69;
+ --cod-warning-rgb: 254, 183, 13;
+ --cod-danger-rgb: 179, 57, 59;
+ --cod-light-rgb: 255, 255, 255;
+ --cod-dark-rgb: 24, 37, 42;
+ --cod-accent-primary-rgb: 254, 183, 13;
+ --cod-accent-secondary-rgb: 159, 213, 179;
+ --cod-primary-text-emphasis: #001b1c;
+ --cod-secondary-text-emphasis: #616161;
+ --cod-success-text-emphasis: #405548;
+ --cod-info-text-emphasis: #001b1c;
+ --cod-warning-text-emphasis: #664905;
+ --cod-danger-text-emphasis: #481718;
+ --cod-light-text-emphasis: #495057;
+ --cod-dark-text-emphasis: #495057;
+ --cod-primary-bg-subtle: #ccdada;
+ --cod-secondary-bg-subtle: #fcfcfc;
+ --cod-success-bg-subtle: #ecf7f0;
+ --cod-info-bg-subtle: #ccdada;
+ --cod-warning-bg-subtle: #fff1cf;
+ --cod-danger-bg-subtle: #f0d7d8;
+ --cod-light-bg-subtle: #fcfcfd;
+ --cod-dark-bg-subtle: #ced4da;
+ --cod-primary-border-subtle: #99b4b5;
+ --cod-secondary-border-subtle: #fafafa;
+ --cod-success-border-subtle: #d9eee1;
+ --cod-info-border-subtle: #99b4b5;
+ --cod-warning-border-subtle: #ffe29e;
+ --cod-danger-border-subtle: #e1b0b1;
+ --cod-light-border-subtle: #e9ecef;
+ --cod-dark-border-subtle: #adb5bd;
+ --cod-white-rgb: 255, 255, 255;
+ --cod-black-rgb: 0, 0, 0;
+ --cod-font-sans-serif: 'Montserrat', sans-serif;
+ --cod-font-monospace: 'Montserrat', sans-serif;
+ --cod-gradient: linear-gradient(
180deg,
rgba(255, 255, 255, 0.15),
rgba(255, 255, 255, 0)
);
- --bs-body-font-family: var(--bs-font-sans-serif);
- --bs-body-font-size: 1em;
- --bs-body-font-weight: 400;
- --bs-body-line-height: 1.5;
- --bs-body-color: #212529;
- --bs-body-color-rgb: 33, 37, 41;
- --bs-body-bg: #fff;
- --bs-body-bg-rgb: 255, 255, 255;
- --bs-emphasis-color: #000;
- --bs-emphasis-color-rgb: 0, 0, 0;
- --bs-secondary-color: rgba(33, 37, 41, 0.75);
- --bs-secondary-color-rgb: 33, 37, 41;
- --bs-secondary-bg: #e9ecef;
- --bs-secondary-bg-rgb: 233, 236, 239;
- --bs-tertiary-color: rgba(33, 37, 41, 0.5);
- --bs-tertiary-color-rgb: 33, 37, 41;
- --bs-tertiary-bg: #f8f9fa;
- --bs-tertiary-bg-rgb: 248, 249, 250;
- --bs-link-color: #004445;
- --bs-link-color-rgb: 0, 68, 69;
- --bs-link-decoration: underline;
- --bs-link-hover-color: #003637;
- --bs-link-hover-color-rgb: 0, 54, 55;
- --bs-code-color: #d63384;
- --bs-highlight-bg: #fff3cd;
- --bs-border-width: 1px;
- --bs-border-style: solid;
- --bs-border-color: #dee2e6;
- --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
- --bs-border-radius: 0.375em;
- --bs-border-radius-sm: 0.25em;
- --bs-border-radius-lg: 0.5em;
- --bs-border-radius-xl: 1em;
- --bs-border-radius-xxl: 2em;
- --bs-border-radius-2xl: var(--bs-border-radius-xxl);
- --bs-border-radius-pill: 50em;
- --bs-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
- --bs-box-shadow-sm: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);
- --bs-box-shadow-lg: 0 1em 3em rgba(0, 0, 0, 0.175);
- --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
- --bs-focus-ring-width: 0.25em;
- --bs-focus-ring-opacity: 1;
- --bs-focus-ring-color: blue;
- --bs-form-valid-color: #9fd5b3;
- --bs-form-valid-border-color: #9fd5b3;
- --bs-form-invalid-color: #b3393b;
- --bs-form-invalid-border-color: #b3393b;
+ --cod-body-font-family: var(--cod-font-sans-serif);
+ --cod-body-font-size: 1em;
+ --cod-body-font-weight: 500;
+ --cod-body-line-height: 1.5;
+ --cod-body-color: #212529;
+ --cod-body-color-rgb: 33, 37, 41;
+ --cod-body-bg: #fff;
+ --cod-body-bg-rgb: 255, 255, 255;
+ --cod-emphasis-color: #000;
+ --cod-emphasis-color-rgb: 0, 0, 0;
+ --cod-secondary-color: rgba(33, 37, 41, 0.75);
+ --cod-secondary-color-rgb: 33, 37, 41;
+ --cod-secondary-bg: #e9ecef;
+ --cod-secondary-bg-rgb: 233, 236, 239;
+ --cod-tertiary-color: rgba(33, 37, 41, 0.5);
+ --cod-tertiary-color-rgb: 33, 37, 41;
+ --cod-tertiary-bg: #f8f9fa;
+ --cod-tertiary-bg-rgb: 248, 249, 250;
+ --cod-link-color: #004445;
+ --cod-link-color-rgb: 0, 68, 69;
+ --cod-link-decoration: underline;
+ --cod-link-hover-color: #003637;
+ --cod-link-hover-color-rgb: 0, 54, 55;
+ --cod-code-color: #d63384;
+ --cod-highlight-bg: #fff3cd;
+ --cod-border-width: 1px;
+ --cod-border-style: solid;
+ --cod-border-color: #dee2e6;
+ --cod-border-color-translucent: rgba(0, 0, 0, 0.175);
+ --cod-border-radius: 0.375em;
+ --cod-border-radius-sm: 0.25em;
+ --cod-border-radius-lg: 0.5em;
+ --cod-border-radius-xl: 1em;
+ --cod-border-radius-xxl: 2em;
+ --cod-border-radius-2xl: var(--cod-border-radius-xxl);
+ --cod-border-radius-pill: 50em;
+ --cod-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
+ --cod-box-shadow-sm: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);
+ --cod-box-shadow-lg: 0 1em 3em rgba(0, 0, 0, 0.175);
+ --cod-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+ --cod-focus-ring-width: 0.25em;
+ --cod-focus-ring-opacity: 1;
+ --cod-focus-ring-color: blue;
+ --cod-form-valid-color: #9fd5b3;
+ --cod-form-valid-border-color: #9fd5b3;
+ --cod-form-invalid-color: #b3393b;
+ --cod-form-invalid-border-color: #b3393b;
}
[data-bs-theme='dark'] {
color-scheme: dark;
- --bs-body-color: #adb5bd;
- --bs-body-color-rgb: 173, 181, 189;
- --bs-body-bg: #212529;
- --bs-body-bg-rgb: 33, 37, 41;
- --bs-emphasis-color: #fff;
- --bs-emphasis-color-rgb: 255, 255, 255;
- --bs-secondary-color: rgba(173, 181, 189, 0.75);
- --bs-secondary-color-rgb: 173, 181, 189;
- --bs-secondary-bg: #343a40;
- --bs-secondary-bg-rgb: 52, 58, 64;
- --bs-tertiary-color: rgba(173, 181, 189, 0.5);
- --bs-tertiary-color-rgb: 173, 181, 189;
- --bs-tertiary-bg: #2b3035;
- --bs-tertiary-bg-rgb: 43, 48, 53;
- --bs-primary-text-emphasis: #668f8f;
- --bs-secondary-text-emphasis: #f7f7f7;
- --bs-success-text-emphasis: #c5e6d1;
- --bs-info-text-emphasis: #668f8f;
- --bs-warning-text-emphasis: #fed46e;
- --bs-danger-text-emphasis: #d18889;
- --bs-light-text-emphasis: #f8f9fa;
- --bs-dark-text-emphasis: #dee2e6;
- --bs-primary-bg-subtle: #000e0e;
- --bs-secondary-bg-subtle: #303030;
- --bs-success-bg-subtle: #202b24;
- --bs-info-bg-subtle: #000e0e;
- --bs-warning-bg-subtle: #332503;
- --bs-danger-bg-subtle: #240b0c;
- --bs-light-bg-subtle: #343a40;
- --bs-dark-bg-subtle: #1a1d20;
- --bs-primary-border-subtle: #002929;
- --bs-secondary-border-subtle: #919191;
- --bs-success-border-subtle: #5f806b;
- --bs-info-border-subtle: #002929;
- --bs-warning-border-subtle: #986e08;
- --bs-danger-border-subtle: #6b2223;
- --bs-light-border-subtle: #495057;
- --bs-dark-border-subtle: #343a40;
- --bs-link-color: #668f8f;
- --bs-link-hover-color: #85a5a5;
- --bs-link-color-rgb: 102, 143, 143;
- --bs-link-hover-color-rgb: 133, 165, 165;
- --bs-code-color: #e685b5;
- --bs-border-color: #495057;
- --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
- --bs-form-valid-color: #75b798;
- --bs-form-valid-border-color: #75b798;
- --bs-form-invalid-color: #ea868f;
- --bs-form-invalid-border-color: #ea868f;
+ --cod-body-color: #adb5bd;
+ --cod-body-color-rgb: 173, 181, 189;
+ --cod-body-bg: #212529;
+ --cod-body-bg-rgb: 33, 37, 41;
+ --cod-emphasis-color: #fff;
+ --cod-emphasis-color-rgb: 255, 255, 255;
+ --cod-secondary-color: rgba(173, 181, 189, 0.75);
+ --cod-secondary-color-rgb: 173, 181, 189;
+ --cod-secondary-bg: #343a40;
+ --cod-secondary-bg-rgb: 52, 58, 64;
+ --cod-tertiary-color: rgba(173, 181, 189, 0.5);
+ --cod-tertiary-color-rgb: 173, 181, 189;
+ --cod-tertiary-bg: #2b3035;
+ --cod-tertiary-bg-rgb: 43, 48, 53;
+ --cod-primary-text-emphasis: #668f8f;
+ --cod-secondary-text-emphasis: #f7f7f7;
+ --cod-success-text-emphasis: #c5e6d1;
+ --cod-info-text-emphasis: #668f8f;
+ --cod-warning-text-emphasis: #fed46e;
+ --cod-danger-text-emphasis: #d18889;
+ --cod-light-text-emphasis: #f8f9fa;
+ --cod-dark-text-emphasis: #dee2e6;
+ --cod-primary-bg-subtle: #000e0e;
+ --cod-secondary-bg-subtle: #303030;
+ --cod-success-bg-subtle: #202b24;
+ --cod-info-bg-subtle: #000e0e;
+ --cod-warning-bg-subtle: #332503;
+ --cod-danger-bg-subtle: #240b0c;
+ --cod-light-bg-subtle: #343a40;
+ --cod-dark-bg-subtle: #1a1d20;
+ --cod-primary-border-subtle: #002929;
+ --cod-secondary-border-subtle: #919191;
+ --cod-success-border-subtle: #5f806b;
+ --cod-info-border-subtle: #002929;
+ --cod-warning-border-subtle: #986e08;
+ --cod-danger-border-subtle: #6b2223;
+ --cod-light-border-subtle: #495057;
+ --cod-dark-border-subtle: #343a40;
+ --cod-link-color: #668f8f;
+ --cod-link-hover-color: #85a5a5;
+ --cod-link-color-rgb: 102, 143, 143;
+ --cod-link-hover-color-rgb: 133, 165, 165;
+ --cod-code-color: #e685b5;
+ --cod-border-color: #495057;
+ --cod-border-color-translucent: rgba(255, 255, 255, 0.15);
+ --cod-form-valid-color: #75b798;
+ --cod-form-valid-border-color: #75b798;
+ --cod-form-invalid-color: #ea868f;
+ --cod-form-invalid-border-color: #ea868f;
}
*,
@@ -204,13 +204,13 @@
body {
margin: 0;
- font-family: var(--bs-body-font-family);
- font-size: var(--bs-body-font-size);
- font-weight: var(--bs-body-font-weight);
- line-height: var(--bs-body-line-height);
- color: var(--bs-body-color);
- text-align: var(--bs-body-text-align);
- background-color: var(--bs-body-bg);
+ font-family: var(--cod-body-font-family);
+ font-size: var(--cod-body-font-size);
+ font-weight: var(--cod-body-font-weight);
+ line-height: var(--cod-body-line-height);
+ color: var(--cod-body-color);
+ text-align: var(--cod-body-text-align);
+ background-color: var(--cod-body-bg);
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@@ -219,7 +219,7 @@ hr {
margin: 1em 0;
color: inherit;
border: 0;
- border-top: var(--bs-border-width) solid;
+ border-top: var(--cod-border-width) solid;
opacity: 0.25;
}
@@ -237,41 +237,41 @@ h1,
.h1 {
margin-top: 0;
margin-bottom: 0.5em;
- font-weight: 500;
+ font-weight: 700;
line-height: 1.2;
- color: var(--bs-heading-color, inherit);
+ color: var(--cod-heading-color, inherit);
}
h1,
.h1 {
- font-size: calc(1.4em + 1.8vw);
+ font-size: calc(1.525em + 3.3vw);
}
@media (min-width: 1200px) {
h1,
.h1 {
- font-size: 2.75em;
+ font-size: 4em;
}
}
h2,
.h2 {
- font-size: calc(1.3625em + 1.35vw);
+ font-size: calc(1.375em + 1.5vw);
}
@media (min-width: 1200px) {
h2,
.h2 {
- font-size: 2.375em;
+ font-size: 2.5em;
}
}
h3,
.h3 {
- font-size: calc(1.3125em + 0.75vw);
+ font-size: calc(1.325em + 0.9vw);
}
@media (min-width: 1200px) {
h3,
.h3 {
- font-size: 1.875em;
+ font-size: 2em;
}
}
@@ -358,7 +358,7 @@ small,
mark,
.mark {
padding: 0.1875em;
- background-color: var(--bs-highlight-bg);
+ background-color: var(--cod-highlight-bg);
}
sub,
@@ -378,11 +378,11 @@ sup {
}
a {
- color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
+ color: rgba(var(--cod-link-color-rgb), var(--cod-link-opacity, 1));
text-decoration: underline;
}
a:hover {
- --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
+ --cod-link-color-rgb: var(--cod-link-hover-color-rgb);
}
a:not([href]):not([class]),
@@ -395,7 +395,7 @@ pre,
code,
kbd,
samp {
- font-family: var(--bs-font-monospace);
+ font-family: var(--cod-font-monospace);
font-size: 1em;
}
@@ -414,7 +414,7 @@ pre code {
code {
font-size: 0.875em;
- color: var(--bs-code-color);
+ color: var(--cod-code-color);
word-wrap: break-word;
}
a > code {
@@ -424,8 +424,8 @@ a > code {
kbd {
padding: 0.1875em 0.375em;
font-size: 0.875em;
- color: var(--bs-body-bg);
- background-color: var(--bs-body-color);
+ color: var(--cod-body-bg);
+ background-color: var(--cod-body-color);
}
kbd kbd {
padding: 0;
@@ -449,7 +449,7 @@ table {
caption {
padding-top: 0.5em;
padding-bottom: 0.5em;
- color: var(--bs-secondary-color);
+ color: var(--cod-secondary-color);
text-align: left;
}
@@ -623,39 +623,39 @@ progress {
.lead {
font-size: 1.25em;
- font-weight: 300;
+ font-weight: 500;
}
.display-1 {
- font-size: calc(1.4em + 1.8vw);
+ font-size: calc(1.525em + 3.3vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-1 {
- font-size: 2.75em;
+ font-size: 4em;
}
}
.display-2 {
- font-size: calc(1.3625em + 1.35vw);
+ font-size: calc(1.375em + 1.5vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-2 {
- font-size: 2.375em;
+ font-size: 2.5em;
}
}
.display-3 {
- font-size: calc(1.3125em + 0.75vw);
+ font-size: calc(1.325em + 0.9vw);
font-weight: 300;
line-height: 1.2;
}
@media (min-width: 1200px) {
.display-3 {
- font-size: 1.875em;
+ font-size: 2em;
}
}
@@ -729,8 +729,8 @@ progress {
.img-thumbnail {
padding: 0.25em;
- background-color: var(--bs-body-bg);
- border: var(--bs-border-width) solid var(--bs-border-color);
+ background-color: var(--cod-body-bg);
+ border: var(--cod-border-width) solid var(--cod-border-color);
max-width: 100%;
height: auto;
}
@@ -746,7 +746,7 @@ progress {
.figure-caption {
font-size: 0.875em;
- color: var(--bs-secondary-color);
+ color: var(--cod-secondary-color);
}
.container,
@@ -756,11 +756,11 @@ progress {
.container-lg,
.container-md,
.container-sm {
- --bs-gutter-x: 1.5em;
- --bs-gutter-y: 0;
+ --cod-gutter-x: 1.5em;
+ --cod-gutter-y: 0;
width: 100%;
- padding-right: calc(var(--bs-gutter-x) * 0.5);
- padding-left: calc(var(--bs-gutter-x) * 0.5);
+ padding-right: calc(var(--cod-gutter-x) * 0.5);
+ padding-left: calc(var(--cod-gutter-x) * 0.5);
margin-right: auto;
margin-left: auto;
}
@@ -806,30 +806,30 @@ progress {
}
}
:root {
- --bs-breakpoint-xs: 0;
- --bs-breakpoint-sm: 576px;
- --bs-breakpoint-md: 768px;
- --bs-breakpoint-lg: 992px;
- --bs-breakpoint-xl: 1200px;
- --bs-breakpoint-xxl: 1400px;
+ --cod-breakpoint-xs: 0;
+ --cod-breakpoint-sm: 576px;
+ --cod-breakpoint-md: 768px;
+ --cod-breakpoint-lg: 992px;
+ --cod-breakpoint-xl: 1200px;
+ --cod-breakpoint-xxl: 1400px;
}
.row {
- --bs-gutter-x: 1.5em;
- --bs-gutter-y: 0;
+ --cod-gutter-x: 1.5em;
+ --cod-gutter-y: 0;
display: flex;
flex-wrap: wrap;
- margin-top: calc(-1 * var(--bs-gutter-y));
- margin-right: calc(-0.5 * var(--bs-gutter-x));
- margin-left: calc(-0.5 * var(--bs-gutter-x));
+ margin-top: calc(-1 * var(--cod-gutter-y));
+ margin-right: calc(-0.5 * var(--cod-gutter-x));
+ margin-left: calc(-0.5 * var(--cod-gutter-x));
}
.row > * {
flex-shrink: 0;
width: 100%;
max-width: 100%;
- padding-right: calc(var(--bs-gutter-x) * 0.5);
- padding-left: calc(var(--bs-gutter-x) * 0.5);
- margin-top: var(--bs-gutter-y);
+ padding-right: calc(var(--cod-gutter-x) * 0.5);
+ padding-left: calc(var(--cod-gutter-x) * 0.5);
+ margin-top: var(--cod-gutter-y);
}
.col {
@@ -982,62 +982,62 @@ progress {
.g-0,
.gx-0 {
- --bs-gutter-x: 0;
+ --cod-gutter-x: 0;
}
.g-0,
.gy-0 {
- --bs-gutter-y: 0;
+ --cod-gutter-y: 0;
}
.g-1,
.gx-1 {
- --bs-gutter-x: 0.25em;
+ --cod-gutter-x: 0.25em;
}
.g-1,
.gy-1 {
- --bs-gutter-y: 0.25em;
+ --cod-gutter-y: 0.25em;
}
.g-2,
.gx-2 {
- --bs-gutter-x: 0.5em;
+ --cod-gutter-x: 0.5em;
}
.g-2,
.gy-2 {
- --bs-gutter-y: 0.5em;
+ --cod-gutter-y: 0.5em;
}
.g-3,
.gx-3 {
- --bs-gutter-x: 1em;
+ --cod-gutter-x: 1em;
}
.g-3,
.gy-3 {
- --bs-gutter-y: 1em;
+ --cod-gutter-y: 1em;
}
.g-4,
.gx-4 {
- --bs-gutter-x: 1.5em;
+ --cod-gutter-x: 1.5em;
}
.g-4,
.gy-4 {
- --bs-gutter-y: 1.5em;
+ --cod-gutter-y: 1.5em;
}
.g-5,
.gx-5 {
- --bs-gutter-x: 3em;
+ --cod-gutter-x: 3em;
}
.g-5,
.gy-5 {
- --bs-gutter-y: 3em;
+ --cod-gutter-y: 3em;
}
@media (min-width: 576px) {
@@ -1162,51 +1162,51 @@ progress {
}
.g-sm-0,
.gx-sm-0 {
- --bs-gutter-x: 0;
+ --cod-gutter-x: 0;
}
.g-sm-0,
.gy-sm-0 {
- --bs-gutter-y: 0;
+ --cod-gutter-y: 0;
}
.g-sm-1,
.gx-sm-1 {
- --bs-gutter-x: 0.25em;
+ --cod-gutter-x: 0.25em;
}
.g-sm-1,
.gy-sm-1 {
- --bs-gutter-y: 0.25em;
+ --cod-gutter-y: 0.25em;
}
.g-sm-2,
.gx-sm-2 {
- --bs-gutter-x: 0.5em;
+ --cod-gutter-x: 0.5em;
}
.g-sm-2,
.gy-sm-2 {
- --bs-gutter-y: 0.5em;
+ --cod-gutter-y: 0.5em;
}
.g-sm-3,
.gx-sm-3 {
- --bs-gutter-x: 1em;
+ --cod-gutter-x: 1em;
}
.g-sm-3,
.gy-sm-3 {
- --bs-gutter-y: 1em;
+ --cod-gutter-y: 1em;
}
.g-sm-4,
.gx-sm-4 {
- --bs-gutter-x: 1.5em;
+ --cod-gutter-x: 1.5em;
}
.g-sm-4,
.gy-sm-4 {
- --bs-gutter-y: 1.5em;
+ --cod-gutter-y: 1.5em;
}
.g-sm-5,
.gx-sm-5 {
- --bs-gutter-x: 3em;
+ --cod-gutter-x: 3em;
}
.g-sm-5,
.gy-sm-5 {
- --bs-gutter-y: 3em;
+ --cod-gutter-y: 3em;
}
}
@media (min-width: 768px) {
@@ -1331,51 +1331,51 @@ progress {
}
.g-md-0,
.gx-md-0 {
- --bs-gutter-x: 0;
+ --cod-gutter-x: 0;
}
.g-md-0,
.gy-md-0 {
- --bs-gutter-y: 0;
+ --cod-gutter-y: 0;
}
.g-md-1,
.gx-md-1 {
- --bs-gutter-x: 0.25em;
+ --cod-gutter-x: 0.25em;
}
.g-md-1,
.gy-md-1 {
- --bs-gutter-y: 0.25em;
+ --cod-gutter-y: 0.25em;
}
.g-md-2,
.gx-md-2 {
- --bs-gutter-x: 0.5em;
+ --cod-gutter-x: 0.5em;
}
.g-md-2,
.gy-md-2 {
- --bs-gutter-y: 0.5em;
+ --cod-gutter-y: 0.5em;
}
.g-md-3,
.gx-md-3 {
- --bs-gutter-x: 1em;
+ --cod-gutter-x: 1em;
}
.g-md-3,
.gy-md-3 {
- --bs-gutter-y: 1em;
+ --cod-gutter-y: 1em;
}
.g-md-4,
.gx-md-4 {
- --bs-gutter-x: 1.5em;
+ --cod-gutter-x: 1.5em;
}
.g-md-4,
.gy-md-4 {
- --bs-gutter-y: 1.5em;
+ --cod-gutter-y: 1.5em;
}
.g-md-5,
.gx-md-5 {
- --bs-gutter-x: 3em;
+ --cod-gutter-x: 3em;
}
.g-md-5,
.gy-md-5 {
- --bs-gutter-y: 3em;
+ --cod-gutter-y: 3em;
}
}
@media (min-width: 992px) {
@@ -1500,51 +1500,51 @@ progress {
}
.g-lg-0,
.gx-lg-0 {
- --bs-gutter-x: 0;
+ --cod-gutter-x: 0;
}
.g-lg-0,
.gy-lg-0 {
- --bs-gutter-y: 0;
+ --cod-gutter-y: 0;
}
.g-lg-1,
.gx-lg-1 {
- --bs-gutter-x: 0.25em;
+ --cod-gutter-x: 0.25em;
}
.g-lg-1,
.gy-lg-1 {
- --bs-gutter-y: 0.25em;
+ --cod-gutter-y: 0.25em;
}
.g-lg-2,
.gx-lg-2 {
- --bs-gutter-x: 0.5em;
+ --cod-gutter-x: 0.5em;
}
.g-lg-2,
.gy-lg-2 {
- --bs-gutter-y: 0.5em;
+ --cod-gutter-y: 0.5em;
}
.g-lg-3,
.gx-lg-3 {
- --bs-gutter-x: 1em;
+ --cod-gutter-x: 1em;
}
.g-lg-3,
.gy-lg-3 {
- --bs-gutter-y: 1em;
+ --cod-gutter-y: 1em;
}
.g-lg-4,
.gx-lg-4 {
- --bs-gutter-x: 1.5em;
+ --cod-gutter-x: 1.5em;
}
.g-lg-4,
.gy-lg-4 {
- --bs-gutter-y: 1.5em;
+ --cod-gutter-y: 1.5em;
}
.g-lg-5,
.gx-lg-5 {
- --bs-gutter-x: 3em;
+ --cod-gutter-x: 3em;
}
.g-lg-5,
.gy-lg-5 {
- --bs-gutter-y: 3em;
+ --cod-gutter-y: 3em;
}
}
@media (min-width: 1200px) {
@@ -1669,51 +1669,51 @@ progress {
}
.g-xl-0,
.gx-xl-0 {
- --bs-gutter-x: 0;
+ --cod-gutter-x: 0;
}
.g-xl-0,
.gy-xl-0 {
- --bs-gutter-y: 0;
+ --cod-gutter-y: 0;
}
.g-xl-1,
.gx-xl-1 {
- --bs-gutter-x: 0.25em;
+ --cod-gutter-x: 0.25em;
}
.g-xl-1,
.gy-xl-1 {
- --bs-gutter-y: 0.25em;
+ --cod-gutter-y: 0.25em;
}
.g-xl-2,
.gx-xl-2 {
- --bs-gutter-x: 0.5em;
+ --cod-gutter-x: 0.5em;
}
.g-xl-2,
.gy-xl-2 {
- --bs-gutter-y: 0.5em;
+ --cod-gutter-y: 0.5em;
}
.g-xl-3,
.gx-xl-3 {
- --bs-gutter-x: 1em;
+ --cod-gutter-x: 1em;
}
.g-xl-3,
.gy-xl-3 {
- --bs-gutter-y: 1em;
+ --cod-gutter-y: 1em;
}
.g-xl-4,
.gx-xl-4 {
- --bs-gutter-x: 1.5em;
+ --cod-gutter-x: 1.5em;
}
.g-xl-4,
.gy-xl-4 {
- --bs-gutter-y: 1.5em;
+ --cod-gutter-y: 1.5em;
}
.g-xl-5,
.gx-xl-5 {
- --bs-gutter-x: 3em;
+ --cod-gutter-x: 3em;
}
.g-xl-5,
.gy-xl-5 {
- --bs-gutter-y: 3em;
+ --cod-gutter-y: 3em;
}
}
@media (min-width: 1400px) {
@@ -1838,75 +1838,75 @@ progress {
}
.g-xxl-0,
.gx-xxl-0 {
- --bs-gutter-x: 0;
+ --cod-gutter-x: 0;
}
.g-xxl-0,
.gy-xxl-0 {
- --bs-gutter-y: 0;
+ --cod-gutter-y: 0;
}
.g-xxl-1,
.gx-xxl-1 {
- --bs-gutter-x: 0.25em;
+ --cod-gutter-x: 0.25em;
}
.g-xxl-1,
.gy-xxl-1 {
- --bs-gutter-y: 0.25em;
+ --cod-gutter-y: 0.25em;
}
.g-xxl-2,
.gx-xxl-2 {
- --bs-gutter-x: 0.5em;
+ --cod-gutter-x: 0.5em;
}
.g-xxl-2,
.gy-xxl-2 {
- --bs-gutter-y: 0.5em;
+ --cod-gutter-y: 0.5em;
}
.g-xxl-3,
.gx-xxl-3 {
- --bs-gutter-x: 1em;
+ --cod-gutter-x: 1em;
}
.g-xxl-3,
.gy-xxl-3 {
- --bs-gutter-y: 1em;
+ --cod-gutter-y: 1em;
}
.g-xxl-4,
.gx-xxl-4 {
- --bs-gutter-x: 1.5em;
+ --cod-gutter-x: 1.5em;
}
.g-xxl-4,
.gy-xxl-4 {
- --bs-gutter-y: 1.5em;
+ --cod-gutter-y: 1.5em;
}
.g-xxl-5,
.gx-xxl-5 {
- --bs-gutter-x: 3em;
+ --cod-gutter-x: 3em;
}
.g-xxl-5,
.gy-xxl-5 {
- --bs-gutter-y: 3em;
+ --cod-gutter-y: 3em;
}
}
.table {
- --bs-table-color: var(--bs-body-color);
- --bs-table-bg: transparent;
- --bs-table-border-color: var(--bs-border-color);
- --bs-table-accent-bg: transparent;
- --bs-table-striped-color: var(--bs-body-color);
- --bs-table-striped-bg: rgba(0, 0, 0, 0.05);
- --bs-table-active-color: var(--bs-body-color);
- --bs-table-active-bg: rgba(0, 0, 0, 0.1);
- --bs-table-hover-color: var(--bs-body-color);
- --bs-table-hover-bg: rgba(0, 0, 0, 0.075);
+ --cod-table-color: var(--cod-body-color);
+ --cod-table-bg: transparent;
+ --cod-table-border-color: var(--cod-border-color);
+ --cod-table-accent-bg: transparent;
+ --cod-table-striped-color: var(--cod-body-color);
+ --cod-table-striped-bg: rgba(0, 0, 0, 0.05);
+ --cod-table-active-color: var(--cod-body-color);
+ --cod-table-active-bg: rgba(0, 0, 0, 0.1);
+ --cod-table-hover-color: var(--cod-body-color);
+ --cod-table-hover-bg: rgba(0, 0, 0, 0.075);
width: 100%;
margin-bottom: 1em;
- color: var(--bs-table-color);
+ color: var(--cod-table-color);
vertical-align: top;
- border-color: var(--bs-table-border-color);
+ border-color: var(--cod-table-border-color);
}
.table > :not(caption) > * > * {
padding: 0.5em 0.5em;
- background-color: var(--bs-table-bg);
- border-bottom-width: var(--bs-border-width);
- box-shadow: inset 0 0 0 9999px var(--bs-table-accent-bg);
+ background-color: var(--cod-table-bg);
+ border-bottom-width: var(--cod-border-width);
+ box-shadow: inset 0 0 0 9999px var(--cod-table-accent-bg);
}
.table > tbody {
vertical-align: inherit;
@@ -1916,7 +1916,7 @@ progress {
}
.table-group-divider {
- border-top: calc(var(--bs-border-width) * 2) solid currentcolor;
+ border-top: calc(var(--cod-border-width) * 2) solid currentcolor;
}
.caption-top {
@@ -1928,10 +1928,10 @@ progress {
}
.table-bordered > :not(caption) > * {
- border-width: var(--bs-border-width) 0;
+ border-width: var(--cod-border-width) 0;
}
.table-bordered > :not(caption) > * > * {
- border-width: 0 var(--bs-border-width);
+ border-width: 0 var(--cod-border-width);
}
.table-borderless > :not(caption) > * > * {
@@ -1942,135 +1942,135 @@ progress {
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
- --bs-table-accent-bg: var(--bs-table-striped-bg);
- color: var(--bs-table-striped-color);
+ --cod-table-accent-bg: var(--cod-table-striped-bg);
+ color: var(--cod-table-striped-color);
}
.table-striped-columns > :not(caption) > tr > :nth-child(even) {
- --bs-table-accent-bg: var(--bs-table-striped-bg);
- color: var(--bs-table-striped-color);
+ --cod-table-accent-bg: var(--cod-table-striped-bg);
+ color: var(--cod-table-striped-color);
}
.table-active {
- --bs-table-accent-bg: var(--bs-table-active-bg);
- color: var(--bs-table-active-color);
+ --cod-table-accent-bg: var(--cod-table-active-bg);
+ color: var(--cod-table-active-color);
}
.table-hover > tbody > tr:hover > * {
- --bs-table-accent-bg: var(--bs-table-hover-bg);
- color: var(--bs-table-hover-color);
+ --cod-table-accent-bg: var(--cod-table-hover-bg);
+ color: var(--cod-table-hover-color);
}
.table-primary {
- --bs-table-color: #000;
- --bs-table-bg: #ccdada;
- --bs-table-border-color: #b8c4c4;
- --bs-table-striped-bg: #c2cfcf;
- --bs-table-striped-color: #000;
- --bs-table-active-bg: #b8c4c4;
- --bs-table-active-color: #000;
- --bs-table-hover-bg: #bdcaca;
- --bs-table-hover-color: #000;
- color: var(--bs-table-color);
- border-color: var(--bs-table-border-color);
+ --cod-table-color: #000;
+ --cod-table-bg: #ccdada;
+ --cod-table-border-color: #b8c4c4;
+ --cod-table-striped-bg: #c2cfcf;
+ --cod-table-striped-color: #000;
+ --cod-table-active-bg: #b8c4c4;
+ --cod-table-active-color: #000;
+ --cod-table-hover-bg: #bdcaca;
+ --cod-table-hover-color: #000;
+ color: var(--cod-table-color);
+ border-color: var(--cod-table-border-color);
}
.table-secondary {
- --bs-table-color: #000;
- --bs-table-bg: #fcfcfc;
- --bs-table-border-color: #e3e3e3;
- --bs-table-striped-bg: #efefef;
- --bs-table-striped-color: #000;
- --bs-table-active-bg: #e3e3e3;
- --bs-table-active-color: #000;
- --bs-table-hover-bg: #e9e9e9;
- --bs-table-hover-color: #000;
- color: var(--bs-table-color);
- border-color: var(--bs-table-border-color);
+ --cod-table-color: #000;
+ --cod-table-bg: #fcfcfc;
+ --cod-table-border-color: #e3e3e3;
+ --cod-table-striped-bg: #efefef;
+ --cod-table-striped-color: #000;
+ --cod-table-active-bg: #e3e3e3;
+ --cod-table-active-color: #000;
+ --cod-table-hover-bg: #e9e9e9;
+ --cod-table-hover-color: #000;
+ color: var(--cod-table-color);
+ border-color: var(--cod-table-border-color);
}
.table-success {
- --bs-table-color: #000;
- --bs-table-bg: #ecf7f0;
- --bs-table-border-color: #d4ded8;
- --bs-table-striped-bg: #e0ebe4;
- --bs-table-striped-color: #000;
- --bs-table-active-bg: #d4ded8;
- --bs-table-active-color: #000;
- --bs-table-hover-bg: #dae4de;
- --bs-table-hover-color: #000;
- color: var(--bs-table-color);
- border-color: var(--bs-table-border-color);
+ --cod-table-color: #000;
+ --cod-table-bg: #ecf7f0;
+ --cod-table-border-color: #d4ded8;
+ --cod-table-striped-bg: #e0ebe4;
+ --cod-table-striped-color: #000;
+ --cod-table-active-bg: #d4ded8;
+ --cod-table-active-color: #000;
+ --cod-table-hover-bg: #dae4de;
+ --cod-table-hover-color: #000;
+ color: var(--cod-table-color);
+ border-color: var(--cod-table-border-color);
}
.table-info {
- --bs-table-color: #000;
- --bs-table-bg: #ccdada;
- --bs-table-border-color: #b8c4c4;
- --bs-table-striped-bg: #c2cfcf;
- --bs-table-striped-color: #000;
- --bs-table-active-bg: #b8c4c4;
- --bs-table-active-color: #000;
- --bs-table-hover-bg: #bdcaca;
- --bs-table-hover-color: #000;
- color: var(--bs-table-color);
- border-color: var(--bs-table-border-color);
+ --cod-table-color: #000;
+ --cod-table-bg: #ccdada;
+ --cod-table-border-color: #b8c4c4;
+ --cod-table-striped-bg: #c2cfcf;
+ --cod-table-striped-color: #000;
+ --cod-table-active-bg: #b8c4c4;
+ --cod-table-active-color: #000;
+ --cod-table-hover-bg: #bdcaca;
+ --cod-table-hover-color: #000;
+ color: var(--cod-table-color);
+ border-color: var(--cod-table-border-color);
}
.table-warning {
- --bs-table-color: #000;
- --bs-table-bg: #fff1cf;
- --bs-table-border-color: #e6d9ba;
- --bs-table-striped-bg: #f2e5c5;
- --bs-table-striped-color: #000;
- --bs-table-active-bg: #e6d9ba;
- --bs-table-active-color: #000;
- --bs-table-hover-bg: #ecdfbf;
- --bs-table-hover-color: #000;
- color: var(--bs-table-color);
- border-color: var(--bs-table-border-color);
+ --cod-table-color: #000;
+ --cod-table-bg: #fff1cf;
+ --cod-table-border-color: #e6d9ba;
+ --cod-table-striped-bg: #f2e5c5;
+ --cod-table-striped-color: #000;
+ --cod-table-active-bg: #e6d9ba;
+ --cod-table-active-color: #000;
+ --cod-table-hover-bg: #ecdfbf;
+ --cod-table-hover-color: #000;
+ color: var(--cod-table-color);
+ border-color: var(--cod-table-border-color);
}
.table-danger {
- --bs-table-color: #000;
- --bs-table-bg: #f0d7d8;
- --bs-table-border-color: #d8c2c2;
- --bs-table-striped-bg: #e4cccd;
- --bs-table-striped-color: #000;
- --bs-table-active-bg: #d8c2c2;
- --bs-table-active-color: #000;
- --bs-table-hover-bg: #dec7c8;
- --bs-table-hover-color: #000;
- color: var(--bs-table-color);
- border-color: var(--bs-table-border-color);
+ --cod-table-color: #000;
+ --cod-table-bg: #f0d7d8;
+ --cod-table-border-color: #d8c2c2;
+ --cod-table-striped-bg: #e4cccd;
+ --cod-table-striped-color: #000;
+ --cod-table-active-bg: #d8c2c2;
+ --cod-table-active-color: #000;
+ --cod-table-hover-bg: #dec7c8;
+ --cod-table-hover-color: #000;
+ color: var(--cod-table-color);
+ border-color: var(--cod-table-border-color);
}
.table-light {
- --bs-table-color: #000;
- --bs-table-bg: #fff;
- --bs-table-border-color: #e6e6e6;
- --bs-table-striped-bg: #f2f2f2;
- --bs-table-striped-color: #000;
- --bs-table-active-bg: #e6e6e6;
- --bs-table-active-color: #000;
- --bs-table-hover-bg: #ececec;
- --bs-table-hover-color: #000;
- color: var(--bs-table-color);
- border-color: var(--bs-table-border-color);
+ --cod-table-color: #000;
+ --cod-table-bg: #fff;
+ --cod-table-border-color: #e6e6e6;
+ --cod-table-striped-bg: #f2f2f2;
+ --cod-table-striped-color: #000;
+ --cod-table-active-bg: #e6e6e6;
+ --cod-table-active-color: #000;
+ --cod-table-hover-bg: #ececec;
+ --cod-table-hover-color: #000;
+ color: var(--cod-table-color);
+ border-color: var(--cod-table-border-color);
}
.table-dark {
- --bs-table-color: #fff;
- --bs-table-bg: #18252a;
- --bs-table-border-color: #2f3b3f;
- --bs-table-striped-bg: #243035;
- --bs-table-striped-color: #fff;
- --bs-table-active-bg: #2f3b3f;
- --bs-table-active-color: #fff;
- --bs-table-hover-bg: #29353a;
- --bs-table-hover-color: #fff;
- color: var(--bs-table-color);
- border-color: var(--bs-table-border-color);
+ --cod-table-color: #fff;
+ --cod-table-bg: #18252a;
+ --cod-table-border-color: #2f3b3f;
+ --cod-table-striped-bg: #243035;
+ --cod-table-striped-color: #fff;
+ --cod-table-active-bg: #2f3b3f;
+ --cod-table-active-color: #fff;
+ --cod-table-hover-bg: #29353a;
+ --cod-table-hover-color: #fff;
+ color: var(--cod-table-color);
+ border-color: var(--cod-table-border-color);
}
.table-responsive {
@@ -2113,29 +2113,29 @@ progress {
}
.col-form-label {
- padding-top: calc(0.375em + var(--bs-border-width));
- padding-bottom: calc(0.375em + var(--bs-border-width));
+ padding-top: calc(0.375em + var(--cod-border-width));
+ padding-bottom: calc(0.375em + var(--cod-border-width));
margin-bottom: 0;
font-size: inherit;
line-height: 1.5;
}
.col-form-label-lg {
- padding-top: calc(0.5em + var(--bs-border-width));
- padding-bottom: calc(0.5em + var(--bs-border-width));
+ padding-top: calc(0.5em + var(--cod-border-width));
+ padding-bottom: calc(0.5em + var(--cod-border-width));
font-size: 1.25em;
}
.col-form-label-sm {
- padding-top: calc(0.25em + var(--bs-border-width));
- padding-bottom: calc(0.25em + var(--bs-border-width));
+ padding-top: calc(0.25em + var(--cod-border-width));
+ padding-bottom: calc(0.25em + var(--cod-border-width));
font-size: 1em;
}
.form-text {
margin-top: 0.25em;
font-size: 0.875em;
- color: var(--bs-secondary-color);
+ color: var(--cod-secondary-color);
}
.form-control {
@@ -2143,12 +2143,12 @@ progress {
width: 100%;
padding: 0.375em 0.75em;
font-size: 1em;
- font-weight: 400;
+ font-weight: 500;
line-height: 1.5;
- color: var(--bs-body-color);
- background-color: var(--bs-body-bg);
+ color: var(--cod-body-color);
+ background-color: var(--cod-body-bg);
background-clip: padding-box;
- border: var(--bs-border-width) solid var(--bs-border-color);
+ border: var(--cod-border-width) solid var(--cod-border-color);
appearance: none;
border-radius: 0;
transition:
@@ -2167,8 +2167,8 @@ progress {
cursor: pointer;
}
.form-control:focus {
- color: var(--bs-body-color);
- background-color: var(--bs-body-bg);
+ color: var(--cod-body-color);
+ background-color: var(--cod-body-bg);
border-color: #80a2a2;
outline: 0;
box-shadow: 0 0 0 0.25em blue;
@@ -2183,24 +2183,24 @@ progress {
padding: 0;
}
.form-control::placeholder {
- color: var(--bs-secondary-color);
+ color: var(--cod-secondary-color);
opacity: 1;
}
.form-control:disabled {
- background-color: var(--bs-secondary-bg);
+ background-color: var(--cod-secondary-bg);
opacity: 1;
}
.form-control::file-selector-button {
padding: 0.375em 0.75em;
margin: -0.375em -0.75em;
margin-inline-end: 0.75em;
- color: var(--bs-body-color);
- background-color: var(--bs-tertiary-bg);
+ color: var(--cod-body-color);
+ background-color: var(--cod-tertiary-bg);
pointer-events: none;
border-color: inherit;
border-style: solid;
border-width: 0;
- border-inline-end-width: var(--bs-border-width);
+ border-inline-end-width: var(--cod-border-width);
border-radius: 0;
transition:
color 0.15s ease-in-out,
@@ -2214,7 +2214,7 @@ progress {
}
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
- background-color: var(--bs-secondary-bg);
+ background-color: var(--cod-secondary-bg);
}
.form-control-plaintext {
@@ -2223,10 +2223,10 @@ progress {
padding: 0.375em 0;
margin-bottom: 0;
line-height: 1.5;
- color: var(--bs-body-color);
+ color: var(--cod-body-color);
background-color: transparent;
border: solid transparent;
- border-width: var(--bs-border-width) 0;
+ border-width: var(--cod-border-width) 0;
}
.form-control-plaintext:focus {
outline: 0;
@@ -2238,7 +2238,7 @@ progress {
}
.form-control-sm {
- min-height: calc(1.5em + 0.5em + calc(var(--bs-border-width) * 2));
+ min-height: calc(1.5em + 0.5em + calc(var(--cod-border-width) * 2));
padding: 0.25em 0.5em;
font-size: 1em;
}
@@ -2249,7 +2249,7 @@ progress {
}
.form-control-lg {
- min-height: calc(1.5em + 1em + calc(var(--bs-border-width) * 2));
+ min-height: calc(1.5em + 1em + calc(var(--cod-border-width) * 2));
padding: 0.5em 1em;
font-size: 1.25em;
}
@@ -2260,18 +2260,18 @@ progress {
}
textarea.form-control {
- min-height: calc(1.5em + 0.75em + calc(var(--bs-border-width) * 2));
+ min-height: calc(1.5em + 0.75em + calc(var(--cod-border-width) * 2));
}
textarea.form-control-sm {
- min-height: calc(1.5em + 0.5em + calc(var(--bs-border-width) * 2));
+ min-height: calc(1.5em + 0.5em + calc(var(--cod-border-width) * 2));
}
textarea.form-control-lg {
- min-height: calc(1.5em + 1em + calc(var(--bs-border-width) * 2));
+ min-height: calc(1.5em + 1em + calc(var(--cod-border-width) * 2));
}
.form-control-color {
width: 3em;
- height: calc(1.5em + 0.75em + calc(var(--bs-border-width) * 2));
+ height: calc(1.5em + 0.75em + calc(var(--cod-border-width) * 2));
padding: 0.375em;
}
.form-control-color:not(:disabled):not([readonly]) {
@@ -2284,28 +2284,28 @@ textarea.form-control-lg {
border: 0 !important;
}
.form-control-color.form-control-sm {
- height: calc(1.5em + 0.5em + calc(var(--bs-border-width) * 2));
+ height: calc(1.5em + 0.5em + calc(var(--cod-border-width) * 2));
}
.form-control-color.form-control-lg {
- height: calc(1.5em + 1em + calc(var(--bs-border-width) * 2));
+ height: calc(1.5em + 1em + calc(var(--cod-border-width) * 2));
}
.form-select {
- --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
+ --cod-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
display: block;
width: 100%;
padding: 0.375em 2.25em 0.375em 0.75em;
font-size: 1em;
- font-weight: 400;
+ font-weight: 500;
line-height: 1.5;
- color: var(--bs-body-color);
- background-color: var(--bs-body-bg);
- background-image: var(--bs-form-select-bg-img),
- var(--bs-form-select-bg-icon, none);
+ color: var(--cod-body-color);
+ background-color: var(--cod-body-bg);
+ background-image: var(--cod-form-select-bg-img),
+ var(--cod-form-select-bg-icon, none);
background-repeat: no-repeat;
background-position: right 0.75em center;
background-size: 16px 12px;
- border: var(--bs-border-width) solid var(--bs-border-color);
+ border: var(--cod-border-width) solid var(--cod-border-color);
border-radius: 0;
transition:
border-color 0.15s ease-in-out,
@@ -2328,11 +2328,11 @@ textarea.form-control-lg {
background-image: none;
}
.form-select:disabled {
- background-color: var(--bs-secondary-bg);
+ background-color: var(--cod-secondary-bg);
}
.form-select:-moz-focusring {
color: transparent;
- text-shadow: 0 0 0 var(--bs-body-color);
+ text-shadow: 0 0 0 var(--cod-body-color);
}
.form-select-sm {
@@ -2350,7 +2350,7 @@ textarea.form-control-lg {
}
[data-bs-theme='dark'] .form-select {
- --bs-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
+ --cod-form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23adb5bd' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.form-check {
@@ -2376,17 +2376,17 @@ textarea.form-control-lg {
}
.form-check-input {
- --bs-form-check-bg: var(--bs-body-bg);
+ --cod-form-check-bg: var(--cod-body-bg);
width: 1em;
height: 1em;
margin-top: 0.25em;
vertical-align: top;
- background-color: var(--bs-form-check-bg);
- background-image: var(--bs-form-check-bg-image);
+ background-color: var(--cod-form-check-bg);
+ background-image: var(--cod-form-check-bg-image);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
- border: var(--bs-border-width) solid var(--bs-border-color);
+ border: var(--cod-border-width) solid var(--cod-border-color);
appearance: none;
print-color-adjust: exact;
}
@@ -2406,15 +2406,15 @@ textarea.form-control-lg {
border-color: #004445;
}
.form-check-input:checked[type='checkbox'] {
- --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
+ --cod-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type='radio'] {
- --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
+ --cod-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='2' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type='checkbox']:indeterminate {
background-color: #004445;
border-color: #004445;
- --bs-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
+ --cod-form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
pointer-events: none;
@@ -2431,10 +2431,10 @@ textarea.form-control-lg {
padding-left: 2.5em;
}
.form-switch .form-check-input {
- --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
+ --cod-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%280, 0, 0, 0.25%29'/%3e%3c/svg%3e");
width: 2em;
margin-left: -2.5em;
- background-image: var(--bs-form-switch-bg);
+ background-image: var(--cod-form-switch-bg);
background-position: left center;
transition: background-position 0.15s ease-in-out;
}
@@ -2444,11 +2444,11 @@ textarea.form-control-lg {
}
}
.form-switch .form-check-input:focus {
- --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2380a2a2'/%3e%3c/svg%3e");
+ --cod-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%2380a2a2'/%3e%3c/svg%3e");
}
.form-switch .form-check-input:checked {
background-position: right center;
- --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
+ --cod-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");
}
.form-switch.form-check-reverse {
padding-right: 2.5em;
@@ -2479,7 +2479,7 @@ textarea.form-control-lg {
[data-bs-theme='dark']
.form-switch
.form-check-input:not(:checked):not(:focus) {
- --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
+ --cod-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='rgba%28255, 255, 255, 0.25%29'/%3e%3c/svg%3e");
}
.form-range {
@@ -2530,7 +2530,7 @@ textarea.form-control-lg {
height: 0.5em;
color: transparent;
cursor: pointer;
- background-color: var(--bs-tertiary-bg);
+ background-color: var(--cod-tertiary-bg);
border-color: transparent;
}
.form-range::-moz-range-thumb {
@@ -2557,17 +2557,17 @@ textarea.form-control-lg {
height: 0.5em;
color: transparent;
cursor: pointer;
- background-color: var(--bs-tertiary-bg);
+ background-color: var(--cod-tertiary-bg);
border-color: transparent;
}
.form-range:disabled {
pointer-events: none;
}
.form-range:disabled::-webkit-slider-thumb {
- background-color: var(--bs-secondary-color);
+ background-color: var(--cod-secondary-color);
}
.form-range:disabled::-moz-range-thumb {
- background-color: var(--bs-secondary-color);
+ background-color: var(--cod-secondary-color);
}
.form-floating {
@@ -2576,7 +2576,7 @@ textarea.form-control-lg {
.form-floating > .form-control,
.form-floating > .form-control-plaintext,
.form-floating > .form-select {
- height: calc(3.5em + calc(var(--bs-border-width) * 2));
+ height: calc(3.5em + calc(var(--cod-border-width) * 2));
line-height: 1.25;
}
.form-floating > label {
@@ -2591,7 +2591,7 @@ textarea.form-control-lg {
text-overflow: ellipsis;
white-space: nowrap;
pointer-events: none;
- border: var(--bs-border-width) solid transparent;
+ border: var(--cod-border-width) solid transparent;
transform-origin: 0 0;
transition:
opacity 0.1s ease-in-out,
@@ -2630,7 +2630,7 @@ textarea.form-control-lg {
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-control-plaintext ~ label,
.form-floating > .form-select ~ label {
- color: rgba(var(--bs-body-color-rgb), 0.65);
+ color: rgba(var(--cod-body-color-rgb), 0.65);
transform: scale(0.85) translateY(-0.5em) translateX(0.15em);
}
.form-floating > .form-control:focus ~ label::after,
@@ -2642,20 +2642,20 @@ textarea.form-control-lg {
z-index: -1;
height: 1.5em;
content: '';
- background-color: var(--bs-body-bg);
+ background-color: var(--cod-body-bg);
}
.form-floating > .form-control:-webkit-autofill ~ label {
- color: rgba(var(--bs-body-color-rgb), 0.65);
+ color: rgba(var(--cod-body-color-rgb), 0.65);
transform: scale(0.85) translateY(-0.5em) translateX(0.15em);
}
.form-floating > .form-control-plaintext ~ label {
- border-width: var(--bs-border-width) 0;
+ border-width: var(--cod-border-width) 0;
}
.form-floating > :disabled ~ label {
color: #6c757d;
}
.form-floating > :disabled ~ label::after {
- background-color: var(--bs-secondary-bg);
+ background-color: var(--cod-secondary-bg);
}
.input-group {
@@ -2691,13 +2691,13 @@ textarea.form-control-lg {
align-items: center;
padding: 0.375em 0.75em;
font-size: 1em;
- font-weight: 400;
+ font-weight: 500;
line-height: 1.5;
- color: var(--bs-body-color);
+ color: var(--cod-body-color);
text-align: center;
white-space: nowrap;
- background-color: var(--bs-tertiary-bg);
- border: var(--bs-border-width) solid var(--bs-border-color);
+ background-color: var(--cod-tertiary-bg);
+ border: var(--cod-border-width) solid var(--cod-border-color);
}
.input-group-lg > .form-control,
@@ -2725,14 +2725,14 @@ textarea.form-control-lg {
> :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(
.valid-feedback
):not(.invalid-tooltip):not(.invalid-feedback) {
- margin-left: calc(var(--bs-border-width) * -1);
+ margin-left: calc(var(--cod-border-width) * -1);
}
.valid-feedback {
display: none;
width: 100%;
margin-top: 0.25em;
font-size: 0.875em;
- color: var(--bs-form-valid-color);
+ color: var(--cod-form-valid-color);
}
.valid-tooltip {
@@ -2745,7 +2745,7 @@ textarea.form-control-lg {
margin-top: 0.1em;
font-size: 1em;
color: #fff;
- background-color: var(--bs-success);
+ background-color: var(--cod-success);
}
.was-validated :valid ~ .valid-feedback,
@@ -2757,7 +2757,7 @@ textarea.form-control-lg {
.was-validated .form-control:valid,
.form-control.is-valid {
- border-color: var(--bs-form-valid-border-color);
+ border-color: var(--cod-form-valid-border-color);
padding-right: calc(1.5em + 0.75em);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%239fd5b3' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
@@ -2766,8 +2766,8 @@ textarea.form-control-lg {
}
.was-validated .form-control:valid:focus,
.form-control.is-valid:focus {
- border-color: var(--bs-form-valid-border-color);
- box-shadow: 0 0 0 0.25em rgba(var(--bs-success-rgb), 1);
+ border-color: var(--cod-form-valid-border-color);
+ box-shadow: 0 0 0 0.25em rgba(var(--cod-success-rgb), 1);
}
.was-validated textarea.form-control:valid,
@@ -2779,13 +2779,13 @@ textarea.form-control.is-valid {
.was-validated .form-select:valid,
.form-select.is-valid {
- border-color: var(--bs-form-valid-border-color);
+ border-color: var(--cod-form-valid-border-color);
}
.was-validated .form-select:valid:not([multiple]):not([size]),
.was-validated .form-select:valid:not([multiple])[size='1'],
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size='1'] {
- --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%239fd5b3' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
+ --cod-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%239fd5b3' d='M2.3 6.73.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");
padding-right: 4.125em;
background-position:
right 0.75em center,
@@ -2796,8 +2796,8 @@ textarea.form-control.is-valid {
}
.was-validated .form-select:valid:focus,
.form-select.is-valid:focus {
- border-color: var(--bs-form-valid-border-color);
- box-shadow: 0 0 0 0.25em rgba(var(--bs-success-rgb), 1);
+ border-color: var(--cod-form-valid-border-color);
+ box-shadow: 0 0 0 0.25em rgba(var(--cod-success-rgb), 1);
}
.was-validated .form-control-color:valid,
@@ -2807,19 +2807,19 @@ textarea.form-control.is-valid {
.was-validated .form-check-input:valid,
.form-check-input.is-valid {
- border-color: var(--bs-form-valid-border-color);
+ border-color: var(--cod-form-valid-border-color);
}
.was-validated .form-check-input:valid:checked,
.form-check-input.is-valid:checked {
- background-color: var(--bs-form-valid-color);
+ background-color: var(--cod-form-valid-color);
}
.was-validated .form-check-input:valid:focus,
.form-check-input.is-valid:focus {
- box-shadow: 0 0 0 0.25em rgba(var(--bs-success-rgb), 1);
+ box-shadow: 0 0 0 0.25em rgba(var(--cod-success-rgb), 1);
}
.was-validated .form-check-input:valid ~ .form-check-label,
.form-check-input.is-valid ~ .form-check-label {
- color: var(--bs-form-valid-color);
+ color: var(--cod-form-valid-color);
}
.form-check-inline .form-check-input ~ .valid-feedback {
@@ -2840,7 +2840,7 @@ textarea.form-control.is-valid {
width: 100%;
margin-top: 0.25em;
font-size: 0.875em;
- color: var(--bs-form-invalid-color);
+ color: var(--cod-form-invalid-color);
}
.invalid-tooltip {
@@ -2853,7 +2853,7 @@ textarea.form-control.is-valid {
margin-top: 0.1em;
font-size: 1em;
color: #fff;
- background-color: var(--bs-danger);
+ background-color: var(--cod-danger);
}
.was-validated :invalid ~ .invalid-feedback,
@@ -2865,7 +2865,7 @@ textarea.form-control.is-valid {
.was-validated .form-control:invalid,
.form-control.is-invalid {
- border-color: var(--bs-form-invalid-border-color);
+ border-color: var(--cod-form-invalid-border-color);
padding-right: calc(1.5em + 0.75em);
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23b3393b'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23b3393b' stroke='none'/%3e%3c/svg%3e");
background-repeat: no-repeat;
@@ -2874,8 +2874,8 @@ textarea.form-control.is-valid {
}
.was-validated .form-control:invalid:focus,
.form-control.is-invalid:focus {
- border-color: var(--bs-form-invalid-border-color);
- box-shadow: 0 0 0 0.25em rgba(var(--bs-danger-rgb), 1);
+ border-color: var(--cod-form-invalid-border-color);
+ box-shadow: 0 0 0 0.25em rgba(var(--cod-danger-rgb), 1);
}
.was-validated textarea.form-control:invalid,
@@ -2887,13 +2887,13 @@ textarea.form-control.is-invalid {
.was-validated .form-select:invalid,
.form-select.is-invalid {
- border-color: var(--bs-form-invalid-border-color);
+ border-color: var(--cod-form-invalid-border-color);
}
.was-validated .form-select:invalid:not([multiple]):not([size]),
.was-validated .form-select:invalid:not([multiple])[size='1'],
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size='1'] {
- --bs-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23b3393b'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23b3393b' stroke='none'/%3e%3c/svg%3e");
+ --cod-form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23b3393b'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23b3393b' stroke='none'/%3e%3c/svg%3e");
padding-right: 4.125em;
background-position:
right 0.75em center,
@@ -2904,8 +2904,8 @@ textarea.form-control.is-invalid {
}
.was-validated .form-select:invalid:focus,
.form-select.is-invalid:focus {
- border-color: var(--bs-form-invalid-border-color);
- box-shadow: 0 0 0 0.25em rgba(var(--bs-danger-rgb), 1);
+ border-color: var(--cod-form-invalid-border-color);
+ box-shadow: 0 0 0 0.25em rgba(var(--cod-danger-rgb), 1);
}
.was-validated .form-control-color:invalid,
@@ -2915,19 +2915,19 @@ textarea.form-control.is-invalid {
.was-validated .form-check-input:invalid,
.form-check-input.is-invalid {
- border-color: var(--bs-form-invalid-border-color);
+ border-color: var(--cod-form-invalid-border-color);
}
.was-validated .form-check-input:invalid:checked,
.form-check-input.is-invalid:checked {
- background-color: var(--bs-form-invalid-color);
+ background-color: var(--cod-form-invalid-color);
}
.was-validated .form-check-input:invalid:focus,
.form-check-input.is-invalid:focus {
- box-shadow: 0 0 0 0.25em rgba(var(--bs-danger-rgb), 1);
+ box-shadow: 0 0 0 0.25em rgba(var(--cod-danger-rgb), 1);
}
.was-validated .form-check-input:invalid ~ .form-check-label,
.form-check-input.is-invalid ~ .form-check-label {
- color: var(--bs-form-invalid-color);
+ color: var(--cod-form-invalid-color);
}
.form-check-inline .form-check-input ~ .invalid-feedback {
@@ -2944,37 +2944,37 @@ textarea.form-control.is-invalid {
}
.btn {
- --bs-btn-padding-x: 0.75em;
- --bs-btn-padding-y: 0.375em;
- --bs-btn-font-family: ;
- --bs-btn-font-size: 1em;
- --bs-btn-font-weight: 400;
- --bs-btn-line-height: 1.5;
- --bs-btn-color: var(--bs-body-color);
- --bs-btn-bg: transparent;
- --bs-btn-border-width: var(--bs-border-width);
- --bs-btn-border-color: transparent;
- --bs-btn-border-radius: var(--bs-border-radius);
- --bs-btn-hover-border-color: transparent;
- --bs-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
+ --cod-btn-padding-x: 0.75em;
+ --cod-btn-padding-y: 0.375em;
+ --cod-btn-font-family: ;
+ --cod-btn-font-size: 1em;
+ --cod-btn-font-weight: 400;
+ --cod-btn-line-height: 1.5;
+ --cod-btn-color: var(--cod-body-color);
+ --cod-btn-bg: transparent;
+ --cod-btn-border-width: var(--cod-border-width);
+ --cod-btn-border-color: transparent;
+ --cod-btn-border-radius: var(--cod-border-radius);
+ --cod-btn-hover-border-color: transparent;
+ --cod-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
0 1px 1px rgba(0, 0, 0, 0.075);
- --bs-btn-disabled-opacity: 0.65;
- --bs-btn-focus-box-shadow: 0 0 0 0.25em
- rgba(var(--bs-btn-focus-shadow-rgb), 0.5);
+ --cod-btn-disabled-opacity: 0.65;
+ --cod-btn-focus-box-shadow: 0 0 0 0.25em
+ rgba(var(--cod-btn-focus-shadow-rgb), 0.5);
display: inline-block;
- padding: var(--bs-btn-padding-y) var(--bs-btn-padding-x);
- font-family: var(--bs-btn-font-family);
- font-size: var(--bs-btn-font-size);
- font-weight: var(--bs-btn-font-weight);
- line-height: var(--bs-btn-line-height);
- color: var(--bs-btn-color);
+ padding: var(--cod-btn-padding-y) var(--cod-btn-padding-x);
+ font-family: var(--cod-btn-font-family);
+ font-size: var(--cod-btn-font-size);
+ font-weight: var(--cod-btn-font-weight);
+ line-height: var(--cod-btn-line-height);
+ color: var(--cod-btn-color);
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
user-select: none;
- border: var(--bs-btn-border-width) solid var(--bs-btn-border-color);
- background-color: var(--bs-btn-bg);
+ border: var(--cod-btn-border-width) solid var(--cod-btn-border-color);
+ background-color: var(--cod-btn-bg);
transition:
color 0.15s ease-in-out,
background-color 0.15s ease-in-out,
@@ -2987,429 +2987,429 @@ textarea.form-control.is-invalid {
}
}
.btn:hover {
- color: var(--bs-btn-hover-color);
- background-color: var(--bs-btn-hover-bg);
- border-color: var(--bs-btn-hover-border-color);
+ color: var(--cod-btn-hover-color);
+ background-color: var(--cod-btn-hover-bg);
+ border-color: var(--cod-btn-hover-border-color);
}
.btn-check + .btn:hover {
- color: var(--bs-btn-color);
- background-color: var(--bs-btn-bg);
- border-color: var(--bs-btn-border-color);
+ color: var(--cod-btn-color);
+ background-color: var(--cod-btn-bg);
+ border-color: var(--cod-btn-border-color);
}
.btn:focus-visible {
- color: var(--bs-btn-hover-color);
- background-color: var(--bs-btn-hover-bg);
- border-color: var(--bs-btn-hover-border-color);
+ color: var(--cod-btn-hover-color);
+ background-color: var(--cod-btn-hover-bg);
+ border-color: var(--cod-btn-hover-border-color);
outline: 0;
- box-shadow: var(--bs-btn-focus-box-shadow);
+ box-shadow: var(--cod-btn-focus-box-shadow);
}
.btn-check:focus-visible + .btn {
- border-color: var(--bs-btn-hover-border-color);
+ border-color: var(--cod-btn-hover-border-color);
outline: 0;
- box-shadow: var(--bs-btn-focus-box-shadow);
+ box-shadow: var(--cod-btn-focus-box-shadow);
}
.btn-check:checked + .btn,
:not(.btn-check) + .btn:active,
.btn:first-child:active,
.btn.active,
.btn.show {
- color: var(--bs-btn-active-color);
- background-color: var(--bs-btn-active-bg);
- border-color: var(--bs-btn-active-border-color);
+ color: var(--cod-btn-active-color);
+ background-color: var(--cod-btn-active-bg);
+ border-color: var(--cod-btn-active-border-color);
}
.btn-check:checked + .btn:focus-visible,
:not(.btn-check) + .btn:active:focus-visible,
.btn:first-child:active:focus-visible,
.btn.active:focus-visible,
.btn.show:focus-visible {
- box-shadow: var(--bs-btn-focus-box-shadow);
+ box-shadow: var(--cod-btn-focus-box-shadow);
}
.btn:disabled,
.btn.disabled,
fieldset:disabled .btn {
- color: var(--bs-btn-disabled-color);
+ color: var(--cod-btn-disabled-color);
pointer-events: none;
- background-color: var(--bs-btn-disabled-bg);
- border-color: var(--bs-btn-disabled-border-color);
- opacity: var(--bs-btn-disabled-opacity);
+ background-color: var(--cod-btn-disabled-bg);
+ border-color: var(--cod-btn-disabled-border-color);
+ opacity: var(--cod-btn-disabled-opacity);
}
.btn-primary {
- --bs-btn-color: #fff;
- --bs-btn-bg: #004445;
- --bs-btn-border-color: #004445;
- --bs-btn-hover-color: #fff;
- --bs-btn-hover-bg: #003a3b;
- --bs-btn-hover-border-color: #003637;
- --bs-btn-focus-shadow-rgb: 38, 96, 97;
- --bs-btn-active-color: #fff;
- --bs-btn-active-bg: #003637;
- --bs-btn-active-border-color: #003334;
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --bs-btn-disabled-color: #fff;
- --bs-btn-disabled-bg: #004445;
- --bs-btn-disabled-border-color: #004445;
+ --cod-btn-color: #fff;
+ --cod-btn-bg: #004445;
+ --cod-btn-border-color: #004445;
+ --cod-btn-hover-color: #fff;
+ --cod-btn-hover-bg: #003a3b;
+ --cod-btn-hover-border-color: #003637;
+ --cod-btn-focus-shadow-rgb: 38, 96, 97;
+ --cod-btn-active-color: #fff;
+ --cod-btn-active-bg: #003637;
+ --cod-btn-active-border-color: #003334;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #fff;
+ --cod-btn-disabled-bg: #004445;
+ --cod-btn-disabled-border-color: #004445;
}
.btn-secondary {
- --bs-btn-color: #000;
- --bs-btn-bg: #f2f2f2;
- --bs-btn-border-color: #f2f2f2;
- --bs-btn-hover-color: #000;
- --bs-btn-hover-bg: #f4f4f4;
- --bs-btn-hover-border-color: #f3f3f3;
- --bs-btn-focus-shadow-rgb: 206, 206, 206;
- --bs-btn-active-color: #000;
- --bs-btn-active-bg: whitesmoke;
- --bs-btn-active-border-color: #f3f3f3;
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --bs-btn-disabled-color: #000;
- --bs-btn-disabled-bg: #f2f2f2;
- --bs-btn-disabled-border-color: #f2f2f2;
+ --cod-btn-color: #000;
+ --cod-btn-bg: #f2f2f2;
+ --cod-btn-border-color: #f2f2f2;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #f4f4f4;
+ --cod-btn-hover-border-color: #f3f3f3;
+ --cod-btn-focus-shadow-rgb: 206, 206, 206;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: whitesmoke;
+ --cod-btn-active-border-color: #f3f3f3;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #000;
+ --cod-btn-disabled-bg: #f2f2f2;
+ --cod-btn-disabled-border-color: #f2f2f2;
}
.btn-success {
- --bs-btn-color: #000;
- --bs-btn-bg: #9fd5b3;
- --bs-btn-border-color: #9fd5b3;
- --bs-btn-hover-color: #000;
- --bs-btn-hover-bg: #addbbe;
- --bs-btn-hover-border-color: #a9d9bb;
- --bs-btn-focus-shadow-rgb: 135, 181, 152;
- --bs-btn-active-color: #000;
- --bs-btn-active-bg: #b2ddc2;
- --bs-btn-active-border-color: #a9d9bb;
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --bs-btn-disabled-color: #000;
- --bs-btn-disabled-bg: #9fd5b3;
- --bs-btn-disabled-border-color: #9fd5b3;
+ --cod-btn-color: #000;
+ --cod-btn-bg: #9fd5b3;
+ --cod-btn-border-color: #9fd5b3;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #addbbe;
+ --cod-btn-hover-border-color: #a9d9bb;
+ --cod-btn-focus-shadow-rgb: 135, 181, 152;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: #b2ddc2;
+ --cod-btn-active-border-color: #a9d9bb;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #000;
+ --cod-btn-disabled-bg: #9fd5b3;
+ --cod-btn-disabled-border-color: #9fd5b3;
}
.btn-info {
- --bs-btn-color: #fff;
- --bs-btn-bg: #004445;
- --bs-btn-border-color: #004445;
- --bs-btn-hover-color: #fff;
- --bs-btn-hover-bg: #003a3b;
- --bs-btn-hover-border-color: #003637;
- --bs-btn-focus-shadow-rgb: 38, 96, 97;
- --bs-btn-active-color: #fff;
- --bs-btn-active-bg: #003637;
- --bs-btn-active-border-color: #003334;
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --bs-btn-disabled-color: #fff;
- --bs-btn-disabled-bg: #004445;
- --bs-btn-disabled-border-color: #004445;
+ --cod-btn-color: #fff;
+ --cod-btn-bg: #004445;
+ --cod-btn-border-color: #004445;
+ --cod-btn-hover-color: #fff;
+ --cod-btn-hover-bg: #003a3b;
+ --cod-btn-hover-border-color: #003637;
+ --cod-btn-focus-shadow-rgb: 38, 96, 97;
+ --cod-btn-active-color: #fff;
+ --cod-btn-active-bg: #003637;
+ --cod-btn-active-border-color: #003334;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #fff;
+ --cod-btn-disabled-bg: #004445;
+ --cod-btn-disabled-border-color: #004445;
}
.btn-warning {
- --bs-btn-color: #000;
- --bs-btn-bg: #feb70d;
- --bs-btn-border-color: #feb70d;
- --bs-btn-hover-color: #000;
- --bs-btn-hover-bg: #fec231;
- --bs-btn-hover-border-color: #febe25;
- --bs-btn-focus-shadow-rgb: 216, 156, 11;
- --bs-btn-active-color: #000;
- --bs-btn-active-bg: #fec53d;
- --bs-btn-active-border-color: #febe25;
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --bs-btn-disabled-color: #000;
- --bs-btn-disabled-bg: #feb70d;
- --bs-btn-disabled-border-color: #feb70d;
+ --cod-btn-color: #000;
+ --cod-btn-bg: #feb70d;
+ --cod-btn-border-color: #feb70d;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #fec231;
+ --cod-btn-hover-border-color: #febe25;
+ --cod-btn-focus-shadow-rgb: 216, 156, 11;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: #fec53d;
+ --cod-btn-active-border-color: #febe25;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #000;
+ --cod-btn-disabled-bg: #feb70d;
+ --cod-btn-disabled-border-color: #feb70d;
}
.btn-danger {
- --bs-btn-color: #fff;
- --bs-btn-bg: #b3393b;
- --bs-btn-border-color: #b3393b;
- --bs-btn-hover-color: #fff;
- --bs-btn-hover-bg: #983032;
- --bs-btn-hover-border-color: #8f2e2f;
- --bs-btn-focus-shadow-rgb: 190, 87, 88;
- --bs-btn-active-color: #fff;
- --bs-btn-active-bg: #8f2e2f;
- --bs-btn-active-border-color: #862b2c;
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --bs-btn-disabled-color: #fff;
- --bs-btn-disabled-bg: #b3393b;
- --bs-btn-disabled-border-color: #b3393b;
+ --cod-btn-color: #fff;
+ --cod-btn-bg: #b3393b;
+ --cod-btn-border-color: #b3393b;
+ --cod-btn-hover-color: #fff;
+ --cod-btn-hover-bg: #983032;
+ --cod-btn-hover-border-color: #8f2e2f;
+ --cod-btn-focus-shadow-rgb: 190, 87, 88;
+ --cod-btn-active-color: #fff;
+ --cod-btn-active-bg: #8f2e2f;
+ --cod-btn-active-border-color: #862b2c;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #fff;
+ --cod-btn-disabled-bg: #b3393b;
+ --cod-btn-disabled-border-color: #b3393b;
}
.btn-light {
- --bs-btn-color: #000;
- --bs-btn-bg: #fff;
- --bs-btn-border-color: #fff;
- --bs-btn-hover-color: #000;
- --bs-btn-hover-bg: #d9d9d9;
- --bs-btn-hover-border-color: #cccccc;
- --bs-btn-focus-shadow-rgb: 217, 217, 217;
- --bs-btn-active-color: #000;
- --bs-btn-active-bg: #cccccc;
- --bs-btn-active-border-color: #bfbfbf;
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --bs-btn-disabled-color: #000;
- --bs-btn-disabled-bg: #fff;
- --bs-btn-disabled-border-color: #fff;
+ --cod-btn-color: #000;
+ --cod-btn-bg: #fff;
+ --cod-btn-border-color: #fff;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #d9d9d9;
+ --cod-btn-hover-border-color: #cccccc;
+ --cod-btn-focus-shadow-rgb: 217, 217, 217;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: #cccccc;
+ --cod-btn-active-border-color: #bfbfbf;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #000;
+ --cod-btn-disabled-bg: #fff;
+ --cod-btn-disabled-border-color: #fff;
}
.btn-dark {
- --bs-btn-color: #fff;
- --bs-btn-bg: #18252a;
- --bs-btn-border-color: #18252a;
- --bs-btn-hover-color: #fff;
- --bs-btn-hover-bg: #3b464a;
- --bs-btn-hover-border-color: #2f3b3f;
- --bs-btn-focus-shadow-rgb: 59, 70, 74;
- --bs-btn-active-color: #fff;
- --bs-btn-active-bg: #465155;
- --bs-btn-active-border-color: #2f3b3f;
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --bs-btn-disabled-color: #fff;
- --bs-btn-disabled-bg: #18252a;
- --bs-btn-disabled-border-color: #18252a;
+ --cod-btn-color: #fff;
+ --cod-btn-bg: #18252a;
+ --cod-btn-border-color: #18252a;
+ --cod-btn-hover-color: #fff;
+ --cod-btn-hover-bg: #3b464a;
+ --cod-btn-hover-border-color: #2f3b3f;
+ --cod-btn-focus-shadow-rgb: 59, 70, 74;
+ --cod-btn-active-color: #fff;
+ --cod-btn-active-bg: #465155;
+ --cod-btn-active-border-color: #2f3b3f;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #fff;
+ --cod-btn-disabled-bg: #18252a;
+ --cod-btn-disabled-border-color: #18252a;
}
.btn-accent-primary {
- --bs-btn-color: #000;
- --bs-btn-bg: #feb70d;
- --bs-btn-border-color: #feb70d;
- --bs-btn-hover-color: #000;
- --bs-btn-hover-bg: #fec231;
- --bs-btn-hover-border-color: #febe25;
- --bs-btn-focus-shadow-rgb: 216, 156, 11;
- --bs-btn-active-color: #000;
- --bs-btn-active-bg: #fec53d;
- --bs-btn-active-border-color: #febe25;
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --bs-btn-disabled-color: #000;
- --bs-btn-disabled-bg: #feb70d;
- --bs-btn-disabled-border-color: #feb70d;
+ --cod-btn-color: #000;
+ --cod-btn-bg: #feb70d;
+ --cod-btn-border-color: #feb70d;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #fec231;
+ --cod-btn-hover-border-color: #febe25;
+ --cod-btn-focus-shadow-rgb: 216, 156, 11;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: #fec53d;
+ --cod-btn-active-border-color: #febe25;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #000;
+ --cod-btn-disabled-bg: #feb70d;
+ --cod-btn-disabled-border-color: #feb70d;
}
.btn-accent-secondary {
- --bs-btn-color: #000;
- --bs-btn-bg: #9fd5b3;
- --bs-btn-border-color: #9fd5b3;
- --bs-btn-hover-color: #000;
- --bs-btn-hover-bg: #addbbe;
- --bs-btn-hover-border-color: #a9d9bb;
- --bs-btn-focus-shadow-rgb: 135, 181, 152;
- --bs-btn-active-color: #000;
- --bs-btn-active-bg: #b2ddc2;
- --bs-btn-active-border-color: #a9d9bb;
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --bs-btn-disabled-color: #000;
- --bs-btn-disabled-bg: #9fd5b3;
- --bs-btn-disabled-border-color: #9fd5b3;
+ --cod-btn-color: #000;
+ --cod-btn-bg: #9fd5b3;
+ --cod-btn-border-color: #9fd5b3;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #addbbe;
+ --cod-btn-hover-border-color: #a9d9bb;
+ --cod-btn-focus-shadow-rgb: 135, 181, 152;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: #b2ddc2;
+ --cod-btn-active-border-color: #a9d9bb;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #000;
+ --cod-btn-disabled-bg: #9fd5b3;
+ --cod-btn-disabled-border-color: #9fd5b3;
}
.btn-outline-primary {
- --bs-btn-color: #004445;
- --bs-btn-border-color: #004445;
- --bs-btn-hover-color: #fff;
- --bs-btn-hover-bg: #004445;
- --bs-btn-hover-border-color: #004445;
- --bs-btn-focus-shadow-rgb: 0, 68, 69;
- --bs-btn-active-color: #fff;
- --bs-btn-active-bg: #004445;
- --bs-btn-active-border-color: #004445;
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --bs-btn-disabled-color: #004445;
- --bs-btn-disabled-bg: transparent;
- --bs-btn-disabled-border-color: #004445;
- --bs-gradient: none;
+ --cod-btn-color: #004445;
+ --cod-btn-border-color: #004445;
+ --cod-btn-hover-color: #fff;
+ --cod-btn-hover-bg: #004445;
+ --cod-btn-hover-border-color: #004445;
+ --cod-btn-focus-shadow-rgb: 0, 68, 69;
+ --cod-btn-active-color: #fff;
+ --cod-btn-active-bg: #004445;
+ --cod-btn-active-border-color: #004445;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #004445;
+ --cod-btn-disabled-bg: transparent;
+ --cod-btn-disabled-border-color: #004445;
+ --cod-gradient: none;
}
.btn-outline-secondary {
- --bs-btn-color: #f2f2f2;
- --bs-btn-border-color: #f2f2f2;
- --bs-btn-hover-color: #000;
- --bs-btn-hover-bg: #f2f2f2;
- --bs-btn-hover-border-color: #f2f2f2;
- --bs-btn-focus-shadow-rgb: 242, 242, 242;
- --bs-btn-active-color: #000;
- --bs-btn-active-bg: #f2f2f2;
- --bs-btn-active-border-color: #f2f2f2;
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --bs-btn-disabled-color: #f2f2f2;
- --bs-btn-disabled-bg: transparent;
- --bs-btn-disabled-border-color: #f2f2f2;
- --bs-gradient: none;
+ --cod-btn-color: #f2f2f2;
+ --cod-btn-border-color: #f2f2f2;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #f2f2f2;
+ --cod-btn-hover-border-color: #f2f2f2;
+ --cod-btn-focus-shadow-rgb: 242, 242, 242;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: #f2f2f2;
+ --cod-btn-active-border-color: #f2f2f2;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #f2f2f2;
+ --cod-btn-disabled-bg: transparent;
+ --cod-btn-disabled-border-color: #f2f2f2;
+ --cod-gradient: none;
}
.btn-outline-success {
- --bs-btn-color: #9fd5b3;
- --bs-btn-border-color: #9fd5b3;
- --bs-btn-hover-color: #000;
- --bs-btn-hover-bg: #9fd5b3;
- --bs-btn-hover-border-color: #9fd5b3;
- --bs-btn-focus-shadow-rgb: 159, 213, 179;
- --bs-btn-active-color: #000;
- --bs-btn-active-bg: #9fd5b3;
- --bs-btn-active-border-color: #9fd5b3;
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --bs-btn-disabled-color: #9fd5b3;
- --bs-btn-disabled-bg: transparent;
- --bs-btn-disabled-border-color: #9fd5b3;
- --bs-gradient: none;
+ --cod-btn-color: #9fd5b3;
+ --cod-btn-border-color: #9fd5b3;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #9fd5b3;
+ --cod-btn-hover-border-color: #9fd5b3;
+ --cod-btn-focus-shadow-rgb: 159, 213, 179;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: #9fd5b3;
+ --cod-btn-active-border-color: #9fd5b3;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #9fd5b3;
+ --cod-btn-disabled-bg: transparent;
+ --cod-btn-disabled-border-color: #9fd5b3;
+ --cod-gradient: none;
}
.btn-outline-info {
- --bs-btn-color: #004445;
- --bs-btn-border-color: #004445;
- --bs-btn-hover-color: #fff;
- --bs-btn-hover-bg: #004445;
- --bs-btn-hover-border-color: #004445;
- --bs-btn-focus-shadow-rgb: 0, 68, 69;
- --bs-btn-active-color: #fff;
- --bs-btn-active-bg: #004445;
- --bs-btn-active-border-color: #004445;
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --bs-btn-disabled-color: #004445;
- --bs-btn-disabled-bg: transparent;
- --bs-btn-disabled-border-color: #004445;
- --bs-gradient: none;
+ --cod-btn-color: #004445;
+ --cod-btn-border-color: #004445;
+ --cod-btn-hover-color: #fff;
+ --cod-btn-hover-bg: #004445;
+ --cod-btn-hover-border-color: #004445;
+ --cod-btn-focus-shadow-rgb: 0, 68, 69;
+ --cod-btn-active-color: #fff;
+ --cod-btn-active-bg: #004445;
+ --cod-btn-active-border-color: #004445;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #004445;
+ --cod-btn-disabled-bg: transparent;
+ --cod-btn-disabled-border-color: #004445;
+ --cod-gradient: none;
}
.btn-outline-warning {
- --bs-btn-color: #feb70d;
- --bs-btn-border-color: #feb70d;
- --bs-btn-hover-color: #000;
- --bs-btn-hover-bg: #feb70d;
- --bs-btn-hover-border-color: #feb70d;
- --bs-btn-focus-shadow-rgb: 254, 183, 13;
- --bs-btn-active-color: #000;
- --bs-btn-active-bg: #feb70d;
- --bs-btn-active-border-color: #feb70d;
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --bs-btn-disabled-color: #feb70d;
- --bs-btn-disabled-bg: transparent;
- --bs-btn-disabled-border-color: #feb70d;
- --bs-gradient: none;
+ --cod-btn-color: #feb70d;
+ --cod-btn-border-color: #feb70d;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #feb70d;
+ --cod-btn-hover-border-color: #feb70d;
+ --cod-btn-focus-shadow-rgb: 254, 183, 13;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: #feb70d;
+ --cod-btn-active-border-color: #feb70d;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #feb70d;
+ --cod-btn-disabled-bg: transparent;
+ --cod-btn-disabled-border-color: #feb70d;
+ --cod-gradient: none;
}
.btn-outline-danger {
- --bs-btn-color: #b3393b;
- --bs-btn-border-color: #b3393b;
- --bs-btn-hover-color: #fff;
- --bs-btn-hover-bg: #b3393b;
- --bs-btn-hover-border-color: #b3393b;
- --bs-btn-focus-shadow-rgb: 179, 57, 59;
- --bs-btn-active-color: #fff;
- --bs-btn-active-bg: #b3393b;
- --bs-btn-active-border-color: #b3393b;
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --bs-btn-disabled-color: #b3393b;
- --bs-btn-disabled-bg: transparent;
- --bs-btn-disabled-border-color: #b3393b;
- --bs-gradient: none;
+ --cod-btn-color: #b3393b;
+ --cod-btn-border-color: #b3393b;
+ --cod-btn-hover-color: #fff;
+ --cod-btn-hover-bg: #b3393b;
+ --cod-btn-hover-border-color: #b3393b;
+ --cod-btn-focus-shadow-rgb: 179, 57, 59;
+ --cod-btn-active-color: #fff;
+ --cod-btn-active-bg: #b3393b;
+ --cod-btn-active-border-color: #b3393b;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #b3393b;
+ --cod-btn-disabled-bg: transparent;
+ --cod-btn-disabled-border-color: #b3393b;
+ --cod-gradient: none;
}
.btn-outline-light {
- --bs-btn-color: #fff;
- --bs-btn-border-color: #fff;
- --bs-btn-hover-color: #000;
- --bs-btn-hover-bg: #fff;
- --bs-btn-hover-border-color: #fff;
- --bs-btn-focus-shadow-rgb: 255, 255, 255;
- --bs-btn-active-color: #000;
- --bs-btn-active-bg: #fff;
- --bs-btn-active-border-color: #fff;
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --bs-btn-disabled-color: #fff;
- --bs-btn-disabled-bg: transparent;
- --bs-btn-disabled-border-color: #fff;
- --bs-gradient: none;
+ --cod-btn-color: #fff;
+ --cod-btn-border-color: #fff;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #fff;
+ --cod-btn-hover-border-color: #fff;
+ --cod-btn-focus-shadow-rgb: 255, 255, 255;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: #fff;
+ --cod-btn-active-border-color: #fff;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #fff;
+ --cod-btn-disabled-bg: transparent;
+ --cod-btn-disabled-border-color: #fff;
+ --cod-gradient: none;
}
.btn-outline-dark {
- --bs-btn-color: #18252a;
- --bs-btn-border-color: #18252a;
- --bs-btn-hover-color: #fff;
- --bs-btn-hover-bg: #18252a;
- --bs-btn-hover-border-color: #18252a;
- --bs-btn-focus-shadow-rgb: 24, 37, 42;
- --bs-btn-active-color: #fff;
- --bs-btn-active-bg: #18252a;
- --bs-btn-active-border-color: #18252a;
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --bs-btn-disabled-color: #18252a;
- --bs-btn-disabled-bg: transparent;
- --bs-btn-disabled-border-color: #18252a;
- --bs-gradient: none;
+ --cod-btn-color: #18252a;
+ --cod-btn-border-color: #18252a;
+ --cod-btn-hover-color: #fff;
+ --cod-btn-hover-bg: #18252a;
+ --cod-btn-hover-border-color: #18252a;
+ --cod-btn-focus-shadow-rgb: 24, 37, 42;
+ --cod-btn-active-color: #fff;
+ --cod-btn-active-bg: #18252a;
+ --cod-btn-active-border-color: #18252a;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #18252a;
+ --cod-btn-disabled-bg: transparent;
+ --cod-btn-disabled-border-color: #18252a;
+ --cod-gradient: none;
}
.btn-outline-accent-primary {
- --bs-btn-color: #feb70d;
- --bs-btn-border-color: #feb70d;
- --bs-btn-hover-color: #000;
- --bs-btn-hover-bg: #feb70d;
- --bs-btn-hover-border-color: #feb70d;
- --bs-btn-focus-shadow-rgb: 254, 183, 13;
- --bs-btn-active-color: #000;
- --bs-btn-active-bg: #feb70d;
- --bs-btn-active-border-color: #feb70d;
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --bs-btn-disabled-color: #feb70d;
- --bs-btn-disabled-bg: transparent;
- --bs-btn-disabled-border-color: #feb70d;
- --bs-gradient: none;
+ --cod-btn-color: #feb70d;
+ --cod-btn-border-color: #feb70d;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #feb70d;
+ --cod-btn-hover-border-color: #feb70d;
+ --cod-btn-focus-shadow-rgb: 254, 183, 13;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: #feb70d;
+ --cod-btn-active-border-color: #feb70d;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #feb70d;
+ --cod-btn-disabled-bg: transparent;
+ --cod-btn-disabled-border-color: #feb70d;
+ --cod-gradient: none;
}
.btn-outline-accent-secondary {
- --bs-btn-color: #9fd5b3;
- --bs-btn-border-color: #9fd5b3;
- --bs-btn-hover-color: #000;
- --bs-btn-hover-bg: #9fd5b3;
- --bs-btn-hover-border-color: #9fd5b3;
- --bs-btn-focus-shadow-rgb: 159, 213, 179;
- --bs-btn-active-color: #000;
- --bs-btn-active-bg: #9fd5b3;
- --bs-btn-active-border-color: #9fd5b3;
- --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
- --bs-btn-disabled-color: #9fd5b3;
- --bs-btn-disabled-bg: transparent;
- --bs-btn-disabled-border-color: #9fd5b3;
- --bs-gradient: none;
+ --cod-btn-color: #9fd5b3;
+ --cod-btn-border-color: #9fd5b3;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #9fd5b3;
+ --cod-btn-hover-border-color: #9fd5b3;
+ --cod-btn-focus-shadow-rgb: 159, 213, 179;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: #9fd5b3;
+ --cod-btn-active-border-color: #9fd5b3;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #9fd5b3;
+ --cod-btn-disabled-bg: transparent;
+ --cod-btn-disabled-border-color: #9fd5b3;
+ --cod-gradient: none;
}
.btn-link {
- --bs-btn-font-weight: 400;
- --bs-btn-color: var(--bs-link-color);
- --bs-btn-bg: transparent;
- --bs-btn-border-color: transparent;
- --bs-btn-hover-color: var(--bs-link-hover-color);
- --bs-btn-hover-border-color: transparent;
- --bs-btn-active-color: var(--bs-link-hover-color);
- --bs-btn-active-border-color: transparent;
- --bs-btn-disabled-color: #6c757d;
- --bs-btn-disabled-border-color: transparent;
- --bs-btn-box-shadow: 0 0 0 #000;
- --bs-btn-focus-shadow-rgb: 38, 96, 97;
+ --cod-btn-font-weight: 400;
+ --cod-btn-color: var(--cod-link-color);
+ --cod-btn-bg: transparent;
+ --cod-btn-border-color: transparent;
+ --cod-btn-hover-color: var(--cod-link-hover-color);
+ --cod-btn-hover-border-color: transparent;
+ --cod-btn-active-color: var(--cod-link-hover-color);
+ --cod-btn-active-border-color: transparent;
+ --cod-btn-disabled-color: #6c757d;
+ --cod-btn-disabled-border-color: transparent;
+ --cod-btn-box-shadow: 0 0 0 #000;
+ --cod-btn-focus-shadow-rgb: 38, 96, 97;
text-decoration: underline;
}
.btn-link:focus-visible {
- color: var(--bs-btn-color);
+ color: var(--cod-btn-color);
}
.btn-link:hover {
- color: var(--bs-btn-hover-color);
+ color: var(--cod-btn-hover-color);
}
.btn-lg,
.btn-group-lg > .btn {
- --bs-btn-padding-y: 0.5em;
- --bs-btn-padding-x: 1em;
- --bs-btn-font-size: 1.25em;
- --bs-btn-border-radius: var(--bs-border-radius-lg);
+ --cod-btn-padding-y: 0.5em;
+ --cod-btn-padding-x: 1em;
+ --cod-btn-font-size: 1.25em;
+ --cod-btn-border-radius: var(--cod-border-radius-lg);
}
.btn-sm,
.btn-group-sm > .btn {
- --bs-btn-padding-y: 0.25em;
- --bs-btn-padding-x: 0.5em;
- --bs-btn-font-size: 1em;
- --bs-btn-border-radius: var(--bs-border-radius-sm);
+ --cod-btn-padding-y: 0.25em;
+ --cod-btn-padding-x: 0.5em;
+ --cod-btn-font-size: 1em;
+ --cod-btn-border-radius: var(--cod-border-radius-sm);
}
.fade {
@@ -3476,52 +3476,53 @@ fieldset:disabled .btn {
}
.dropdown-menu {
- --bs-dropdown-zindex: 1000;
- --bs-dropdown-min-width: 10em;
- --bs-dropdown-padding-x: 0;
- --bs-dropdown-padding-y: 0.5em;
- --bs-dropdown-spacer: 0.125em;
- --bs-dropdown-font-size: 1em;
- --bs-dropdown-color: var(--bs-body-color);
- --bs-dropdown-bg: var(--bs-body-bg);
- --bs-dropdown-border-color: var(--bs-border-color-translucent);
- --bs-dropdown-border-radius: var(--bs-border-radius);
- --bs-dropdown-border-width: var(--bs-border-width);
- --bs-dropdown-inner-border-radius: calc(
- var(--bs-border-radius) - var(--bs-border-width)
+ --cod-dropdown-zindex: 1000;
+ --cod-dropdown-min-width: 10em;
+ --cod-dropdown-padding-x: 0;
+ --cod-dropdown-padding-y: 0.5em;
+ --cod-dropdown-spacer: 0.125em;
+ --cod-dropdown-font-size: 1em;
+ --cod-dropdown-color: var(--cod-body-color);
+ --cod-dropdown-bg: var(--cod-body-bg);
+ --cod-dropdown-border-color: var(--cod-border-color-translucent);
+ --cod-dropdown-border-radius: var(--cod-border-radius);
+ --cod-dropdown-border-width: var(--cod-border-width);
+ --cod-dropdown-inner-border-radius: calc(
+ var(--cod-border-radius) - var(--cod-border-width)
);
- --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
- --bs-dropdown-divider-margin-y: 0.5em;
- --bs-dropdown-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
- --bs-dropdown-link-color: var(--bs-body-color);
- --bs-dropdown-link-hover-color: var(--bs-body-color);
- --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
- --bs-dropdown-link-active-color: #fff;
- --bs-dropdown-link-active-bg: #004445;
- --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
- --bs-dropdown-item-padding-x: 1em;
- --bs-dropdown-item-padding-y: 0.25em;
- --bs-dropdown-header-color: #6c757d;
- --bs-dropdown-header-padding-x: 1em;
- --bs-dropdown-header-padding-y: 0.5em;
+ --cod-dropdown-divider-bg: var(--cod-border-color-translucent);
+ --cod-dropdown-divider-margin-y: 0.5em;
+ --cod-dropdown-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
+ --cod-dropdown-link-color: var(--cod-body-color);
+ --cod-dropdown-link-hover-color: var(--cod-body-color);
+ --cod-dropdown-link-hover-bg: var(--cod-tertiary-bg);
+ --cod-dropdown-link-active-color: #fff;
+ --cod-dropdown-link-active-bg: #004445;
+ --cod-dropdown-link-disabled-color: var(--cod-tertiary-color);
+ --cod-dropdown-item-padding-x: 1em;
+ --cod-dropdown-item-padding-y: 0.25em;
+ --cod-dropdown-header-color: #6c757d;
+ --cod-dropdown-header-padding-x: 1em;
+ --cod-dropdown-header-padding-y: 0.5em;
position: absolute;
- z-index: var(--bs-dropdown-zindex);
+ z-index: var(--cod-dropdown-zindex);
display: none;
- min-width: var(--bs-dropdown-min-width);
- padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
+ min-width: var(--cod-dropdown-min-width);
+ padding: var(--cod-dropdown-padding-y) var(--cod-dropdown-padding-x);
margin: 0;
- font-size: var(--bs-dropdown-font-size);
- color: var(--bs-dropdown-color);
+ font-size: var(--cod-dropdown-font-size);
+ color: var(--cod-dropdown-color);
text-align: left;
list-style: none;
- background-color: var(--bs-dropdown-bg);
+ background-color: var(--cod-dropdown-bg);
background-clip: padding-box;
- border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
+ border: var(--cod-dropdown-border-width) solid
+ var(--cod-dropdown-border-color);
}
.dropdown-menu[data-bs-popper] {
top: 100%;
left: 0;
- margin-top: var(--bs-dropdown-spacer);
+ margin-top: var(--cod-dropdown-spacer);
}
.dropdown-menu-start {
@@ -3624,7 +3625,7 @@ fieldset:disabled .btn {
top: auto;
bottom: 100%;
margin-top: 0;
- margin-bottom: var(--bs-dropdown-spacer);
+ margin-bottom: var(--cod-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
display: inline-block;
@@ -3645,7 +3646,7 @@ fieldset:disabled .btn {
right: auto;
left: 100%;
margin-top: 0;
- margin-left: var(--bs-dropdown-spacer);
+ margin-left: var(--cod-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
display: inline-block;
@@ -3669,7 +3670,7 @@ fieldset:disabled .btn {
right: 100%;
left: auto;
margin-top: 0;
- margin-right: var(--bs-dropdown-spacer);
+ margin-right: var(--cod-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
display: inline-block;
@@ -3698,19 +3699,19 @@ fieldset:disabled .btn {
.dropdown-divider {
height: 0;
- margin: var(--bs-dropdown-divider-margin-y) 0;
+ margin: var(--cod-dropdown-divider-margin-y) 0;
overflow: hidden;
- border-top: 1px solid var(--bs-dropdown-divider-bg);
+ border-top: 1px solid var(--cod-dropdown-divider-bg);
opacity: 1;
}
.dropdown-item {
display: block;
width: 100%;
- padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
+ padding: var(--cod-dropdown-item-padding-y) var(--cod-dropdown-item-padding-x);
clear: both;
font-weight: 400;
- color: var(--bs-dropdown-link-color);
+ color: var(--cod-dropdown-link-color);
text-align: inherit;
text-decoration: none;
white-space: nowrap;
@@ -3719,18 +3720,18 @@ fieldset:disabled .btn {
}
.dropdown-item:hover,
.dropdown-item:focus {
- color: var(--bs-dropdown-link-hover-color);
- background-color: var(--bs-dropdown-link-hover-bg);
+ color: var(--cod-dropdown-link-hover-color);
+ background-color: var(--cod-dropdown-link-hover-bg);
}
.dropdown-item.active,
.dropdown-item:active {
- color: var(--bs-dropdown-link-active-color);
+ color: var(--cod-dropdown-link-active-color);
text-decoration: none;
- background-color: var(--bs-dropdown-link-active-bg);
+ background-color: var(--cod-dropdown-link-active-bg);
}
.dropdown-item.disabled,
.dropdown-item:disabled {
- color: var(--bs-dropdown-link-disabled-color);
+ color: var(--cod-dropdown-link-disabled-color);
pointer-events: none;
background-color: transparent;
}
@@ -3741,33 +3742,33 @@ fieldset:disabled .btn {
.dropdown-header {
display: block;
- padding: var(--bs-dropdown-header-padding-y)
- var(--bs-dropdown-header-padding-x);
+ padding: var(--cod-dropdown-header-padding-y)
+ var(--cod-dropdown-header-padding-x);
margin-bottom: 0;
font-size: 1em;
- color: var(--bs-dropdown-header-color);
+ color: var(--cod-dropdown-header-color);
white-space: nowrap;
}
.dropdown-item-text {
display: block;
- padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
- color: var(--bs-dropdown-link-color);
+ padding: var(--cod-dropdown-item-padding-y) var(--cod-dropdown-item-padding-x);
+ color: var(--cod-dropdown-link-color);
}
.dropdown-menu-dark {
- --bs-dropdown-color: #dee2e6;
- --bs-dropdown-bg: #343a40;
- --bs-dropdown-border-color: var(--bs-border-color-translucent);
- --bs-dropdown-box-shadow: ;
- --bs-dropdown-link-color: #dee2e6;
- --bs-dropdown-link-hover-color: #fff;
- --bs-dropdown-divider-bg: var(--bs-border-color-translucent);
- --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
- --bs-dropdown-link-active-color: #fff;
- --bs-dropdown-link-active-bg: #004445;
- --bs-dropdown-link-disabled-color: #adb5bd;
- --bs-dropdown-header-color: #adb5bd;
+ --cod-dropdown-color: #dee2e6;
+ --cod-dropdown-bg: #343a40;
+ --cod-dropdown-border-color: var(--cod-border-color-translucent);
+ --cod-dropdown-box-shadow: ;
+ --cod-dropdown-link-color: #dee2e6;
+ --cod-dropdown-link-hover-color: #fff;
+ --cod-dropdown-divider-bg: var(--cod-border-color-translucent);
+ --cod-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
+ --cod-dropdown-link-active-color: #fff;
+ --cod-dropdown-link-active-bg: #004445;
+ --cod-dropdown-link-disabled-color: #adb5bd;
+ --cod-dropdown-header-color: #adb5bd;
}
.btn-group,
@@ -3807,7 +3808,7 @@ fieldset:disabled .btn {
.btn-group > :not(.btn-check:first-child) + .btn,
.btn-group > .btn-group:not(:first-child) {
- margin-left: calc(var(--bs-border-width) * -1);
+ margin-left: calc(var(--cod-border-width) * -1);
}
.dropdown-toggle-split {
padding-right: 0.5625em;
@@ -3845,15 +3846,15 @@ fieldset:disabled .btn {
}
.btn-group-vertical > .btn:not(:first-child),
.btn-group-vertical > .btn-group:not(:first-child) {
- margin-top: calc(var(--bs-border-width) * -1);
+ margin-top: calc(var(--cod-border-width) * -1);
}
.nav {
- --bs-nav-link-padding-x: 1em;
- --bs-nav-link-padding-y: 0.5em;
- --bs-nav-link-font-weight: ;
- --bs-nav-link-color: var(--bs-link-color);
- --bs-nav-link-hover-color: var(--bs-link-hover-color);
- --bs-nav-link-disabled-color: var(--bs-secondary-color);
+ --cod-nav-link-padding-x: 1em;
+ --cod-nav-link-padding-y: 0.5em;
+ --cod-nav-link-font-weight: ;
+ --cod-nav-link-color: var(--cod-link-color);
+ --cod-nav-link-hover-color: var(--cod-link-hover-color);
+ --cod-nav-link-disabled-color: var(--cod-secondary-color);
display: flex;
flex-wrap: wrap;
padding-left: 0;
@@ -3863,10 +3864,10 @@ fieldset:disabled .btn {
.nav-link {
display: block;
- padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
- font-size: var(--bs-nav-link-font-size);
- font-weight: var(--bs-nav-link-font-weight);
- color: var(--bs-nav-link-color);
+ padding: var(--cod-nav-link-padding-y) var(--cod-nav-link-padding-x);
+ font-size: var(--cod-nav-link-font-size);
+ font-weight: var(--cod-nav-link-font-weight);
+ color: var(--cod-nav-link-color);
text-decoration: none;
background: none;
border: 0;
@@ -3882,82 +3883,82 @@ fieldset:disabled .btn {
}
.nav-link:hover,
.nav-link:focus {
- color: var(--bs-nav-link-hover-color);
+ color: var(--cod-nav-link-hover-color);
}
.nav-link:focus-visible {
outline: 0;
box-shadow: 0 0 0 0.25em blue;
}
.nav-link.disabled {
- color: var(--bs-nav-link-disabled-color);
+ color: var(--cod-nav-link-disabled-color);
pointer-events: none;
cursor: default;
}
.nav-tabs {
- --bs-nav-tabs-border-width: var(--bs-border-width);
- --bs-nav-tabs-border-color: var(--bs-border-color);
- --bs-nav-tabs-border-radius: var(--bs-border-radius);
- --bs-nav-tabs-link-hover-border-color: var(--bs-secondary-bg)
- var(--bs-secondary-bg) var(--bs-border-color);
- --bs-nav-tabs-link-active-color: var(--bs-emphasis-color);
- --bs-nav-tabs-link-active-bg: var(--bs-body-bg);
- --bs-nav-tabs-link-active-border-color: var(--bs-border-color)
- var(--bs-border-color) var(--bs-body-bg);
- border-bottom: var(--bs-nav-tabs-border-width) solid
- var(--bs-nav-tabs-border-color);
+ --cod-nav-tabs-border-width: var(--cod-border-width);
+ --cod-nav-tabs-border-color: var(--cod-border-color);
+ --cod-nav-tabs-border-radius: var(--cod-border-radius);
+ --cod-nav-tabs-link-hover-border-color: var(--cod-secondary-bg)
+ var(--cod-secondary-bg) var(--cod-border-color);
+ --cod-nav-tabs-link-active-color: var(--cod-emphasis-color);
+ --cod-nav-tabs-link-active-bg: var(--cod-body-bg);
+ --cod-nav-tabs-link-active-border-color: var(--cod-border-color)
+ var(--cod-border-color) var(--cod-body-bg);
+ border-bottom: var(--cod-nav-tabs-border-width) solid
+ var(--cod-nav-tabs-border-color);
}
.nav-tabs .nav-link {
- margin-bottom: calc(-1 * var(--bs-nav-tabs-border-width));
- border: var(--bs-nav-tabs-border-width) solid transparent;
+ margin-bottom: calc(-1 * var(--cod-nav-tabs-border-width));
+ border: var(--cod-nav-tabs-border-width) solid transparent;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
isolation: isolate;
- border-color: var(--bs-nav-tabs-link-hover-border-color);
+ border-color: var(--cod-nav-tabs-link-hover-border-color);
}
.nav-tabs .nav-link.disabled,
.nav-tabs .nav-link:disabled {
- color: var(--bs-nav-link-disabled-color);
+ color: var(--cod-nav-link-disabled-color);
background-color: transparent;
border-color: transparent;
}
.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
- color: var(--bs-nav-tabs-link-active-color);
- background-color: var(--bs-nav-tabs-link-active-bg);
- border-color: var(--bs-nav-tabs-link-active-border-color);
+ color: var(--cod-nav-tabs-link-active-color);
+ background-color: var(--cod-nav-tabs-link-active-bg);
+ border-color: var(--cod-nav-tabs-link-active-border-color);
}
.nav-tabs .dropdown-menu {
- margin-top: calc(-1 * var(--bs-nav-tabs-border-width));
+ margin-top: calc(-1 * var(--cod-nav-tabs-border-width));
}
.nav-pills {
- --bs-nav-pills-border-radius: var(--bs-border-radius);
- --bs-nav-pills-link-active-color: #fff;
- --bs-nav-pills-link-active-bg: #004445;
+ --cod-nav-pills-border-radius: var(--cod-border-radius);
+ --cod-nav-pills-link-active-color: #fff;
+ --cod-nav-pills-link-active-bg: #004445;
}
.nav-pills .nav-link:disabled {
- color: var(--bs-nav-link-disabled-color);
+ color: var(--cod-nav-link-disabled-color);
background-color: transparent;
border-color: transparent;
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
- color: var(--bs-nav-pills-link-active-color);
- background-color: var(--bs-nav-pills-link-active-bg);
+ color: var(--cod-nav-pills-link-active-color);
+ background-color: var(--cod-nav-pills-link-active-bg);
}
.nav-underline {
- --bs-nav-underline-gap: 1em;
- --bs-nav-underline-border-width: 0.125em;
- --bs-nav-underline-link-active-color: var(--bs-emphasis-color);
- gap: var(--bs-nav-underline-gap);
+ --cod-nav-underline-gap: 1em;
+ --cod-nav-underline-border-width: 0.125em;
+ --cod-nav-underline-link-active-color: var(--cod-emphasis-color);
+ gap: var(--cod-nav-underline-gap);
}
.nav-underline .nav-link {
padding-right: 0;
padding-left: 0;
- border-bottom: var(--bs-nav-underline-border-width) solid transparent;
+ border-bottom: var(--cod-nav-underline-border-width) solid transparent;
}
.nav-underline .nav-link:hover,
.nav-underline .nav-link:focus {
@@ -3966,7 +3967,7 @@ fieldset:disabled .btn {
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
font-weight: 700;
- color: var(--bs-nav-underline-link-active-color);
+ color: var(--cod-nav-underline-link-active-color);
border-bottom-color: currentcolor;
}
@@ -3996,32 +3997,32 @@ fieldset:disabled .btn {
}
.navbar {
- --bs-navbar-padding-x: 0;
- --bs-navbar-padding-y: 0.5em;
- --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65);
- --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8);
- --bs-navbar-disabled-color: rgba(var(--bs-emphasis-color-rgb), 0.3);
- --bs-navbar-active-color: rgba(var(--bs-emphasis-color-rgb), 1);
- --bs-navbar-brand-padding-y: 0.3125em;
- --bs-navbar-brand-margin-end: 1em;
- --bs-navbar-brand-font-size: 1.25em;
- --bs-navbar-brand-color: rgba(var(--bs-emphasis-color-rgb), 1);
- --bs-navbar-brand-hover-color: rgba(var(--bs-emphasis-color-rgb), 1);
- --bs-navbar-nav-link-padding-x: 0.5em;
- --bs-navbar-toggler-padding-y: 0.25em;
- --bs-navbar-toggler-padding-x: 0.75em;
- --bs-navbar-toggler-font-size: 1.25em;
- --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
- --bs-navbar-toggler-border-color: rgba(var(--bs-emphasis-color-rgb), 0.15);
- --bs-navbar-toggler-border-radius: var(--bs-border-radius);
- --bs-navbar-toggler-focus-width: 0.25em;
- --bs-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
+ --cod-navbar-padding-x: 0;
+ --cod-navbar-padding-y: 0.5em;
+ --cod-navbar-color: rgba(var(--cod-emphasis-color-rgb), 0.65);
+ --cod-navbar-hover-color: rgba(var(--cod-emphasis-color-rgb), 0.8);
+ --cod-navbar-disabled-color: rgba(var(--cod-emphasis-color-rgb), 0.3);
+ --cod-navbar-active-color: rgba(var(--cod-emphasis-color-rgb), 1);
+ --cod-navbar-brand-padding-y: 0.3125em;
+ --cod-navbar-brand-margin-end: 1em;
+ --cod-navbar-brand-font-size: 1.25em;
+ --cod-navbar-brand-color: rgba(var(--cod-emphasis-color-rgb), 1);
+ --cod-navbar-brand-hover-color: rgba(var(--cod-emphasis-color-rgb), 1);
+ --cod-navbar-nav-link-padding-x: 0.5em;
+ --cod-navbar-toggler-padding-y: 0.25em;
+ --cod-navbar-toggler-padding-x: 0.75em;
+ --cod-navbar-toggler-font-size: 1.25em;
+ --cod-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%2833, 37, 41, 0.75%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+ --cod-navbar-toggler-border-color: rgba(var(--cod-emphasis-color-rgb), 0.15);
+ --cod-navbar-toggler-border-radius: var(--cod-border-radius);
+ --cod-navbar-toggler-focus-width: 0.25em;
+ --cod-navbar-toggler-transition: box-shadow 0.15s ease-in-out;
position: relative;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
- padding: var(--bs-navbar-padding-y) var(--bs-navbar-padding-x);
+ padding: var(--cod-navbar-padding-y) var(--cod-navbar-padding-x);
}
.navbar > .container,
.navbar > .container-fluid,
@@ -4036,26 +4037,26 @@ fieldset:disabled .btn {
justify-content: space-between;
}
.navbar-brand {
- padding-top: var(--bs-navbar-brand-padding-y);
- padding-bottom: var(--bs-navbar-brand-padding-y);
- margin-right: var(--bs-navbar-brand-margin-end);
- font-size: var(--bs-navbar-brand-font-size);
- color: var(--bs-navbar-brand-color);
+ padding-top: var(--cod-navbar-brand-padding-y);
+ padding-bottom: var(--cod-navbar-brand-padding-y);
+ margin-right: var(--cod-navbar-brand-margin-end);
+ font-size: var(--cod-navbar-brand-font-size);
+ color: var(--cod-navbar-brand-color);
text-decoration: none;
white-space: nowrap;
}
.navbar-brand:hover,
.navbar-brand:focus {
- color: var(--bs-navbar-brand-hover-color);
+ color: var(--cod-navbar-brand-hover-color);
}
.navbar-nav {
- --bs-nav-link-padding-x: 0;
- --bs-nav-link-padding-y: 0.5em;
- --bs-nav-link-font-weight: ;
- --bs-nav-link-color: var(--bs-navbar-color);
- --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
- --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
+ --cod-nav-link-padding-x: 0;
+ --cod-nav-link-padding-y: 0.5em;
+ --cod-nav-link-font-weight: ;
+ --cod-nav-link-color: var(--cod-navbar-color);
+ --cod-nav-link-hover-color: var(--cod-navbar-hover-color);
+ --cod-nav-link-disabled-color: var(--cod-navbar-disabled-color);
display: flex;
flex-direction: column;
padding-left: 0;
@@ -4064,7 +4065,7 @@ fieldset:disabled .btn {
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
- color: var(--bs-navbar-active-color);
+ color: var(--cod-navbar-active-color);
}
.navbar-nav .dropdown-menu {
position: static;
@@ -4073,12 +4074,12 @@ fieldset:disabled .btn {
.navbar-text {
padding-top: 0.5em;
padding-bottom: 0.5em;
- color: var(--bs-navbar-color);
+ color: var(--cod-navbar-color);
}
.navbar-text a,
.navbar-text a:hover,
.navbar-text a:focus {
- color: var(--bs-navbar-active-color);
+ color: var(--cod-navbar-active-color);
}
.navbar-collapse {
@@ -4088,13 +4089,14 @@ fieldset:disabled .btn {
}
.navbar-toggler {
- padding: var(--bs-navbar-toggler-padding-y) var(--bs-navbar-toggler-padding-x);
- font-size: var(--bs-navbar-toggler-font-size);
+ padding: var(--cod-navbar-toggler-padding-y)
+ var(--cod-navbar-toggler-padding-x);
+ font-size: var(--cod-navbar-toggler-font-size);
line-height: 1;
- color: var(--bs-navbar-color);
+ color: var(--cod-navbar-color);
background-color: transparent;
- border: var(--bs-border-width) solid var(--bs-navbar-toggler-border-color);
- transition: var(--bs-navbar-toggler-transition);
+ border: var(--cod-border-width) solid var(--cod-navbar-toggler-border-color);
+ transition: var(--cod-navbar-toggler-transition);
}
@media (prefers-reduced-motion: reduce) {
.navbar-toggler {
@@ -4107,7 +4109,7 @@ fieldset:disabled .btn {
.navbar-toggler:focus {
text-decoration: none;
outline: 0;
- box-shadow: 0 0 0 var(--bs-navbar-toggler-focus-width);
+ box-shadow: 0 0 0 var(--cod-navbar-toggler-focus-width);
}
.navbar-toggler-icon {
@@ -4115,14 +4117,14 @@ fieldset:disabled .btn {
width: 1.5em;
height: 1.5em;
vertical-align: middle;
- background-image: var(--bs-navbar-toggler-icon-bg);
+ background-image: var(--cod-navbar-toggler-icon-bg);
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
}
.navbar-nav-scroll {
- max-height: var(--bs-scroll-height, 75vh);
+ max-height: var(--cod-scroll-height, 75vh);
overflow-y: auto;
}
@@ -4138,8 +4140,8 @@ fieldset:disabled .btn {
position: absolute;
}
.navbar-expand-sm .navbar-nav .nav-link {
- padding-right: var(--bs-navbar-nav-link-padding-x);
- padding-left: var(--bs-navbar-nav-link-padding-x);
+ padding-right: var(--cod-navbar-nav-link-padding-x);
+ padding-left: var(--cod-navbar-nav-link-padding-x);
}
.navbar-expand-sm .navbar-nav-scroll {
overflow: visible;
@@ -4185,8 +4187,8 @@ fieldset:disabled .btn {
position: absolute;
}
.navbar-expand-md .navbar-nav .nav-link {
- padding-right: var(--bs-navbar-nav-link-padding-x);
- padding-left: var(--bs-navbar-nav-link-padding-x);
+ padding-right: var(--cod-navbar-nav-link-padding-x);
+ padding-left: var(--cod-navbar-nav-link-padding-x);
}
.navbar-expand-md .navbar-nav-scroll {
overflow: visible;
@@ -4232,8 +4234,8 @@ fieldset:disabled .btn {
position: absolute;
}
.navbar-expand-lg .navbar-nav .nav-link {
- padding-right: var(--bs-navbar-nav-link-padding-x);
- padding-left: var(--bs-navbar-nav-link-padding-x);
+ padding-right: var(--cod-navbar-nav-link-padding-x);
+ padding-left: var(--cod-navbar-nav-link-padding-x);
}
.navbar-expand-lg .navbar-nav-scroll {
overflow: visible;
@@ -4279,8 +4281,8 @@ fieldset:disabled .btn {
position: absolute;
}
.navbar-expand-xl .navbar-nav .nav-link {
- padding-right: var(--bs-navbar-nav-link-padding-x);
- padding-left: var(--bs-navbar-nav-link-padding-x);
+ padding-right: var(--cod-navbar-nav-link-padding-x);
+ padding-left: var(--cod-navbar-nav-link-padding-x);
}
.navbar-expand-xl .navbar-nav-scroll {
overflow: visible;
@@ -4326,8 +4328,8 @@ fieldset:disabled .btn {
position: absolute;
}
.navbar-expand-xxl .navbar-nav .nav-link {
- padding-right: var(--bs-navbar-nav-link-padding-x);
- padding-left: var(--bs-navbar-nav-link-padding-x);
+ padding-right: var(--cod-navbar-nav-link-padding-x);
+ padding-left: var(--cod-navbar-nav-link-padding-x);
}
.navbar-expand-xxl .navbar-nav-scroll {
overflow: visible;
@@ -4372,8 +4374,8 @@ fieldset:disabled .btn {
position: absolute;
}
.navbar-expand .navbar-nav .nav-link {
- padding-right: var(--bs-navbar-nav-link-padding-x);
- padding-left: var(--bs-navbar-nav-link-padding-x);
+ padding-right: var(--cod-navbar-nav-link-padding-x);
+ padding-left: var(--cod-navbar-nav-link-padding-x);
}
.navbar-expand .navbar-nav-scroll {
overflow: visible;
@@ -4408,52 +4410,52 @@ fieldset:disabled .btn {
}
.navbar-dark {
- --bs-navbar-color: rgba(255, 255, 255, 0.55);
- --bs-navbar-hover-color: rgba(255, 255, 255, 0.75);
- --bs-navbar-disabled-color: rgba(255, 255, 255, 0.25);
- --bs-navbar-active-color: #fff;
- --bs-navbar-brand-color: #fff;
- --bs-navbar-brand-hover-color: #fff;
- --bs-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
- --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+ --cod-navbar-color: rgba(255, 255, 255, 0.55);
+ --cod-navbar-hover-color: rgba(255, 255, 255, 0.75);
+ --cod-navbar-disabled-color: rgba(255, 255, 255, 0.25);
+ --cod-navbar-active-color: #fff;
+ --cod-navbar-brand-color: #fff;
+ --cod-navbar-brand-hover-color: #fff;
+ --cod-navbar-toggler-border-color: rgba(255, 255, 255, 0.1);
+ --cod-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
[data-bs-theme='dark'] .navbar-toggler-icon {
- --bs-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
+ --cod-navbar-toggler-icon-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.card {
- --bs-card-spacer-y: 1em;
- --bs-card-spacer-x: 1em;
- --bs-card-title-spacer-y: 0.5em;
- --bs-card-title-color: ;
- --bs-card-subtitle-color: ;
- --bs-card-border-width: var(--bs-border-width);
- --bs-card-border-color: var(--bs-border-color-translucent);
- --bs-card-border-radius: var(--bs-border-radius);
- --bs-card-box-shadow: ;
- --bs-card-inner-border-radius: calc(
- var(--bs-border-radius) - (var(--bs-border-width))
+ --cod-card-spacer-y: 1em;
+ --cod-card-spacer-x: 1em;
+ --cod-card-title-spacer-y: 0.5em;
+ --cod-card-title-color: ;
+ --cod-card-subtitle-color: ;
+ --cod-card-border-width: var(--cod-border-width);
+ --cod-card-border-color: var(--cod-border-color-translucent);
+ --cod-card-border-radius: var(--cod-border-radius);
+ --cod-card-box-shadow: ;
+ --cod-card-inner-border-radius: calc(
+ var(--cod-border-radius) - (var(--cod-border-width))
);
- --bs-card-cap-padding-y: 0.5em;
- --bs-card-cap-padding-x: 1em;
- --bs-card-cap-bg: rgba(var(--bs-body-color-rgb), 0.03);
- --bs-card-cap-color: ;
- --bs-card-height: ;
- --bs-card-color: ;
- --bs-card-bg: var(--bs-body-bg);
- --bs-card-img-overlay-padding: 1em;
- --bs-card-group-margin: 0.75em;
+ --cod-card-cap-padding-y: 0.5em;
+ --cod-card-cap-padding-x: 1em;
+ --cod-card-cap-bg: rgba(var(--cod-body-color-rgb), 0.03);
+ --cod-card-cap-color: ;
+ --cod-card-height: ;
+ --cod-card-color: ;
+ --cod-card-bg: var(--cod-body-bg);
+ --cod-card-img-overlay-padding: 1em;
+ --cod-card-group-margin: 0.75em;
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
- height: var(--bs-card-height);
- color: var(--bs-body-color);
+ height: var(--cod-card-height);
+ color: var(--cod-body-color);
word-wrap: break-word;
- background-color: var(--bs-card-bg);
+ background-color: var(--cod-card-bg);
background-clip: border-box;
- border: var(--bs-card-border-width) solid var(--bs-card-border-color);
+ border: var(--cod-card-border-width) solid var(--cod-card-border-color);
}
.card > hr {
margin-right: 0;
@@ -4476,19 +4478,19 @@ fieldset:disabled .btn {
.card-body {
flex: 1 1 auto;
- padding: var(--bs-card-spacer-y) var(--bs-card-spacer-x);
- color: var(--bs-card-color);
+ padding: var(--cod-card-spacer-y) var(--cod-card-spacer-x);
+ color: var(--cod-card-color);
}
.card-title {
- margin-bottom: var(--bs-card-title-spacer-y);
- color: var(--bs-card-title-color);
+ margin-bottom: var(--cod-card-title-spacer-y);
+ color: var(--cod-card-title-color);
}
.card-subtitle {
- margin-top: calc(-0.5 * var(--bs-card-title-spacer-y));
+ margin-top: calc(-0.5 * var(--cod-card-title-spacer-y));
margin-bottom: 0;
- color: var(--bs-card-subtitle-color);
+ color: var(--cod-card-subtitle-color);
}
.card-text:last-child {
@@ -4496,36 +4498,36 @@ fieldset:disabled .btn {
}
.card-link + .card-link {
- margin-left: var(--bs-card-spacer-x);
+ margin-left: var(--cod-card-spacer-x);
}
.card-header {
- padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
+ padding: var(--cod-card-cap-padding-y) var(--cod-card-cap-padding-x);
margin-bottom: 0;
- color: var(--bs-card-cap-color);
- background-color: var(--bs-card-cap-bg);
- border-bottom: var(--bs-card-border-width) solid var(--bs-card-border-color);
+ color: var(--cod-card-cap-color);
+ background-color: var(--cod-card-cap-bg);
+ border-bottom: var(--cod-card-border-width) solid var(--cod-card-border-color);
}
.card-footer {
- padding: var(--bs-card-cap-padding-y) var(--bs-card-cap-padding-x);
- color: var(--bs-card-cap-color);
- background-color: var(--bs-card-cap-bg);
- border-top: var(--bs-card-border-width) solid var(--bs-card-border-color);
+ padding: var(--cod-card-cap-padding-y) var(--cod-card-cap-padding-x);
+ color: var(--cod-card-cap-color);
+ background-color: var(--cod-card-cap-bg);
+ border-top: var(--cod-card-border-width) solid var(--cod-card-border-color);
}
.card-header-tabs {
- margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
- margin-bottom: calc(-1 * var(--bs-card-cap-padding-y));
- margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
+ margin-right: calc(-0.5 * var(--cod-card-cap-padding-x));
+ margin-bottom: calc(-1 * var(--cod-card-cap-padding-y));
+ margin-left: calc(-0.5 * var(--cod-card-cap-padding-x));
border-bottom: 0;
}
.card-header-tabs .nav-link.active {
- background-color: var(--bs-card-bg);
- border-bottom-color: var(--bs-card-bg);
+ background-color: var(--cod-card-bg);
+ border-bottom-color: var(--cod-card-bg);
}
.card-header-pills {
- margin-right: calc(-0.5 * var(--bs-card-cap-padding-x));
- margin-left: calc(-0.5 * var(--bs-card-cap-padding-x));
+ margin-right: calc(-0.5 * var(--cod-card-cap-padding-x));
+ margin-left: calc(-0.5 * var(--cod-card-cap-padding-x));
}
.card-img-overlay {
@@ -4534,7 +4536,7 @@ fieldset:disabled .btn {
right: 0;
bottom: 0;
left: 0;
- padding: var(--bs-card-img-overlay-padding);
+ padding: var(--cod-card-img-overlay-padding);
}
.card-img,
@@ -4544,7 +4546,7 @@ fieldset:disabled .btn {
}
.card-group > .card {
- margin-bottom: var(--bs-card-group-margin);
+ margin-bottom: var(--cod-card-group-margin);
}
@media (min-width: 576px) {
.card-group {
@@ -4562,32 +4564,32 @@ fieldset:disabled .btn {
}
.accordion {
- --bs-accordion-color: var(--bs-body-color);
- --bs-accordion-bg: var(--bs-body-bg);
- --bs-accordion-transition: color 0.15s ease-in-out,
+ --cod-accordion-color: var(--cod-body-color);
+ --cod-accordion-bg: var(--cod-body-bg);
+ --cod-accordion-transition: color 0.15s ease-in-out,
background-color 0.15s ease-in-out, border-color 0.15s ease-in-out,
box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
- --bs-accordion-border-color: var(--bs-border-color);
- --bs-accordion-border-width: var(--bs-border-width);
- --bs-accordion-border-radius: var(--bs-border-radius);
- --bs-accordion-inner-border-radius: calc(
- var(--bs-border-radius) - (var(--bs-border-width))
+ --cod-accordion-border-color: var(--cod-border-color);
+ --cod-accordion-border-width: var(--cod-border-width);
+ --cod-accordion-border-radius: var(--cod-border-radius);
+ --cod-accordion-inner-border-radius: calc(
+ var(--cod-border-radius) - (var(--cod-border-width))
);
- --bs-accordion-btn-padding-x: 1.25em;
- --bs-accordion-btn-padding-y: 1em;
- --bs-accordion-btn-color: var(--bs-body-color);
- --bs-accordion-btn-bg: var(--bs-accordion-bg);
- --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
- --bs-accordion-btn-icon-width: 1.25em;
- --bs-accordion-btn-icon-transform: rotate(-180deg);
- --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
- --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23001b1c'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
- --bs-accordion-btn-focus-border-color: #80a2a2;
- --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25em blue;
- --bs-accordion-body-padding-x: 1.25em;
- --bs-accordion-body-padding-y: 1em;
- --bs-accordion-active-color: var(--bs-primary-text-emphasis);
- --bs-accordion-active-bg: var(--bs-primary-bg-subtle);
+ --cod-accordion-btn-padding-x: 1.25em;
+ --cod-accordion-btn-padding-y: 1em;
+ --cod-accordion-btn-color: var(--cod-body-color);
+ --cod-accordion-btn-bg: var(--cod-accordion-bg);
+ --cod-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+ --cod-accordion-btn-icon-width: 1.25em;
+ --cod-accordion-btn-icon-transform: rotate(-180deg);
+ --cod-accordion-btn-icon-transition: transform 0.2s ease-in-out;
+ --cod-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23001b1c'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+ --cod-accordion-btn-focus-border-color: #80a2a2;
+ --cod-accordion-btn-focus-box-shadow: 0 0 0 0.25em blue;
+ --cod-accordion-body-padding-x: 1.25em;
+ --cod-accordion-body-padding-y: 1em;
+ --cod-accordion-active-color: var(--cod-primary-text-emphasis);
+ --cod-accordion-active-bg: var(--cod-primary-bg-subtle);
}
.accordion-button {
@@ -4595,14 +4597,14 @@ fieldset:disabled .btn {
display: flex;
align-items: center;
width: 100%;
- padding: var(--bs-accordion-btn-padding-y) var(--bs-accordion-btn-padding-x);
+ padding: var(--cod-accordion-btn-padding-y) var(--cod-accordion-btn-padding-x);
font-size: 1em;
- color: var(--bs-accordion-btn-color);
+ color: var(--cod-accordion-btn-color);
text-align: left;
- background-color: var(--bs-accordion-btn-bg);
+ background-color: var(--cod-accordion-btn-bg);
border: 0;
overflow-anchor: none;
- transition: var(--bs-accordion-transition);
+ transition: var(--cod-accordion-transition);
}
@media (prefers-reduced-motion: reduce) {
.accordion-button {
@@ -4610,25 +4612,25 @@ fieldset:disabled .btn {
}
}
.accordion-button:not(.collapsed) {
- color: var(--bs-accordion-active-color);
- background-color: var(--bs-accordion-active-bg);
- box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0
- var(--bs-accordion-border-color);
+ color: var(--cod-accordion-active-color);
+ background-color: var(--cod-accordion-active-bg);
+ box-shadow: inset 0 calc(-1 * var(--cod-accordion-border-width)) 0
+ var(--cod-accordion-border-color);
}
.accordion-button:not(.collapsed)::after {
- background-image: var(--bs-accordion-btn-active-icon);
- transform: var(--bs-accordion-btn-icon-transform);
+ background-image: var(--cod-accordion-btn-active-icon);
+ transform: var(--cod-accordion-btn-icon-transform);
}
.accordion-button::after {
flex-shrink: 0;
- width: var(--bs-accordion-btn-icon-width);
- height: var(--bs-accordion-btn-icon-width);
+ width: var(--cod-accordion-btn-icon-width);
+ height: var(--cod-accordion-btn-icon-width);
margin-left: auto;
content: '';
- background-image: var(--bs-accordion-btn-icon);
+ background-image: var(--cod-accordion-btn-icon);
background-repeat: no-repeat;
- background-size: var(--bs-accordion-btn-icon-width);
- transition: var(--bs-accordion-btn-icon-transition);
+ background-size: var(--cod-accordion-btn-icon-width);
+ transition: var(--cod-accordion-btn-icon-transition);
}
@media (prefers-reduced-motion: reduce) {
.accordion-button::after {
@@ -4640,9 +4642,9 @@ fieldset:disabled .btn {
}
.accordion-button:focus {
z-index: 3;
- border-color: var(--bs-accordion-btn-focus-border-color);
+ border-color: var(--cod-accordion-btn-focus-border-color);
outline: 0;
- box-shadow: var(--bs-accordion-btn-focus-box-shadow);
+ box-shadow: var(--cod-accordion-btn-focus-box-shadow);
}
.accordion-header {
@@ -4650,16 +4652,17 @@ fieldset:disabled .btn {
}
.accordion-item {
- color: var(--bs-accordion-color);
- background-color: var(--bs-accordion-bg);
- border: var(--bs-accordion-border-width) solid
- var(--bs-accordion-border-color);
+ color: var(--cod-accordion-color);
+ background-color: var(--cod-accordion-bg);
+ border: var(--cod-accordion-border-width) solid
+ var(--cod-accordion-border-color);
}
.accordion-item:not(:first-of-type) {
border-top: 0;
}
.accordion-body {
- padding: var(--bs-accordion-body-padding-y) var(--bs-accordion-body-padding-x);
+ padding: var(--cod-accordion-body-padding-y)
+ var(--cod-accordion-body-padding-x);
}
.accordion-flush .accordion-collapse {
@@ -4676,63 +4679,63 @@ fieldset:disabled .btn {
border-bottom: 0;
}
[data-bs-theme='dark'] .accordion-button::after {
- --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23668f8f'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
- --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23668f8f'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+ --cod-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23668f8f'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
+ --cod-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23668f8f'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.breadcrumb {
- --bs-breadcrumb-padding-x: 0;
- --bs-breadcrumb-padding-y: 0;
- --bs-breadcrumb-margin-bottom: 1em;
- --bs-breadcrumb-bg: ;
- --bs-breadcrumb-border-radius: ;
- --bs-breadcrumb-divider-color: var(--bs-secondary-color);
- --bs-breadcrumb-item-padding-x: 0.5em;
- --bs-breadcrumb-item-active-color: var(--bs-secondary-color);
+ --cod-breadcrumb-padding-x: 0;
+ --cod-breadcrumb-padding-y: 0;
+ --cod-breadcrumb-margin-bottom: 1em;
+ --cod-breadcrumb-bg: ;
+ --cod-breadcrumb-border-radius: ;
+ --cod-breadcrumb-divider-color: var(--cod-secondary-color);
+ --cod-breadcrumb-item-padding-x: 0.5em;
+ --cod-breadcrumb-item-active-color: var(--cod-secondary-color);
display: flex;
flex-wrap: wrap;
- padding: var(--bs-breadcrumb-padding-y) var(--bs-breadcrumb-padding-x);
- margin-bottom: var(--bs-breadcrumb-margin-bottom);
- font-size: var(--bs-breadcrumb-font-size);
+ padding: var(--cod-breadcrumb-padding-y) var(--cod-breadcrumb-padding-x);
+ margin-bottom: var(--cod-breadcrumb-margin-bottom);
+ font-size: var(--cod-breadcrumb-font-size);
list-style: none;
- background-color: var(--bs-breadcrumb-bg);
+ background-color: var(--cod-breadcrumb-bg);
}
.breadcrumb-item + .breadcrumb-item {
- padding-left: var(--bs-breadcrumb-item-padding-x);
+ padding-left: var(--cod-breadcrumb-item-padding-x);
}
.breadcrumb-item + .breadcrumb-item::before {
float: left;
- padding-right: var(--bs-breadcrumb-item-padding-x);
- color: var(--bs-breadcrumb-divider-color);
- content: var(--bs-breadcrumb-divider, '/')
- /* rtl: var(--bs-breadcrumb-divider, "/") */;
+ padding-right: var(--cod-breadcrumb-item-padding-x);
+ color: var(--cod-breadcrumb-divider-color);
+ content: var(--cod-breadcrumb-divider, '/')
+ /* rtl: var(--cod-breadcrumb-divider, "/") */;
}
.breadcrumb-item.active {
- color: var(--bs-breadcrumb-item-active-color);
+ color: var(--cod-breadcrumb-item-active-color);
}
.pagination {
- --bs-pagination-padding-x: 0.75em;
- --bs-pagination-padding-y: 0.375em;
- --bs-pagination-font-size: 1em;
- --bs-pagination-color: var(--bs-link-color);
- --bs-pagination-bg: var(--bs-body-bg);
- --bs-pagination-border-width: var(--bs-border-width);
- --bs-pagination-border-color: var(--bs-border-color);
- --bs-pagination-border-radius: var(--bs-border-radius);
- --bs-pagination-hover-color: var(--bs-link-hover-color);
- --bs-pagination-hover-bg: var(--bs-tertiary-bg);
- --bs-pagination-hover-border-color: var(--bs-border-color);
- --bs-pagination-focus-color: var(--bs-link-hover-color);
- --bs-pagination-focus-bg: var(--bs-secondary-bg);
- --bs-pagination-focus-box-shadow: 0 0 0 0.25em blue;
- --bs-pagination-active-color: #fff;
- --bs-pagination-active-bg: #004445;
- --bs-pagination-active-border-color: #004445;
- --bs-pagination-disabled-color: var(--bs-secondary-color);
- --bs-pagination-disabled-bg: var(--bs-secondary-bg);
- --bs-pagination-disabled-border-color: var(--bs-border-color);
+ --cod-pagination-padding-x: 0.75em;
+ --cod-pagination-padding-y: 0.375em;
+ --cod-pagination-font-size: 1em;
+ --cod-pagination-color: var(--cod-link-color);
+ --cod-pagination-bg: var(--cod-body-bg);
+ --cod-pagination-border-width: var(--cod-border-width);
+ --cod-pagination-border-color: var(--cod-border-color);
+ --cod-pagination-border-radius: var(--cod-border-radius);
+ --cod-pagination-hover-color: var(--cod-link-hover-color);
+ --cod-pagination-hover-bg: var(--cod-tertiary-bg);
+ --cod-pagination-hover-border-color: var(--cod-border-color);
+ --cod-pagination-focus-color: var(--cod-link-hover-color);
+ --cod-pagination-focus-bg: var(--cod-secondary-bg);
+ --cod-pagination-focus-box-shadow: 0 0 0 0.25em blue;
+ --cod-pagination-active-color: #fff;
+ --cod-pagination-active-bg: #004445;
+ --cod-pagination-active-border-color: #004445;
+ --cod-pagination-disabled-color: var(--cod-secondary-color);
+ --cod-pagination-disabled-bg: var(--cod-secondary-bg);
+ --cod-pagination-disabled-border-color: var(--cod-border-color);
display: flex;
padding-left: 0;
list-style: none;
@@ -4741,13 +4744,13 @@ fieldset:disabled .btn {
.page-link {
position: relative;
display: block;
- padding: var(--bs-pagination-padding-y) var(--bs-pagination-padding-x);
- font-size: var(--bs-pagination-font-size);
- color: var(--bs-pagination-color);
+ padding: var(--cod-pagination-padding-y) var(--cod-pagination-padding-x);
+ font-size: var(--cod-pagination-font-size);
+ color: var(--cod-pagination-color);
text-decoration: none;
- background-color: var(--bs-pagination-bg);
- border: var(--bs-pagination-border-width) solid
- var(--bs-pagination-border-color);
+ background-color: var(--cod-pagination-bg);
+ border: var(--cod-pagination-border-width) solid
+ var(--cod-pagination-border-color);
transition:
color 0.15s ease-in-out,
background-color 0.15s ease-in-out,
@@ -4761,62 +4764,62 @@ fieldset:disabled .btn {
}
.page-link:hover {
z-index: 2;
- color: var(--bs-pagination-hover-color);
- background-color: var(--bs-pagination-hover-bg);
- border-color: var(--bs-pagination-hover-border-color);
+ color: var(--cod-pagination-hover-color);
+ background-color: var(--cod-pagination-hover-bg);
+ border-color: var(--cod-pagination-hover-border-color);
}
.page-link:focus {
z-index: 3;
- color: var(--bs-pagination-focus-color);
- background-color: var(--bs-pagination-focus-bg);
+ color: var(--cod-pagination-focus-color);
+ background-color: var(--cod-pagination-focus-bg);
outline: 0;
- box-shadow: var(--bs-pagination-focus-box-shadow);
+ box-shadow: var(--cod-pagination-focus-box-shadow);
}
.page-link.active,
.active > .page-link {
z-index: 3;
- color: var(--bs-pagination-active-color);
- background-color: var(--bs-pagination-active-bg);
- border-color: var(--bs-pagination-active-border-color);
+ color: var(--cod-pagination-active-color);
+ background-color: var(--cod-pagination-active-bg);
+ border-color: var(--cod-pagination-active-border-color);
}
.page-link.disabled,
.disabled > .page-link {
- color: var(--bs-pagination-disabled-color);
+ color: var(--cod-pagination-disabled-color);
pointer-events: none;
- background-color: var(--bs-pagination-disabled-bg);
- border-color: var(--bs-pagination-disabled-border-color);
+ background-color: var(--cod-pagination-disabled-bg);
+ border-color: var(--cod-pagination-disabled-border-color);
}
.page-item:not(:first-child) .page-link {
- margin-left: calc(var(--bs-border-width) * -1);
+ margin-left: calc(var(--cod-border-width) * -1);
}
.pagination-lg {
- --bs-pagination-padding-x: 1.5em;
- --bs-pagination-padding-y: 0.75em;
- --bs-pagination-font-size: 1.25em;
- --bs-pagination-border-radius: var(--bs-border-radius-lg);
+ --cod-pagination-padding-x: 1.5em;
+ --cod-pagination-padding-y: 0.75em;
+ --cod-pagination-font-size: 1.25em;
+ --cod-pagination-border-radius: var(--cod-border-radius-lg);
}
.pagination-sm {
- --bs-pagination-padding-x: 0.5em;
- --bs-pagination-padding-y: 0.25em;
- --bs-pagination-font-size: 1em;
- --bs-pagination-border-radius: var(--bs-border-radius-sm);
+ --cod-pagination-padding-x: 0.5em;
+ --cod-pagination-padding-y: 0.25em;
+ --cod-pagination-font-size: 1em;
+ --cod-pagination-border-radius: var(--cod-border-radius-sm);
}
.badge {
- --bs-badge-padding-x: 0.65em;
- --bs-badge-padding-y: 0.35em;
- --bs-badge-font-size: 0.75em;
- --bs-badge-font-weight: 700;
- --bs-badge-color: #fff;
- --bs-badge-border-radius: var(--bs-border-radius);
+ --cod-badge-padding-x: 0.65em;
+ --cod-badge-padding-y: 0.35em;
+ --cod-badge-font-size: 0.75em;
+ --cod-badge-font-weight: 700;
+ --cod-badge-color: #fff;
+ --cod-badge-border-radius: var(--cod-border-radius);
display: inline-block;
- padding: var(--bs-badge-padding-y) var(--bs-badge-padding-x);
- font-size: var(--bs-badge-font-size);
- font-weight: var(--bs-badge-font-weight);
+ padding: var(--cod-badge-padding-y) var(--cod-badge-padding-x);
+ font-size: var(--cod-badge-font-size);
+ font-weight: var(--cod-badge-font-weight);
line-height: 1;
- color: var(--bs-badge-color);
+ color: var(--cod-badge-color);
text-align: center;
white-space: nowrap;
vertical-align: baseline;
@@ -4831,21 +4834,22 @@ fieldset:disabled .btn {
}
.alert {
- --bs-alert-bg: transparent;
- --bs-alert-padding-x: 1em;
- --bs-alert-padding-y: 1em;
- --bs-alert-margin-bottom: 1em;
- --bs-alert-color: inherit;
- --bs-alert-border-color: transparent;
- --bs-alert-border: var(--bs-border-width) solid var(--bs-alert-border-color);
- --bs-alert-border-radius: var(--bs-border-radius);
- --bs-alert-link-color: inherit;
+ --cod-alert-bg: transparent;
+ --cod-alert-padding-x: 1em;
+ --cod-alert-padding-y: 1em;
+ --cod-alert-margin-bottom: 1em;
+ --cod-alert-color: inherit;
+ --cod-alert-border-color: transparent;
+ --cod-alert-border: var(--cod-border-width) solid
+ var(--cod-alert-border-color);
+ --cod-alert-border-radius: var(--cod-border-radius);
+ --cod-alert-link-color: inherit;
position: relative;
- padding: var(--bs-alert-padding-y) var(--bs-alert-padding-x);
- margin-bottom: var(--bs-alert-margin-bottom);
- color: var(--bs-alert-color);
- background-color: var(--bs-alert-bg);
- border: var(--bs-alert-border);
+ padding: var(--cod-alert-padding-y) var(--cod-alert-padding-x);
+ margin-bottom: var(--cod-alert-margin-bottom);
+ color: var(--cod-alert-color);
+ background-color: var(--cod-alert-bg);
+ border: var(--cod-alert-border);
}
.alert-heading {
@@ -4854,7 +4858,7 @@ fieldset:disabled .btn {
.alert-link {
font-weight: 700;
- color: var(--bs-alert-link-color);
+ color: var(--cod-alert-link-color);
}
.alert-dismissible {
@@ -4869,73 +4873,73 @@ fieldset:disabled .btn {
}
.alert-primary {
- --bs-alert-color: var(--bs-primary-text-emphasis);
- --bs-alert-bg: var(--bs-primary-bg-subtle);
- --bs-alert-border-color: var(--bs-primary-border-subtle);
- --bs-alert-link-color: var(--bs-primary-text-emphasis);
+ --cod-alert-color: var(--cod-primary-text-emphasis);
+ --cod-alert-bg: var(--cod-primary-bg-subtle);
+ --cod-alert-border-color: var(--cod-primary-border-subtle);
+ --cod-alert-link-color: var(--cod-primary-text-emphasis);
}
.alert-secondary {
- --bs-alert-color: var(--bs-secondary-text-emphasis);
- --bs-alert-bg: var(--bs-secondary-bg-subtle);
- --bs-alert-border-color: var(--bs-secondary-border-subtle);
- --bs-alert-link-color: var(--bs-secondary-text-emphasis);
+ --cod-alert-color: var(--cod-secondary-text-emphasis);
+ --cod-alert-bg: var(--cod-secondary-bg-subtle);
+ --cod-alert-border-color: var(--cod-secondary-border-subtle);
+ --cod-alert-link-color: var(--cod-secondary-text-emphasis);
}
.alert-success {
- --bs-alert-color: var(--bs-success-text-emphasis);
- --bs-alert-bg: var(--bs-success-bg-subtle);
- --bs-alert-border-color: var(--bs-success-border-subtle);
- --bs-alert-link-color: var(--bs-success-text-emphasis);
+ --cod-alert-color: var(--cod-success-text-emphasis);
+ --cod-alert-bg: var(--cod-success-bg-subtle);
+ --cod-alert-border-color: var(--cod-success-border-subtle);
+ --cod-alert-link-color: var(--cod-success-text-emphasis);
}
.alert-info {
- --bs-alert-color: var(--bs-info-text-emphasis);
- --bs-alert-bg: var(--bs-info-bg-subtle);
- --bs-alert-border-color: var(--bs-info-border-subtle);
- --bs-alert-link-color: var(--bs-info-text-emphasis);
+ --cod-alert-color: var(--cod-info-text-emphasis);
+ --cod-alert-bg: var(--cod-info-bg-subtle);
+ --cod-alert-border-color: var(--cod-info-border-subtle);
+ --cod-alert-link-color: var(--cod-info-text-emphasis);
}
.alert-warning {
- --bs-alert-color: var(--bs-warning-text-emphasis);
- --bs-alert-bg: var(--bs-warning-bg-subtle);
- --bs-alert-border-color: var(--bs-warning-border-subtle);
- --bs-alert-link-color: var(--bs-warning-text-emphasis);
+ --cod-alert-color: var(--cod-warning-text-emphasis);
+ --cod-alert-bg: var(--cod-warning-bg-subtle);
+ --cod-alert-border-color: var(--cod-warning-border-subtle);
+ --cod-alert-link-color: var(--cod-warning-text-emphasis);
}
.alert-danger {
- --bs-alert-color: var(--bs-danger-text-emphasis);
- --bs-alert-bg: var(--bs-danger-bg-subtle);
- --bs-alert-border-color: var(--bs-danger-border-subtle);
- --bs-alert-link-color: var(--bs-danger-text-emphasis);
+ --cod-alert-color: var(--cod-danger-text-emphasis);
+ --cod-alert-bg: var(--cod-danger-bg-subtle);
+ --cod-alert-border-color: var(--cod-danger-border-subtle);
+ --cod-alert-link-color: var(--cod-danger-text-emphasis);
}
.alert-light {
- --bs-alert-color: var(--bs-light-text-emphasis);
- --bs-alert-bg: var(--bs-light-bg-subtle);
- --bs-alert-border-color: var(--bs-light-border-subtle);
- --bs-alert-link-color: var(--bs-light-text-emphasis);
+ --cod-alert-color: var(--cod-light-text-emphasis);
+ --cod-alert-bg: var(--cod-light-bg-subtle);
+ --cod-alert-border-color: var(--cod-light-border-subtle);
+ --cod-alert-link-color: var(--cod-light-text-emphasis);
}
.alert-dark {
- --bs-alert-color: var(--bs-dark-text-emphasis);
- --bs-alert-bg: var(--bs-dark-bg-subtle);
- --bs-alert-border-color: var(--bs-dark-border-subtle);
- --bs-alert-link-color: var(--bs-dark-text-emphasis);
+ --cod-alert-color: var(--cod-dark-text-emphasis);
+ --cod-alert-bg: var(--cod-dark-bg-subtle);
+ --cod-alert-border-color: var(--cod-dark-border-subtle);
+ --cod-alert-link-color: var(--cod-dark-text-emphasis);
}
.alert-accent-primary {
- --bs-alert-color: var(--bs-accent-primary-text-emphasis);
- --bs-alert-bg: var(--bs-accent-primary-bg-subtle);
- --bs-alert-border-color: var(--bs-accent-primary-border-subtle);
- --bs-alert-link-color: var(--bs-accent-primary-text-emphasis);
+ --cod-alert-color: var(--cod-accent-primary-text-emphasis);
+ --cod-alert-bg: var(--cod-accent-primary-bg-subtle);
+ --cod-alert-border-color: var(--cod-accent-primary-border-subtle);
+ --cod-alert-link-color: var(--cod-accent-primary-text-emphasis);
}
.alert-accent-secondary {
- --bs-alert-color: var(--bs-accent-secondary-text-emphasis);
- --bs-alert-bg: var(--bs-accent-secondary-bg-subtle);
- --bs-alert-border-color: var(--bs-accent-secondary-border-subtle);
- --bs-alert-link-color: var(--bs-accent-secondary-text-emphasis);
+ --cod-alert-color: var(--cod-accent-secondary-text-emphasis);
+ --cod-alert-bg: var(--cod-accent-secondary-bg-subtle);
+ --cod-alert-border-color: var(--cod-accent-secondary-border-subtle);
+ --cod-alert-link-color: var(--cod-accent-secondary-text-emphasis);
}
@keyframes progress-bar-stripes {
@@ -4945,19 +4949,19 @@ fieldset:disabled .btn {
}
.progress,
.progress-stacked {
- --bs-progress-height: 1em;
- --bs-progress-font-size: 0.75em;
- --bs-progress-bg: var(--bs-secondary-bg);
- --bs-progress-border-radius: var(--bs-border-radius);
- --bs-progress-box-shadow: var(--bs-box-shadow-inset);
- --bs-progress-bar-color: #fff;
- --bs-progress-bar-bg: #004445;
- --bs-progress-bar-transition: width 0.6s ease;
+ --cod-progress-height: 1em;
+ --cod-progress-font-size: 0.75em;
+ --cod-progress-bg: var(--cod-secondary-bg);
+ --cod-progress-border-radius: var(--cod-border-radius);
+ --cod-progress-box-shadow: var(--cod-box-shadow-inset);
+ --cod-progress-bar-color: #fff;
+ --cod-progress-bar-bg: #004445;
+ --cod-progress-bar-transition: width 0.6s ease;
display: flex;
- height: var(--bs-progress-height);
+ height: var(--cod-progress-height);
overflow: hidden;
- font-size: var(--bs-progress-font-size);
- background-color: var(--bs-progress-bg);
+ font-size: var(--cod-progress-font-size);
+ background-color: var(--cod-progress-bg);
}
.progress-bar {
@@ -4965,11 +4969,11 @@ fieldset:disabled .btn {
flex-direction: column;
justify-content: center;
overflow: hidden;
- color: var(--bs-progress-bar-color);
+ color: var(--cod-progress-bar-color);
text-align: center;
white-space: nowrap;
- background-color: var(--bs-progress-bar-bg);
- transition: var(--bs-progress-bar-transition);
+ background-color: var(--cod-progress-bar-bg);
+ transition: var(--cod-progress-bar-transition);
}
@media (prefers-reduced-motion: reduce) {
.progress-bar {
@@ -4988,7 +4992,7 @@ fieldset:disabled .btn {
transparent 75%,
transparent
);
- background-size: var(--bs-progress-height) var(--bs-progress-height);
+ background-size: var(--cod-progress-height) var(--cod-progress-height);
}
.progress-stacked > .progress {
@@ -5009,23 +5013,23 @@ fieldset:disabled .btn {
}
.list-group {
- --bs-list-group-color: var(--bs-body-color);
- --bs-list-group-bg: var(--bs-body-bg);
- --bs-list-group-border-color: var(--bs-border-color);
- --bs-list-group-border-width: var(--bs-border-width);
- --bs-list-group-border-radius: var(--bs-border-radius);
- --bs-list-group-item-padding-x: 1em;
- --bs-list-group-item-padding-y: 0.5em;
- --bs-list-group-action-color: var(--bs-secondary-color);
- --bs-list-group-action-hover-color: var(--bs-emphasis-color);
- --bs-list-group-action-hover-bg: var(--bs-tertiary-bg);
- --bs-list-group-action-active-color: var(--bs-body-color);
- --bs-list-group-action-active-bg: var(--bs-secondary-bg);
- --bs-list-group-disabled-color: var(--bs-secondary-color);
- --bs-list-group-disabled-bg: var(--bs-body-bg);
- --bs-list-group-active-color: #fff;
- --bs-list-group-active-bg: #004445;
- --bs-list-group-active-border-color: #004445;
+ --cod-list-group-color: var(--cod-body-color);
+ --cod-list-group-bg: var(--cod-body-bg);
+ --cod-list-group-border-color: var(--cod-border-color);
+ --cod-list-group-border-width: var(--cod-border-width);
+ --cod-list-group-border-radius: var(--cod-border-radius);
+ --cod-list-group-item-padding-x: 1em;
+ --cod-list-group-item-padding-y: 0.5em;
+ --cod-list-group-action-color: var(--cod-secondary-color);
+ --cod-list-group-action-hover-color: var(--cod-emphasis-color);
+ --cod-list-group-action-hover-bg: var(--cod-tertiary-bg);
+ --cod-list-group-action-active-color: var(--cod-body-color);
+ --cod-list-group-action-active-bg: var(--cod-secondary-bg);
+ --cod-list-group-disabled-color: var(--cod-secondary-color);
+ --cod-list-group-disabled-bg: var(--cod-body-bg);
+ --cod-list-group-active-color: #fff;
+ --cod-list-group-active-bg: #004445;
+ --cod-list-group-active-border-color: #004445;
display: flex;
flex-direction: column;
padding-left: 0;
@@ -5043,50 +5047,50 @@ fieldset:disabled .btn {
.list-group-item-action {
width: 100%;
- color: var(--bs-list-group-action-color);
+ color: var(--cod-list-group-action-color);
text-align: inherit;
}
.list-group-item-action:hover,
.list-group-item-action:focus {
z-index: 1;
- color: var(--bs-list-group-action-hover-color);
+ color: var(--cod-list-group-action-hover-color);
text-decoration: none;
- background-color: var(--bs-list-group-action-hover-bg);
+ background-color: var(--cod-list-group-action-hover-bg);
}
.list-group-item-action:active {
- color: var(--bs-list-group-action-active-color);
- background-color: var(--bs-list-group-action-active-bg);
+ color: var(--cod-list-group-action-active-color);
+ background-color: var(--cod-list-group-action-active-bg);
}
.list-group-item {
position: relative;
display: block;
- padding: var(--bs-list-group-item-padding-y)
- var(--bs-list-group-item-padding-x);
- color: var(--bs-list-group-color);
+ padding: var(--cod-list-group-item-padding-y)
+ var(--cod-list-group-item-padding-x);
+ color: var(--cod-list-group-color);
text-decoration: none;
- background-color: var(--bs-list-group-bg);
- border: var(--bs-list-group-border-width) solid
- var(--bs-list-group-border-color);
+ background-color: var(--cod-list-group-bg);
+ border: var(--cod-list-group-border-width) solid
+ var(--cod-list-group-border-color);
}
.list-group-item.disabled,
.list-group-item:disabled {
- color: var(--bs-list-group-disabled-color);
+ color: var(--cod-list-group-disabled-color);
pointer-events: none;
- background-color: var(--bs-list-group-disabled-bg);
+ background-color: var(--cod-list-group-disabled-bg);
}
.list-group-item.active {
z-index: 2;
- color: var(--bs-list-group-active-color);
- background-color: var(--bs-list-group-active-bg);
- border-color: var(--bs-list-group-active-border-color);
+ color: var(--cod-list-group-active-color);
+ background-color: var(--cod-list-group-active-bg);
+ border-color: var(--cod-list-group-active-border-color);
}
.list-group-item + .list-group-item {
border-top-width: 0;
}
.list-group-item + .list-group-item.active {
- margin-top: calc(-1 * var(--bs-list-group-border-width));
- border-top-width: var(--bs-list-group-border-width);
+ margin-top: calc(-1 * var(--cod-list-group-border-width));
+ border-top-width: var(--cod-list-group-border-width);
}
.list-group-horizontal {
@@ -5096,12 +5100,12 @@ fieldset:disabled .btn {
margin-top: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item {
- border-top-width: var(--bs-list-group-border-width);
+ border-top-width: var(--cod-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal > .list-group-item + .list-group-item.active {
- margin-left: calc(-1 * var(--bs-list-group-border-width));
- border-left-width: var(--bs-list-group-border-width);
+ margin-left: calc(-1 * var(--cod-list-group-border-width));
+ border-left-width: var(--cod-list-group-border-width);
}
@media (min-width: 576px) {
@@ -5112,12 +5116,12 @@ fieldset:disabled .btn {
margin-top: 0;
}
.list-group-horizontal-sm > .list-group-item + .list-group-item {
- border-top-width: var(--bs-list-group-border-width);
+ border-top-width: var(--cod-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal-sm > .list-group-item + .list-group-item.active {
- margin-left: calc(-1 * var(--bs-list-group-border-width));
- border-left-width: var(--bs-list-group-border-width);
+ margin-left: calc(-1 * var(--cod-list-group-border-width));
+ border-left-width: var(--cod-list-group-border-width);
}
}
@media (min-width: 768px) {
@@ -5128,12 +5132,12 @@ fieldset:disabled .btn {
margin-top: 0;
}
.list-group-horizontal-md > .list-group-item + .list-group-item {
- border-top-width: var(--bs-list-group-border-width);
+ border-top-width: var(--cod-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal-md > .list-group-item + .list-group-item.active {
- margin-left: calc(-1 * var(--bs-list-group-border-width));
- border-left-width: var(--bs-list-group-border-width);
+ margin-left: calc(-1 * var(--cod-list-group-border-width));
+ border-left-width: var(--cod-list-group-border-width);
}
}
@media (min-width: 992px) {
@@ -5144,12 +5148,12 @@ fieldset:disabled .btn {
margin-top: 0;
}
.list-group-horizontal-lg > .list-group-item + .list-group-item {
- border-top-width: var(--bs-list-group-border-width);
+ border-top-width: var(--cod-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal-lg > .list-group-item + .list-group-item.active {
- margin-left: calc(-1 * var(--bs-list-group-border-width));
- border-left-width: var(--bs-list-group-border-width);
+ margin-left: calc(-1 * var(--cod-list-group-border-width));
+ border-left-width: var(--cod-list-group-border-width);
}
}
@media (min-width: 1200px) {
@@ -5160,12 +5164,12 @@ fieldset:disabled .btn {
margin-top: 0;
}
.list-group-horizontal-xl > .list-group-item + .list-group-item {
- border-top-width: var(--bs-list-group-border-width);
+ border-top-width: var(--cod-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal-xl > .list-group-item + .list-group-item.active {
- margin-left: calc(-1 * var(--bs-list-group-border-width));
- border-left-width: var(--bs-list-group-border-width);
+ margin-left: calc(-1 * var(--cod-list-group-border-width));
+ border-left-width: var(--cod-list-group-border-width);
}
}
@media (min-width: 1400px) {
@@ -5176,219 +5180,221 @@ fieldset:disabled .btn {
margin-top: 0;
}
.list-group-horizontal-xxl > .list-group-item + .list-group-item {
- border-top-width: var(--bs-list-group-border-width);
+ border-top-width: var(--cod-list-group-border-width);
border-left-width: 0;
}
.list-group-horizontal-xxl > .list-group-item + .list-group-item.active {
- margin-left: calc(-1 * var(--bs-list-group-border-width));
- border-left-width: var(--bs-list-group-border-width);
+ margin-left: calc(-1 * var(--cod-list-group-border-width));
+ border-left-width: var(--cod-list-group-border-width);
}
}
.list-group-flush > .list-group-item {
- border-width: 0 0 var(--bs-list-group-border-width);
+ border-width: 0 0 var(--cod-list-group-border-width);
}
.list-group-flush > .list-group-item:last-child {
border-bottom-width: 0;
}
.list-group-item-primary {
- --bs-list-group-color: var(--bs-primary-text-emphasis);
- --bs-list-group-bg: var(--bs-primary-bg-subtle);
- --bs-list-group-border-color: var(--bs-primary-border-subtle);
- --bs-list-group-action-hover-color: var(--bs-emphasis-color);
- --bs-list-group-action-hover-bg: var(--bs-primary-border-subtle);
- --bs-list-group-action-active-color: var(--bs-emphasis-color);
- --bs-list-group-action-active-bg: var(--bs-primary-border-subtle);
- --bs-list-group-active-color: var(--bs-primary-bg-subtle);
- --bs-list-group-active-bg: var(--bs-primary-text-emphasis);
- --bs-list-group-active-border-color: var(--bs-primary-text-emphasis);
+ --cod-list-group-color: var(--cod-primary-text-emphasis);
+ --cod-list-group-bg: var(--cod-primary-bg-subtle);
+ --cod-list-group-border-color: var(--cod-primary-border-subtle);
+ --cod-list-group-action-hover-color: var(--cod-emphasis-color);
+ --cod-list-group-action-hover-bg: var(--cod-primary-border-subtle);
+ --cod-list-group-action-active-color: var(--cod-emphasis-color);
+ --cod-list-group-action-active-bg: var(--cod-primary-border-subtle);
+ --cod-list-group-active-color: var(--cod-primary-bg-subtle);
+ --cod-list-group-active-bg: var(--cod-primary-text-emphasis);
+ --cod-list-group-active-border-color: var(--cod-primary-text-emphasis);
}
.list-group-item-secondary {
- --bs-list-group-color: var(--bs-secondary-text-emphasis);
- --bs-list-group-bg: var(--bs-secondary-bg-subtle);
- --bs-list-group-border-color: var(--bs-secondary-border-subtle);
- --bs-list-group-action-hover-color: var(--bs-emphasis-color);
- --bs-list-group-action-hover-bg: var(--bs-secondary-border-subtle);
- --bs-list-group-action-active-color: var(--bs-emphasis-color);
- --bs-list-group-action-active-bg: var(--bs-secondary-border-subtle);
- --bs-list-group-active-color: var(--bs-secondary-bg-subtle);
- --bs-list-group-active-bg: var(--bs-secondary-text-emphasis);
- --bs-list-group-active-border-color: var(--bs-secondary-text-emphasis);
+ --cod-list-group-color: var(--cod-secondary-text-emphasis);
+ --cod-list-group-bg: var(--cod-secondary-bg-subtle);
+ --cod-list-group-border-color: var(--cod-secondary-border-subtle);
+ --cod-list-group-action-hover-color: var(--cod-emphasis-color);
+ --cod-list-group-action-hover-bg: var(--cod-secondary-border-subtle);
+ --cod-list-group-action-active-color: var(--cod-emphasis-color);
+ --cod-list-group-action-active-bg: var(--cod-secondary-border-subtle);
+ --cod-list-group-active-color: var(--cod-secondary-bg-subtle);
+ --cod-list-group-active-bg: var(--cod-secondary-text-emphasis);
+ --cod-list-group-active-border-color: var(--cod-secondary-text-emphasis);
}
.list-group-item-success {
- --bs-list-group-color: var(--bs-success-text-emphasis);
- --bs-list-group-bg: var(--bs-success-bg-subtle);
- --bs-list-group-border-color: var(--bs-success-border-subtle);
- --bs-list-group-action-hover-color: var(--bs-emphasis-color);
- --bs-list-group-action-hover-bg: var(--bs-success-border-subtle);
- --bs-list-group-action-active-color: var(--bs-emphasis-color);
- --bs-list-group-action-active-bg: var(--bs-success-border-subtle);
- --bs-list-group-active-color: var(--bs-success-bg-subtle);
- --bs-list-group-active-bg: var(--bs-success-text-emphasis);
- --bs-list-group-active-border-color: var(--bs-success-text-emphasis);
+ --cod-list-group-color: var(--cod-success-text-emphasis);
+ --cod-list-group-bg: var(--cod-success-bg-subtle);
+ --cod-list-group-border-color: var(--cod-success-border-subtle);
+ --cod-list-group-action-hover-color: var(--cod-emphasis-color);
+ --cod-list-group-action-hover-bg: var(--cod-success-border-subtle);
+ --cod-list-group-action-active-color: var(--cod-emphasis-color);
+ --cod-list-group-action-active-bg: var(--cod-success-border-subtle);
+ --cod-list-group-active-color: var(--cod-success-bg-subtle);
+ --cod-list-group-active-bg: var(--cod-success-text-emphasis);
+ --cod-list-group-active-border-color: var(--cod-success-text-emphasis);
}
.list-group-item-info {
- --bs-list-group-color: var(--bs-info-text-emphasis);
- --bs-list-group-bg: var(--bs-info-bg-subtle);
- --bs-list-group-border-color: var(--bs-info-border-subtle);
- --bs-list-group-action-hover-color: var(--bs-emphasis-color);
- --bs-list-group-action-hover-bg: var(--bs-info-border-subtle);
- --bs-list-group-action-active-color: var(--bs-emphasis-color);
- --bs-list-group-action-active-bg: var(--bs-info-border-subtle);
- --bs-list-group-active-color: var(--bs-info-bg-subtle);
- --bs-list-group-active-bg: var(--bs-info-text-emphasis);
- --bs-list-group-active-border-color: var(--bs-info-text-emphasis);
+ --cod-list-group-color: var(--cod-info-text-emphasis);
+ --cod-list-group-bg: var(--cod-info-bg-subtle);
+ --cod-list-group-border-color: var(--cod-info-border-subtle);
+ --cod-list-group-action-hover-color: var(--cod-emphasis-color);
+ --cod-list-group-action-hover-bg: var(--cod-info-border-subtle);
+ --cod-list-group-action-active-color: var(--cod-emphasis-color);
+ --cod-list-group-action-active-bg: var(--cod-info-border-subtle);
+ --cod-list-group-active-color: var(--cod-info-bg-subtle);
+ --cod-list-group-active-bg: var(--cod-info-text-emphasis);
+ --cod-list-group-active-border-color: var(--cod-info-text-emphasis);
}
.list-group-item-warning {
- --bs-list-group-color: var(--bs-warning-text-emphasis);
- --bs-list-group-bg: var(--bs-warning-bg-subtle);
- --bs-list-group-border-color: var(--bs-warning-border-subtle);
- --bs-list-group-action-hover-color: var(--bs-emphasis-color);
- --bs-list-group-action-hover-bg: var(--bs-warning-border-subtle);
- --bs-list-group-action-active-color: var(--bs-emphasis-color);
- --bs-list-group-action-active-bg: var(--bs-warning-border-subtle);
- --bs-list-group-active-color: var(--bs-warning-bg-subtle);
- --bs-list-group-active-bg: var(--bs-warning-text-emphasis);
- --bs-list-group-active-border-color: var(--bs-warning-text-emphasis);
+ --cod-list-group-color: var(--cod-warning-text-emphasis);
+ --cod-list-group-bg: var(--cod-warning-bg-subtle);
+ --cod-list-group-border-color: var(--cod-warning-border-subtle);
+ --cod-list-group-action-hover-color: var(--cod-emphasis-color);
+ --cod-list-group-action-hover-bg: var(--cod-warning-border-subtle);
+ --cod-list-group-action-active-color: var(--cod-emphasis-color);
+ --cod-list-group-action-active-bg: var(--cod-warning-border-subtle);
+ --cod-list-group-active-color: var(--cod-warning-bg-subtle);
+ --cod-list-group-active-bg: var(--cod-warning-text-emphasis);
+ --cod-list-group-active-border-color: var(--cod-warning-text-emphasis);
}
.list-group-item-danger {
- --bs-list-group-color: var(--bs-danger-text-emphasis);
- --bs-list-group-bg: var(--bs-danger-bg-subtle);
- --bs-list-group-border-color: var(--bs-danger-border-subtle);
- --bs-list-group-action-hover-color: var(--bs-emphasis-color);
- --bs-list-group-action-hover-bg: var(--bs-danger-border-subtle);
- --bs-list-group-action-active-color: var(--bs-emphasis-color);
- --bs-list-group-action-active-bg: var(--bs-danger-border-subtle);
- --bs-list-group-active-color: var(--bs-danger-bg-subtle);
- --bs-list-group-active-bg: var(--bs-danger-text-emphasis);
- --bs-list-group-active-border-color: var(--bs-danger-text-emphasis);
+ --cod-list-group-color: var(--cod-danger-text-emphasis);
+ --cod-list-group-bg: var(--cod-danger-bg-subtle);
+ --cod-list-group-border-color: var(--cod-danger-border-subtle);
+ --cod-list-group-action-hover-color: var(--cod-emphasis-color);
+ --cod-list-group-action-hover-bg: var(--cod-danger-border-subtle);
+ --cod-list-group-action-active-color: var(--cod-emphasis-color);
+ --cod-list-group-action-active-bg: var(--cod-danger-border-subtle);
+ --cod-list-group-active-color: var(--cod-danger-bg-subtle);
+ --cod-list-group-active-bg: var(--cod-danger-text-emphasis);
+ --cod-list-group-active-border-color: var(--cod-danger-text-emphasis);
}
.list-group-item-light {
- --bs-list-group-color: var(--bs-light-text-emphasis);
- --bs-list-group-bg: var(--bs-light-bg-subtle);
- --bs-list-group-border-color: var(--bs-light-border-subtle);
- --bs-list-group-action-hover-color: var(--bs-emphasis-color);
- --bs-list-group-action-hover-bg: var(--bs-light-border-subtle);
- --bs-list-group-action-active-color: var(--bs-emphasis-color);
- --bs-list-group-action-active-bg: var(--bs-light-border-subtle);
- --bs-list-group-active-color: var(--bs-light-bg-subtle);
- --bs-list-group-active-bg: var(--bs-light-text-emphasis);
- --bs-list-group-active-border-color: var(--bs-light-text-emphasis);
+ --cod-list-group-color: var(--cod-light-text-emphasis);
+ --cod-list-group-bg: var(--cod-light-bg-subtle);
+ --cod-list-group-border-color: var(--cod-light-border-subtle);
+ --cod-list-group-action-hover-color: var(--cod-emphasis-color);
+ --cod-list-group-action-hover-bg: var(--cod-light-border-subtle);
+ --cod-list-group-action-active-color: var(--cod-emphasis-color);
+ --cod-list-group-action-active-bg: var(--cod-light-border-subtle);
+ --cod-list-group-active-color: var(--cod-light-bg-subtle);
+ --cod-list-group-active-bg: var(--cod-light-text-emphasis);
+ --cod-list-group-active-border-color: var(--cod-light-text-emphasis);
}
.list-group-item-dark {
- --bs-list-group-color: var(--bs-dark-text-emphasis);
- --bs-list-group-bg: var(--bs-dark-bg-subtle);
- --bs-list-group-border-color: var(--bs-dark-border-subtle);
- --bs-list-group-action-hover-color: var(--bs-emphasis-color);
- --bs-list-group-action-hover-bg: var(--bs-dark-border-subtle);
- --bs-list-group-action-active-color: var(--bs-emphasis-color);
- --bs-list-group-action-active-bg: var(--bs-dark-border-subtle);
- --bs-list-group-active-color: var(--bs-dark-bg-subtle);
- --bs-list-group-active-bg: var(--bs-dark-text-emphasis);
- --bs-list-group-active-border-color: var(--bs-dark-text-emphasis);
+ --cod-list-group-color: var(--cod-dark-text-emphasis);
+ --cod-list-group-bg: var(--cod-dark-bg-subtle);
+ --cod-list-group-border-color: var(--cod-dark-border-subtle);
+ --cod-list-group-action-hover-color: var(--cod-emphasis-color);
+ --cod-list-group-action-hover-bg: var(--cod-dark-border-subtle);
+ --cod-list-group-action-active-color: var(--cod-emphasis-color);
+ --cod-list-group-action-active-bg: var(--cod-dark-border-subtle);
+ --cod-list-group-active-color: var(--cod-dark-bg-subtle);
+ --cod-list-group-active-bg: var(--cod-dark-text-emphasis);
+ --cod-list-group-active-border-color: var(--cod-dark-text-emphasis);
}
.list-group-item-accent-primary {
- --bs-list-group-color: var(--bs-accent-primary-text-emphasis);
- --bs-list-group-bg: var(--bs-accent-primary-bg-subtle);
- --bs-list-group-border-color: var(--bs-accent-primary-border-subtle);
- --bs-list-group-action-hover-color: var(--bs-emphasis-color);
- --bs-list-group-action-hover-bg: var(--bs-accent-primary-border-subtle);
- --bs-list-group-action-active-color: var(--bs-emphasis-color);
- --bs-list-group-action-active-bg: var(--bs-accent-primary-border-subtle);
- --bs-list-group-active-color: var(--bs-accent-primary-bg-subtle);
- --bs-list-group-active-bg: var(--bs-accent-primary-text-emphasis);
- --bs-list-group-active-border-color: var(--bs-accent-primary-text-emphasis);
+ --cod-list-group-color: var(--cod-accent-primary-text-emphasis);
+ --cod-list-group-bg: var(--cod-accent-primary-bg-subtle);
+ --cod-list-group-border-color: var(--cod-accent-primary-border-subtle);
+ --cod-list-group-action-hover-color: var(--cod-emphasis-color);
+ --cod-list-group-action-hover-bg: var(--cod-accent-primary-border-subtle);
+ --cod-list-group-action-active-color: var(--cod-emphasis-color);
+ --cod-list-group-action-active-bg: var(--cod-accent-primary-border-subtle);
+ --cod-list-group-active-color: var(--cod-accent-primary-bg-subtle);
+ --cod-list-group-active-bg: var(--cod-accent-primary-text-emphasis);
+ --cod-list-group-active-border-color: var(--cod-accent-primary-text-emphasis);
}
.list-group-item-accent-secondary {
- --bs-list-group-color: var(--bs-accent-secondary-text-emphasis);
- --bs-list-group-bg: var(--bs-accent-secondary-bg-subtle);
- --bs-list-group-border-color: var(--bs-accent-secondary-border-subtle);
- --bs-list-group-action-hover-color: var(--bs-emphasis-color);
- --bs-list-group-action-hover-bg: var(--bs-accent-secondary-border-subtle);
- --bs-list-group-action-active-color: var(--bs-emphasis-color);
- --bs-list-group-action-active-bg: var(--bs-accent-secondary-border-subtle);
- --bs-list-group-active-color: var(--bs-accent-secondary-bg-subtle);
- --bs-list-group-active-bg: var(--bs-accent-secondary-text-emphasis);
- --bs-list-group-active-border-color: var(--bs-accent-secondary-text-emphasis);
+ --cod-list-group-color: var(--cod-accent-secondary-text-emphasis);
+ --cod-list-group-bg: var(--cod-accent-secondary-bg-subtle);
+ --cod-list-group-border-color: var(--cod-accent-secondary-border-subtle);
+ --cod-list-group-action-hover-color: var(--cod-emphasis-color);
+ --cod-list-group-action-hover-bg: var(--cod-accent-secondary-border-subtle);
+ --cod-list-group-action-active-color: var(--cod-emphasis-color);
+ --cod-list-group-action-active-bg: var(--cod-accent-secondary-border-subtle);
+ --cod-list-group-active-color: var(--cod-accent-secondary-bg-subtle);
+ --cod-list-group-active-bg: var(--cod-accent-secondary-text-emphasis);
+ --cod-list-group-active-border-color: var(
+ --cod-accent-secondary-text-emphasis
+ );
}
.btn-close {
- --bs-btn-close-color: #000;
- --bs-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
- --bs-btn-close-opacity: 0.5;
- --bs-btn-close-hover-opacity: 0.75;
- --bs-btn-close-focus-shadow: 0 0 0 0.25em blue;
- --bs-btn-close-focus-opacity: 1;
- --bs-btn-close-disabled-opacity: 0.25;
- --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
+ --cod-btn-close-color: #000;
+ --cod-btn-close-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
+ --cod-btn-close-opacity: 0.5;
+ --cod-btn-close-hover-opacity: 0.75;
+ --cod-btn-close-focus-shadow: 0 0 0 0.25em blue;
+ --cod-btn-close-focus-opacity: 1;
+ --cod-btn-close-disabled-opacity: 0.25;
+ --cod-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%);
box-sizing: content-box;
width: 1em;
height: 1em;
padding: 0.25em 0.25em;
- color: var(--bs-btn-close-color);
- background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat;
+ color: var(--cod-btn-close-color);
+ background: transparent var(--cod-btn-close-bg) center/1em auto no-repeat;
border: 0;
- opacity: var(--bs-btn-close-opacity);
+ opacity: var(--cod-btn-close-opacity);
}
.btn-close:hover {
- color: var(--bs-btn-close-color);
+ color: var(--cod-btn-close-color);
text-decoration: none;
- opacity: var(--bs-btn-close-hover-opacity);
+ opacity: var(--cod-btn-close-hover-opacity);
}
.btn-close:focus {
outline: 0;
- box-shadow: var(--bs-btn-close-focus-shadow);
- opacity: var(--bs-btn-close-focus-opacity);
+ box-shadow: var(--cod-btn-close-focus-shadow);
+ opacity: var(--cod-btn-close-focus-opacity);
}
.btn-close:disabled,
.btn-close.disabled {
pointer-events: none;
user-select: none;
- opacity: var(--bs-btn-close-disabled-opacity);
+ opacity: var(--cod-btn-close-disabled-opacity);
}
.btn-close-white {
- filter: var(--bs-btn-close-white-filter);
+ filter: var(--cod-btn-close-white-filter);
}
[data-bs-theme='dark'] .btn-close {
- filter: var(--bs-btn-close-white-filter);
+ filter: var(--cod-btn-close-white-filter);
}
.toast {
- --bs-toast-zindex: 1090;
- --bs-toast-padding-x: 0.75em;
- --bs-toast-padding-y: 0.5em;
- --bs-toast-spacing: 1.5em;
- --bs-toast-max-width: 350px;
- --bs-toast-font-size: 0.875em;
- --bs-toast-color: ;
- --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
- --bs-toast-border-width: var(--bs-border-width);
- --bs-toast-border-color: var(--bs-border-color-translucent);
- --bs-toast-border-radius: var(--bs-border-radius);
- --bs-toast-box-shadow: var(--bs-box-shadow);
- --bs-toast-header-color: var(--bs-secondary-color);
- --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
- --bs-toast-header-border-color: var(--bs-border-color-translucent);
- width: var(--bs-toast-max-width);
+ --cod-toast-zindex: 1090;
+ --cod-toast-padding-x: 0.75em;
+ --cod-toast-padding-y: 0.5em;
+ --cod-toast-spacing: 1.5em;
+ --cod-toast-max-width: 350px;
+ --cod-toast-font-size: 0.875em;
+ --cod-toast-color: ;
+ --cod-toast-bg: rgba(var(--cod-body-bg-rgb), 0.85);
+ --cod-toast-border-width: var(--cod-border-width);
+ --cod-toast-border-color: var(--cod-border-color-translucent);
+ --cod-toast-border-radius: var(--cod-border-radius);
+ --cod-toast-box-shadow: var(--cod-box-shadow);
+ --cod-toast-header-color: var(--cod-secondary-color);
+ --cod-toast-header-bg: rgba(var(--cod-body-bg-rgb), 0.85);
+ --cod-toast-header-border-color: var(--cod-border-color-translucent);
+ width: var(--cod-toast-max-width);
max-width: 100%;
- font-size: var(--bs-toast-font-size);
- color: var(--bs-toast-color);
+ font-size: var(--cod-toast-font-size);
+ color: var(--cod-toast-color);
pointer-events: auto;
- background-color: var(--bs-toast-bg);
+ background-color: var(--cod-toast-bg);
background-clip: padding-box;
- border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
- box-shadow: var(--bs-toast-box-shadow);
+ border: var(--cod-toast-border-width) solid var(--cod-toast-border-color);
+ box-shadow: var(--cod-toast-box-shadow);
}
.toast.showing {
opacity: 0;
@@ -5398,65 +5404,65 @@ fieldset:disabled .btn {
}
.toast-container {
- --bs-toast-zindex: 1090;
+ --cod-toast-zindex: 1090;
position: absolute;
- z-index: var(--bs-toast-zindex);
+ z-index: var(--cod-toast-zindex);
width: max-content;
max-width: 100%;
pointer-events: none;
}
.toast-container > :not(:last-child) {
- margin-bottom: var(--bs-toast-spacing);
+ margin-bottom: var(--cod-toast-spacing);
}
.toast-header {
display: flex;
align-items: center;
- padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
- color: var(--bs-toast-header-color);
- background-color: var(--bs-toast-header-bg);
+ padding: var(--cod-toast-padding-y) var(--cod-toast-padding-x);
+ color: var(--cod-toast-header-color);
+ background-color: var(--cod-toast-header-bg);
background-clip: padding-box;
- border-bottom: var(--bs-toast-border-width) solid
- var(--bs-toast-header-border-color);
+ border-bottom: var(--cod-toast-border-width) solid
+ var(--cod-toast-header-border-color);
}
.toast-header .btn-close {
- margin-right: calc(-0.5 * var(--bs-toast-padding-x));
- margin-left: var(--bs-toast-padding-x);
+ margin-right: calc(-0.5 * var(--cod-toast-padding-x));
+ margin-left: var(--cod-toast-padding-x);
}
.toast-body {
- padding: var(--bs-toast-padding-x);
+ padding: var(--cod-toast-padding-x);
word-wrap: break-word;
}
.modal {
- --bs-modal-zindex: 1055;
- --bs-modal-width: 500px;
- --bs-modal-padding: 1em;
- --bs-modal-margin: 0.5em;
- --bs-modal-color: ;
- --bs-modal-bg: var(--bs-body-bg);
- --bs-modal-border-color: var(--bs-border-color-translucent);
- --bs-modal-border-width: var(--bs-border-width);
- --bs-modal-border-radius: var(--bs-border-radius-lg);
- --bs-modal-box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);
- --bs-modal-inner-border-radius: calc(
- var(--bs-border-radius-lg) - (var(--bs-border-width))
+ --cod-modal-zindex: 1055;
+ --cod-modal-width: 500px;
+ --cod-modal-padding: 1em;
+ --cod-modal-margin: 0.5em;
+ --cod-modal-color: ;
+ --cod-modal-bg: var(--cod-body-bg);
+ --cod-modal-border-color: var(--cod-border-color-translucent);
+ --cod-modal-border-width: var(--cod-border-width);
+ --cod-modal-border-radius: var(--cod-border-radius-lg);
+ --cod-modal-box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);
+ --cod-modal-inner-border-radius: calc(
+ var(--cod-border-radius-lg) - (var(--cod-border-width))
);
- --bs-modal-header-padding-x: 1em;
- --bs-modal-header-padding-y: 1em;
- --bs-modal-header-padding: 1em 1em;
- --bs-modal-header-border-color: var(--bs-border-color);
- --bs-modal-header-border-width: var(--bs-border-width);
- --bs-modal-title-line-height: 1.5;
- --bs-modal-footer-gap: 0.5em;
- --bs-modal-footer-bg: ;
- --bs-modal-footer-border-color: var(--bs-border-color);
- --bs-modal-footer-border-width: var(--bs-border-width);
+ --cod-modal-header-padding-x: 1em;
+ --cod-modal-header-padding-y: 1em;
+ --cod-modal-header-padding: 1em 1em;
+ --cod-modal-header-border-color: var(--cod-border-color);
+ --cod-modal-header-border-width: var(--cod-border-width);
+ --cod-modal-title-line-height: 1.5;
+ --cod-modal-footer-gap: 0.5em;
+ --cod-modal-footer-bg: ;
+ --cod-modal-footer-border-color: var(--cod-border-color);
+ --cod-modal-footer-border-width: var(--cod-border-width);
position: fixed;
top: 0;
left: 0;
- z-index: var(--bs-modal-zindex);
+ z-index: var(--cod-modal-zindex);
display: none;
width: 100%;
height: 100%;
@@ -5468,7 +5474,7 @@ fieldset:disabled .btn {
.modal-dialog {
position: relative;
width: auto;
- margin: var(--bs-modal-margin);
+ margin: var(--cod-modal-margin);
pointer-events: none;
}
.modal.fade .modal-dialog {
@@ -5488,7 +5494,7 @@ fieldset:disabled .btn {
}
.modal-dialog-scrollable {
- height: calc(100% - var(--bs-modal-margin) * 2);
+ height: calc(100% - var(--cod-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
max-height: 100%;
@@ -5501,7 +5507,7 @@ fieldset:disabled .btn {
.modal-dialog-centered {
display: flex;
align-items: center;
- min-height: calc(100% - var(--bs-modal-margin) * 2);
+ min-height: calc(100% - var(--cod-modal-margin) * 2);
}
.modal-content {
@@ -5509,31 +5515,31 @@ fieldset:disabled .btn {
display: flex;
flex-direction: column;
width: 100%;
- color: var(--bs-modal-color);
+ color: var(--cod-modal-color);
pointer-events: auto;
- background-color: var(--bs-modal-bg);
+ background-color: var(--cod-modal-bg);
background-clip: padding-box;
- border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
+ border: var(--cod-modal-border-width) solid var(--cod-modal-border-color);
outline: 0;
}
.modal-backdrop {
- --bs-backdrop-zindex: 1050;
- --bs-backdrop-bg: #000;
- --bs-backdrop-opacity: 0.5;
+ --cod-backdrop-zindex: 1050;
+ --cod-backdrop-bg: #000;
+ --cod-backdrop-opacity: 0.5;
position: fixed;
top: 0;
left: 0;
- z-index: var(--bs-backdrop-zindex);
+ z-index: var(--cod-backdrop-zindex);
width: 100vw;
height: 100vh;
- background-color: var(--bs-backdrop-bg);
+ background-color: var(--cod-backdrop-bg);
}
.modal-backdrop.fade {
opacity: 0;
}
.modal-backdrop.show {
- opacity: var(--bs-backdrop-opacity);
+ opacity: var(--cod-backdrop-opacity);
}
.modal-header {
@@ -5541,27 +5547,27 @@ fieldset:disabled .btn {
flex-shrink: 0;
align-items: center;
justify-content: space-between;
- padding: var(--bs-modal-header-padding);
- border-bottom: var(--bs-modal-header-border-width) solid
- var(--bs-modal-header-border-color);
+ padding: var(--cod-modal-header-padding);
+ border-bottom: var(--cod-modal-header-border-width) solid
+ var(--cod-modal-header-border-color);
}
.modal-header .btn-close {
- padding: calc(var(--bs-modal-header-padding-y) * 0.5)
- calc(var(--bs-modal-header-padding-x) * 0.5);
- margin: calc(-0.5 * var(--bs-modal-header-padding-y))
- calc(-0.5 * var(--bs-modal-header-padding-x))
- calc(-0.5 * var(--bs-modal-header-padding-y)) auto;
+ padding: calc(var(--cod-modal-header-padding-y) * 0.5)
+ calc(var(--cod-modal-header-padding-x) * 0.5);
+ margin: calc(-0.5 * var(--cod-modal-header-padding-y))
+ calc(-0.5 * var(--cod-modal-header-padding-x))
+ calc(-0.5 * var(--cod-modal-header-padding-y)) auto;
}
.modal-title {
margin-bottom: 0;
- line-height: var(--bs-modal-title-line-height);
+ line-height: var(--cod-modal-title-line-height);
}
.modal-body {
position: relative;
flex: 1 1 auto;
- padding: var(--bs-modal-padding);
+ padding: var(--cod-modal-padding);
}
.modal-footer {
@@ -5570,38 +5576,38 @@ fieldset:disabled .btn {
flex-wrap: wrap;
align-items: center;
justify-content: flex-end;
- padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
- background-color: var(--bs-modal-footer-bg);
- border-top: var(--bs-modal-footer-border-width) solid
- var(--bs-modal-footer-border-color);
+ padding: calc(var(--cod-modal-padding) - var(--cod-modal-footer-gap) * 0.5);
+ background-color: var(--cod-modal-footer-bg);
+ border-top: var(--cod-modal-footer-border-width) solid
+ var(--cod-modal-footer-border-color);
}
.modal-footer > * {
- margin: calc(var(--bs-modal-footer-gap) * 0.5);
+ margin: calc(var(--cod-modal-footer-gap) * 0.5);
}
@media (min-width: 576px) {
.modal {
- --bs-modal-margin: 1.75em;
- --bs-modal-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
+ --cod-modal-margin: 1.75em;
+ --cod-modal-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
}
.modal-dialog {
- max-width: var(--bs-modal-width);
+ max-width: var(--cod-modal-width);
margin-right: auto;
margin-left: auto;
}
.modal-sm {
- --bs-modal-width: 300px;
+ --cod-modal-width: 300px;
}
}
@media (min-width: 992px) {
.modal-lg,
.modal-xl {
- --bs-modal-width: 800px;
+ --cod-modal-width: 800px;
}
}
@media (min-width: 1200px) {
.modal-xl {
- --bs-modal-width: 1140px;
+ --cod-modal-width: 1140px;
}
}
.modal-fullscreen {
@@ -5694,22 +5700,22 @@ fieldset:disabled .btn {
}
}
.tooltip {
- --bs-tooltip-zindex: 1080;
- --bs-tooltip-max-width: 200px;
- --bs-tooltip-padding-x: 0.5em;
- --bs-tooltip-padding-y: 0.25em;
- --bs-tooltip-margin: ;
- --bs-tooltip-font-size: 1em;
- --bs-tooltip-color: var(--bs-body-bg);
- --bs-tooltip-bg: var(--bs-emphasis-color);
- --bs-tooltip-border-radius: var(--bs-border-radius);
- --bs-tooltip-opacity: 0.9;
- --bs-tooltip-arrow-width: 0.8em;
- --bs-tooltip-arrow-height: 0.4em;
- z-index: var(--bs-tooltip-zindex);
+ --cod-tooltip-zindex: 1080;
+ --cod-tooltip-max-width: 200px;
+ --cod-tooltip-padding-x: 0.5em;
+ --cod-tooltip-padding-y: 0.25em;
+ --cod-tooltip-margin: ;
+ --cod-tooltip-font-size: 1em;
+ --cod-tooltip-color: var(--cod-body-bg);
+ --cod-tooltip-bg: var(--cod-emphasis-color);
+ --cod-tooltip-border-radius: var(--cod-border-radius);
+ --cod-tooltip-opacity: 0.9;
+ --cod-tooltip-arrow-width: 0.8em;
+ --cod-tooltip-arrow-height: 0.4em;
+ z-index: var(--cod-tooltip-zindex);
display: block;
- margin: var(--bs-tooltip-margin);
- font-family: var(--bs-font-sans-serif);
+ margin: var(--cod-tooltip-margin);
+ font-family: var(--cod-font-sans-serif);
font-style: normal;
font-weight: 400;
line-height: 1.5;
@@ -5723,17 +5729,17 @@ fieldset:disabled .btn {
white-space: normal;
word-spacing: normal;
line-break: auto;
- font-size: var(--bs-tooltip-font-size);
+ font-size: var(--cod-tooltip-font-size);
word-wrap: break-word;
opacity: 0;
}
.tooltip.show {
- opacity: var(--bs-tooltip-opacity);
+ opacity: var(--cod-tooltip-opacity);
}
.tooltip .tooltip-arrow {
display: block;
- width: var(--bs-tooltip-arrow-width);
- height: var(--bs-tooltip-arrow-height);
+ width: var(--cod-tooltip-arrow-width);
+ height: var(--cod-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
position: absolute;
@@ -5744,95 +5750,95 @@ fieldset:disabled .btn {
.bs-tooltip-top .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^='top'] .tooltip-arrow {
- bottom: calc(-1 * var(--bs-tooltip-arrow-height));
+ bottom: calc(-1 * var(--cod-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^='top'] .tooltip-arrow::before {
top: -1px;
- border-width: var(--bs-tooltip-arrow-height)
- calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
- border-top-color: var(--bs-tooltip-bg);
+ border-width: var(--cod-tooltip-arrow-height)
+ calc(var(--cod-tooltip-arrow-width) * 0.5) 0;
+ border-top-color: var(--cod-tooltip-bg);
}
/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^='right'] .tooltip-arrow {
- left: calc(-1 * var(--bs-tooltip-arrow-height));
- width: var(--bs-tooltip-arrow-height);
- height: var(--bs-tooltip-arrow-width);
+ left: calc(-1 * var(--cod-tooltip-arrow-height));
+ width: var(--cod-tooltip-arrow-height);
+ height: var(--cod-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^='right'] .tooltip-arrow::before {
right: -1px;
- border-width: calc(var(--bs-tooltip-arrow-width) * 0.5)
- var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
- border-right-color: var(--bs-tooltip-bg);
+ border-width: calc(var(--cod-tooltip-arrow-width) * 0.5)
+ var(--cod-tooltip-arrow-height) calc(var(--cod-tooltip-arrow-width) * 0.5) 0;
+ border-right-color: var(--cod-tooltip-bg);
}
/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^='bottom'] .tooltip-arrow {
- top: calc(-1 * var(--bs-tooltip-arrow-height));
+ top: calc(-1 * var(--cod-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^='bottom'] .tooltip-arrow::before {
bottom: -1px;
- border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5)
- var(--bs-tooltip-arrow-height);
- border-bottom-color: var(--bs-tooltip-bg);
+ border-width: 0 calc(var(--cod-tooltip-arrow-width) * 0.5)
+ var(--cod-tooltip-arrow-height);
+ border-bottom-color: var(--cod-tooltip-bg);
}
/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow,
.bs-tooltip-auto[data-popper-placement^='left'] .tooltip-arrow {
- right: calc(-1 * var(--bs-tooltip-arrow-height));
- width: var(--bs-tooltip-arrow-height);
- height: var(--bs-tooltip-arrow-width);
+ right: calc(-1 * var(--cod-tooltip-arrow-height));
+ width: var(--cod-tooltip-arrow-height);
+ height: var(--cod-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before,
.bs-tooltip-auto[data-popper-placement^='left'] .tooltip-arrow::before {
left: -1px;
- border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0
- calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
- border-left-color: var(--bs-tooltip-bg);
+ border-width: calc(var(--cod-tooltip-arrow-width) * 0.5) 0
+ calc(var(--cod-tooltip-arrow-width) * 0.5) var(--cod-tooltip-arrow-height);
+ border-left-color: var(--cod-tooltip-bg);
}
/* rtl:end:ignore */
.tooltip-inner {
- max-width: var(--bs-tooltip-max-width);
- padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
- color: var(--bs-tooltip-color);
+ max-width: var(--cod-tooltip-max-width);
+ padding: var(--cod-tooltip-padding-y) var(--cod-tooltip-padding-x);
+ color: var(--cod-tooltip-color);
text-align: center;
- background-color: var(--bs-tooltip-bg);
+ background-color: var(--cod-tooltip-bg);
}
.popover {
- --bs-popover-zindex: 1070;
- --bs-popover-max-width: 276px;
- --bs-popover-font-size: 1em;
- --bs-popover-bg: var(--bs-body-bg);
- --bs-popover-border-width: var(--bs-border-width);
- --bs-popover-border-color: var(--bs-border-color-translucent);
- --bs-popover-border-radius: var(--bs-border-radius-lg);
- --bs-popover-inner-border-radius: calc(
- var(--bs-border-radius-lg) - var(--bs-border-width)
+ --cod-popover-zindex: 1070;
+ --cod-popover-max-width: 276px;
+ --cod-popover-font-size: 1em;
+ --cod-popover-bg: var(--cod-body-bg);
+ --cod-popover-border-width: var(--cod-border-width);
+ --cod-popover-border-color: var(--cod-border-color-translucent);
+ --cod-popover-border-radius: var(--cod-border-radius-lg);
+ --cod-popover-inner-border-radius: calc(
+ var(--cod-border-radius-lg) - var(--cod-border-width)
);
- --bs-popover-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
- --bs-popover-header-padding-x: 1em;
- --bs-popover-header-padding-y: 0.5em;
- --bs-popover-header-font-size: 1em;
- --bs-popover-header-color: ;
- --bs-popover-header-bg: var(--bs-secondary-bg);
- --bs-popover-body-padding-x: 1em;
- --bs-popover-body-padding-y: 1em;
- --bs-popover-body-color: var(--bs-body-color);
- --bs-popover-arrow-width: 1em;
- --bs-popover-arrow-height: 0.5em;
- --bs-popover-arrow-border: var(--bs-popover-border-color);
- z-index: var(--bs-popover-zindex);
+ --cod-popover-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
+ --cod-popover-header-padding-x: 1em;
+ --cod-popover-header-padding-y: 0.5em;
+ --cod-popover-header-font-size: 1em;
+ --cod-popover-header-color: ;
+ --cod-popover-header-bg: var(--cod-secondary-bg);
+ --cod-popover-body-padding-x: 1em;
+ --cod-popover-body-padding-y: 1em;
+ --cod-popover-body-color: var(--cod-body-color);
+ --cod-popover-arrow-width: 1em;
+ --cod-popover-arrow-height: 0.5em;
+ --cod-popover-arrow-border: var(--cod-popover-border-color);
+ z-index: var(--cod-popover-zindex);
display: block;
- max-width: var(--bs-popover-max-width);
- font-family: var(--bs-font-sans-serif);
+ max-width: var(--cod-popover-max-width);
+ font-family: var(--cod-font-sans-serif);
font-style: normal;
font-weight: 400;
line-height: 1.5;
@@ -5846,16 +5852,16 @@ fieldset:disabled .btn {
white-space: normal;
word-spacing: normal;
line-break: auto;
- font-size: var(--bs-popover-font-size);
+ font-size: var(--cod-popover-font-size);
word-wrap: break-word;
- background-color: var(--bs-popover-bg);
+ background-color: var(--cod-popover-bg);
background-clip: padding-box;
- border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
+ border: var(--cod-popover-border-width) solid var(--cod-popover-border-color);
}
.popover .popover-arrow {
display: block;
- width: var(--bs-popover-arrow-width);
- height: var(--bs-popover-arrow-height);
+ width: var(--cod-popover-arrow-width);
+ height: var(--cod-popover-arrow-height);
}
.popover .popover-arrow::before,
.popover .popover-arrow::after {
@@ -5870,77 +5876,77 @@ fieldset:disabled .btn {
.bs-popover-top > .popover-arrow,
.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow {
bottom: calc(
- -1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)
+ -1 * (var(--cod-popover-arrow-height)) - var(--cod-popover-border-width)
);
}
.bs-popover-top > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::before,
.bs-popover-top > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::after {
- border-width: var(--bs-popover-arrow-height)
- calc(var(--bs-popover-arrow-width) * 0.5) 0;
+ border-width: var(--cod-popover-arrow-height)
+ calc(var(--cod-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::before {
bottom: 0;
- border-top-color: var(--bs-popover-arrow-border);
+ border-top-color: var(--cod-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^='top'] > .popover-arrow::after {
- bottom: var(--bs-popover-border-width);
- border-top-color: var(--bs-popover-bg);
+ bottom: var(--cod-popover-border-width);
+ border-top-color: var(--cod-popover-bg);
}
/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow,
.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow {
left: calc(
- -1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)
+ -1 * (var(--cod-popover-arrow-height)) - var(--cod-popover-border-width)
);
- width: var(--bs-popover-arrow-height);
- height: var(--bs-popover-arrow-width);
+ width: var(--cod-popover-arrow-height);
+ height: var(--cod-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::before,
.bs-popover-end > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::after {
- border-width: calc(var(--bs-popover-arrow-width) * 0.5)
- var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
+ border-width: calc(var(--cod-popover-arrow-width) * 0.5)
+ var(--cod-popover-arrow-height) calc(var(--cod-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::before {
left: 0;
- border-right-color: var(--bs-popover-arrow-border);
+ border-right-color: var(--cod-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^='right'] > .popover-arrow::after {
- left: var(--bs-popover-border-width);
- border-right-color: var(--bs-popover-bg);
+ left: var(--cod-popover-border-width);
+ border-right-color: var(--cod-popover-bg);
}
/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow,
.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow {
top: calc(
- -1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)
+ -1 * (var(--cod-popover-arrow-height)) - var(--cod-popover-border-width)
);
}
.bs-popover-bottom > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::before,
.bs-popover-bottom > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::after {
- border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5)
- var(--bs-popover-arrow-height);
+ border-width: 0 calc(var(--cod-popover-arrow-width) * 0.5)
+ var(--cod-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::before {
top: 0;
- border-bottom-color: var(--bs-popover-arrow-border);
+ border-bottom-color: var(--cod-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^='bottom'] > .popover-arrow::after {
- top: var(--bs-popover-border-width);
- border-bottom-color: var(--bs-popover-bg);
+ top: var(--cod-popover-border-width);
+ border-bottom-color: var(--cod-popover-bg);
}
.bs-popover-bottom .popover-header::before,
.bs-popover-auto[data-popper-placement^='bottom'] .popover-header::before {
@@ -5948,57 +5954,58 @@ fieldset:disabled .btn {
top: 0;
left: 50%;
display: block;
- width: var(--bs-popover-arrow-width);
- margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
+ width: var(--cod-popover-arrow-width);
+ margin-left: calc(-0.5 * var(--cod-popover-arrow-width));
content: '';
- border-bottom: var(--bs-popover-border-width) solid
- var(--bs-popover-header-bg);
+ border-bottom: var(--cod-popover-border-width) solid
+ var(--cod-popover-header-bg);
}
/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow,
.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow {
right: calc(
- -1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width)
+ -1 * (var(--cod-popover-arrow-height)) - var(--cod-popover-border-width)
);
- width: var(--bs-popover-arrow-height);
- height: var(--bs-popover-arrow-width);
+ width: var(--cod-popover-arrow-height);
+ height: var(--cod-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::before,
.bs-popover-start > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::after {
- border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0
- calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
+ border-width: calc(var(--cod-popover-arrow-width) * 0.5) 0
+ calc(var(--cod-popover-arrow-width) * 0.5) var(--cod-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before,
.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::before {
right: 0;
- border-left-color: var(--bs-popover-arrow-border);
+ border-left-color: var(--cod-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^='left'] > .popover-arrow::after {
- right: var(--bs-popover-border-width);
- border-left-color: var(--bs-popover-bg);
+ right: var(--cod-popover-border-width);
+ border-left-color: var(--cod-popover-bg);
}
/* rtl:end:ignore */
.popover-header {
- padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
+ padding: var(--cod-popover-header-padding-y)
+ var(--cod-popover-header-padding-x);
margin-bottom: 0;
- font-size: var(--bs-popover-header-font-size);
- color: var(--bs-popover-header-color);
- background-color: var(--bs-popover-header-bg);
- border-bottom: var(--bs-popover-border-width) solid
- var(--bs-popover-border-color);
+ font-size: var(--cod-popover-header-font-size);
+ color: var(--cod-popover-header-color);
+ background-color: var(--cod-popover-header-bg);
+ border-bottom: var(--cod-popover-border-width) solid
+ var(--cod-popover-border-color);
}
.popover-header:empty {
display: none;
}
.popover-body {
- padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
- color: var(--bs-popover-body-color);
+ padding: var(--cod-popover-body-padding-y) var(--cod-popover-body-padding-x);
+ color: var(--cod-popover-body-color);
}
.carousel {
@@ -6223,12 +6230,12 @@ fieldset:disabled .btn {
.spinner-grow,
.spinner-border {
display: inline-block;
- width: var(--bs-spinner-width);
- height: var(--bs-spinner-height);
- vertical-align: var(--bs-spinner-vertical-align);
+ width: var(--cod-spinner-width);
+ height: var(--cod-spinner-height);
+ vertical-align: var(--cod-spinner-vertical-align);
border-radius: 50%;
- animation: var(--bs-spinner-animation-speed) linear infinite
- var(--bs-spinner-animation-name);
+ animation: var(--cod-spinner-animation-speed) linear infinite
+ var(--cod-spinner-animation-name);
}
@keyframes spinner-border {
@@ -6237,20 +6244,20 @@ fieldset:disabled .btn {
}
}
.spinner-border {
- --bs-spinner-width: 2em;
- --bs-spinner-height: 2em;
- --bs-spinner-vertical-align: -0.125em;
- --bs-spinner-border-width: 0.25em;
- --bs-spinner-animation-speed: 0.75s;
- --bs-spinner-animation-name: spinner-border;
- border: var(--bs-spinner-border-width) solid currentcolor;
+ --cod-spinner-width: 2em;
+ --cod-spinner-height: 2em;
+ --cod-spinner-vertical-align: -0.125em;
+ --cod-spinner-border-width: 0.25em;
+ --cod-spinner-animation-speed: 0.75s;
+ --cod-spinner-animation-name: spinner-border;
+ border: var(--cod-spinner-border-width) solid currentcolor;
border-right-color: transparent;
}
.spinner-border-sm {
- --bs-spinner-width: 1em;
- --bs-spinner-height: 1em;
- --bs-spinner-border-width: 0.2em;
+ --cod-spinner-width: 1em;
+ --cod-spinner-height: 1em;
+ --cod-spinner-border-width: 0.2em;
}
@keyframes spinner-grow {
@@ -6263,24 +6270,24 @@ fieldset:disabled .btn {
}
}
.spinner-grow {
- --bs-spinner-width: 2em;
- --bs-spinner-height: 2em;
- --bs-spinner-vertical-align: -0.125em;
- --bs-spinner-animation-speed: 0.75s;
- --bs-spinner-animation-name: spinner-grow;
+ --cod-spinner-width: 2em;
+ --cod-spinner-height: 2em;
+ --cod-spinner-vertical-align: -0.125em;
+ --cod-spinner-animation-speed: 0.75s;
+ --cod-spinner-animation-name: spinner-grow;
background-color: currentcolor;
opacity: 0;
}
.spinner-grow-sm {
- --bs-spinner-width: 1em;
- --bs-spinner-height: 1em;
+ --cod-spinner-width: 1em;
+ --cod-spinner-height: 1em;
}
@media (prefers-reduced-motion: reduce) {
.spinner-border,
.spinner-grow {
- --bs-spinner-animation-speed: 1.5s;
+ --cod-spinner-animation-speed: 1.5s;
}
}
.offcanvas,
@@ -6289,34 +6296,34 @@ fieldset:disabled .btn {
.offcanvas-lg,
.offcanvas-md,
.offcanvas-sm {
- --bs-offcanvas-zindex: 1045;
- --bs-offcanvas-width: 400px;
- --bs-offcanvas-height: 30vh;
- --bs-offcanvas-padding-x: 1em;
- --bs-offcanvas-padding-y: 1em;
- --bs-offcanvas-color: var(--bs-body-color);
- --bs-offcanvas-bg: var(--bs-body-bg);
- --bs-offcanvas-border-width: var(--bs-border-width);
- --bs-offcanvas-border-color: var(--bs-border-color-translucent);
- --bs-offcanvas-box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);
- --bs-offcanvas-transition: transform 0.3s ease-in-out;
- --bs-offcanvas-title-line-height: 1.5;
+ --cod-offcanvas-zindex: 1045;
+ --cod-offcanvas-width: 400px;
+ --cod-offcanvas-height: 30vh;
+ --cod-offcanvas-padding-x: 1em;
+ --cod-offcanvas-padding-y: 1em;
+ --cod-offcanvas-color: var(--cod-body-color);
+ --cod-offcanvas-bg: var(--cod-body-bg);
+ --cod-offcanvas-border-width: var(--cod-border-width);
+ --cod-offcanvas-border-color: var(--cod-border-color-translucent);
+ --cod-offcanvas-box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);
+ --cod-offcanvas-transition: transform 0.3s ease-in-out;
+ --cod-offcanvas-title-line-height: 1.5;
}
@media (max-width: 575.98px) {
.offcanvas-sm {
position: fixed;
bottom: 0;
- z-index: var(--bs-offcanvas-zindex);
+ z-index: var(--cod-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
- color: var(--bs-offcanvas-color);
+ color: var(--cod-offcanvas-color);
visibility: hidden;
- background-color: var(--bs-offcanvas-bg);
+ background-color: var(--cod-offcanvas-bg);
background-clip: padding-box;
outline: 0;
- transition: var(--bs-offcanvas-transition);
+ transition: var(--cod-offcanvas-transition);
}
}
@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
@@ -6328,36 +6335,36 @@ fieldset:disabled .btn {
.offcanvas-sm.offcanvas-start {
top: 0;
left: 0;
- width: var(--bs-offcanvas-width);
- border-right: var(--bs-offcanvas-border-width) solid
- var(--bs-offcanvas-border-color);
+ width: var(--cod-offcanvas-width);
+ border-right: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
transform: translateX(-100%);
}
.offcanvas-sm.offcanvas-end {
top: 0;
right: 0;
- width: var(--bs-offcanvas-width);
- border-left: var(--bs-offcanvas-border-width) solid
- var(--bs-offcanvas-border-color);
+ width: var(--cod-offcanvas-width);
+ border-left: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
transform: translateX(100%);
}
.offcanvas-sm.offcanvas-top {
top: 0;
right: 0;
left: 0;
- height: var(--bs-offcanvas-height);
+ height: var(--cod-offcanvas-height);
max-height: 100%;
- border-bottom: var(--bs-offcanvas-border-width) solid
- var(--bs-offcanvas-border-color);
+ border-bottom: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas-sm.offcanvas-bottom {
right: 0;
left: 0;
- height: var(--bs-offcanvas-height);
+ height: var(--cod-offcanvas-height);
max-height: 100%;
- border-top: var(--bs-offcanvas-border-width) solid
- var(--bs-offcanvas-border-color);
+ border-top: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas-sm.showing,
@@ -6372,8 +6379,8 @@ fieldset:disabled .btn {
}
@media (min-width: 576px) {
.offcanvas-sm {
- --bs-offcanvas-height: auto;
- --bs-offcanvas-border-width: 0;
+ --cod-offcanvas-height: auto;
+ --cod-offcanvas-border-width: 0;
background-color: transparent !important;
}
.offcanvas-sm .offcanvas-header {
@@ -6392,16 +6399,16 @@ fieldset:disabled .btn {
.offcanvas-md {
position: fixed;
bottom: 0;
- z-index: var(--bs-offcanvas-zindex);
+ z-index: var(--cod-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
- color: var(--bs-offcanvas-color);
+ color: var(--cod-offcanvas-color);
visibility: hidden;
- background-color: var(--bs-offcanvas-bg);
+ background-color: var(--cod-offcanvas-bg);
background-clip: padding-box;
outline: 0;
- transition: var(--bs-offcanvas-transition);
+ transition: var(--cod-offcanvas-transition);
}
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
@@ -6413,36 +6420,36 @@ fieldset:disabled .btn {
.offcanvas-md.offcanvas-start {
top: 0;
left: 0;
- width: var(--bs-offcanvas-width);
- border-right: var(--bs-offcanvas-border-width) solid
- var(--bs-offcanvas-border-color);
+ width: var(--cod-offcanvas-width);
+ border-right: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
transform: translateX(-100%);
}
.offcanvas-md.offcanvas-end {
top: 0;
right: 0;
- width: var(--bs-offcanvas-width);
- border-left: var(--bs-offcanvas-border-width) solid
- var(--bs-offcanvas-border-color);
+ width: var(--cod-offcanvas-width);
+ border-left: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
transform: translateX(100%);
}
.offcanvas-md.offcanvas-top {
top: 0;
right: 0;
left: 0;
- height: var(--bs-offcanvas-height);
+ height: var(--cod-offcanvas-height);
max-height: 100%;
- border-bottom: var(--bs-offcanvas-border-width) solid
- var(--bs-offcanvas-border-color);
+ border-bottom: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas-md.offcanvas-bottom {
right: 0;
left: 0;
- height: var(--bs-offcanvas-height);
+ height: var(--cod-offcanvas-height);
max-height: 100%;
- border-top: var(--bs-offcanvas-border-width) solid
- var(--bs-offcanvas-border-color);
+ border-top: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas-md.showing,
@@ -6457,8 +6464,8 @@ fieldset:disabled .btn {
}
@media (min-width: 768px) {
.offcanvas-md {
- --bs-offcanvas-height: auto;
- --bs-offcanvas-border-width: 0;
+ --cod-offcanvas-height: auto;
+ --cod-offcanvas-border-width: 0;
background-color: transparent !important;
}
.offcanvas-md .offcanvas-header {
@@ -6477,16 +6484,16 @@ fieldset:disabled .btn {
.offcanvas-lg {
position: fixed;
bottom: 0;
- z-index: var(--bs-offcanvas-zindex);
+ z-index: var(--cod-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
- color: var(--bs-offcanvas-color);
+ color: var(--cod-offcanvas-color);
visibility: hidden;
- background-color: var(--bs-offcanvas-bg);
+ background-color: var(--cod-offcanvas-bg);
background-clip: padding-box;
outline: 0;
- transition: var(--bs-offcanvas-transition);
+ transition: var(--cod-offcanvas-transition);
}
}
@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
@@ -6498,36 +6505,36 @@ fieldset:disabled .btn {
.offcanvas-lg.offcanvas-start {
top: 0;
left: 0;
- width: var(--bs-offcanvas-width);
- border-right: var(--bs-offcanvas-border-width) solid
- var(--bs-offcanvas-border-color);
+ width: var(--cod-offcanvas-width);
+ border-right: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
transform: translateX(-100%);
}
.offcanvas-lg.offcanvas-end {
top: 0;
right: 0;
- width: var(--bs-offcanvas-width);
- border-left: var(--bs-offcanvas-border-width) solid
- var(--bs-offcanvas-border-color);
+ width: var(--cod-offcanvas-width);
+ border-left: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
transform: translateX(100%);
}
.offcanvas-lg.offcanvas-top {
top: 0;
right: 0;
left: 0;
- height: var(--bs-offcanvas-height);
+ height: var(--cod-offcanvas-height);
max-height: 100%;
- border-bottom: var(--bs-offcanvas-border-width) solid
- var(--bs-offcanvas-border-color);
+ border-bottom: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas-lg.offcanvas-bottom {
right: 0;
left: 0;
- height: var(--bs-offcanvas-height);
+ height: var(--cod-offcanvas-height);
max-height: 100%;
- border-top: var(--bs-offcanvas-border-width) solid
- var(--bs-offcanvas-border-color);
+ border-top: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas-lg.showing,
@@ -6542,8 +6549,8 @@ fieldset:disabled .btn {
}
@media (min-width: 992px) {
.offcanvas-lg {
- --bs-offcanvas-height: auto;
- --bs-offcanvas-border-width: 0;
+ --cod-offcanvas-height: auto;
+ --cod-offcanvas-border-width: 0;
background-color: transparent !important;
}
.offcanvas-lg .offcanvas-header {
@@ -6562,16 +6569,16 @@ fieldset:disabled .btn {
.offcanvas-xl {
position: fixed;
bottom: 0;
- z-index: var(--bs-offcanvas-zindex);
+ z-index: var(--cod-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
- color: var(--bs-offcanvas-color);
+ color: var(--cod-offcanvas-color);
visibility: hidden;
- background-color: var(--bs-offcanvas-bg);
+ background-color: var(--cod-offcanvas-bg);
background-clip: padding-box;
outline: 0;
- transition: var(--bs-offcanvas-transition);
+ transition: var(--cod-offcanvas-transition);
}
}
@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
@@ -6583,36 +6590,36 @@ fieldset:disabled .btn {
.offcanvas-xl.offcanvas-start {
top: 0;
left: 0;
- width: var(--bs-offcanvas-width);
- border-right: var(--bs-offcanvas-border-width) solid
- var(--bs-offcanvas-border-color);
+ width: var(--cod-offcanvas-width);
+ border-right: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
transform: translateX(-100%);
}
.offcanvas-xl.offcanvas-end {
top: 0;
right: 0;
- width: var(--bs-offcanvas-width);
- border-left: var(--bs-offcanvas-border-width) solid
- var(--bs-offcanvas-border-color);
+ width: var(--cod-offcanvas-width);
+ border-left: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
transform: translateX(100%);
}
.offcanvas-xl.offcanvas-top {
top: 0;
right: 0;
left: 0;
- height: var(--bs-offcanvas-height);
+ height: var(--cod-offcanvas-height);
max-height: 100%;
- border-bottom: var(--bs-offcanvas-border-width) solid
- var(--bs-offcanvas-border-color);
+ border-bottom: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas-xl.offcanvas-bottom {
right: 0;
left: 0;
- height: var(--bs-offcanvas-height);
+ height: var(--cod-offcanvas-height);
max-height: 100%;
- border-top: var(--bs-offcanvas-border-width) solid
- var(--bs-offcanvas-border-color);
+ border-top: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas-xl.showing,
@@ -6627,8 +6634,8 @@ fieldset:disabled .btn {
}
@media (min-width: 1200px) {
.offcanvas-xl {
- --bs-offcanvas-height: auto;
- --bs-offcanvas-border-width: 0;
+ --cod-offcanvas-height: auto;
+ --cod-offcanvas-border-width: 0;
background-color: transparent !important;
}
.offcanvas-xl .offcanvas-header {
@@ -6647,16 +6654,16 @@ fieldset:disabled .btn {
.offcanvas-xxl {
position: fixed;
bottom: 0;
- z-index: var(--bs-offcanvas-zindex);
+ z-index: var(--cod-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
- color: var(--bs-offcanvas-color);
+ color: var(--cod-offcanvas-color);
visibility: hidden;
- background-color: var(--bs-offcanvas-bg);
+ background-color: var(--cod-offcanvas-bg);
background-clip: padding-box;
outline: 0;
- transition: var(--bs-offcanvas-transition);
+ transition: var(--cod-offcanvas-transition);
}
}
@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
@@ -6668,36 +6675,36 @@ fieldset:disabled .btn {
.offcanvas-xxl.offcanvas-start {
top: 0;
left: 0;
- width: var(--bs-offcanvas-width);
- border-right: var(--bs-offcanvas-border-width) solid
- var(--bs-offcanvas-border-color);
+ width: var(--cod-offcanvas-width);
+ border-right: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
transform: translateX(-100%);
}
.offcanvas-xxl.offcanvas-end {
top: 0;
right: 0;
- width: var(--bs-offcanvas-width);
- border-left: var(--bs-offcanvas-border-width) solid
- var(--bs-offcanvas-border-color);
+ width: var(--cod-offcanvas-width);
+ border-left: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
transform: translateX(100%);
}
.offcanvas-xxl.offcanvas-top {
top: 0;
right: 0;
left: 0;
- height: var(--bs-offcanvas-height);
+ height: var(--cod-offcanvas-height);
max-height: 100%;
- border-bottom: var(--bs-offcanvas-border-width) solid
- var(--bs-offcanvas-border-color);
+ border-bottom: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas-xxl.offcanvas-bottom {
right: 0;
left: 0;
- height: var(--bs-offcanvas-height);
+ height: var(--cod-offcanvas-height);
max-height: 100%;
- border-top: var(--bs-offcanvas-border-width) solid
- var(--bs-offcanvas-border-color);
+ border-top: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas-xxl.showing,
@@ -6712,8 +6719,8 @@ fieldset:disabled .btn {
}
@media (min-width: 1400px) {
.offcanvas-xxl {
- --bs-offcanvas-height: auto;
- --bs-offcanvas-border-width: 0;
+ --cod-offcanvas-height: auto;
+ --cod-offcanvas-border-width: 0;
background-color: transparent !important;
}
.offcanvas-xxl .offcanvas-header {
@@ -6731,16 +6738,16 @@ fieldset:disabled .btn {
.offcanvas {
position: fixed;
bottom: 0;
- z-index: var(--bs-offcanvas-zindex);
+ z-index: var(--cod-offcanvas-zindex);
display: flex;
flex-direction: column;
max-width: 100%;
- color: var(--bs-offcanvas-color);
+ color: var(--cod-offcanvas-color);
visibility: hidden;
- background-color: var(--bs-offcanvas-bg);
+ background-color: var(--cod-offcanvas-bg);
background-clip: padding-box;
outline: 0;
- transition: var(--bs-offcanvas-transition);
+ transition: var(--cod-offcanvas-transition);
}
@media (prefers-reduced-motion: reduce) {
.offcanvas {
@@ -6750,36 +6757,36 @@ fieldset:disabled .btn {
.offcanvas.offcanvas-start {
top: 0;
left: 0;
- width: var(--bs-offcanvas-width);
- border-right: var(--bs-offcanvas-border-width) solid
- var(--bs-offcanvas-border-color);
+ width: var(--cod-offcanvas-width);
+ border-right: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
top: 0;
right: 0;
- width: var(--bs-offcanvas-width);
- border-left: var(--bs-offcanvas-border-width) solid
- var(--bs-offcanvas-border-color);
+ width: var(--cod-offcanvas-width);
+ border-left: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
transform: translateX(100%);
}
.offcanvas.offcanvas-top {
top: 0;
right: 0;
left: 0;
- height: var(--bs-offcanvas-height);
+ height: var(--cod-offcanvas-height);
max-height: 100%;
- border-bottom: var(--bs-offcanvas-border-width) solid
- var(--bs-offcanvas-border-color);
+ border-bottom: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
right: 0;
left: 0;
- height: var(--bs-offcanvas-height);
+ height: var(--cod-offcanvas-height);
max-height: 100%;
- border-top: var(--bs-offcanvas-border-width) solid
- var(--bs-offcanvas-border-color);
+ border-top: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
transform: translateY(100%);
}
.offcanvas.showing,
@@ -6812,24 +6819,24 @@ fieldset:disabled .btn {
display: flex;
align-items: center;
justify-content: space-between;
- padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
+ padding: var(--cod-offcanvas-padding-y) var(--cod-offcanvas-padding-x);
}
.offcanvas-header .btn-close {
- padding: calc(var(--bs-offcanvas-padding-y) * 0.5)
- calc(var(--bs-offcanvas-padding-x) * 0.5);
- margin-top: calc(-0.5 * var(--bs-offcanvas-padding-y));
- margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
- margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
+ padding: calc(var(--cod-offcanvas-padding-y) * 0.5)
+ calc(var(--cod-offcanvas-padding-x) * 0.5);
+ margin-top: calc(-0.5 * var(--cod-offcanvas-padding-y));
+ margin-right: calc(-0.5 * var(--cod-offcanvas-padding-x));
+ margin-bottom: calc(-0.5 * var(--cod-offcanvas-padding-y));
}
.offcanvas-title {
margin-bottom: 0;
- line-height: var(--bs-offcanvas-title-line-height);
+ line-height: var(--cod-offcanvas-title-line-height);
}
.offcanvas-body {
flex-grow: 1;
- padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
+ padding: var(--cod-offcanvas-padding-y) var(--cod-offcanvas-padding-x);
overflow-y: auto;
}
@@ -6891,235 +6898,240 @@ fieldset:disabled .btn {
.text-bg-primary {
color: #fff !important;
- background-color: RGBA(0, 68, 69, var(--bs-bg-opacity, 1)) !important;
+ background-color: RGBA(0, 68, 69, var(--cod-bg-opacity, 1)) !important;
}
.text-bg-secondary {
color: #000 !important;
- background-color: RGBA(242, 242, 242, var(--bs-bg-opacity, 1)) !important;
+ background-color: RGBA(242, 242, 242, var(--cod-bg-opacity, 1)) !important;
}
.text-bg-success {
color: #000 !important;
- background-color: RGBA(159, 213, 179, var(--bs-bg-opacity, 1)) !important;
+ background-color: RGBA(159, 213, 179, var(--cod-bg-opacity, 1)) !important;
}
.text-bg-info {
color: #fff !important;
- background-color: RGBA(0, 68, 69, var(--bs-bg-opacity, 1)) !important;
+ background-color: RGBA(0, 68, 69, var(--cod-bg-opacity, 1)) !important;
}
.text-bg-warning {
color: #000 !important;
- background-color: RGBA(254, 183, 13, var(--bs-bg-opacity, 1)) !important;
+ background-color: RGBA(254, 183, 13, var(--cod-bg-opacity, 1)) !important;
}
.text-bg-danger {
color: #fff !important;
- background-color: RGBA(179, 57, 59, var(--bs-bg-opacity, 1)) !important;
+ background-color: RGBA(179, 57, 59, var(--cod-bg-opacity, 1)) !important;
}
.text-bg-light {
color: #000 !important;
- background-color: RGBA(255, 255, 255, var(--bs-bg-opacity, 1)) !important;
+ background-color: RGBA(255, 255, 255, var(--cod-bg-opacity, 1)) !important;
}
.text-bg-dark {
color: #fff !important;
- background-color: RGBA(24, 37, 42, var(--bs-bg-opacity, 1)) !important;
+ background-color: RGBA(24, 37, 42, var(--cod-bg-opacity, 1)) !important;
}
.text-bg-accent-primary {
color: #000 !important;
- background-color: RGBA(254, 183, 13, var(--bs-bg-opacity, 1)) !important;
+ background-color: RGBA(254, 183, 13, var(--cod-bg-opacity, 1)) !important;
}
.text-bg-accent-secondary {
color: #000 !important;
- background-color: RGBA(159, 213, 179, var(--bs-bg-opacity, 1)) !important;
+ background-color: RGBA(159, 213, 179, var(--cod-bg-opacity, 1)) !important;
}
.link-primary {
- color: RGBA(var(--bs-primary-rgb, var(--bs-link-opacity, 1)));
+ color: RGBA(var(--cod-primary-rgb, var(--cod-link-opacity, 1)));
text-decoration-color: RGBA(
- var(--bs-primary-rgb),
- var(--bs-link-underline-opacity, 1)
+ var(--cod-primary-rgb),
+ var(--cod-link-underline-opacity, 1)
);
}
.link-primary:hover,
.link-primary:focus {
- color: RGBA(0, 54, 55, var(--bs-link-opacity, 1));
- text-decoration-color: RGBA(0, 54, 55, var(--bs-link-underline-opacity, 1));
+ color: RGBA(0, 54, 55, var(--cod-link-opacity, 1));
+ text-decoration-color: RGBA(0, 54, 55, var(--cod-link-underline-opacity, 1));
}
.link-secondary {
- color: RGBA(var(--bs-secondary-rgb, var(--bs-link-opacity, 1)));
+ color: RGBA(var(--cod-secondary-rgb, var(--cod-link-opacity, 1)));
text-decoration-color: RGBA(
- var(--bs-secondary-rgb),
- var(--bs-link-underline-opacity, 1)
+ var(--cod-secondary-rgb),
+ var(--cod-link-underline-opacity, 1)
);
}
.link-secondary:hover,
.link-secondary:focus {
- color: RGBA(245, 245, 245, var(--bs-link-opacity, 1));
+ color: RGBA(245, 245, 245, var(--cod-link-opacity, 1));
text-decoration-color: RGBA(
245,
245,
245,
- var(--bs-link-underline-opacity, 1)
+ var(--cod-link-underline-opacity, 1)
);
}
.link-success {
- color: RGBA(var(--bs-success-rgb, var(--bs-link-opacity, 1)));
+ color: RGBA(var(--cod-success-rgb, var(--cod-link-opacity, 1)));
text-decoration-color: RGBA(
- var(--bs-success-rgb),
- var(--bs-link-underline-opacity, 1)
+ var(--cod-success-rgb),
+ var(--cod-link-underline-opacity, 1)
);
}
.link-success:hover,
.link-success:focus {
- color: RGBA(178, 221, 194, var(--bs-link-opacity, 1));
+ color: RGBA(178, 221, 194, var(--cod-link-opacity, 1));
text-decoration-color: RGBA(
178,
221,
194,
- var(--bs-link-underline-opacity, 1)
+ var(--cod-link-underline-opacity, 1)
);
}
.link-info {
- color: RGBA(var(--bs-info-rgb, var(--bs-link-opacity, 1)));
+ color: RGBA(var(--cod-info-rgb, var(--cod-link-opacity, 1)));
text-decoration-color: RGBA(
- var(--bs-info-rgb),
- var(--bs-link-underline-opacity, 1)
+ var(--cod-info-rgb),
+ var(--cod-link-underline-opacity, 1)
);
}
.link-info:hover,
.link-info:focus {
- color: RGBA(0, 54, 55, var(--bs-link-opacity, 1));
- text-decoration-color: RGBA(0, 54, 55, var(--bs-link-underline-opacity, 1));
+ color: RGBA(0, 54, 55, var(--cod-link-opacity, 1));
+ text-decoration-color: RGBA(0, 54, 55, var(--cod-link-underline-opacity, 1));
}
.link-warning {
- color: RGBA(var(--bs-warning-rgb, var(--bs-link-opacity, 1)));
+ color: RGBA(var(--cod-warning-rgb, var(--cod-link-opacity, 1)));
text-decoration-color: RGBA(
- var(--bs-warning-rgb),
- var(--bs-link-underline-opacity, 1)
+ var(--cod-warning-rgb),
+ var(--cod-link-underline-opacity, 1)
);
}
.link-warning:hover,
.link-warning:focus {
- color: RGBA(254, 197, 61, var(--bs-link-opacity, 1));
+ color: RGBA(254, 197, 61, var(--cod-link-opacity, 1));
text-decoration-color: RGBA(
254,
197,
61,
- var(--bs-link-underline-opacity, 1)
+ var(--cod-link-underline-opacity, 1)
);
}
.link-danger {
- color: RGBA(var(--bs-danger-rgb, var(--bs-link-opacity, 1)));
+ color: RGBA(var(--cod-danger-rgb, var(--cod-link-opacity, 1)));
text-decoration-color: RGBA(
- var(--bs-danger-rgb),
- var(--bs-link-underline-opacity, 1)
+ var(--cod-danger-rgb),
+ var(--cod-link-underline-opacity, 1)
);
}
.link-danger:hover,
.link-danger:focus {
- color: RGBA(143, 46, 47, var(--bs-link-opacity, 1));
- text-decoration-color: RGBA(143, 46, 47, var(--bs-link-underline-opacity, 1));
+ color: RGBA(143, 46, 47, var(--cod-link-opacity, 1));
+ text-decoration-color: RGBA(
+ 143,
+ 46,
+ 47,
+ var(--cod-link-underline-opacity, 1)
+ );
}
.link-light {
- color: RGBA(var(--bs-light-rgb, var(--bs-link-opacity, 1)));
+ color: RGBA(var(--cod-light-rgb, var(--cod-link-opacity, 1)));
text-decoration-color: RGBA(
- var(--bs-light-rgb),
- var(--bs-link-underline-opacity, 1)
+ var(--cod-light-rgb),
+ var(--cod-link-underline-opacity, 1)
);
}
.link-light:hover,
.link-light:focus {
- color: RGBA(255, 255, 255, var(--bs-link-opacity, 1));
+ color: RGBA(255, 255, 255, var(--cod-link-opacity, 1));
text-decoration-color: RGBA(
255,
255,
255,
- var(--bs-link-underline-opacity, 1)
+ var(--cod-link-underline-opacity, 1)
);
}
.link-dark {
- color: RGBA(var(--bs-dark-rgb, var(--bs-link-opacity, 1)));
+ color: RGBA(var(--cod-dark-rgb, var(--cod-link-opacity, 1)));
text-decoration-color: RGBA(
- var(--bs-dark-rgb),
- var(--bs-link-underline-opacity, 1)
+ var(--cod-dark-rgb),
+ var(--cod-link-underline-opacity, 1)
);
}
.link-dark:hover,
.link-dark:focus {
- color: RGBA(19, 30, 34, var(--bs-link-opacity, 1));
- text-decoration-color: RGBA(19, 30, 34, var(--bs-link-underline-opacity, 1));
+ color: RGBA(19, 30, 34, var(--cod-link-opacity, 1));
+ text-decoration-color: RGBA(19, 30, 34, var(--cod-link-underline-opacity, 1));
}
.link-accent-primary {
- color: RGBA(var(--bs-accent-primary-rgb, var(--bs-link-opacity, 1)));
+ color: RGBA(var(--cod-accent-primary-rgb, var(--cod-link-opacity, 1)));
text-decoration-color: RGBA(
- var(--bs-accent-primary-rgb),
- var(--bs-link-underline-opacity, 1)
+ var(--cod-accent-primary-rgb),
+ var(--cod-link-underline-opacity, 1)
);
}
.link-accent-primary:hover,
.link-accent-primary:focus {
- color: RGBA(254, 197, 61, var(--bs-link-opacity, 1));
+ color: RGBA(254, 197, 61, var(--cod-link-opacity, 1));
text-decoration-color: RGBA(
254,
197,
61,
- var(--bs-link-underline-opacity, 1)
+ var(--cod-link-underline-opacity, 1)
);
}
.link-accent-secondary {
- color: RGBA(var(--bs-accent-secondary-rgb, var(--bs-link-opacity, 1)));
+ color: RGBA(var(--cod-accent-secondary-rgb, var(--cod-link-opacity, 1)));
text-decoration-color: RGBA(
- var(--bs-accent-secondary-rgb),
- var(--bs-link-underline-opacity, 1)
+ var(--cod-accent-secondary-rgb),
+ var(--cod-link-underline-opacity, 1)
);
}
.link-accent-secondary:hover,
.link-accent-secondary:focus {
- color: RGBA(178, 221, 194, var(--bs-link-opacity, 1));
+ color: RGBA(178, 221, 194, var(--cod-link-opacity, 1));
text-decoration-color: RGBA(
178,
221,
194,
- var(--bs-link-underline-opacity, 1)
+ var(--cod-link-underline-opacity, 1)
);
}
.link-body-emphasis {
- color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 1));
+ color: RGBA(var(--cod-emphasis-color-rgb), var(--cod-link-opacity, 1));
text-decoration-color: RGBA(
- var(--bs-emphasis-color-rgb),
- var(--bs-link-underline-opacity, 1)
+ var(--cod-emphasis-color-rgb),
+ var(--cod-link-underline-opacity, 1)
);
}
.link-body-emphasis:hover,
.link-body-emphasis:focus {
- color: RGBA(var(--bs-emphasis-color-rgb), var(--bs-link-opacity, 0.75));
+ color: RGBA(var(--cod-emphasis-color-rgb), var(--cod-link-opacity, 0.75));
text-decoration-color: RGBA(
- var(--bs-emphasis-color-rgb),
- var(--bs-link-underline-opacity, 0.75)
+ var(--cod-emphasis-color-rgb),
+ var(--cod-link-underline-opacity, 0.75)
);
}
.focus-ring:focus {
outline: 0;
- box-shadow: var(--bs-focus-ring-x, 0) var(--bs-focus-ring-y, 0)
- var(--bs-focus-ring-blur, 0) var(--bs-focus-ring-width)
- var(--bs-focus-ring-color);
+ box-shadow: var(--cod-focus-ring-x, 0) var(--cod-focus-ring-y, 0)
+ var(--cod-focus-ring-blur, 0) var(--cod-focus-ring-width)
+ var(--cod-focus-ring-color);
}
.icon-link {
@@ -7127,8 +7139,8 @@ fieldset:disabled .btn {
gap: 0.375em;
align-items: center;
text-decoration-color: rgba(
- var(--bs-link-color-rgb),
- var(--bs-link-opacity, 0.5)
+ var(--cod-link-color-rgb),
+ var(--cod-link-opacity, 0.5)
);
text-underline-offset: 0.25em;
backface-visibility: hidden;
@@ -7148,7 +7160,7 @@ fieldset:disabled .btn {
.icon-link-hover:hover > .bi,
.icon-link-hover:focus-visible > .bi {
- transform: var(--bs-icon-link-transform, translate3d(0.25em, 0, 0));
+ transform: var(--cod-icon-link-transform, translate3d(0.25em, 0, 0));
}
.ratio {
@@ -7157,7 +7169,7 @@ fieldset:disabled .btn {
}
.ratio::before {
display: block;
- padding-top: var(--bs-aspect-ratio);
+ padding-top: var(--cod-aspect-ratio);
content: '';
}
.ratio > * {
@@ -7169,31 +7181,31 @@ fieldset:disabled .btn {
}
.ratio-1x1 {
- --bs-aspect-ratio: 100%;
+ --cod-aspect-ratio: 100%;
}
.ratio-2x1 {
- --bs-aspect-ratio: 50%;
+ --cod-aspect-ratio: 50%;
}
.ratio-3x1 {
- --bs-aspect-ratio: 33.3333333333%;
+ --cod-aspect-ratio: 33.3333333333%;
}
.ratio-4x1 {
- --bs-aspect-ratio: 25%;
+ --cod-aspect-ratio: 25%;
}
.ratio-4x3 {
- --bs-aspect-ratio: 75%;
+ --cod-aspect-ratio: 75%;
}
.ratio-16x9 {
- --bs-aspect-ratio: 56.25%;
+ --cod-aspect-ratio: 56.25%;
}
.ratio-21x9 {
- --bs-aspect-ratio: 42.8571428571%;
+ --cod-aspect-ratio: 42.8571428571%;
}
.fixed-top {
@@ -7524,66 +7536,72 @@ fieldset:disabled .btn {
}
.focus-ring-primary {
- --bs-focus-ring-color: rgba(
- var(--bs-primary-rgb),
- var(--bs-focus-ring-opacity)
+ --cod-focus-ring-color: rgba(
+ var(--cod-primary-rgb),
+ var(--cod-focus-ring-opacity)
);
}
.focus-ring-secondary {
- --bs-focus-ring-color: rgba(
- var(--bs-secondary-rgb),
- var(--bs-focus-ring-opacity)
+ --cod-focus-ring-color: rgba(
+ var(--cod-secondary-rgb),
+ var(--cod-focus-ring-opacity)
);
}
.focus-ring-success {
- --bs-focus-ring-color: rgba(
- var(--bs-success-rgb),
- var(--bs-focus-ring-opacity)
+ --cod-focus-ring-color: rgba(
+ var(--cod-success-rgb),
+ var(--cod-focus-ring-opacity)
);
}
.focus-ring-info {
- --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
+ --cod-focus-ring-color: rgba(
+ var(--cod-info-rgb),
+ var(--cod-focus-ring-opacity)
+ );
}
.focus-ring-warning {
- --bs-focus-ring-color: rgba(
- var(--bs-warning-rgb),
- var(--bs-focus-ring-opacity)
+ --cod-focus-ring-color: rgba(
+ var(--cod-warning-rgb),
+ var(--cod-focus-ring-opacity)
);
}
.focus-ring-danger {
- --bs-focus-ring-color: rgba(
- var(--bs-danger-rgb),
- var(--bs-focus-ring-opacity)
+ --cod-focus-ring-color: rgba(
+ var(--cod-danger-rgb),
+ var(--cod-focus-ring-opacity)
);
}
.focus-ring-light {
- --bs-focus-ring-color: rgba(
- var(--bs-light-rgb),
- var(--bs-focus-ring-opacity)
+ --cod-focus-ring-color: rgba(
+ var(--cod-light-rgb),
+ var(--cod-focus-ring-opacity)
);
}
.focus-ring-dark {
- --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
+ --cod-focus-ring-color: rgba(
+ var(--cod-dark-rgb),
+ var(--cod-focus-ring-opacity)
+ );
}
.focus-ring-accent-primary {
- --bs-focus-ring-color: rgba(
- var(--bs-accent-primary-rgb),
- var(--bs-focus-ring-opacity)
+ --cod-focus-ring-color: rgba(
+ var(--cod-accent-primary-rgb),
+ var(--cod-focus-ring-opacity)
);
}
.focus-ring-accent-secondary {
- --bs-focus-ring-color: rgba(
- var(--bs-accent-secondary-rgb),
- var(--bs-focus-ring-opacity)
+ --cod-focus-ring-color: rgba(
+ var(--cod-accent-secondary-rgb),
+ var(--cod-focus-ring-opacity)
);
}
@@ -7668,7 +7686,8 @@ fieldset:disabled .btn {
}
.border {
- border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
+ border: var(--cod-border-width) var(--cod-border-style)
+ var(--cod-border-color) !important;
}
.border-0 {
@@ -7676,8 +7695,8 @@ fieldset:disabled .btn {
}
.border-top {
- border-top: var(--bs-border-width) var(--bs-border-style)
- var(--bs-border-color) !important;
+ border-top: var(--cod-border-width) var(--cod-border-style)
+ var(--cod-border-color) !important;
}
.border-top-0 {
@@ -7685,8 +7704,8 @@ fieldset:disabled .btn {
}
.border-end {
- border-right: var(--bs-border-width) var(--bs-border-style)
- var(--bs-border-color) !important;
+ border-right: var(--cod-border-width) var(--cod-border-style)
+ var(--cod-border-color) !important;
}
.border-end-0 {
@@ -7694,8 +7713,8 @@ fieldset:disabled .btn {
}
.border-bottom {
- border-bottom: var(--bs-border-width) var(--bs-border-style)
- var(--bs-border-color) !important;
+ border-bottom: var(--cod-border-width) var(--cod-border-style)
+ var(--cod-border-color) !important;
}
.border-bottom-0 {
@@ -7703,8 +7722,8 @@ fieldset:disabled .btn {
}
.border-start {
- border-left: var(--bs-border-width) var(--bs-border-style)
- var(--bs-border-color) !important;
+ border-left: var(--cod-border-width) var(--cod-border-style)
+ var(--cod-border-color) !important;
}
.border-start-0 {
@@ -7712,113 +7731,125 @@ fieldset:disabled .btn {
}
.border-primary {
- --bs-border-opacity: 1;
+ --cod-border-opacity: 1;
border-color: rgba(
- var(--bs-primary-rgb),
- var(--bs-border-opacity)
+ var(--cod-primary-rgb),
+ var(--cod-border-opacity)
) !important;
}
.border-secondary {
- --bs-border-opacity: 1;
+ --cod-border-opacity: 1;
border-color: rgba(
- var(--bs-secondary-rgb),
- var(--bs-border-opacity)
+ var(--cod-secondary-rgb),
+ var(--cod-border-opacity)
) !important;
}
.border-success {
- --bs-border-opacity: 1;
+ --cod-border-opacity: 1;
border-color: rgba(
- var(--bs-success-rgb),
- var(--bs-border-opacity)
+ var(--cod-success-rgb),
+ var(--cod-border-opacity)
) !important;
}
.border-info {
- --bs-border-opacity: 1;
- border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
+ --cod-border-opacity: 1;
+ border-color: rgba(var(--cod-info-rgb), var(--cod-border-opacity)) !important;
}
.border-warning {
- --bs-border-opacity: 1;
+ --cod-border-opacity: 1;
border-color: rgba(
- var(--bs-warning-rgb),
- var(--bs-border-opacity)
+ var(--cod-warning-rgb),
+ var(--cod-border-opacity)
) !important;
}
.border-danger {
- --bs-border-opacity: 1;
- border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
+ --cod-border-opacity: 1;
+ border-color: rgba(
+ var(--cod-danger-rgb),
+ var(--cod-border-opacity)
+ ) !important;
}
.border-light {
- --bs-border-opacity: 1;
- border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
+ --cod-border-opacity: 1;
+ border-color: rgba(
+ var(--cod-light-rgb),
+ var(--cod-border-opacity)
+ ) !important;
}
.border-dark {
- --bs-border-opacity: 1;
- border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
+ --cod-border-opacity: 1;
+ border-color: rgba(var(--cod-dark-rgb), var(--cod-border-opacity)) !important;
}
.border-accent-primary {
- --bs-border-opacity: 1;
+ --cod-border-opacity: 1;
border-color: rgba(
- var(--bs-accent-primary-rgb),
- var(--bs-border-opacity)
+ var(--cod-accent-primary-rgb),
+ var(--cod-border-opacity)
) !important;
}
.border-accent-secondary {
- --bs-border-opacity: 1;
+ --cod-border-opacity: 1;
border-color: rgba(
- var(--bs-accent-secondary-rgb),
- var(--bs-border-opacity)
+ var(--cod-accent-secondary-rgb),
+ var(--cod-border-opacity)
) !important;
}
.border-black {
- --bs-border-opacity: 1;
- border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
+ --cod-border-opacity: 1;
+ border-color: rgba(
+ var(--cod-black-rgb),
+ var(--cod-border-opacity)
+ ) !important;
}
.border-white {
- --bs-border-opacity: 1;
- border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
+ --cod-border-opacity: 1;
+ border-color: rgba(
+ var(--cod-white-rgb),
+ var(--cod-border-opacity)
+ ) !important;
}
.border-primary-subtle {
- border-color: var(--bs-primary-border-subtle) !important;
+ border-color: var(--cod-primary-border-subtle) !important;
}
.border-secondary-subtle {
- border-color: var(--bs-secondary-border-subtle) !important;
+ border-color: var(--cod-secondary-border-subtle) !important;
}
.border-success-subtle {
- border-color: var(--bs-success-border-subtle) !important;
+ border-color: var(--cod-success-border-subtle) !important;
}
.border-info-subtle {
- border-color: var(--bs-info-border-subtle) !important;
+ border-color: var(--cod-info-border-subtle) !important;
}
.border-warning-subtle {
- border-color: var(--bs-warning-border-subtle) !important;
+ border-color: var(--cod-warning-border-subtle) !important;
}
.border-danger-subtle {
- border-color: var(--bs-danger-border-subtle) !important;
+ border-color: var(--cod-danger-border-subtle) !important;
}
.border-light-subtle {
- border-color: var(--bs-light-border-subtle) !important;
+ border-color: var(--cod-light-border-subtle) !important;
}
.border-dark-subtle {
- border-color: var(--bs-dark-border-subtle) !important;
+ border-color: var(--cod-dark-border-subtle) !important;
}
.border-1 {
@@ -7842,23 +7873,23 @@ fieldset:disabled .btn {
}
.border-opacity-10 {
- --bs-border-opacity: 0.1;
+ --cod-border-opacity: 0.1;
}
.border-opacity-25 {
- --bs-border-opacity: 0.25;
+ --cod-border-opacity: 0.25;
}
.border-opacity-50 {
- --bs-border-opacity: 0.5;
+ --cod-border-opacity: 0.5;
}
.border-opacity-75 {
- --bs-border-opacity: 0.75;
+ --cod-border-opacity: 0.75;
}
.border-opacity-100 {
- --bs-border-opacity: 1;
+ --cod-border-opacity: 1;
}
.w-25 {
@@ -8560,19 +8591,19 @@ fieldset:disabled .btn {
}
.font-monospace {
- font-family: var(--bs-font-monospace) !important;
+ font-family: var(--cod-font-monospace) !important;
}
.fs-1 {
- font-size: calc(1.4em + 1.8vw) !important;
+ font-size: calc(1.525em + 3.3vw) !important;
}
.fs-2 {
- font-size: calc(1.3625em + 1.35vw) !important;
+ font-size: calc(1.375em + 1.5vw) !important;
}
.fs-3 {
- font-size: calc(1.3125em + 0.75vw) !important;
+ font-size: calc(1.325em + 0.9vw) !important;
}
.fs-4 {
@@ -8691,194 +8722,197 @@ fieldset:disabled .btn {
/* rtl:end:remove */
.text-primary {
- --bs-text-opacity: 1;
- color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
+ --cod-text-opacity: 1;
+ color: rgba(var(--cod-primary-rgb), var(--cod-text-opacity)) !important;
}
.text-secondary {
- --bs-text-opacity: 1;
- color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
+ --cod-text-opacity: 1;
+ color: rgba(var(--cod-secondary-rgb), var(--cod-text-opacity)) !important;
}
.text-success {
- --bs-text-opacity: 1;
- color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
+ --cod-text-opacity: 1;
+ color: rgba(var(--cod-success-rgb), var(--cod-text-opacity)) !important;
}
.text-info {
- --bs-text-opacity: 1;
- color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
+ --cod-text-opacity: 1;
+ color: rgba(var(--cod-info-rgb), var(--cod-text-opacity)) !important;
}
.text-warning {
- --bs-text-opacity: 1;
- color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
+ --cod-text-opacity: 1;
+ color: rgba(var(--cod-warning-rgb), var(--cod-text-opacity)) !important;
}
.text-danger {
- --bs-text-opacity: 1;
- color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
+ --cod-text-opacity: 1;
+ color: rgba(var(--cod-danger-rgb), var(--cod-text-opacity)) !important;
}
.text-light {
- --bs-text-opacity: 1;
- color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
+ --cod-text-opacity: 1;
+ color: rgba(var(--cod-light-rgb), var(--cod-text-opacity)) !important;
}
.text-dark {
- --bs-text-opacity: 1;
- color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
+ --cod-text-opacity: 1;
+ color: rgba(var(--cod-dark-rgb), var(--cod-text-opacity)) !important;
}
.text-accent-primary {
- --bs-text-opacity: 1;
- color: rgba(var(--bs-accent-primary-rgb), var(--bs-text-opacity)) !important;
+ --cod-text-opacity: 1;
+ color: rgba(
+ var(--cod-accent-primary-rgb),
+ var(--cod-text-opacity)
+ ) !important;
}
.text-accent-secondary {
- --bs-text-opacity: 1;
+ --cod-text-opacity: 1;
color: rgba(
- var(--bs-accent-secondary-rgb),
- var(--bs-text-opacity)
+ var(--cod-accent-secondary-rgb),
+ var(--cod-text-opacity)
) !important;
}
.text-black {
- --bs-text-opacity: 1;
- color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
+ --cod-text-opacity: 1;
+ color: rgba(var(--cod-black-rgb), var(--cod-text-opacity)) !important;
}
.text-white {
- --bs-text-opacity: 1;
- color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
+ --cod-text-opacity: 1;
+ color: rgba(var(--cod-white-rgb), var(--cod-text-opacity)) !important;
}
.text-body {
- --bs-text-opacity: 1;
- color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
+ --cod-text-opacity: 1;
+ color: rgba(var(--cod-body-color-rgb), var(--cod-text-opacity)) !important;
}
.text-muted {
- --bs-text-opacity: 1;
- color: var(--bs-secondary-color) !important;
+ --cod-text-opacity: 1;
+ color: var(--cod-secondary-color) !important;
}
.text-black-50 {
- --bs-text-opacity: 1;
+ --cod-text-opacity: 1;
color: rgba(0, 0, 0, 0.5) !important;
}
.text-white-50 {
- --bs-text-opacity: 1;
+ --cod-text-opacity: 1;
color: rgba(255, 255, 255, 0.5) !important;
}
.text-body-secondary {
- --bs-text-opacity: 1;
- color: var(--bs-secondary-color) !important;
+ --cod-text-opacity: 1;
+ color: var(--cod-secondary-color) !important;
}
.text-body-tertiary {
- --bs-text-opacity: 1;
- color: var(--bs-tertiary-color) !important;
+ --cod-text-opacity: 1;
+ color: var(--cod-tertiary-color) !important;
}
.text-body-emphasis {
- --bs-text-opacity: 1;
- color: var(--bs-emphasis-color) !important;
+ --cod-text-opacity: 1;
+ color: var(--cod-emphasis-color) !important;
}
.text-reset {
- --bs-text-opacity: 1;
+ --cod-text-opacity: 1;
color: inherit !important;
}
.text-opacity-25 {
- --bs-text-opacity: 0.25;
+ --cod-text-opacity: 0.25;
}
.text-opacity-50 {
- --bs-text-opacity: 0.5;
+ --cod-text-opacity: 0.5;
}
.text-opacity-75 {
- --bs-text-opacity: 0.75;
+ --cod-text-opacity: 0.75;
}
.text-opacity-100 {
- --bs-text-opacity: 1;
+ --cod-text-opacity: 1;
}
.text-primary-emphasis {
- color: var(--bs-primary-text-emphasis) !important;
+ color: var(--cod-primary-text-emphasis) !important;
}
.text-secondary-emphasis {
- color: var(--bs-secondary-text-emphasis) !important;
+ color: var(--cod-secondary-text-emphasis) !important;
}
.text-success-emphasis {
- color: var(--bs-success-text-emphasis) !important;
+ color: var(--cod-success-text-emphasis) !important;
}
.text-info-emphasis {
- color: var(--bs-info-text-emphasis) !important;
+ color: var(--cod-info-text-emphasis) !important;
}
.text-warning-emphasis {
- color: var(--bs-warning-text-emphasis) !important;
+ color: var(--cod-warning-text-emphasis) !important;
}
.text-danger-emphasis {
- color: var(--bs-danger-text-emphasis) !important;
+ color: var(--cod-danger-text-emphasis) !important;
}
.text-light-emphasis {
- color: var(--bs-light-text-emphasis) !important;
+ color: var(--cod-light-text-emphasis) !important;
}
.text-dark-emphasis {
- color: var(--bs-dark-text-emphasis) !important;
+ color: var(--cod-dark-text-emphasis) !important;
}
.link-opacity-10 {
- --bs-link-opacity: 0.1;
+ --cod-link-opacity: 0.1;
}
.link-opacity-10-hover:hover {
- --bs-link-opacity: 0.1;
+ --cod-link-opacity: 0.1;
}
.link-opacity-25 {
- --bs-link-opacity: 0.25;
+ --cod-link-opacity: 0.25;
}
.link-opacity-25-hover:hover {
- --bs-link-opacity: 0.25;
+ --cod-link-opacity: 0.25;
}
.link-opacity-50 {
- --bs-link-opacity: 0.5;
+ --cod-link-opacity: 0.5;
}
.link-opacity-50-hover:hover {
- --bs-link-opacity: 0.5;
+ --cod-link-opacity: 0.5;
}
.link-opacity-75 {
- --bs-link-opacity: 0.75;
+ --cod-link-opacity: 0.75;
}
.link-opacity-75-hover:hover {
- --bs-link-opacity: 0.75;
+ --cod-link-opacity: 0.75;
}
.link-opacity-100 {
- --bs-link-opacity: 1;
+ --cod-link-opacity: 1;
}
.link-opacity-100-hover:hover {
- --bs-link-opacity: 1;
+ --cod-link-opacity: 1;
}
.link-offset-1 {
@@ -8906,302 +8940,314 @@ fieldset:disabled .btn {
}
.link-underline-primary {
- --bs-link-underline-opacity: 1;
+ --cod-link-underline-opacity: 1;
text-decoration-color: rgba(
- var(--bs-primary-rgb),
- var(--bs-link-underline-opacity)
+ var(--cod-primary-rgb),
+ var(--cod-link-underline-opacity)
) !important;
}
.link-underline-secondary {
- --bs-link-underline-opacity: 1;
+ --cod-link-underline-opacity: 1;
text-decoration-color: rgba(
- var(--bs-secondary-rgb),
- var(--bs-link-underline-opacity)
+ var(--cod-secondary-rgb),
+ var(--cod-link-underline-opacity)
) !important;
}
.link-underline-success {
- --bs-link-underline-opacity: 1;
+ --cod-link-underline-opacity: 1;
text-decoration-color: rgba(
- var(--bs-success-rgb),
- var(--bs-link-underline-opacity)
+ var(--cod-success-rgb),
+ var(--cod-link-underline-opacity)
) !important;
}
.link-underline-info {
- --bs-link-underline-opacity: 1;
+ --cod-link-underline-opacity: 1;
text-decoration-color: rgba(
- var(--bs-info-rgb),
- var(--bs-link-underline-opacity)
+ var(--cod-info-rgb),
+ var(--cod-link-underline-opacity)
) !important;
}
.link-underline-warning {
- --bs-link-underline-opacity: 1;
+ --cod-link-underline-opacity: 1;
text-decoration-color: rgba(
- var(--bs-warning-rgb),
- var(--bs-link-underline-opacity)
+ var(--cod-warning-rgb),
+ var(--cod-link-underline-opacity)
) !important;
}
.link-underline-danger {
- --bs-link-underline-opacity: 1;
+ --cod-link-underline-opacity: 1;
text-decoration-color: rgba(
- var(--bs-danger-rgb),
- var(--bs-link-underline-opacity)
+ var(--cod-danger-rgb),
+ var(--cod-link-underline-opacity)
) !important;
}
.link-underline-light {
- --bs-link-underline-opacity: 1;
+ --cod-link-underline-opacity: 1;
text-decoration-color: rgba(
- var(--bs-light-rgb),
- var(--bs-link-underline-opacity)
+ var(--cod-light-rgb),
+ var(--cod-link-underline-opacity)
) !important;
}
.link-underline-dark {
- --bs-link-underline-opacity: 1;
+ --cod-link-underline-opacity: 1;
text-decoration-color: rgba(
- var(--bs-dark-rgb),
- var(--bs-link-underline-opacity)
+ var(--cod-dark-rgb),
+ var(--cod-link-underline-opacity)
) !important;
}
.link-underline-accent-primary {
- --bs-link-underline-opacity: 1;
+ --cod-link-underline-opacity: 1;
text-decoration-color: rgba(
- var(--bs-accent-primary-rgb),
- var(--bs-link-underline-opacity)
+ var(--cod-accent-primary-rgb),
+ var(--cod-link-underline-opacity)
) !important;
}
.link-underline-accent-secondary {
- --bs-link-underline-opacity: 1;
+ --cod-link-underline-opacity: 1;
text-decoration-color: rgba(
- var(--bs-accent-secondary-rgb),
- var(--bs-link-underline-opacity)
+ var(--cod-accent-secondary-rgb),
+ var(--cod-link-underline-opacity)
) !important;
}
.link-underline {
- --bs-link-underline-opacity: 1;
+ --cod-link-underline-opacity: 1;
text-decoration-color: rgba(
- var(--bs-link-color-rgb),
- var(--bs-link-underline-opacity, 1)
+ var(--cod-link-color-rgb),
+ var(--cod-link-underline-opacity, 1)
) !important;
}
.link-underline-opacity-0 {
- --bs-link-underline-opacity: 0;
+ --cod-link-underline-opacity: 0;
}
.link-underline-opacity-0-hover:hover {
- --bs-link-underline-opacity: 0;
+ --cod-link-underline-opacity: 0;
}
.link-underline-opacity-10 {
- --bs-link-underline-opacity: 0.1;
+ --cod-link-underline-opacity: 0.1;
}
.link-underline-opacity-10-hover:hover {
- --bs-link-underline-opacity: 0.1;
+ --cod-link-underline-opacity: 0.1;
}
.link-underline-opacity-25 {
- --bs-link-underline-opacity: 0.25;
+ --cod-link-underline-opacity: 0.25;
}
.link-underline-opacity-25-hover:hover {
- --bs-link-underline-opacity: 0.25;
+ --cod-link-underline-opacity: 0.25;
}
.link-underline-opacity-50 {
- --bs-link-underline-opacity: 0.5;
+ --cod-link-underline-opacity: 0.5;
}
.link-underline-opacity-50-hover:hover {
- --bs-link-underline-opacity: 0.5;
+ --cod-link-underline-opacity: 0.5;
}
.link-underline-opacity-75 {
- --bs-link-underline-opacity: 0.75;
+ --cod-link-underline-opacity: 0.75;
}
.link-underline-opacity-75-hover:hover {
- --bs-link-underline-opacity: 0.75;
+ --cod-link-underline-opacity: 0.75;
}
.link-underline-opacity-100 {
- --bs-link-underline-opacity: 1;
+ --cod-link-underline-opacity: 1;
}
.link-underline-opacity-100-hover:hover {
- --bs-link-underline-opacity: 1;
+ --cod-link-underline-opacity: 1;
}
.bg-primary {
- --bs-bg-opacity: 1;
+ --cod-bg-opacity: 1;
background-color: rgba(
- var(--bs-primary-rgb),
- var(--bs-bg-opacity)
+ var(--cod-primary-rgb),
+ var(--cod-bg-opacity)
) !important;
}
.bg-secondary {
- --bs-bg-opacity: 1;
+ --cod-bg-opacity: 1;
background-color: rgba(
- var(--bs-secondary-rgb),
- var(--bs-bg-opacity)
+ var(--cod-secondary-rgb),
+ var(--cod-bg-opacity)
) !important;
}
.bg-success {
- --bs-bg-opacity: 1;
+ --cod-bg-opacity: 1;
background-color: rgba(
- var(--bs-success-rgb),
- var(--bs-bg-opacity)
+ var(--cod-success-rgb),
+ var(--cod-bg-opacity)
) !important;
}
.bg-info {
- --bs-bg-opacity: 1;
- background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
+ --cod-bg-opacity: 1;
+ background-color: rgba(var(--cod-info-rgb), var(--cod-bg-opacity)) !important;
}
.bg-warning {
- --bs-bg-opacity: 1;
+ --cod-bg-opacity: 1;
background-color: rgba(
- var(--bs-warning-rgb),
- var(--bs-bg-opacity)
+ var(--cod-warning-rgb),
+ var(--cod-bg-opacity)
) !important;
}
.bg-danger {
- --bs-bg-opacity: 1;
- background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
+ --cod-bg-opacity: 1;
+ background-color: rgba(
+ var(--cod-danger-rgb),
+ var(--cod-bg-opacity)
+ ) !important;
}
.bg-light {
- --bs-bg-opacity: 1;
- background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
+ --cod-bg-opacity: 1;
+ background-color: rgba(
+ var(--cod-light-rgb),
+ var(--cod-bg-opacity)
+ ) !important;
}
.bg-dark {
- --bs-bg-opacity: 1;
- background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
+ --cod-bg-opacity: 1;
+ background-color: rgba(var(--cod-dark-rgb), var(--cod-bg-opacity)) !important;
}
.bg-accent-primary {
- --bs-bg-opacity: 1;
+ --cod-bg-opacity: 1;
background-color: rgba(
- var(--bs-accent-primary-rgb),
- var(--bs-bg-opacity)
+ var(--cod-accent-primary-rgb),
+ var(--cod-bg-opacity)
) !important;
}
.bg-accent-secondary {
- --bs-bg-opacity: 1;
+ --cod-bg-opacity: 1;
background-color: rgba(
- var(--bs-accent-secondary-rgb),
- var(--bs-bg-opacity)
+ var(--cod-accent-secondary-rgb),
+ var(--cod-bg-opacity)
) !important;
}
.bg-black {
- --bs-bg-opacity: 1;
- background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
+ --cod-bg-opacity: 1;
+ background-color: rgba(
+ var(--cod-black-rgb),
+ var(--cod-bg-opacity)
+ ) !important;
}
.bg-white {
- --bs-bg-opacity: 1;
- background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
+ --cod-bg-opacity: 1;
+ background-color: rgba(
+ var(--cod-white-rgb),
+ var(--cod-bg-opacity)
+ ) !important;
}
.bg-body {
- --bs-bg-opacity: 1;
+ --cod-bg-opacity: 1;
background-color: rgba(
- var(--bs-body-bg-rgb),
- var(--bs-bg-opacity)
+ var(--cod-body-bg-rgb),
+ var(--cod-bg-opacity)
) !important;
}
.bg-transparent {
- --bs-bg-opacity: 1;
+ --cod-bg-opacity: 1;
background-color: transparent !important;
}
.bg-body-secondary {
- --bs-bg-opacity: 1;
+ --cod-bg-opacity: 1;
background-color: rgba(
- var(--bs-secondary-bg-rgb),
- var(--bs-bg-opacity)
+ var(--cod-secondary-bg-rgb),
+ var(--cod-bg-opacity)
) !important;
}
.bg-body-tertiary {
- --bs-bg-opacity: 1;
+ --cod-bg-opacity: 1;
background-color: rgba(
- var(--bs-tertiary-bg-rgb),
- var(--bs-bg-opacity)
+ var(--cod-tertiary-bg-rgb),
+ var(--cod-bg-opacity)
) !important;
}
.bg-opacity-10 {
- --bs-bg-opacity: 0.1;
+ --cod-bg-opacity: 0.1;
}
.bg-opacity-25 {
- --bs-bg-opacity: 0.25;
+ --cod-bg-opacity: 0.25;
}
.bg-opacity-50 {
- --bs-bg-opacity: 0.5;
+ --cod-bg-opacity: 0.5;
}
.bg-opacity-75 {
- --bs-bg-opacity: 0.75;
+ --cod-bg-opacity: 0.75;
}
.bg-opacity-100 {
- --bs-bg-opacity: 1;
+ --cod-bg-opacity: 1;
}
.bg-primary-subtle {
- background-color: var(--bs-primary-bg-subtle) !important;
+ background-color: var(--cod-primary-bg-subtle) !important;
}
.bg-secondary-subtle {
- background-color: var(--bs-secondary-bg-subtle) !important;
+ background-color: var(--cod-secondary-bg-subtle) !important;
}
.bg-success-subtle {
- background-color: var(--bs-success-bg-subtle) !important;
+ background-color: var(--cod-success-bg-subtle) !important;
}
.bg-info-subtle {
- background-color: var(--bs-info-bg-subtle) !important;
+ background-color: var(--cod-info-bg-subtle) !important;
}
.bg-warning-subtle {
- background-color: var(--bs-warning-bg-subtle) !important;
+ background-color: var(--cod-warning-bg-subtle) !important;
}
.bg-danger-subtle {
- background-color: var(--bs-danger-bg-subtle) !important;
+ background-color: var(--cod-danger-bg-subtle) !important;
}
.bg-light-subtle {
- background-color: var(--bs-light-bg-subtle) !important;
+ background-color: var(--cod-light-bg-subtle) !important;
}
.bg-dark-subtle {
- background-color: var(--bs-dark-bg-subtle) !important;
+ background-color: var(--cod-dark-bg-subtle) !important;
}
.bg-gradient {
- background-image: var(--bs-gradient) !important;
+ background-image: var(--cod-gradient) !important;
}
.user-select-all {
@@ -9225,7 +9271,7 @@ fieldset:disabled .btn {
}
.rounded {
- border-radius: var(--bs-border-radius) !important;
+ border-radius: var(--cod-border-radius) !important;
}
.rounded-0 {
@@ -9233,23 +9279,23 @@ fieldset:disabled .btn {
}
.rounded-1 {
- border-radius: var(--bs-border-radius-sm) !important;
+ border-radius: var(--cod-border-radius-sm) !important;
}
.rounded-2 {
- border-radius: var(--bs-border-radius) !important;
+ border-radius: var(--cod-border-radius) !important;
}
.rounded-3 {
- border-radius: var(--bs-border-radius-lg) !important;
+ border-radius: var(--cod-border-radius-lg) !important;
}
.rounded-4 {
- border-radius: var(--bs-border-radius-xl) !important;
+ border-radius: var(--cod-border-radius-xl) !important;
}
.rounded-5 {
- border-radius: var(--bs-border-radius-xxl) !important;
+ border-radius: var(--cod-border-radius-xxl) !important;
}
.rounded-circle {
@@ -9257,12 +9303,12 @@ fieldset:disabled .btn {
}
.rounded-pill {
- border-radius: var(--bs-border-radius-pill) !important;
+ border-radius: var(--cod-border-radius-pill) !important;
}
.rounded-top {
- border-top-left-radius: var(--bs-border-radius) !important;
- border-top-right-radius: var(--bs-border-radius) !important;
+ border-top-left-radius: var(--cod-border-radius) !important;
+ border-top-right-radius: var(--cod-border-radius) !important;
}
.rounded-top-0 {
@@ -9271,28 +9317,28 @@ fieldset:disabled .btn {
}
.rounded-top-1 {
- border-top-left-radius: var(--bs-border-radius-sm) !important;
- border-top-right-radius: var(--bs-border-radius-sm) !important;
+ border-top-left-radius: var(--cod-border-radius-sm) !important;
+ border-top-right-radius: var(--cod-border-radius-sm) !important;
}
.rounded-top-2 {
- border-top-left-radius: var(--bs-border-radius) !important;
- border-top-right-radius: var(--bs-border-radius) !important;
+ border-top-left-radius: var(--cod-border-radius) !important;
+ border-top-right-radius: var(--cod-border-radius) !important;
}
.rounded-top-3 {
- border-top-left-radius: var(--bs-border-radius-lg) !important;
- border-top-right-radius: var(--bs-border-radius-lg) !important;
+ border-top-left-radius: var(--cod-border-radius-lg) !important;
+ border-top-right-radius: var(--cod-border-radius-lg) !important;
}
.rounded-top-4 {
- border-top-left-radius: var(--bs-border-radius-xl) !important;
- border-top-right-radius: var(--bs-border-radius-xl) !important;
+ border-top-left-radius: var(--cod-border-radius-xl) !important;
+ border-top-right-radius: var(--cod-border-radius-xl) !important;
}
.rounded-top-5 {
- border-top-left-radius: var(--bs-border-radius-xxl) !important;
- border-top-right-radius: var(--bs-border-radius-xxl) !important;
+ border-top-left-radius: var(--cod-border-radius-xxl) !important;
+ border-top-right-radius: var(--cod-border-radius-xxl) !important;
}
.rounded-top-circle {
@@ -9301,13 +9347,13 @@ fieldset:disabled .btn {
}
.rounded-top-pill {
- border-top-left-radius: var(--bs-border-radius-pill) !important;
- border-top-right-radius: var(--bs-border-radius-pill) !important;
+ border-top-left-radius: var(--cod-border-radius-pill) !important;
+ border-top-right-radius: var(--cod-border-radius-pill) !important;
}
.rounded-end {
- border-top-right-radius: var(--bs-border-radius) !important;
- border-bottom-right-radius: var(--bs-border-radius) !important;
+ border-top-right-radius: var(--cod-border-radius) !important;
+ border-bottom-right-radius: var(--cod-border-radius) !important;
}
.rounded-end-0 {
@@ -9316,28 +9362,28 @@ fieldset:disabled .btn {
}
.rounded-end-1 {
- border-top-right-radius: var(--bs-border-radius-sm) !important;
- border-bottom-right-radius: var(--bs-border-radius-sm) !important;
+ border-top-right-radius: var(--cod-border-radius-sm) !important;
+ border-bottom-right-radius: var(--cod-border-radius-sm) !important;
}
.rounded-end-2 {
- border-top-right-radius: var(--bs-border-radius) !important;
- border-bottom-right-radius: var(--bs-border-radius) !important;
+ border-top-right-radius: var(--cod-border-radius) !important;
+ border-bottom-right-radius: var(--cod-border-radius) !important;
}
.rounded-end-3 {
- border-top-right-radius: var(--bs-border-radius-lg) !important;
- border-bottom-right-radius: var(--bs-border-radius-lg) !important;
+ border-top-right-radius: var(--cod-border-radius-lg) !important;
+ border-bottom-right-radius: var(--cod-border-radius-lg) !important;
}
.rounded-end-4 {
- border-top-right-radius: var(--bs-border-radius-xl) !important;
- border-bottom-right-radius: var(--bs-border-radius-xl) !important;
+ border-top-right-radius: var(--cod-border-radius-xl) !important;
+ border-bottom-right-radius: var(--cod-border-radius-xl) !important;
}
.rounded-end-5 {
- border-top-right-radius: var(--bs-border-radius-xxl) !important;
- border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
+ border-top-right-radius: var(--cod-border-radius-xxl) !important;
+ border-bottom-right-radius: var(--cod-border-radius-xxl) !important;
}
.rounded-end-circle {
@@ -9346,13 +9392,13 @@ fieldset:disabled .btn {
}
.rounded-end-pill {
- border-top-right-radius: var(--bs-border-radius-pill) !important;
- border-bottom-right-radius: var(--bs-border-radius-pill) !important;
+ border-top-right-radius: var(--cod-border-radius-pill) !important;
+ border-bottom-right-radius: var(--cod-border-radius-pill) !important;
}
.rounded-bottom {
- border-bottom-right-radius: var(--bs-border-radius) !important;
- border-bottom-left-radius: var(--bs-border-radius) !important;
+ border-bottom-right-radius: var(--cod-border-radius) !important;
+ border-bottom-left-radius: var(--cod-border-radius) !important;
}
.rounded-bottom-0 {
@@ -9361,28 +9407,28 @@ fieldset:disabled .btn {
}
.rounded-bottom-1 {
- border-bottom-right-radius: var(--bs-border-radius-sm) !important;
- border-bottom-left-radius: var(--bs-border-radius-sm) !important;
+ border-bottom-right-radius: var(--cod-border-radius-sm) !important;
+ border-bottom-left-radius: var(--cod-border-radius-sm) !important;
}
.rounded-bottom-2 {
- border-bottom-right-radius: var(--bs-border-radius) !important;
- border-bottom-left-radius: var(--bs-border-radius) !important;
+ border-bottom-right-radius: var(--cod-border-radius) !important;
+ border-bottom-left-radius: var(--cod-border-radius) !important;
}
.rounded-bottom-3 {
- border-bottom-right-radius: var(--bs-border-radius-lg) !important;
- border-bottom-left-radius: var(--bs-border-radius-lg) !important;
+ border-bottom-right-radius: var(--cod-border-radius-lg) !important;
+ border-bottom-left-radius: var(--cod-border-radius-lg) !important;
}
.rounded-bottom-4 {
- border-bottom-right-radius: var(--bs-border-radius-xl) !important;
- border-bottom-left-radius: var(--bs-border-radius-xl) !important;
+ border-bottom-right-radius: var(--cod-border-radius-xl) !important;
+ border-bottom-left-radius: var(--cod-border-radius-xl) !important;
}
.rounded-bottom-5 {
- border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
- border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
+ border-bottom-right-radius: var(--cod-border-radius-xxl) !important;
+ border-bottom-left-radius: var(--cod-border-radius-xxl) !important;
}
.rounded-bottom-circle {
@@ -9391,13 +9437,13 @@ fieldset:disabled .btn {
}
.rounded-bottom-pill {
- border-bottom-right-radius: var(--bs-border-radius-pill) !important;
- border-bottom-left-radius: var(--bs-border-radius-pill) !important;
+ border-bottom-right-radius: var(--cod-border-radius-pill) !important;
+ border-bottom-left-radius: var(--cod-border-radius-pill) !important;
}
.rounded-start {
- border-bottom-left-radius: var(--bs-border-radius) !important;
- border-top-left-radius: var(--bs-border-radius) !important;
+ border-bottom-left-radius: var(--cod-border-radius) !important;
+ border-top-left-radius: var(--cod-border-radius) !important;
}
.rounded-start-0 {
@@ -9406,28 +9452,28 @@ fieldset:disabled .btn {
}
.rounded-start-1 {
- border-bottom-left-radius: var(--bs-border-radius-sm) !important;
- border-top-left-radius: var(--bs-border-radius-sm) !important;
+ border-bottom-left-radius: var(--cod-border-radius-sm) !important;
+ border-top-left-radius: var(--cod-border-radius-sm) !important;
}
.rounded-start-2 {
- border-bottom-left-radius: var(--bs-border-radius) !important;
- border-top-left-radius: var(--bs-border-radius) !important;
+ border-bottom-left-radius: var(--cod-border-radius) !important;
+ border-top-left-radius: var(--cod-border-radius) !important;
}
.rounded-start-3 {
- border-bottom-left-radius: var(--bs-border-radius-lg) !important;
- border-top-left-radius: var(--bs-border-radius-lg) !important;
+ border-bottom-left-radius: var(--cod-border-radius-lg) !important;
+ border-top-left-radius: var(--cod-border-radius-lg) !important;
}
.rounded-start-4 {
- border-bottom-left-radius: var(--bs-border-radius-xl) !important;
- border-top-left-radius: var(--bs-border-radius-xl) !important;
+ border-bottom-left-radius: var(--cod-border-radius-xl) !important;
+ border-top-left-radius: var(--cod-border-radius-xl) !important;
}
.rounded-start-5 {
- border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
- border-top-left-radius: var(--bs-border-radius-xxl) !important;
+ border-bottom-left-radius: var(--cod-border-radius-xxl) !important;
+ border-top-left-radius: var(--cod-border-radius-xxl) !important;
}
.rounded-start-circle {
@@ -9436,8 +9482,8 @@ fieldset:disabled .btn {
}
.rounded-start-pill {
- border-bottom-left-radius: var(--bs-border-radius-pill) !important;
- border-top-left-radius: var(--bs-border-radius-pill) !important;
+ border-bottom-left-radius: var(--cod-border-radius-pill) !important;
+ border-top-left-radius: var(--cod-border-radius-pill) !important;
}
.visible {
@@ -9469,142 +9515,154 @@ fieldset:disabled .btn {
}
.li-bg-primary {
- --bs-bg-opacity: 1;
+ --cod-bg-opacity: 1;
background-color: rgba(
- var(--bs-primary-rgb),
- var(--bs-bg-opacity)
+ var(--cod-primary-rgb),
+ var(--cod-bg-opacity)
) !important;
}
.li-bg-secondary {
- --bs-bg-opacity: 1;
+ --cod-bg-opacity: 1;
background-color: rgba(
- var(--bs-secondary-rgb),
- var(--bs-bg-opacity)
+ var(--cod-secondary-rgb),
+ var(--cod-bg-opacity)
) !important;
}
.li-bg-success {
- --bs-bg-opacity: 1;
+ --cod-bg-opacity: 1;
background-color: rgba(
- var(--bs-success-rgb),
- var(--bs-bg-opacity)
+ var(--cod-success-rgb),
+ var(--cod-bg-opacity)
) !important;
}
.li-bg-info {
- --bs-bg-opacity: 1;
- background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
+ --cod-bg-opacity: 1;
+ background-color: rgba(var(--cod-info-rgb), var(--cod-bg-opacity)) !important;
}
.li-bg-warning {
- --bs-bg-opacity: 1;
+ --cod-bg-opacity: 1;
background-color: rgba(
- var(--bs-warning-rgb),
- var(--bs-bg-opacity)
+ var(--cod-warning-rgb),
+ var(--cod-bg-opacity)
) !important;
}
.li-bg-danger {
- --bs-bg-opacity: 1;
- background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
+ --cod-bg-opacity: 1;
+ background-color: rgba(
+ var(--cod-danger-rgb),
+ var(--cod-bg-opacity)
+ ) !important;
}
.li-bg-light {
- --bs-bg-opacity: 1;
- background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
+ --cod-bg-opacity: 1;
+ background-color: rgba(
+ var(--cod-light-rgb),
+ var(--cod-bg-opacity)
+ ) !important;
}
.li-bg-dark {
- --bs-bg-opacity: 1;
- background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
+ --cod-bg-opacity: 1;
+ background-color: rgba(var(--cod-dark-rgb), var(--cod-bg-opacity)) !important;
}
.li-bg-accent-primary {
- --bs-bg-opacity: 1;
+ --cod-bg-opacity: 1;
background-color: rgba(
- var(--bs-accent-primary-rgb),
- var(--bs-bg-opacity)
+ var(--cod-accent-primary-rgb),
+ var(--cod-bg-opacity)
) !important;
}
.li-bg-accent-secondary {
- --bs-bg-opacity: 1;
+ --cod-bg-opacity: 1;
background-color: rgba(
- var(--bs-accent-secondary-rgb),
- var(--bs-bg-opacity)
+ var(--cod-accent-secondary-rgb),
+ var(--cod-bg-opacity)
) !important;
}
.li-bg-black {
- --bs-bg-opacity: 1;
- background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
+ --cod-bg-opacity: 1;
+ background-color: rgba(
+ var(--cod-black-rgb),
+ var(--cod-bg-opacity)
+ ) !important;
}
.li-bg-white {
- --bs-bg-opacity: 1;
- background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
+ --cod-bg-opacity: 1;
+ background-color: rgba(
+ var(--cod-white-rgb),
+ var(--cod-bg-opacity)
+ ) !important;
}
.li-bg-body {
- --bs-bg-opacity: 1;
+ --cod-bg-opacity: 1;
background-color: rgba(
- var(--bs-body-bg-rgb),
- var(--bs-bg-opacity)
+ var(--cod-body-bg-rgb),
+ var(--cod-bg-opacity)
) !important;
}
.li-bg-transparent {
- --bs-bg-opacity: 1;
+ --cod-bg-opacity: 1;
background-color: transparent !important;
}
.li-bg-body-secondary {
- --bs-bg-opacity: 1;
+ --cod-bg-opacity: 1;
background-color: rgba(
- var(--bs-secondary-bg-rgb),
- var(--bs-bg-opacity)
+ var(--cod-secondary-bg-rgb),
+ var(--cod-bg-opacity)
) !important;
}
.li-bg-body-tertiary {
- --bs-bg-opacity: 1;
+ --cod-bg-opacity: 1;
background-color: rgba(
- var(--bs-tertiary-bg-rgb),
- var(--bs-bg-opacity)
+ var(--cod-tertiary-bg-rgb),
+ var(--cod-bg-opacity)
) !important;
}
.li-bg-primary-subtle {
- background-color: var(--bs-primary-bg-subtle) !important;
+ background-color: var(--cod-primary-bg-subtle) !important;
}
.li-bg-secondary-subtle {
- background-color: var(--bs-secondary-bg-subtle) !important;
+ background-color: var(--cod-secondary-bg-subtle) !important;
}
.li-bg-success-subtle {
- background-color: var(--bs-success-bg-subtle) !important;
+ background-color: var(--cod-success-bg-subtle) !important;
}
.li-bg-info-subtle {
- background-color: var(--bs-info-bg-subtle) !important;
+ background-color: var(--cod-info-bg-subtle) !important;
}
.li-bg-warning-subtle {
- background-color: var(--bs-warning-bg-subtle) !important;
+ background-color: var(--cod-warning-bg-subtle) !important;
}
.li-bg-danger-subtle {
- background-color: var(--bs-danger-bg-subtle) !important;
+ background-color: var(--cod-danger-bg-subtle) !important;
}
.li-bg-light-subtle {
- background-color: var(--bs-light-bg-subtle) !important;
+ background-color: var(--cod-light-bg-subtle) !important;
}
.li-bg-dark-subtle {
- background-color: var(--bs-dark-bg-subtle) !important;
+ background-color: var(--cod-dark-bg-subtle) !important;
}
@media (min-width: 576px) {
@@ -12359,13 +12417,13 @@ fieldset:disabled .btn {
}
@media (min-width: 1200px) {
.fs-1 {
- font-size: 2.75em !important;
+ font-size: 4em !important;
}
.fs-2 {
- font-size: 2.375em !important;
+ font-size: 2.5em !important;
}
.fs-3 {
- font-size: 1.875em !important;
+ font-size: 2em !important;
}
.fs-4 {
font-size: 1.5em !important;
@@ -12408,251 +12466,247 @@ fieldset:disabled .btn {
}
:host,
[data-bs-theme='light'] {
- --bs-blue: #0d6efd;
- --bs-indigo: #6610f2;
- --bs-purple: #6f42c1;
- --bs-pink: #d63384;
- --bs-red: #dc3545;
- --bs-orange: #fd7e14;
- --bs-yellow: #ffc107;
- --bs-green: #198754;
- --bs-teal: #20c997;
- --bs-cyan: #0dcaf0;
- --bs-black: #000;
- --bs-white: #fff;
- --bs-gray: #6c757d;
- --bs-gray-dark: #343a40;
- --bs-gray-100: #f8f9fa;
- --bs-gray-200: #e9ecef;
- --bs-gray-300: #dee2e6;
- --bs-gray-400: #ced4da;
- --bs-gray-500: #adb5bd;
- --bs-gray-600: #6c757d;
- --bs-gray-700: #495057;
- --bs-gray-800: #343a40;
- --bs-gray-900: #212529;
- --bs-primary: #004445;
- --bs-secondary: #f2f2f2;
- --bs-success: #9fd5b3;
- --bs-info: #004445;
- --bs-warning: #feb70d;
- --bs-danger: #b3393b;
- --bs-light: #fff;
- --bs-dark: #18252a;
- --bs-accent-primary: #feb70d;
- --bs-accent-secondary: #9fd5b3;
- --bs-primary-rgb: 0, 68, 69;
- --bs-secondary-rgb: 242, 242, 242;
- --bs-success-rgb: 159, 213, 179;
- --bs-info-rgb: 0, 68, 69;
- --bs-warning-rgb: 254, 183, 13;
- --bs-danger-rgb: 179, 57, 59;
- --bs-light-rgb: 255, 255, 255;
- --bs-dark-rgb: 24, 37, 42;
- --bs-accent-primary-rgb: 254, 183, 13;
- --bs-accent-secondary-rgb: 159, 213, 179;
- --bs-primary-text-emphasis: #001b1c;
- --bs-secondary-text-emphasis: #616161;
- --bs-success-text-emphasis: #405548;
- --bs-info-text-emphasis: #001b1c;
- --bs-warning-text-emphasis: #664905;
- --bs-danger-text-emphasis: #481718;
- --bs-light-text-emphasis: #495057;
- --bs-dark-text-emphasis: #495057;
- --bs-primary-bg-subtle: #ccdada;
- --bs-secondary-bg-subtle: #fcfcfc;
- --bs-success-bg-subtle: #ecf7f0;
- --bs-info-bg-subtle: #ccdada;
- --bs-warning-bg-subtle: #fff1cf;
- --bs-danger-bg-subtle: #f0d7d8;
- --bs-light-bg-subtle: #fcfcfd;
- --bs-dark-bg-subtle: #ced4da;
- --bs-primary-border-subtle: #99b4b5;
- --bs-secondary-border-subtle: #fafafa;
- --bs-success-border-subtle: #d9eee1;
- --bs-info-border-subtle: #99b4b5;
- --bs-warning-border-subtle: #ffe29e;
- --bs-danger-border-subtle: #e1b0b1;
- --bs-light-border-subtle: #e9ecef;
- --bs-dark-border-subtle: #adb5bd;
- --bs-white-rgb: 255, 255, 255;
- --bs-black-rgb: 0, 0, 0;
- --bs-font-sans-serif: 'Montserrat', sans-serif;
- --bs-font-monospace: 'Montserrat', sans-serif;
- --bs-gradient: linear-gradient(
+ --cod-blue: #0d6efd;
+ --cod-indigo: #6610f2;
+ --cod-purple: #6f42c1;
+ --cod-pink: #d63384;
+ --cod-red: #dc3545;
+ --cod-orange: #fd7e14;
+ --cod-yellow: #ffc107;
+ --cod-green: #198754;
+ --cod-teal: #20c997;
+ --cod-cyan: #0dcaf0;
+ --cod-black: #000;
+ --cod-white: #fff;
+ --cod-gray: #6c757d;
+ --cod-gray-dark: #343a40;
+ --cod-gray-100: #f8f9fa;
+ --cod-gray-200: #e9ecef;
+ --cod-gray-300: #dee2e6;
+ --cod-gray-400: #ced4da;
+ --cod-gray-500: #adb5bd;
+ --cod-gray-600: #6c757d;
+ --cod-gray-700: #495057;
+ --cod-gray-800: #343a40;
+ --cod-gray-900: #212529;
+ --cod-primary: #004445;
+ --cod-secondary: #f2f2f2;
+ --cod-success: #9fd5b3;
+ --cod-info: #004445;
+ --cod-warning: #feb70d;
+ --cod-danger: #b3393b;
+ --cod-light: #fff;
+ --cod-dark: #18252a;
+ --cod-accent-primary: #feb70d;
+ --cod-accent-secondary: #9fd5b3;
+ --cod-primary-rgb: 0, 68, 69;
+ --cod-secondary-rgb: 242, 242, 242;
+ --cod-success-rgb: 159, 213, 179;
+ --cod-info-rgb: 0, 68, 69;
+ --cod-warning-rgb: 254, 183, 13;
+ --cod-danger-rgb: 179, 57, 59;
+ --cod-light-rgb: 255, 255, 255;
+ --cod-dark-rgb: 24, 37, 42;
+ --cod-accent-primary-rgb: 254, 183, 13;
+ --cod-accent-secondary-rgb: 159, 213, 179;
+ --cod-primary-text-emphasis: #001b1c;
+ --cod-secondary-text-emphasis: #616161;
+ --cod-success-text-emphasis: #405548;
+ --cod-info-text-emphasis: #001b1c;
+ --cod-warning-text-emphasis: #664905;
+ --cod-danger-text-emphasis: #481718;
+ --cod-light-text-emphasis: #495057;
+ --cod-dark-text-emphasis: #495057;
+ --cod-primary-bg-subtle: #ccdada;
+ --cod-secondary-bg-subtle: #fcfcfc;
+ --cod-success-bg-subtle: #ecf7f0;
+ --cod-info-bg-subtle: #ccdada;
+ --cod-warning-bg-subtle: #fff1cf;
+ --cod-danger-bg-subtle: #f0d7d8;
+ --cod-light-bg-subtle: #fcfcfd;
+ --cod-dark-bg-subtle: #ced4da;
+ --cod-primary-border-subtle: #99b4b5;
+ --cod-secondary-border-subtle: #fafafa;
+ --cod-success-border-subtle: #d9eee1;
+ --cod-info-border-subtle: #99b4b5;
+ --cod-warning-border-subtle: #ffe29e;
+ --cod-danger-border-subtle: #e1b0b1;
+ --cod-light-border-subtle: #e9ecef;
+ --cod-dark-border-subtle: #adb5bd;
+ --cod-white-rgb: 255, 255, 255;
+ --cod-black-rgb: 0, 0, 0;
+ --cod-font-sans-serif: 'Montserrat', sans-serif;
+ --cod-font-monospace: 'Montserrat', sans-serif;
+ --cod-gradient: linear-gradient(
180deg,
rgba(255, 255, 255, 0.15),
rgba(255, 255, 255, 0)
);
- --bs-body-font-family: var(--bs-font-sans-serif);
- --bs-body-font-size: 1em;
- --bs-body-font-weight: 400;
- --bs-body-line-height: 1.5;
- --bs-body-color: #212529;
- --bs-body-color-rgb: 33, 37, 41;
- --bs-body-bg: #fff;
- --bs-body-bg-rgb: 255, 255, 255;
- --bs-emphasis-color: #000;
- --bs-emphasis-color-rgb: 0, 0, 0;
- --bs-secondary-color: rgba(33, 37, 41, 0.75);
- --bs-secondary-color-rgb: 33, 37, 41;
- --bs-secondary-bg: #e9ecef;
- --bs-secondary-bg-rgb: 233, 236, 239;
- --bs-tertiary-color: rgba(33, 37, 41, 0.5);
- --bs-tertiary-color-rgb: 33, 37, 41;
- --bs-tertiary-bg: #f8f9fa;
- --bs-tertiary-bg-rgb: 248, 249, 250;
- --bs-link-color: #004445;
- --bs-link-color-rgb: 0, 68, 69;
- --bs-link-decoration: underline;
- --bs-link-hover-color: #003637;
- --bs-link-hover-color-rgb: 0, 54, 55;
- --bs-code-color: #d63384;
- --bs-highlight-bg: #fff3cd;
- --bs-border-width: 1px;
- --bs-border-style: solid;
- --bs-border-color: #dee2e6;
- --bs-border-color-translucent: rgba(0, 0, 0, 0.175);
- --bs-border-radius: 0.375em;
- --bs-border-radius-sm: 0.25em;
- --bs-border-radius-lg: 0.5em;
- --bs-border-radius-xl: 1em;
- --bs-border-radius-xxl: 2em;
- --bs-border-radius-2xl: var(--bs-border-radius-xxl);
- --bs-border-radius-pill: 50em;
- --bs-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
- --bs-box-shadow-sm: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);
- --bs-box-shadow-lg: 0 1em 3em rgba(0, 0, 0, 0.175);
- --bs-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
- --bs-focus-ring-width: 0.25em;
- --bs-focus-ring-opacity: 1;
- --bs-focus-ring-color: blue;
- --bs-form-valid-color: #9fd5b3;
- --bs-form-valid-border-color: #9fd5b3;
- --bs-form-invalid-color: #b3393b;
- --bs-form-invalid-border-color: #b3393b;
+ --cod-body-font-family: var(--cod-font-sans-serif);
+ --cod-body-font-size: 1em;
+ --cod-body-font-weight: 500;
+ --cod-body-line-height: 1.5;
+ --cod-body-color: #212529;
+ --cod-body-color-rgb: 33, 37, 41;
+ --cod-body-bg: #fff;
+ --cod-body-bg-rgb: 255, 255, 255;
+ --cod-emphasis-color: #000;
+ --cod-emphasis-color-rgb: 0, 0, 0;
+ --cod-secondary-color: rgba(33, 37, 41, 0.75);
+ --cod-secondary-color-rgb: 33, 37, 41;
+ --cod-secondary-bg: #e9ecef;
+ --cod-secondary-bg-rgb: 233, 236, 239;
+ --cod-tertiary-color: rgba(33, 37, 41, 0.5);
+ --cod-tertiary-color-rgb: 33, 37, 41;
+ --cod-tertiary-bg: #f8f9fa;
+ --cod-tertiary-bg-rgb: 248, 249, 250;
+ --cod-link-color: #004445;
+ --cod-link-color-rgb: 0, 68, 69;
+ --cod-link-decoration: underline;
+ --cod-link-hover-color: #003637;
+ --cod-link-hover-color-rgb: 0, 54, 55;
+ --cod-code-color: #d63384;
+ --cod-highlight-bg: #fff3cd;
+ --cod-border-width: 1px;
+ --cod-border-style: solid;
+ --cod-border-color: #dee2e6;
+ --cod-border-color-translucent: rgba(0, 0, 0, 0.175);
+ --cod-border-radius: 0.375em;
+ --cod-border-radius-sm: 0.25em;
+ --cod-border-radius-lg: 0.5em;
+ --cod-border-radius-xl: 1em;
+ --cod-border-radius-xxl: 2em;
+ --cod-border-radius-2xl: var(--cod-border-radius-xxl);
+ --cod-border-radius-pill: 50em;
+ --cod-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
+ --cod-box-shadow-sm: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);
+ --cod-box-shadow-lg: 0 1em 3em rgba(0, 0, 0, 0.175);
+ --cod-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+ --cod-focus-ring-width: 0.25em;
+ --cod-focus-ring-opacity: 1;
+ --cod-focus-ring-color: blue;
+ --cod-form-valid-color: #9fd5b3;
+ --cod-form-valid-border-color: #9fd5b3;
+ --cod-form-invalid-color: #b3393b;
+ --cod-form-invalid-border-color: #b3393b;
}
[data-bs-theme='dark'] {
color-scheme: dark;
- --bs-body-color: #adb5bd;
- --bs-body-color-rgb: 173, 181, 189;
- --bs-body-bg: #212529;
- --bs-body-bg-rgb: 33, 37, 41;
- --bs-emphasis-color: #fff;
- --bs-emphasis-color-rgb: 255, 255, 255;
- --bs-secondary-color: rgba(173, 181, 189, 0.75);
- --bs-secondary-color-rgb: 173, 181, 189;
- --bs-secondary-bg: #343a40;
- --bs-secondary-bg-rgb: 52, 58, 64;
- --bs-tertiary-color: rgba(173, 181, 189, 0.5);
- --bs-tertiary-color-rgb: 173, 181, 189;
- --bs-tertiary-bg: #2b3035;
- --bs-tertiary-bg-rgb: 43, 48, 53;
- --bs-primary-text-emphasis: #668f8f;
- --bs-secondary-text-emphasis: #f7f7f7;
- --bs-success-text-emphasis: #c5e6d1;
- --bs-info-text-emphasis: #668f8f;
- --bs-warning-text-emphasis: #fed46e;
- --bs-danger-text-emphasis: #d18889;
- --bs-light-text-emphasis: #f8f9fa;
- --bs-dark-text-emphasis: #dee2e6;
- --bs-primary-bg-subtle: #000e0e;
- --bs-secondary-bg-subtle: #303030;
- --bs-success-bg-subtle: #202b24;
- --bs-info-bg-subtle: #000e0e;
- --bs-warning-bg-subtle: #332503;
- --bs-danger-bg-subtle: #240b0c;
- --bs-light-bg-subtle: #343a40;
- --bs-dark-bg-subtle: #1a1d20;
- --bs-primary-border-subtle: #002929;
- --bs-secondary-border-subtle: #919191;
- --bs-success-border-subtle: #5f806b;
- --bs-info-border-subtle: #002929;
- --bs-warning-border-subtle: #986e08;
- --bs-danger-border-subtle: #6b2223;
- --bs-light-border-subtle: #495057;
- --bs-dark-border-subtle: #343a40;
- --bs-link-color: #668f8f;
- --bs-link-hover-color: #85a5a5;
- --bs-link-color-rgb: 102, 143, 143;
- --bs-link-hover-color-rgb: 133, 165, 165;
- --bs-code-color: #e685b5;
- --bs-border-color: #495057;
- --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
- --bs-form-valid-color: #75b798;
- --bs-form-valid-border-color: #75b798;
- --bs-form-invalid-color: #ea868f;
- --bs-form-invalid-border-color: #ea868f;
+ --cod-body-color: #adb5bd;
+ --cod-body-color-rgb: 173, 181, 189;
+ --cod-body-bg: #212529;
+ --cod-body-bg-rgb: 33, 37, 41;
+ --cod-emphasis-color: #fff;
+ --cod-emphasis-color-rgb: 255, 255, 255;
+ --cod-secondary-color: rgba(173, 181, 189, 0.75);
+ --cod-secondary-color-rgb: 173, 181, 189;
+ --cod-secondary-bg: #343a40;
+ --cod-secondary-bg-rgb: 52, 58, 64;
+ --cod-tertiary-color: rgba(173, 181, 189, 0.5);
+ --cod-tertiary-color-rgb: 173, 181, 189;
+ --cod-tertiary-bg: #2b3035;
+ --cod-tertiary-bg-rgb: 43, 48, 53;
+ --cod-primary-text-emphasis: #668f8f;
+ --cod-secondary-text-emphasis: #f7f7f7;
+ --cod-success-text-emphasis: #c5e6d1;
+ --cod-info-text-emphasis: #668f8f;
+ --cod-warning-text-emphasis: #fed46e;
+ --cod-danger-text-emphasis: #d18889;
+ --cod-light-text-emphasis: #f8f9fa;
+ --cod-dark-text-emphasis: #dee2e6;
+ --cod-primary-bg-subtle: #000e0e;
+ --cod-secondary-bg-subtle: #303030;
+ --cod-success-bg-subtle: #202b24;
+ --cod-info-bg-subtle: #000e0e;
+ --cod-warning-bg-subtle: #332503;
+ --cod-danger-bg-subtle: #240b0c;
+ --cod-light-bg-subtle: #343a40;
+ --cod-dark-bg-subtle: #1a1d20;
+ --cod-primary-border-subtle: #002929;
+ --cod-secondary-border-subtle: #919191;
+ --cod-success-border-subtle: #5f806b;
+ --cod-info-border-subtle: #002929;
+ --cod-warning-border-subtle: #986e08;
+ --cod-danger-border-subtle: #6b2223;
+ --cod-light-border-subtle: #495057;
+ --cod-dark-border-subtle: #343a40;
+ --cod-link-color: #668f8f;
+ --cod-link-hover-color: #85a5a5;
+ --cod-link-color-rgb: 102, 143, 143;
+ --cod-link-hover-color-rgb: 133, 165, 165;
+ --cod-code-color: #e685b5;
+ --cod-border-color: #495057;
+ --cod-border-color-translucent: rgba(255, 255, 255, 0.15);
+ --cod-form-valid-color: #75b798;
+ --cod-form-valid-border-color: #75b798;
+ --cod-form-invalid-color: #ea868f;
+ --cod-form-invalid-border-color: #ea868f;
}
h1,
-.h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-.h2,
-.h3,
-.h4,
-.h5,
-.h6 {
- font-weight: 900;
+.h1 {
+ border-left: 0.1em solid #feb70d;
+ padding-left: 0.25em;
+}
+
+.title-line {
+ border-left: none;
+ border-bottom: 0.1em solid #feb70d;
+}
+
+b,
+strong {
+ font-weight: 700;
}
.btn {
- --bs-btn-focus-box-shadow: 0 0 0 0.25em
- rgba(var(--bs-btn-focus-shadow-rgb), 1);
+ --cod-btn-focus-box-shadow: 0 0 0 0.25em
+ rgba(var(--cod-btn-focus-shadow-rgb), 1);
}
.btn:focus-visible {
- --bs-btn-focus-shadow-rgb: 0, 0, 255;
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
}
.btn-primary {
- --bs-btn-focus-shadow-rgb: 0, 0, 255;
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
}
.btn-secondary {
- --bs-btn-focus-shadow-rgb: 0, 0, 255;
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
}
.btn-success {
- --bs-btn-focus-shadow-rgb: 0, 0, 255;
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
}
.btn-info {
- --bs-btn-focus-shadow-rgb: 0, 0, 255;
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
}
.btn-warning {
- --bs-btn-focus-shadow-rgb: 0, 0, 255;
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
}
.btn-danger {
- --bs-btn-focus-shadow-rgb: 0, 0, 255;
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
}
.btn-light {
- --bs-btn-focus-shadow-rgb: 0, 0, 255;
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
}
.btn-dark {
- --bs-btn-focus-shadow-rgb: 0, 0, 255;
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
}
.btn-accent-primary {
- --bs-btn-focus-shadow-rgb: 0, 0, 255;
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
}
.btn-accent-secondary {
- --bs-btn-focus-shadow-rgb: 0, 0, 255;
-}
-
-b,
-strong {
- font-weight: 700;
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
}
/*# sourceMappingURL=themed-bootstrap.css.map */
diff --git a/src/shared/themed-bootstrap.css.map b/src/shared/themed-bootstrap.css.map
index 4207dc98..ffbb13a5 100644
--- a/src/shared/themed-bootstrap.css.map
+++ b/src/shared/themed-bootstrap.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["../scss/themed-bootstrap.scss","../../node_modules/bootstrap/scss/mixins/_banner.scss","../../node_modules/bootstrap/scss/_root.scss","../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../node_modules/bootstrap/scss/mixins/_color-mode.scss","../../node_modules/bootstrap/scss/_reboot.scss","../../node_modules/bootstrap/scss/_variables.scss","../../node_modules/bootstrap/scss/_type.scss","../../node_modules/bootstrap/scss/mixins/_lists.scss","../../node_modules/bootstrap/scss/_images.scss","../../node_modules/bootstrap/scss/mixins/_image.scss","../../node_modules/bootstrap/scss/_containers.scss","../../node_modules/bootstrap/scss/mixins/_container.scss","../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","../../node_modules/bootstrap/scss/_grid.scss","../../node_modules/bootstrap/scss/mixins/_grid.scss","../../node_modules/bootstrap/scss/_tables.scss","../../node_modules/bootstrap/scss/mixins/_table-variants.scss","../../node_modules/bootstrap/scss/forms/_labels.scss","../../node_modules/bootstrap/scss/forms/_form-text.scss","../../node_modules/bootstrap/scss/forms/_form-control.scss","../../node_modules/bootstrap/scss/mixins/_border-radius.scss","../../node_modules/bootstrap/scss/mixins/_transition.scss","../../node_modules/bootstrap/scss/mixins/_gradients.scss","../../node_modules/bootstrap/scss/forms/_form-select.scss","../../node_modules/bootstrap/scss/forms/_form-check.scss","../scss/_bootstrap-variables.scss","../../node_modules/bootstrap/scss/forms/_form-range.scss","../../node_modules/bootstrap/scss/forms/_floating-labels.scss","../../node_modules/bootstrap/scss/forms/_input-group.scss","../../node_modules/bootstrap/scss/mixins/_forms.scss","../../node_modules/bootstrap/scss/_buttons.scss","../../node_modules/bootstrap/scss/mixins/_buttons.scss","../../node_modules/bootstrap/scss/_transitions.scss","../../node_modules/bootstrap/scss/_dropdown.scss","../../node_modules/bootstrap/scss/mixins/_caret.scss","../../node_modules/bootstrap/scss/_button-group.scss","../../node_modules/bootstrap/scss/_nav.scss","../../node_modules/bootstrap/scss/_navbar.scss","../../node_modules/bootstrap/scss/_card.scss","../../node_modules/bootstrap/scss/_accordion.scss","../../node_modules/bootstrap/scss/_breadcrumb.scss","../../node_modules/bootstrap/scss/_pagination.scss","../../node_modules/bootstrap/scss/mixins/_pagination.scss","../../node_modules/bootstrap/scss/_badge.scss","../../node_modules/bootstrap/scss/_alert.scss","../../node_modules/bootstrap/scss/_progress.scss","../../node_modules/bootstrap/scss/_list-group.scss","../../node_modules/bootstrap/scss/_close.scss","../../node_modules/bootstrap/scss/_toasts.scss","../../node_modules/bootstrap/scss/_modal.scss","../../node_modules/bootstrap/scss/mixins/_backdrop.scss","../../node_modules/bootstrap/scss/_tooltip.scss","../../node_modules/bootstrap/scss/mixins/_reset-text.scss","../../node_modules/bootstrap/scss/_popover.scss","../../node_modules/bootstrap/scss/_carousel.scss","../../node_modules/bootstrap/scss/mixins/_clearfix.scss","../../node_modules/bootstrap/scss/_spinners.scss","../../node_modules/bootstrap/scss/_offcanvas.scss","../../node_modules/bootstrap/scss/_placeholders.scss","../../node_modules/bootstrap/scss/helpers/_color-bg.scss","../../node_modules/bootstrap/scss/helpers/_colored-links.scss","../../node_modules/bootstrap/scss/helpers/_focus-ring.scss","../../node_modules/bootstrap/scss/helpers/_icon-link.scss","../../node_modules/bootstrap/scss/helpers/_ratio.scss","../../node_modules/bootstrap/scss/helpers/_position.scss","../../node_modules/bootstrap/scss/helpers/_stacks.scss","../../node_modules/bootstrap/scss/helpers/_visually-hidden.scss","../../node_modules/bootstrap/scss/mixins/_visually-hidden.scss","../../node_modules/bootstrap/scss/helpers/_stretched-link.scss","../../node_modules/bootstrap/scss/helpers/_text-truncation.scss","../../node_modules/bootstrap/scss/mixins/_text-truncate.scss","../../node_modules/bootstrap/scss/helpers/_vr.scss","../../node_modules/bootstrap/scss/mixins/_utilities.scss","../../node_modules/bootstrap/scss/utilities/_api.scss","../scss/_host.scss","../scss/_detroitmi-style-guide.scss"],"names":[],"mappings":";AAkBA;AAAA;AAAA;AAAA;AAAA;ACjBE;AAAA;AAAA;AAAA;AAAA;ADoEM;AErER;AAAA;EASI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGF;EACA;EAMA;EACA;EACA;EAOA;EC2OI,qBALI;EDpOR;EACA;EAKA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAOA;EACA;EACA;EAEA;EACA;EAMA;EACA;EAGA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EAIA;EACA;EACA;EAIA;EACA;EACA;EACA;;;AEjHE;EFuHA;EAGA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAGE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAOF;EACA;EACA;EACA;EAEA;EAEA;EACA;EAEA;EACA;EACA;EACA;;;AGzKJ;AAAA;AAAA;EAGE;;;AAeE;EANJ;IAOM;;;;AAcN;EACE;EACA;EF6OI,WALI;EEtOR;EACA;EACA;EACA;EACA;EACA;EACA;;;AASF;EACE;EACA,OCmnB4B;EDlnB5B;EACA;EACA,SCynB4B;;;AD/mB9B;EACE;EACA,eCwjB4B;EDrjB5B,aCwjB4B;EDvjB5B,aCwjB4B;EDvjB5B;;;AAGF;EFuMQ;;AA5JJ;EE3CJ;IF8MQ;;;;AEzMR;EFkMQ;;AA5JJ;EEtCJ;IFyMQ;;;;AEpMR;EF6LQ;;AA5JJ;EEjCJ;IFoMQ;;;;AE/LR;EFwLQ;;AA5JJ;EE5BJ;IF+LQ;;;;AE1LR;EF+KM,WALI;;;AErKV;EF0KM,WALI;;;AE1JV;EACE;EACA,eCwV0B;;;AD9U5B;EACE;EACA;EACA;;;AAMF;EACE;EACA;EACA;;;AAMF;AAAA;EAEE;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE,aC6b4B;;;ADxb9B;EACE;EACA;;;AAMF;EACE;;;AAQF;AAAA;EAEE,aCsa4B;;;AD9Z9B;EF6EM,WALI;;;AEjEV;EACE,SCif4B;EDhf5B;;;AASF;AAAA;EAEE;EFyDI,WALI;EElDR;EACA;;;AAGF;EAAM;;;AACN;EAAM;;;AAKN;EACE;EACA,iBCiNwC;;AD/MxC;EACE;;;AAWF;EAEE;EACA;;;AAOJ;AAAA;AAAA;AAAA;EAIE,aCiV4B;EHlUxB,WALI;;;AEFV;EACE;EACA;EACA;EACA;EFGI,WALI;;AEOR;EFFI,WALI;EESN;EACA;;;AAIJ;EFTM,WALI;EEgBR;EACA;;AAGA;EACE;;;AAIJ;EACE;EFrBI,WALI;EE4BR,OCo5CkC;EDn5ClC,kBCo5CkC;;ADj5ClC;EACE;EF5BE,WALI;;;AE4CV;EACE;;;AAMF;AAAA;EAEE;;;AAQF;EACE;EACA;;;AAGF;EACE,aCwX4B;EDvX5B,gBCuX4B;EDtX5B,OCwZ4B;EDvZ5B;;;AAOF;EAEE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;;;AAQF;EACE;;;AAMF;EAEE;;;AAQF;EACE;;;AAKF;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;EF3HI,WALI;EEkIR;;;AAIF;AAAA;EAEE;;;AAKF;EACE;;;AAGF;EAGE;;AAGA;EACE;;;AAOJ;EACE;;;AAQF;AAAA;AAAA;AAAA;EAIE;;AAGE;AAAA;AAAA;AAAA;EACE;;;AAON;EACE;EACA;;;AAKF;EACE;;;AAUF;EACE;EACA;EACA;EACA;;;AAQF;EACE;EACA;EACA;EACA,eCgN4B;EHhatB;EEmNN;;AF/WE;EEwWJ;IFrMQ;;;AE8MN;EACE;;;AAOJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;;;AAGF;EACE;;;AASF;EACE;EACA;;;AAQF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA;EACE;;;AAKF;EACE;;;AAOF;EACE;EACA;;;AAKF;EACE;;;AAKF;EACE;;;AAOF;EACE;EACA;;;AAQF;EACE;;;AAQF;EACE;;;AEpkBF;EJmQM,WALI;EI5PR,aDwoB4B;;;ACnoB5B;EJgQM;EI5PJ,aDynBkB;ECxnBlB,aDwmB0B;;AHzgB1B;EIpGF;IJuQM;;;;AIvQN;EJgQM;EI5PJ,aDynBkB;ECxnBlB,aDwmB0B;;AHzgB1B;EIpGF;IJuQM;;;;AIvQN;EJgQM;EI5PJ,aDynBkB;ECxnBlB,aDwmB0B;;AHzgB1B;EIpGF;IJuQM;;;;AIvQN;EJgQM;EI5PJ,aDynBkB;ECxnBlB,aDwmB0B;;AHzgB1B;EIpGF;IJuQM;;;;AIvQN;EJ4PI,WALI;EInPN,aDynBkB;ECxnBlB,aDwmB0B;;;AC7mB5B;EJ4PI,WALI;EInPN,aDynBkB;ECxnBlB,aDwmB0B;;;ACrlB9B;ECvDE;EACA;;;AD2DF;EC5DE;EACA;;;AD8DF;EACE;;AAEA;EACE,cDkoB0B;;;ACxnB9B;EJ8MM,WALI;EIvMR;;;AAIF;EACE,eDiUO;EH1HH,WALI;;AI/LR;EACE;;;AAIJ;EACE;EACA,eDuTO;EH1HH,WALI;EItLR,ODtFS;;ACwFT;EACE;;;AEhGJ;ECIE;EAGA;;;ADDF;EACE,SHyjDkC;EGxjDlC,kBHyjDkC;EGxjDlC;ECLA;EAGA;;;ADcF;EAEE;;;AAGF;EACE;EACA;;;AAGF;ENyPM,WALI;EMlPR,OH4iDkC;;;AK9kDlC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ECHA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACsDE;EF5CE;IACE,WLkee;;;AOvbnB;EF5CE;IACE,WLkee;;;AOvbnB;EF5CE;IACE,WLkee;;;AOvbnB;EF5CE;IACE,WLkee;;;AOvbnB;EF5CE;IACE,WLkee;;;AQlfvB;EAEI;EAAA;EAAA;EAAA;EAAA;EAAA;;;AAKF;ECNA;EACA;EACA;EACA;EAEA;EACA;EACA;;ADEE;ECOF;EACA;EACA;EACA;EACA;EACA;;;AA+CI;EACE;;;AAGF;EApCJ;EACA;;;AAcA;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AA+BE;EAhDJ;EACA;;;AAqDQ;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AAuEQ;EAxDV;;;AAwDU;EAxDV;;;AAwDU;EAxDV;;;AAwDU;EAxDV;;;AAwDU;EAxDV;;;AAwDU;EAxDV;;;AAwDU;EAxDV;;;AAwDU;EAxDV;;;AAwDU;EAxDV;;;AAwDU;EAxDV;;;AAwDU;EAxDV;;;AAmEM;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAPF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAPF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAPF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAPF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAPF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AF1DN;EEUE;IACE;;EAGF;IApCJ;IACA;;EAcA;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EA+BE;IAhDJ;IACA;;EAqDQ;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EAuEQ;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAmEM;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;;AF1DN;EEUE;IACE;;EAGF;IApCJ;IACA;;EAcA;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EA+BE;IAhDJ;IACA;;EAqDQ;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EAuEQ;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAmEM;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;;AF1DN;EEUE;IACE;;EAGF;IApCJ;IACA;;EAcA;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EA+BE;IAhDJ;IACA;;EAqDQ;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EAuEQ;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAmEM;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;;AF1DN;EEUE;IACE;;EAGF;IApCJ;IACA;;EAcA;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EA+BE;IAhDJ;IACA;;EAqDQ;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EAuEQ;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAmEM;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;;AF1DN;EEUE;IACE;;EAGF;IApCJ;IACA;;EAcA;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EA+BE;IAhDJ;IACA;;EAqDQ;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EAuEQ;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAmEM;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;;ACrHV;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA,eVwYO;EUvYP;EACA,gBVusB4B;EUtsB5B;;AAOA;EACE;EACA;EACA,qBVitB0B;EUhtB1B;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EACE;;;AAOF;EACE;;;AAUA;EACE;;;AAeF;EACE;;AAGA;EACE;;;AAOJ;EACE;;AAGF;EACE;;;AAUF;EACE;EACA;;;AAMF;EACE;EACA;;;AAQJ;EACE;EACA;;;AAQA;EACE;EACA;;;ACrIF;EAOE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAlBF;EAOE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAlBF;EAOE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAlBF;EAOE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAlBF;EAOE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAlBF;EAOE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAlBF;EAOE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAlBF;EAOE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AD0IA;EACE;EACA;;;AHpFF;EGkFA;IACE;IACA;;;AHpFF;EGkFA;IACE;IACA;;;AHpFF;EGkFA;IACE;IACA;;;AHpFF;EGkFA;IACE;IACA;;;AHpFF;EGkFA;IACE;IACA;;;AE5JN;EACE,eZi2BsC;;;AYx1BxC;EACE;EACA;EACA;Ef8QI,WALI;EerQR,aZ+lB4B;;;AY3lB9B;EACE;EACA;EfoQI,WALI;;;Ae3PV;EACE;EACA;Ef8PI,WALI;;;AgBtRV;EACE,Yby1BsC;EH/jBlC,WALI;EgBjRR,Oby1BsC;;;Ac91BxC;EACE;EACA;EACA;EjBwRI,WALI;EiBhRR,adkmB4B;EcjmB5B,adymB4B;EcxmB5B,Ods3BsC;Ecr3BtC,kBdg3BsC;Ec/2BtC;EACA;EACA;ECME,eDH2C;EEHzC,YFMJ;;AEFI;EFhBN;IEiBQ;;;AFGN;EACE;;AAEA;EACE;;AAKJ;EACE,Odg2BoC;Ec/1BpC,kBd01BoC;Ecz1BpC,cdw2BoC;Ecv2BpC;EAKE,YdkhBkB;;Ac9gBtB;EAME;EAMA;EAKA;;AAKF;EACE;EACA;;AAIF;EACE,Ods0BoC;Ecp0BpC;;AAQF;EAEE,kBdwyBoC;EcryBpC;;AAIF;EACE;EACA;EACA,mBd+qB0B;Ec9qB1B,OdgyBoC;EiB93BtC,kBjB+hCgC;Ec/7B9B;EACA;EACA;EACA;EACA,yBd2rB0B;Ec1rB1B;EEzFE,YF0FF;;AEtFE;EF0EJ;IEzEM;;;AFwFN;EACE,kBds7B8B;;;Ac76BlC;EACE;EACA;EACA;EACA;EACA,adwf4B;Ecvf5B,OdqxBsC;EcpxBtC;EACA;EACA;;AAEA;EACE;;AAGF;EAEE;EACA;;;AAWJ;EACE,YdswBsC;EcrwBtC;EjByII,WALI;;AiBhIR;EACE;EACA;EACA,mBd+nB0B;;;Ac3nB9B;EACE,Yd0vBsC;EczvBtC;EjB4HI,WALI;;AiBnHR;EACE;EACA;EACA,mBdsnB0B;;;Ac9mB5B;EACE,YduuBoC;;AcpuBtC;EACE,YdouBoC;;AcjuBtC;EACE,YdiuBoC;;;Ac5tBxC;EACE,Od+tBsC;Ec9tBtC,QdwtBsC;EcvtBtC,Sd4kB4B;;Ac1kB5B;EACE;;AAGF;EACE;;AAIF;EACE;;AAIF;EAAoB,QdwsBkB;;AcvsBtC;EAAoB,QdwsBkB;;;AkBv5BxC;EACE;EAEA;EACA;EACA;ErBqRI,WALI;EqB7QR,alB+lB4B;EkB9lB5B,alBsmB4B;EkBrmB5B,OlBm3BsC;EkBl3BtC,kBlB62BsC;EkB52BtC;EACA;EACA,qBlB09BkC;EkBz9BlC,iBlB09BkC;EkBz9BlC;EHCE;ECNE,YEQJ;EACA;;AFLI;EEfN;IFgBQ;;;AEMN;EACE,clBg3BoC;EkB/2BpC;EAKE,YlB29B4B;;AkBv9BhC;EAEE,elBwuB0B;EkBvuB1B;;AAGF;EAEE,kBlBi1BoC;;AkB50BtC;EACE;EACA;;;AAIJ;EACE,alBiuB4B;EkBhuB5B,gBlBguB4B;EkB/tB5B,clBguB4B;EH7fxB,WALI;;;AqBzNV;EACE,alB6tB4B;EkB5tB5B,gBlB4tB4B;EkB3tB5B,clB4tB4B;EHjgBxB,WALI;;;AqB/MN;EACE;;;ACxEN;EACE;EACA,YnB+5BwC;EmB95BxC,cnB+5BwC;EmB95BxC,enB+5BwC;;AmB75BxC;EACE;EACA;;;AAIJ;EACE,enBq5BwC;EmBp5BxC;EACA;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;EAEA,OnBq4BwC;EmBp4BxC,QnBo4BwC;EmBn4BxC;EACA;EACA;EACA;EACA;EACA;EACA;EACA,QnBu4BwC;EmBt4BxC;EACA;;AAOA;EAEE,enB83BsC;;AmB33BxC;EACE,QnBq3BsC;;AmBl3BxC;EACE,cnBi1BoC;EmBh1BpC;EACA,YnB+foB;;AmB5ftB;EACE,kBCda;EDeb,cCfa;;ADiBb;EAII;;AAIJ;EAII;;AAKN;EACE,kBCnCa;EDoCb,cCpCa;EDyCX;;AAIJ;EACE;EACA;EACA,SnB61BuC;;AmBt1BvC;EACE;EACA,SnBo1BqC;;;AmBt0B3C;EACE,cnB+0BgC;;AmB70BhC;EACE;EAEA,OnBy0B8B;EmBx0B9B;EACA;EACA;EHnHE,YGqHF;;AHjHE;EGyGJ;IHxGM;;;AGkHJ;EACE;;AAGF;EACE,qBnBw0B4B;EmBn0B1B;;AAKN;EACE,enBmzB8B;EmBlzB9B;;AAEA;EACE;EACA;;;AAKN;EACE;EACA,cnBiyBgC;;;AmB9xBlC;EACE;EACA;EACA;;AAIE;EACE;EACA;EACA,SnBkpBwB;;;AmB3oB1B;EACE;;;AElLN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIA;EAA0B,YrBwgCa;;AqBvgCvC;EAA0B,YrBugCa;;AqBpgCzC;EACE;;AAGF;EACE,OrBy/BuC;EqBx/BvC,QrBw/BuC;EqBv/BvC;EJzBF,kBG+Ce;ECpBb,QrBw/BuC;EgBvgCrC,YKkBF;EACA;;ALfE;EKMJ;ILLM;;;AKgBJ;EJjCF,kBjBwhCyC;;AqBl/BzC;EACE,OrBk+B8B;EqBj+B9B,QrBk+B8B;EqBj+B9B;EACA,QrBi+B8B;EqBh+B9B,kBrBi+B8B;EqBh+B9B;;AAKF;EACE,OrB89BuC;EqB79BvC,QrB69BuC;EiBhhCzC,kBG+Ce;ECMb,QrB89BuC;EgBvgCrC,YK4CF;EACA;;ALzCE;EKiCJ;ILhCM;;;AK0CJ;EJ3DF,kBjBwhCyC;;AqBx9BzC;EACE,OrBw8B8B;EqBv8B9B,QrBw8B8B;EqBv8B9B;EACA,QrBu8B8B;EqBt8B9B,kBrBu8B8B;EqBt8B9B;;AAKF;EACE;;AAEA;EACE,kBrB08BqC;;AqBv8BvC;EACE,kBrBs8BqC;;;AsB7hC3C;EACE;;AAEA;AAAA;AAAA;EAGE,QtBkiCoC;EsBjiCpC,atBkiCoC;;AsB/hCtC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ENPE,YMQF;;ANJE;EMVJ;INWM;;;AMMN;AAAA;EAEE;;AAEA;AAAA;EACE;;AAGF;AAAA;AAAA;EAEE,atBugCkC;EsBtgClC,gBtBugCkC;;AsBpgCpC;AAAA;EACE,atBkgCkC;EsBjgClC,gBtBkgCkC;;AsB9/BtC;EACE,atB4/BoC;EsB3/BpC,gBtB4/BoC;;AsBr/BpC;AAAA;AAAA;AAAA;EACE;EACA,WtBs/BkC;;AsBp/BlC;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA,QtB8+BgC;EsB7+BhC;EACA,kBtB2zBgC;;AsBpzBpC;EACE;EACA,WtBq+BkC;;AsBh+BpC;EACE;;AAIJ;EACE,OtBxEO;;AsB0EP;EACE,kBtBsyBkC;;;AuB33BxC;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;EACA;EACA;EACA;;AAIF;AAAA;AAAA;EAGE;;AAMF;EACE;EACA;;AAEA;EACE;;;AAWN;EACE;EACA;EACA;E1B8OI,WALI;E0BvOR,avByjB4B;EuBxjB5B,avBgkB4B;EuB/jB5B,OvB60BsC;EuB50BtC;EACA;EACA,kBvBo6BsC;EuBn6BtC;;;AAUF;AAAA;AAAA;AAAA;EAIE;E1BwNI,WALI;;;A0B9MV;AAAA;AAAA;AAAA;EAIE;E1B+MI,WALI;;;A0BrMV;AAAA;EAEE;;;AAmCA;EACE;;ACjGF;EACE;EACA;EACA,YxBi0BoC;EH/jBlC,WALI;E2B1PN,OxB4iCqB;;;AwBziCvB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;E3BqPE,WALI;E2B7ON,OxB+hCqB;EwB9hCrB,kBxB8hCqB;;;AwBzhCrB;AAAA;AAAA;AAAA;EAEE;;;AA/CF;EAqDE,cxBihCmB;EwB9gCjB,exBw1BgC;EwBv1BhC;EACA;EACA;EACA;;AAGF;EACE,cxBsgCiB;EwBrgCjB,YxBqgCiB;;;AwBtkCrB;EA0EI,exBs0BgC;EwBr0BhC;;;AA3EJ;EAkFE,cxBo/BmB;;AwBj/BjB;EAEE;EACA,exBo5B8B;EwBn5B9B;EACA;;AAIJ;EACE,cxBu+BiB;EwBt+BjB,YxBs+BiB;;;AwBtkCrB;EAwGI;;;AAxGJ;EA+GE,cxBu9BmB;;AwBr9BnB;EACE,kBxBo9BiB;;AwBj9BnB;EACE,YxBg9BiB;;AwB78BnB;EACE,OxB48BiB;;;AwBv8BrB;EACE;;;AAhIF;AAAA;AAAA;AAAA;AAAA;EA0IM;;;AAtHR;EACE;EACA;EACA,YxBi0BoC;EH/jBlC,WALI;E2B1PN,OxB4iCqB;;;AwBziCvB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;E3BqPE,WALI;E2B7ON,OxB+hCqB;EwB9hCrB,kBxB8hCqB;;;AwBzhCrB;AAAA;AAAA;AAAA;EAEE;;;AA/CF;EAqDE,cxBihCmB;EwB9gCjB,exBw1BgC;EwBv1BhC;EACA;EACA;EACA;;AAGF;EACE,cxBsgCiB;EwBrgCjB,YxBqgCiB;;;AwBtkCrB;EA0EI,exBs0BgC;EwBr0BhC;;;AA3EJ;EAkFE,cxBo/BmB;;AwBj/BjB;EAEE;EACA,exBo5B8B;EwBn5B9B;EACA;;AAIJ;EACE,cxBu+BiB;EwBt+BjB,YxBs+BiB;;;AwBtkCrB;EAwGI;;;AAxGJ;EA+GE,cxBu9BmB;;AwBr9BnB;EACE,kBxBo9BiB;;AwBj9BnB;EACE,YxBg9BiB;;AwB78BnB;EACE,OxB48BiB;;;AwBv8BrB;EACE;;;AAhIF;AAAA;AAAA;AAAA;AAAA;EA4IM;;;AC9IV;EAEE;EACA;EACA;E5BuRI,oBALI;E4BhRR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;E5BsQI,WALI;E4B/PR;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;ERhCA,kBQkCqB;ETtBjB,YSwBJ;;ATpBI;EShBN;ITiBQ;;;ASqBN;EACE;EAEA;EACA;;AAGF;EAEE;EACA;EACA;;AAGF;EACE;ERrDF,kBQsDuB;EACrB;EACA;EAKE;;AAIJ;EACE;EACA;EAKE;;AAIJ;EAKE;EACA;EAGA;;AAGA;EAKI;;AAKN;EAGE;EACA;EACA;EAEA;EACA;;;AAYF;ECtGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADyFA;ECtGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADyFA;ECtGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADyFA;ECtGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADyFA;ECtGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADyFA;ECtGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADyFA;ECtGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADyFA;ECtGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADyFA;ECtGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADyFA;ECtGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADmHA;ECvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AD0FA;ECvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AD0FA;ECvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AD0FA;ECvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AD0FA;ECvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AD0FA;ECvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AD0FA;ECvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AD0FA;ECvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AD0FA;ECvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AD0FA;ECvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADsGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA,iBzBuRwC;;AyB7QxC;EACE;;AAGF;EACE;;;AAWJ;ECxIE;EACA;E7B8NI,oBALI;E6BvNR;;;ADyIF;EC5IE;EACA;E7B8NI,oBALI;E6BvNR;;;ACnEF;EXgBM,YWfJ;;AXmBI;EWpBN;IXqBQ;;;AWlBN;EACE;;;AAMF;EACE;;;AAIJ;EACE;EACA;EXDI,YWEJ;;AXEI;EWLN;IXMQ;;;AWDN;EACE;EACA;EXNE,YWOF;;AXHE;EWAJ;IXCM;;;;AYpBR;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AAGF;EACE;;ACwBE;EACE;EACA,a7B6hBwB;E6B5hBxB,gB7B2hBwB;E6B1hBxB;EArCJ;EACA;EACA;EACA;;AA0DE;EACE;;;AD9CN;EAEE;EACA;EACA;EACA;EACA;E/BuQI,yBALI;E+BhQR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;E/B0OI,WALI;E+BnOR;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;;;AAwBA;EACE;;AAEA;EACE;EACA;;;AAIJ;EACE;;AAEA;EACE;EACA;;;ArB1CJ;EqB4BA;IACE;;EAEA;IACE;IACA;;EAIJ;IACE;;EAEA;IACE;IACA;;;ArB1CJ;EqB4BA;IACE;;EAEA;IACE;IACA;;EAIJ;IACE;;EAEA;IACE;IACA;;;ArB1CJ;EqB4BA;IACE;;EAEA;IACE;IACA;;EAIJ;IACE;;EAEA;IACE;IACA;;;ArB1CJ;EqB4BA;IACE;;EAEA;IACE;IACA;;EAIJ;IACE;;EAEA;IACE;IACA;;;ArB1CJ;EqB4BA;IACE;;EAEA;IACE;IACA;;EAIJ;IACE;;EAEA;IACE;IACA;;;AAUN;EACE;EACA;EACA;EACA;;ACpFA;EACE;EACA,a7B6hBwB;E6B5hBxB,gB7B2hBwB;E6B1hBxB;EA9BJ;EACA;EACA;EACA;;AAmDE;EACE;;;ADgEJ;EACE;EACA;EACA;EACA;EACA;;AClGA;EACE;EACA,a7B6hBwB;E6B5hBxB,gB7B2hBwB;E6B1hBxB;EAvBJ;EACA;EACA;EACA;;AA4CE;EACE;;AD0EF;EACE;;;AAMJ;EACE;EACA;EACA;EACA;EACA;;ACnHA;EACE;EACA,a7B6hBwB;E6B5hBxB,gB7B2hBwB;E6B1hBxB;;AAWA;EACE;;AAGF;EACE;EACA,c7B0gBsB;E6BzgBtB,gB7BwgBsB;E6BvgBtB;EAnCN;EACA;EACA;;AAsCE;EACE;;AD2FF;EACE;;;AAON;EACE;EACA;EACA;EACA;EACA;;;AAMF;EACE;EACA;EACA;EACA;EACA,a5Byb4B;E4Bxb5B;EACA;EACA;EACA;EACA;EACA;;AAGA;EAEE;EX1LF,kBW4LuB;;AAGvB;EAEE;EACA;EXlMF,kBWmMuB;;AAGvB;EAEE;EACA;EACA;;;AAMJ;EACE;;;AAIF;EACE;EACA;EACA;E/BmEI,WALI;E+B5DR;EACA;;;AAIF;EACE;EACA;EACA;;;AAIF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AEtPF;AAAA;EAEE;EACA;EACA;;AAEA;AAAA;EACE;EACA;;AAKF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AAKJ;EACE;EACA;EACA;;AAEA;EACE;;;AAQF;AAAA;EAEE;;AAiCJ;EACE;EACA;;AAEA;EAGE;;AAGF;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAoBF;EACE;EACA;EACA;;AAEA;AAAA;EAEE;;AAGF;AAAA;EAEE;;AC3HJ;EAEE;EACA;EAEA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;ElCsQI,WALI;EkC/PR;EACA;EACA;EACA;EACA;EffI,YegBJ;;AfZI;EeGN;IfFQ;;;AeaN;EAEE;;AAIF;EACE;EACA,Y/BkhBoB;;A+B9gBtB;EACE;EACA;EACA;;;AAQJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;;AAEA;EACE;EACA;;AAGA;EAGE;EACA;;AAGF;EAEE;EACA;EACA;;AAIJ;AAAA;EAEE;EACA;EACA;;AAGF;EAEE;;;AAWJ;EAEE;EACA;EACA;;AAME;EACE;EACA;EACA;;AAIJ;AAAA;EAEE;Ed7HF,kBc8HuB;;;AASzB;EAEE;EACA;EACA;EAGA;;AAEA;EACE;EACA;EACA;;AAEA;EAEE;;AAIJ;AAAA;EAEE,a/B8c0B;E+B7c1B;EACA;;;AAUF;AAAA;EAEE;EACA;;;AAKF;AAAA;EAEE;EACA;EACA;;;AAMF;AAAA;EACE;;;AAUF;EACE;;AAEF;EACE;;;ACzMJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;;AAoBJ;EACE;EACA;EACA;EnC4NI,WALI;EmCrNR;EACA;EACA;;AAEA;EAEE;;;AAUJ;EAEE;EACA;EAEA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;;AAGE;EAEE;;AAIJ;EACE;;;AASJ;EACE,ahCwgCkC;EgCvgClC,gBhCugCkC;EgCtgClC;;AAEA;AAAA;AAAA;EAGE;;;AAaJ;EACE;EACA;EAGA;;;AAIF;EACE;EnCyII,WALI;EmClIR;EACA;EACA;EACA;EhB3II,YgB6IJ;;AhBzII;EgBiIN;IhBhIQ;;;AgB0IN;EACE;;AAGF;EACE;EACA;EACA;;;AAMJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AzB1HE;EyBsIA;IAEI;IACA;;EAEA;IACE;;EAEA;IACE;;EAGF;IACE;IACA;;EAIJ;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;EAGF;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IhB9NJ,YgBgOI;;EAGA;IACE;;EAGF;IACE;IACA;IACA;IACA;;;AzB5LR;EyBsIA;IAEI;IACA;;EAEA;IACE;;EAEA;IACE;;EAGF;IACE;IACA;;EAIJ;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;EAGF;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IhB9NJ,YgBgOI;;EAGA;IACE;;EAGF;IACE;IACA;IACA;IACA;;;AzB5LR;EyBsIA;IAEI;IACA;;EAEA;IACE;;EAEA;IACE;;EAGF;IACE;IACA;;EAIJ;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;EAGF;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IhB9NJ,YgBgOI;;EAGA;IACE;;EAGF;IACE;IACA;IACA;IACA;;;AzB5LR;EyBsIA;IAEI;IACA;;EAEA;IACE;;EAEA;IACE;;EAGF;IACE;IACA;;EAIJ;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;EAGF;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IhB9NJ,YgBgOI;;EAGA;IACE;;EAGF;IACE;IACA;IACA;IACA;;;AzB5LR;EyBsIA;IAEI;IACA;;EAEA;IACE;;EAEA;IACE;;EAGF;IACE;IACA;;EAIJ;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;EAGF;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IhB9NJ,YgBgOI;;EAGA;IACE;;EAGF;IACE;IACA;IACA;IACA;;;AAtDR;EAEI;EACA;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EhB9NJ,YgBgOI;;AAGA;EACE;;AAGF;EACE;EACA;EACA;EACA;;;AAiBZ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAME;EACE;;;ACxRN;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAIF;EACE;;AAOJ;AAAA;EAEE;;;AAIJ;EAGE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAQA;EACE;;;AAQJ;EACE;EACA;EACA;EACA;EACA;;AAOF;EACE;EACA;EACA;EACA;;AAYF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIF;AAAA;AAAA;EAGE;;;AAqBA;EACE;;A1B3HA;E0BuHJ;IAQI;IACA;;EAGA;IAEE;IACA;;EAEA;IACE;IACA;;;;ACrMR;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;ErC2PI,WALI;EqCpPR;EACA;EACA;EACA;EAEA;ElB3BI,YkB4BJ;;AlBxBI;EkBWN;IlBVQ;;;AkByBN;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ElBlDE,YkBmDF;;AlB/CE;EkBsCJ;IlBrCM;;;AkBiDN;EACE;;AAGF;EACE;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;;AAUA;EACE;;AAmBJ;EACE;;;AASA;EACE;;AAGF;EACE;EACA;;AAGA;EAAgB;;AAChB;EAAe;;AAaf;EACE;EACA;;;AC1JN;EAEE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EtC+QI,WALI;EsCxQR;EACA;;;AAMA;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;;;ACrCJ;EAEE;EACA;EvC4RI,2BALI;EuCrRR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;ElCpBA;EACA;;;AkCuBF;EACE;EACA;EACA;EvCgQI,WALI;EuCzPR;EACA;EACA;EACA;EpBpBI,YoBqBJ;;ApBjBI;EoBQN;IpBPQ;;;AoBkBN;EACE;EACA;EAEA;EACA;;AAGF;EACE;EACA;EACA;EACA,SpCouCgC;EoCnuChC;;AAGF;EAEE;EACA;EnBtDF,kBmBuDuB;EACrB;;AAGF;EAEE;EACA;EACA;EACA;;;AAKF;EACE,apCusCgC;;AoC3qCpC;EClGE;EACA;ExC0RI,2BALI;EwCnRR;;;ADmGF;ECtGE;EACA;ExC0RI,2BALI;EwCnRR;;;ACFF;EAEE;EACA;EzCuRI,sBALI;EyChRR;EACA;EACA;EAGA;EACA;EzC+QI,WALI;EyCxQR;EACA;EACA;EACA;EACA;EACA;;AAKA;EACE;;;AAKJ;EACE;EACA;;;AChCF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;;AAKF;EAEE;;;AAIF;EACE,avC6kB4B;EuC5kB5B;;;AAQF;EACE,evCg+C8B;;AuC79C9B;EACE;EACA;EACA;EACA;EACA;;;AAQF;EACE;EACA;EACA;EACA;;;AAJF;EACE;EACA;EACA;EACA;;;AAJF;EACE;EACA;EACA;EACA;;;AAJF;EACE;EACA;EACA;EACA;;;AAJF;EACE;EACA;EACA;EACA;;;AAJF;EACE;EACA;EACA;EACA;;;AAJF;EACE;EACA;EACA;EACA;;;AAJF;EACE;EACA;EACA;EACA;;;AAJF;EACE;EACA;EACA;EACA;;;AAJF;EACE;EACA;EACA;EACA;;;AC5DF;EACE;IAAK,uBxCmhD2B;;;AwC9gDpC;AAAA;EAGE;E3CkRI,yBALI;E2C3QR;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;E3CsQI,WALI;E2C/PR;;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ExBxBI,YwByBJ;;AxBrBI;EwBYN;IxBXQ;;;;AwBuBR;EvBAE;EuBEA;;;AAGF;EACE;;;AAGF;EACE;;;AAIA;EACE;;AAGE;EAJJ;IAKM;;;;AC3DR;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAGA;EACA;;;AAIF;EACE;EACA;;AAEA;EAEE;EACA;;;AASJ;EACE;EACA;EACA;;AAGA;EAEE;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAQJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAUA;EAEE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;;AAEA;EACE;EACA;;;AAaF;EACE;;AAaE;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;;AlCtFR;EkC8DA;IACE;;EAaE;IACE;;EAGF;IACE;IACA;;EAEA;IACE;IACA;;;AlCtFR;EkC8DA;IACE;;EAaE;IACE;;EAGF;IACE;IACA;;EAEA;IACE;IACA;;;AlCtFR;EkC8DA;IACE;;EAaE;IACE;;EAGF;IACE;IACA;;EAEA;IACE;IACA;;;AlCtFR;EkC8DA;IACE;;EAaE;IACE;;EAGF;IACE;IACA;;EAEA;IACE;IACA;;;AlCtFR;EkC8DA;IACE;;EAaE;IACE;;EAGF;IACE;IACA;;EAEA;IACE;IACA;;;AAiBV;EACE;;AAEA;EACE;;;AAaJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAVF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAVF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAVF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAVF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAVF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAVF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAVF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAVF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAVF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC5LJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA,O1C+oD2B;E0C9oD3B,Q1C8oD2B;E0C7oD3B;EACA;EACA;EACA;EAEA;;AAGA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EAEE;EACA;EACA;;;AAQJ;EAHE;;;AASE;EATF;;;ACjDF;EAEE;EACA;EACA;EACA;EACA;E9CyRI,sBALI;E8ClRR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;E9C2QI,WALI;E8CpQR;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAGF;EACE;;;AAIJ;EACE;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;;;AAIJ;EACE;EACA;;;AC9DF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;;;AAOF;EACE;EACA;EACA;EAEA;;AAGA;E5B5CI,Y4B6CF;EACA,W5Cy7CgC;;AgBn+C9B;E4BwCJ;I5BvCM;;;A4B2CN;EACE,W5Cu7CgC;;A4Cn7ClC;EACE,W5Co7CgC;;;A4Ch7CpC;EACE;;AAEA;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAIA;;;AAIF;EAEE;EACA;EACA;EClHA;EACA;EACA;EACA,SDkH0B;ECjH1B;EACA;EACA,kBD+G4D;;AC5G5D;EAAS;;AACT;EAAS,SD2GiF;;;AAK5F;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;;;AAKJ;EACE;EACA;;;AAKF;EACE;EAGA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMA;EACE;;;ArC5GA;EqCkHF;IACE;IACA;;EAIF;IACE;IACA;IACA;;EAGF;IACE;;;ArC/HA;EqCoIF;AAAA;IAEE;;;ArCtIA;EqC2IF;IACE;;;AAUA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AASF;EACE;;;ArC3JJ;EqCyIA;IACE;IACA;IACA;IACA;;EAEA;IACE;IACA;;EASF;IACE;;;ArC3JJ;EqCyIA;IACE;IACA;IACA;IACA;;EAEA;IACE;IACA;;EASF;IACE;;;ArC3JJ;EqCyIA;IACE;IACA;IACA;IACA;;EAEA;IACE;IACA;;EASF;IACE;;;ArC3JJ;EqCyIA;IACE;IACA;IACA;IACA;;EAEA;IACE;IACA;;EASF;IACE;;;ArC3JJ;EqCyIA;IACE;IACA;IACA;IACA;;EAEA;IACE;IACA;;EASF;IACE;;;AEtOR;EAEE;EACA;EACA;EACA;EACA;EjDwRI,wBALI;EiDjRR;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EClBA,a/C+lB4B;E+C7lB5B;EACA,a/CwmB4B;E+CvmB5B,a/C+mB4B;E+C9mB5B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ElDgRI,WALI;EiDhQR;EACA;;AAEA;EAAS;;AAET;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;;AAKN;EACE;;AAEA;EACE;EACA;EACA;;;AAIJ;AACA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAIJ;AAEA;EACE;;AAEA;EACE;EACA;EACA;;;AAIJ;AACA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAIJ;AAkBA;EACE;EACA;EACA;EACA;EACA;;;AEpHF;EAEE;EACA;EnD4RI,wBALI;EmDrRR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EnDmRI,+BALI;EmD5QR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EDzBA,a/C+lB4B;E+C7lB5B;EACA,a/CwmB4B;E+CvmB5B,a/C+mB4B;E+C9mB5B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ElDgRI,WALI;EmD1PR;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;;;AAMJ;EACE;;AAEA;EAEE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAKN;AAEE;EACE;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAKN;AAGE;EACE;;AAEA;EAEE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;AAEE;EACE;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAKN;AAkBA;EACE;EACA;EnD2GI,WALI;EmDpGR;EACA;EACA;;AAGA;EACE;;;AAIJ;EACE;EACA;;;ACrLF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;ACtBA;EACE;EACA;EACA;;;ADuBJ;EACE;EACA;EACA;EACA;EACA;EACA;EjClBI,YiCmBJ;;AjCfI;EiCQN;IjCPQ;;;;AiCiBR;AAAA;AAAA;EAGE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AASA;EACE;EACA;EACA;;AAGF;AAAA;AAAA;EAGE;EACA;;AAGF;AAAA;EAEE;EACA;EjC5DE,YiC6DF;;AjCzDE;EiCqDJ;AAAA;IjCpDM;;;;AiCiER;AAAA;EAEE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA,OjD4gDmC;EiD3gDnC;EACA,OjD1FS;EiD2FT;EACA;EACA;EACA,SjDugDmC;EgB7lD/B,YiCuFJ;;AjCnFI;EiCkEN;AAAA;IjCjEQ;;;AiCqFN;AAAA;AAAA;EAEE,OjDpGO;EiDqGP;EACA;EACA,SjD+/CiC;;;AiD5/CrC;EACE;;;AAGF;EACE;;;AAKF;AAAA;EAEE;EACA,OjDggDmC;EiD//CnC,QjD+/CmC;EiD9/CnC;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;EACE;;;AAEF;EACE;;;AAQF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA,cjDw8CmC;EiDv8CnC;EACA,ajDs8CmC;;AiDp8CnC;EACE;EACA;EACA,OjDs8CiC;EiDr8CjC,QjDs8CiC;EiDr8CjC;EACA,cjDs8CiC;EiDr8CjC,ajDq8CiC;EiDp8CjC;EACA;EACA,kBjD1KO;EiD2KP;EACA;EAEA;EACA;EACA,SjD67CiC;EgBrmD/B,YiCyKF;;AjCrKE;EiCoJJ;IjCnJM;;;AiCuKN;EACE,SjD07CiC;;;AiDj7CrC;EACE;EACA;EACA,QjDo7CmC;EiDn7CnC;EACA,ajDi7CmC;EiDh7CnC,gBjDg7CmC;EiD/6CnC,OjDrMS;EiDsMT;;;AAMA;AAAA;EAEE,QjDq7CiC;;AiDl7CnC;EACE,kBjDxMO;;AiD2MT;EACE,OjD5MO;;;AiDkMT;AAAA;AAAA;EAEE,QjDq7CiC;;AiDl7CnC;EACE,kBjDxMO;;AiD2MT;EACE,OjD5MO;;;AmDdX;AAAA;EAEE;EACA;EACA;EACA;EAEA;EACA;;;AAIF;EACE;IAAK;;;AAIP;EAEE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;;;AAGF;EAEE;EACA;EACA;;;AASF;EACE;IACE;;EAEF;IACE;IACA;;;AAKJ;EAEE;EACA;EACA;EACA;EACA;EAGA;EACA;;;AAGF;EACE;EACA;;;AAIA;EACE;AAAA;IAEE;;;AC/EN;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;A7C6DE;E6C5CF;IAEI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IpC5BA,YoC8BA;;;ApC1BA;EoCYJ;IpCXM;;;ATuDJ;E6C5BE;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;;EAGF;IAEE;;EAGF;IAGE;;;A7C5BJ;E6C/BF;IAiEM;IACA;IACA;;EAEA;IACE;;EAGF;IACE;IACA;IACA;IACA;IAEA;;;;A7CnCN;E6C5CF;IAEI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IpC5BA,YoC8BA;;;ApC1BA;EoCYJ;IpCXM;;;ATuDJ;E6C5BE;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;;EAGF;IAEE;;EAGF;IAGE;;;A7C5BJ;E6C/BF;IAiEM;IACA;IACA;;EAEA;IACE;;EAGF;IACE;IACA;IACA;IACA;IAEA;;;;A7CnCN;E6C5CF;IAEI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IpC5BA,YoC8BA;;;ApC1BA;EoCYJ;IpCXM;;;ATuDJ;E6C5BE;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;;EAGF;IAEE;;EAGF;IAGE;;;A7C5BJ;E6C/BF;IAiEM;IACA;IACA;;EAEA;IACE;;EAGF;IACE;IACA;IACA;IACA;IAEA;;;;A7CnCN;E6C5CF;IAEI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IpC5BA,YoC8BA;;;ApC1BA;EoCYJ;IpCXM;;;ATuDJ;E6C5BE;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;;EAGF;IAEE;;EAGF;IAGE;;;A7C5BJ;E6C/BF;IAiEM;IACA;IACA;;EAEA;IACE;;EAGF;IACE;IACA;IACA;IACA;IAEA;;;;A7CnCN;E6C5CF;IAEI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IpC5BA,YoC8BA;;;ApC1BA;EoCYJ;IpCXM;;;ATuDJ;E6C5BE;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;;EAGF;IAEE;;EAGF;IAGE;;;A7C5BJ;E6C/BF;IAiEM;IACA;IACA;;EAEA;IACE;;EAGF;IACE;IACA;IACA;IACA;IAEA;;;;AA/ER;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EpC5BA,YoC8BA;;ApC1BA;EoCYJ;IpCXM;;;AoC2BF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EAEE;;AAGF;EAGE;;;AA2BR;EPpHE;EACA;EACA;EACA,S7ComCkC;E6CnmClC;EACA;EACA,kB7CUS;;A6CPT;EAAS;;AACT;EAAS,S7C09CyB;;;AoD52CpC;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AChJF;EACE;EACA;EACA;EACA;EACA;EACA,SrDyyCkC;;AqDvyClC;EACE;EACA;;;AAKJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKA;EACE;;;AAIJ;EACE;IACE,SrD4wCgC;;;AqDxwCpC;EACE;EACA;EACA;;;AAGF;EACE;IACE;;;AH9CF;EACE;EACA;EACA;;;AIAF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;ACHF;EACE;EACA;;AAGE;EAGE;EACA;;;AATN;EACE;EACA;;AAGE;EAGE;EACA;;;AATN;EACE;EACA;;AAGE;EAGE;EACA;;;AATN;EACE;EACA;;AAGE;EAGE;EACA;;;AATN;EACE;EACA;;AAGE;EAGE;EACA;;;AATN;EACE;EACA;;AAGE;EAGE;EACA;;;AATN;EACE;EACA;;AAGE;EAGE;EACA;;;AATN;EACE;EACA;;AAGE;EAGE;EACA;;;AATN;EACE;EACA;;AAGE;EAGE;EACA;;;AATN;EACE;EACA;;AAGE;EAGE;EACA;;;AAOR;EACE;EACA;;AAGE;EAEE;EACA;;;AC5BN;EACE;EAEA;;;ACHF;EACE;EACA,KzD6c4B;EyD5c5B;EACA;EACA,uBzD2c4B;EyD1c5B;;AAEA;EACE;EACA,OzDuc0B;EyDtc1B,QzDsc0B;EyDrc1B;EzCIE,YyCHF;;AzCOE;EyCZJ;IzCaM;;;;AyCDJ;EACE;;;ACnBN;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAKF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;ACrBJ;EACE;EACA;EACA;EACA;EACA,S3DimCkC;;;A2D9lCpC;EACE;EACA;EACA;EACA;EACA,S3DylCkC;;;A2DjlChC;EACE;EACA;EACA,S3D6kC8B;;;A2D1kChC;EACE;EACA;EACA,S3DukC8B;;;AOxiChC;EoDxCA;IACE;IACA;IACA,S3D6kC8B;;E2D1kChC;IACE;IACA;IACA,S3DukC8B;;;AOxiChC;EoDxCA;IACE;IACA;IACA,S3D6kC8B;;E2D1kChC;IACE;IACA;IACA,S3DukC8B;;;AOxiChC;EoDxCA;IACE;IACA;IACA,S3D6kC8B;;E2D1kChC;IACE;IACA;IACA,S3DukC8B;;;AOxiChC;EoDxCA;IACE;IACA;IACA,S3D6kC8B;;E2D1kChC;IACE;IACA;IACA,S3DukC8B;;;AOxiChC;EoDxCA;IACE;IACA;IACA,S3D6kC8B;;E2D1kChC;IACE;IACA;IACA,S3DukC8B;;;A4DtmCpC;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;ACRF;AAAA;ECIE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;AAAA;EACE;;;ACdF;EACE;EACA;EACA;EACA;EACA;EACA,S/DgcsC;E+D/btC;;;ACRJ;ECAE;EACA;EACA;;;ACNF;EACE;EACA;EACA;EACA;EACA;EACA,SlE2rB4B;;;AmE/nBtB;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAjBJ;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AASF;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAjBJ;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AASF;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AArBJ;AAcA;EAOI;EAAA;;;AAmBJ;AA1BA;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAjBJ;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AASF;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAjBJ;EACE;;;AAIA;EACE;;;AANJ;EACE;;;AAIA;EACE;;;AANJ;EACE;;;AAIA;EACE;;;AANJ;EACE;;;AAIA;EACE;;;AANJ;EACE;;;AAIA;EACE;;;AAIJ;EAOI;;;AAKF;EAOI;;;AAnBN;EAOI;;;AAKF;EAOI;;;AAnBN;EAOI;;;AAKF;EAOI;;;AAnBN;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAjBJ;EACE;;;AAIA;EACE;;;AANJ;EACE;;;AAIA;EACE;;;AANJ;EACE;;;AAIA;EACE;;;AANJ;EACE;;;AAIA;EACE;;;AANJ;EACE;;;AAIA;EACE;;;AANJ;EACE;;;AAIA;EACE;;;AAIJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAjBJ;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AASF;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;A5DVR;E4DGI;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;;A5DVR;E4DGI;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;;A5DVR;E4DGI;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;;A5DVR;E4DGI;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;;A5DVR;E4DGI;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;;ACtDZ;ED+CQ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;;ACnCZ;ED4BQ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;;AEvEZ;AAAA;EASI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGF;EACA;EAMA;EACA;EACA;EAOA;ExEyOI,qBALI;EwElOR;EACA;EAKA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAOA;EACA;EACA;EAEA;EACA;EAMA;EACA;EAGA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EAGA;EACA;EACA;EACA;EAIA;EACA;EACA;EAIA;EACA;EACA;EACA;;;AvErHE;EuE2HA;EAGA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAGE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAOF;EACA;EACA;EACA;EAEA;EAEA;EACA;EAEA;EACA;EACA;EACA;;;ACrLJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAYE;;;AAGF;EACE;AAAA;;;AAIF;EACE;;;AAMA;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;A5EoCJ;AAAA;EAEE","file":"themed-bootstrap.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["../scss/themed-bootstrap.scss","../../node_modules/bootstrap/scss/mixins/_banner.scss","../../node_modules/bootstrap/scss/_root.scss","../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../node_modules/bootstrap/scss/mixins/_color-mode.scss","../../node_modules/bootstrap/scss/_reboot.scss","../../node_modules/bootstrap/scss/_variables.scss","../scss/_cod-uxds-bs-variables.scss","../../node_modules/bootstrap/scss/_type.scss","../../node_modules/bootstrap/scss/mixins/_lists.scss","../../node_modules/bootstrap/scss/_images.scss","../../node_modules/bootstrap/scss/mixins/_image.scss","../../node_modules/bootstrap/scss/_containers.scss","../../node_modules/bootstrap/scss/mixins/_container.scss","../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","../../node_modules/bootstrap/scss/_grid.scss","../../node_modules/bootstrap/scss/mixins/_grid.scss","../../node_modules/bootstrap/scss/_tables.scss","../../node_modules/bootstrap/scss/mixins/_table-variants.scss","../../node_modules/bootstrap/scss/forms/_labels.scss","../../node_modules/bootstrap/scss/forms/_form-text.scss","../../node_modules/bootstrap/scss/forms/_form-control.scss","../../node_modules/bootstrap/scss/mixins/_border-radius.scss","../../node_modules/bootstrap/scss/mixins/_transition.scss","../../node_modules/bootstrap/scss/mixins/_gradients.scss","../../node_modules/bootstrap/scss/forms/_form-select.scss","../../node_modules/bootstrap/scss/forms/_form-check.scss","../../node_modules/bootstrap/scss/forms/_form-range.scss","../../node_modules/bootstrap/scss/forms/_floating-labels.scss","../../node_modules/bootstrap/scss/forms/_input-group.scss","../../node_modules/bootstrap/scss/mixins/_forms.scss","../../node_modules/bootstrap/scss/_buttons.scss","../../node_modules/bootstrap/scss/mixins/_buttons.scss","../../node_modules/bootstrap/scss/_transitions.scss","../../node_modules/bootstrap/scss/_dropdown.scss","../../node_modules/bootstrap/scss/mixins/_caret.scss","../../node_modules/bootstrap/scss/_button-group.scss","../../node_modules/bootstrap/scss/_nav.scss","../../node_modules/bootstrap/scss/_navbar.scss","../../node_modules/bootstrap/scss/_card.scss","../../node_modules/bootstrap/scss/_accordion.scss","../../node_modules/bootstrap/scss/_breadcrumb.scss","../../node_modules/bootstrap/scss/_pagination.scss","../../node_modules/bootstrap/scss/mixins/_pagination.scss","../../node_modules/bootstrap/scss/_badge.scss","../../node_modules/bootstrap/scss/_alert.scss","../../node_modules/bootstrap/scss/_progress.scss","../../node_modules/bootstrap/scss/_list-group.scss","../../node_modules/bootstrap/scss/_close.scss","../../node_modules/bootstrap/scss/_toasts.scss","../../node_modules/bootstrap/scss/_modal.scss","../../node_modules/bootstrap/scss/mixins/_backdrop.scss","../../node_modules/bootstrap/scss/_tooltip.scss","../../node_modules/bootstrap/scss/mixins/_reset-text.scss","../../node_modules/bootstrap/scss/_popover.scss","../../node_modules/bootstrap/scss/_carousel.scss","../../node_modules/bootstrap/scss/mixins/_clearfix.scss","../../node_modules/bootstrap/scss/_spinners.scss","../../node_modules/bootstrap/scss/_offcanvas.scss","../../node_modules/bootstrap/scss/_placeholders.scss","../../node_modules/bootstrap/scss/helpers/_color-bg.scss","../../node_modules/bootstrap/scss/helpers/_colored-links.scss","../../node_modules/bootstrap/scss/helpers/_focus-ring.scss","../../node_modules/bootstrap/scss/helpers/_icon-link.scss","../../node_modules/bootstrap/scss/helpers/_ratio.scss","../../node_modules/bootstrap/scss/helpers/_position.scss","../../node_modules/bootstrap/scss/helpers/_stacks.scss","../../node_modules/bootstrap/scss/helpers/_visually-hidden.scss","../../node_modules/bootstrap/scss/mixins/_visually-hidden.scss","../../node_modules/bootstrap/scss/helpers/_stretched-link.scss","../../node_modules/bootstrap/scss/helpers/_text-truncation.scss","../../node_modules/bootstrap/scss/mixins/_text-truncate.scss","../../node_modules/bootstrap/scss/helpers/_vr.scss","../../node_modules/bootstrap/scss/mixins/_utilities.scss","../../node_modules/bootstrap/scss/utilities/_api.scss","../scss/_cod-uxds-bs-host.scss","../scss/_cod-uxds-style-guide.scss"],"names":[],"mappings":";AAkBA;AAAA;AAAA;AAAA;AAAA;ACjBE;AAAA;AAAA;AAAA;AAAA;AD+BM;AEhCR;AAAA;EASI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGF;EACA;EAMA;EACA;EACA;EAOA;EC2OI,sBALI;EDpOR;EACA;EAKA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAOA;EACA;EACA;EAEA;EACA;EAMA;EACA;EAGA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EAIA;EACA;EACA;EAIA;EACA;EACA;EACA;;;AEjHE;EFuHA;EAGA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAGE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAOF;EACA;EACA;EACA;EAEA;EAEA;EACA;EAEA;EACA;EACA;EACA;;;AGzKJ;AAAA;AAAA;EAGE;;;AAeE;EANJ;IAOM;;;;AAcN;EACE;EACA;EF6OI,WALI;EEtOR;EACA;EACA;EACA;EACA;EACA;EACA;;;AASF;EACE;EACA,OCmnB4B;EDlnB5B;EACA;EACA,SCynB4B;;;AD/mB9B;EACE;EACA,eCwjB4B;EDrjB5B,aElDqB;EFmDrB,aCwjB4B;EDvjB5B;;;AAGF;EFuMQ;;AA5JJ;EE3CJ;IF8MQ;;;;AEzMR;EFkMQ;;AA5JJ;EEtCJ;IFyMQ;;;;AEpMR;EF6LQ;;AA5JJ;EEjCJ;IFoMQ;;;;AE/LR;EFwLQ;;AA5JJ;EE5BJ;IF+LQ;;;;AE1LR;EF+KM,WALI;;;AErKV;EF0KM,WALI;;;AE1JV;EACE;EACA,eCwV0B;;;AD9U5B;EACE;EACA;EACA;;;AAMF;EACE;EACA;EACA;;;AAMF;AAAA;EAEE;;;AAGF;AAAA;AAAA;EAGE;EACA;;;AAGF;AAAA;AAAA;AAAA;EAIE;;;AAGF;EACE,aC6b4B;;;ADxb9B;EACE;EACA;;;AAMF;EACE;;;AAQF;AAAA;EAEE,aCsa4B;;;AD9Z9B;EF6EM,WALI;;;AEjEV;EACE,SCif4B;EDhf5B;;;AASF;AAAA;EAEE;EFyDI,WALI;EElDR;EACA;;;AAGF;EAAM;;;AACN;EAAM;;;AAKN;EACE;EACA,iBCiNwC;;AD/MxC;EACE;;;AAWF;EAEE;EACA;;;AAOJ;AAAA;AAAA;AAAA;EAIE,aCiV4B;EHlUxB,WALI;;;AEFV;EACE;EACA;EACA;EACA;EFGI,WALI;;AEOR;EFFI,WALI;EESN;EACA;;;AAIJ;EFTM,WALI;EEgBR;EACA;;AAGA;EACE;;;AAIJ;EACE;EFrBI,WALI;EE4BR,OCo5CkC;EDn5ClC,kBCo5CkC;;ADj5ClC;EACE;EF5BE,WALI;;;AE4CV;EACE;;;AAMF;AAAA;EAEE;;;AAQF;EACE;EACA;;;AAGF;EACE,aCwX4B;EDvX5B,gBCuX4B;EDtX5B,OCwZ4B;EDvZ5B;;;AAOF;EAEE;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;EACA;EACA;;;AAQF;EACE;;;AAMF;EAEE;;;AAQF;EACE;;;AAKF;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;EF3HI,WALI;EEkIR;;;AAIF;AAAA;EAEE;;;AAKF;EACE;;;AAGF;EAGE;;AAGA;EACE;;;AAOJ;EACE;;;AAQF;AAAA;AAAA;AAAA;EAIE;;AAGE;AAAA;AAAA;AAAA;EACE;;;AAON;EACE;EACA;;;AAKF;EACE;;;AAUF;EACE;EACA;EACA;EACA;;;AAQF;EACE;EACA;EACA;EACA,eCgN4B;EHhatB;EEmNN;;AF/WE;EEwWJ;IFrMQ;;;AE8MN;EACE;;;AAOJ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAOE;;;AAGF;EACE;;;AASF;EACE;EACA;;;AAQF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWA;EACE;;;AAKF;EACE;;;AAOF;EACE;EACA;;;AAKF;EACE;;;AAKF;EACE;;;AAOF;EACE;EACA;;;AAQF;EACE;;;AAQF;EACE;;;AGpkBF;ELmQM,WALI;EK5PR,aDUiB;;;ACLjB;ELgQM;EK5PJ,aFynBkB;EExnBlB,aFwmB0B;;AHzgB1B;EKpGF;ILuQM;;;;AKvQN;ELgQM;EK5PJ,aFynBkB;EExnBlB,aFwmB0B;;AHzgB1B;EKpGF;ILuQM;;;;AKvQN;ELgQM;EK5PJ,aFynBkB;EExnBlB,aFwmB0B;;AHzgB1B;EKpGF;ILuQM;;;;AKvQN;ELgQM;EK5PJ,aFynBkB;EExnBlB,aFwmB0B;;AHzgB1B;EKpGF;ILuQM;;;;AKvQN;EL4PI,WALI;EKnPN,aFynBkB;EExnBlB,aFwmB0B;;;AE7mB5B;EL4PI,WALI;EKnPN,aFynBkB;EExnBlB,aFwmB0B;;;AErlB9B;ECvDE;EACA;;;AD2DF;EC5DE;EACA;;;AD8DF;EACE;;AAEA;EACE,cFkoB0B;;;AExnB9B;EL8MM,WALI;EKvMR;;;AAIF;EACE,eFiUO;EH1HH,WALI;;AK/LR;EACE;;;AAIJ;EACE;EACA,eFuTO;EH1HH,WALI;EKtLR,OFtFS;;AEwFT;EACE;;;AEhGJ;ECIE;EAGA;;;ADDF;EACE,SJyjDkC;EIxjDlC,kBJyjDkC;EIxjDlC;ECLA;EAGA;;;ADcF;EAEE;;;AAGF;EACE;EACA;;;AAGF;EPyPM,WALI;EOlPR,OJ4iDkC;;;AM9kDlC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ECHA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACsDE;EF5CE;IACE,WNkee;;;AQvbnB;EF5CE;IACE,WNkee;;;AQvbnB;EF5CE;IACE,WNkee;;;AQvbnB;EF5CE;IACE,WNkee;;;AQvbnB;EF5CE;IACE,WNkee;;;ASlfvB;EAEI;EAAA;EAAA;EAAA;EAAA;EAAA;;;AAKF;ECNA;EACA;EACA;EACA;EAEA;EACA;EACA;;ADEE;ECOF;EACA;EACA;EACA;EACA;EACA;;;AA+CI;EACE;;;AAGF;EApCJ;EACA;;;AAcA;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AA+BE;EAhDJ;EACA;;;AAqDQ;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AA+DM;EAhEN;EACA;;;AAuEQ;EAxDV;;;AAwDU;EAxDV;;;AAwDU;EAxDV;;;AAwDU;EAxDV;;;AAwDU;EAxDV;;;AAwDU;EAxDV;;;AAwDU;EAxDV;;;AAwDU;EAxDV;;;AAwDU;EAxDV;;;AAwDU;EAxDV;;;AAwDU;EAxDV;;;AAmEM;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAPF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAPF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAPF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAPF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AAPF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AF1DN;EEUE;IACE;;EAGF;IApCJ;IACA;;EAcA;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EA+BE;IAhDJ;IACA;;EAqDQ;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EAuEQ;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAmEM;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;;AF1DN;EEUE;IACE;;EAGF;IApCJ;IACA;;EAcA;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EA+BE;IAhDJ;IACA;;EAqDQ;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EAuEQ;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAmEM;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;;AF1DN;EEUE;IACE;;EAGF;IApCJ;IACA;;EAcA;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EA+BE;IAhDJ;IACA;;EAqDQ;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EAuEQ;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAmEM;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;;AF1DN;EEUE;IACE;;EAGF;IApCJ;IACA;;EAcA;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EA+BE;IAhDJ;IACA;;EAqDQ;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EAuEQ;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAmEM;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;;AF1DN;EEUE;IACE;;EAGF;IApCJ;IACA;;EAcA;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EA+BE;IAhDJ;IACA;;EAqDQ;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EA+DM;IAhEN;IACA;;EAuEQ;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAwDU;IAxDV;;EAmEM;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;EAPF;AAAA;IAEE;;EAGF;AAAA;IAEE;;;ACrHV;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA,eXwYO;EWvYP;EACA,gBXusB4B;EWtsB5B;;AAOA;EACE;EACA;EACA,qBXitB0B;EWhtB1B;;AAGF;EACE;;AAGF;EACE;;;AAIJ;EACE;;;AAOF;EACE;;;AAUA;EACE;;;AAeF;EACE;;AAGA;EACE;;;AAOJ;EACE;;AAGF;EACE;;;AAUF;EACE;EACA;;;AAMF;EACE;EACA;;;AAQJ;EACE;EACA;;;AAQA;EACE;EACA;;;ACrIF;EAOE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAlBF;EAOE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAlBF;EAOE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAlBF;EAOE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAlBF;EAOE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAlBF;EAOE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAlBF;EAOE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AAlBF;EAOE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;;AD0IA;EACE;EACA;;;AHpFF;EGkFA;IACE;IACA;;;AHpFF;EGkFA;IACE;IACA;;;AHpFF;EGkFA;IACE;IACA;;;AHpFF;EGkFA;IACE;IACA;;;AHpFF;EGkFA;IACE;IACA;;;AE5JN;EACE,ebi2BsC;;;Aax1BxC;EACE;EACA;EACA;EhB8QI,WALI;EgBrQR,ab+lB4B;;;Aa3lB9B;EACE;EACA;EhBoQI,WALI;;;AgB3PV;EACE;EACA;EhB8PI,WALI;;;AiBtRV;EACE,Ydy1BsC;EH/jBlC,WALI;EiBjRR,Ody1BsC;;;Ae91BxC;EACE;EACA;EACA;ElBwRI,WALI;EkBhRR,adOiB;EcNjB,afymB4B;EexmB5B,Ofs3BsC;Eer3BtC,kBfg3BsC;Ee/2BtC;EACA;EACA;ECME,eDH2C;EEHzC,YFMJ;;AEFI;EFhBN;IEiBQ;;;AFGN;EACE;;AAEA;EACE;;AAKJ;EACE,Ofg2BoC;Ee/1BpC,kBf01BoC;Eez1BpC,cfw2BoC;Eev2BpC;EAKE,YfkhBkB;;Ae9gBtB;EAME;EAMA;EAKA;;AAKF;EACE;EACA;;AAIF;EACE,Ofs0BoC;Eep0BpC;;AAQF;EAEE,kBfwyBoC;EeryBpC;;AAIF;EACE;EACA;EACA,mBf+qB0B;Ee9qB1B,OfgyBoC;EkB93BtC,kBlB+hCgC;Ee/7B9B;EACA;EACA;EACA;EACA,yBf2rB0B;Ee1rB1B;EEzFE,YF0FF;;AEtFE;EF0EJ;IEzEM;;;AFwFN;EACE,kBfs7B8B;;;Ae76BlC;EACE;EACA;EACA;EACA;EACA,afwf4B;Eevf5B,OfqxBsC;EepxBtC;EACA;EACA;;AAEA;EACE;;AAGF;EAEE;EACA;;;AAWJ;EACE,YfswBsC;EerwBtC;ElByII,WALI;;AkBhIR;EACE;EACA;EACA,mBf+nB0B;;;Ae3nB9B;EACE,Yf0vBsC;EezvBtC;ElB4HI,WALI;;AkBnHR;EACE;EACA;EACA,mBfsnB0B;;;Ae9mB5B;EACE,YfuuBoC;;AepuBtC;EACE,YfouBoC;;AejuBtC;EACE,YfiuBoC;;;Ae5tBxC;EACE,Of+tBsC;Ee9tBtC,QfwtBsC;EevtBtC,Sf4kB4B;;Ae1kB5B;EACE;;AAGF;EACE;;AAIF;EACE;;AAIF;EAAoB,QfwsBkB;;AevsBtC;EAAoB,QfwsBkB;;;AmBv5BxC;EACE;EAEA;EACA;EACA;EtBqRI,WALI;EsB7QR,alBIiB;EkBHjB,anBsmB4B;EmBrmB5B,OnBm3BsC;EmBl3BtC,kBnB62BsC;EmB52BtC;EACA;EACA,qBnB09BkC;EmBz9BlC,iBnB09BkC;EmBz9BlC;EHCE;ECNE,YEQJ;EACA;;AFLI;EEfN;IFgBQ;;;AEMN;EACE,cnBg3BoC;EmB/2BpC;EAKE,YnB29B4B;;AmBv9BhC;EAEE,enBwuB0B;EmBvuB1B;;AAGF;EAEE,kBnBi1BoC;;AmB50BtC;EACE;EACA;;;AAIJ;EACE,anBiuB4B;EmBhuB5B,gBnBguB4B;EmB/tB5B,cnBguB4B;EH7fxB,WALI;;;AsBzNV;EACE,anB6tB4B;EmB5tB5B,gBnB4tB4B;EmB3tB5B,cnB4tB4B;EHjgBxB,WALI;;;AsB/MN;EACE;;;ACxEN;EACE;EACA,YpB+5BwC;EoB95BxC,cpB+5BwC;EoB95BxC,epB+5BwC;;AoB75BxC;EACE;EACA;;;AAIJ;EACE,epBq5BwC;EoBp5BxC;EACA;;AAEA;EACE;EACA;EACA;;;AAIJ;EACE;EAEA,OpBq4BwC;EoBp4BxC,QpBo4BwC;EoBn4BxC;EACA;EACA;EACA;EACA;EACA;EACA;EACA,QpBu4BwC;EoBt4BxC;EACA;;AAOA;EAEE,epB83BsC;;AoB33BxC;EACE,QpBq3BsC;;AoBl3BxC;EACE,cpBi1BoC;EoBh1BpC;EACA,YpB+foB;;AoB5ftB;EACE,kBnBRa;EmBSb,cnBTa;;AmBWb;EAII;;AAIJ;EAII;;AAKN;EACE,kBnB7Ba;EmB8Bb,cnB9Ba;EmBmCX;;AAIJ;EACE;EACA;EACA,SpB61BuC;;AoBt1BvC;EACE;EACA,SpBo1BqC;;;AoBt0B3C;EACE,cpB+0BgC;;AoB70BhC;EACE;EAEA,OpBy0B8B;EoBx0B9B;EACA;EACA;EHnHE,YGqHF;;AHjHE;EGyGJ;IHxGM;;;AGkHJ;EACE;;AAGF;EACE,qBpBw0B4B;EoBn0B1B;;AAKN;EACE,epBmzB8B;EoBlzB9B;;AAEA;EACE;EACA;;;AAKN;EACE;EACA,cpBiyBgC;;;AoB9xBlC;EACE;EACA;EACA;;AAIE;EACE;EACA;EACA,SpBkpBwB;;;AoB3oB1B;EACE;;;AClLN;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAIA;EAA0B,YrBwgCa;;AqBvgCvC;EAA0B,YrBugCa;;AqBpgCzC;EACE;;AAGF;EACE,OrBy/BuC;EqBx/BvC,QrBw/BuC;EqBv/BvC;EHzBF,kBjBqDe;EoB1Bb,QrBw/BuC;EiBvgCrC,YIkBF;EACA;;AJfE;EIMJ;IJLM;;;AIgBJ;EHjCF,kBlBwhCyC;;AqBl/BzC;EACE,OrBk+B8B;EqBj+B9B,QrBk+B8B;EqBj+B9B;EACA,QrBi+B8B;EqBh+B9B,kBrBi+B8B;EqBh+B9B;;AAKF;EACE,OrB89BuC;EqB79BvC,QrB69BuC;EkBhhCzC,kBjBqDe;EoBAb,QrB89BuC;EiBvgCrC,YI4CF;EACA;;AJzCE;EIiCJ;IJhCM;;;AI0CJ;EH3DF,kBlBwhCyC;;AqBx9BzC;EACE,OrBw8B8B;EqBv8B9B,QrBw8B8B;EqBv8B9B;EACA,QrBu8B8B;EqBt8B9B,kBrBu8B8B;EqBt8B9B;;AAKF;EACE;;AAEA;EACE,kBrB08BqC;;AqBv8BvC;EACE,kBrBs8BqC;;;AsB7hC3C;EACE;;AAEA;AAAA;AAAA;EAGE,QtBkiCoC;EsBjiCpC,atBkiCoC;;AsB/hCtC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ELPE,YKQF;;ALJE;EKVJ;ILWM;;;AKMN;AAAA;EAEE;;AAEA;AAAA;EACE;;AAGF;AAAA;AAAA;EAEE,atBugCkC;EsBtgClC,gBtBugCkC;;AsBpgCpC;AAAA;EACE,atBkgCkC;EsBjgClC,gBtBkgCkC;;AsB9/BtC;EACE,atB4/BoC;EsB3/BpC,gBtB4/BoC;;AsBr/BpC;AAAA;AAAA;AAAA;EACE;EACA,WtBs/BkC;;AsBp/BlC;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA,QtB8+BgC;EsB7+BhC;EACA,kBtB2zBgC;;AsBpzBpC;EACE;EACA,WtBq+BkC;;AsBh+BpC;EACE;;AAIJ;EACE,OtBxEO;;AsB0EP;EACE,kBtBsyBkC;;;AuB33BxC;EACE;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGE;EACA;EACA;EACA;;AAIF;AAAA;AAAA;EAGE;;AAMF;EACE;EACA;;AAEA;EACE;;;AAWN;EACE;EACA;EACA;E1B8OI,WALI;E0BvOR,atBlCiB;EsBmCjB,avBgkB4B;EuB/jB5B,OvB60BsC;EuB50BtC;EACA;EACA,kBvBo6BsC;EuBn6BtC;;;AAUF;AAAA;AAAA;AAAA;EAIE;E1BwNI,WALI;;;A0B9MV;AAAA;AAAA;AAAA;EAIE;E1B+MI,WALI;;;A0BrMV;AAAA;EAEE;;;AAmCA;EACE;;ACjGF;EACE;EACA;EACA,YxBi0BoC;EH/jBlC,WALI;E2B1PN,OxB4iCqB;;;AwBziCvB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;E3BqPE,WALI;E2B7ON,OxB+hCqB;EwB9hCrB,kBxB8hCqB;;;AwBzhCrB;AAAA;AAAA;AAAA;EAEE;;;AA/CF;EAqDE,cxBihCmB;EwB9gCjB,exBw1BgC;EwBv1BhC;EACA;EACA;EACA;;AAGF;EACE,cxBsgCiB;EwBrgCjB,YxBqgCiB;;;AwBtkCrB;EA0EI,exBs0BgC;EwBr0BhC;;;AA3EJ;EAkFE,cxBo/BmB;;AwBj/BjB;EAEE;EACA,exBo5B8B;EwBn5B9B;EACA;;AAIJ;EACE,cxBu+BiB;EwBt+BjB,YxBs+BiB;;;AwBtkCrB;EAwGI;;;AAxGJ;EA+GE,cxBu9BmB;;AwBr9BnB;EACE,kBxBo9BiB;;AwBj9BnB;EACE,YxBg9BiB;;AwB78BnB;EACE,OxB48BiB;;;AwBv8BrB;EACE;;;AAhIF;AAAA;AAAA;AAAA;AAAA;EA0IM;;;AAtHR;EACE;EACA;EACA,YxBi0BoC;EH/jBlC,WALI;E2B1PN,OxB4iCqB;;;AwBziCvB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;E3BqPE,WALI;E2B7ON,OxB+hCqB;EwB9hCrB,kBxB8hCqB;;;AwBzhCrB;AAAA;AAAA;AAAA;EAEE;;;AA/CF;EAqDE,cxBihCmB;EwB9gCjB,exBw1BgC;EwBv1BhC;EACA;EACA;EACA;;AAGF;EACE,cxBsgCiB;EwBrgCjB,YxBqgCiB;;;AwBtkCrB;EA0EI,exBs0BgC;EwBr0BhC;;;AA3EJ;EAkFE,cxBo/BmB;;AwBj/BjB;EAEE;EACA,exBo5B8B;EwBn5B9B;EACA;;AAIJ;EACE,cxBu+BiB;EwBt+BjB,YxBs+BiB;;;AwBtkCrB;EAwGI;;;AAxGJ;EA+GE,cxBu9BmB;;AwBr9BnB;EACE,kBxBo9BiB;;AwBj9BnB;EACE,YxBg9BiB;;AwB78BnB;EACE,OxB48BiB;;;AwBv8BrB;EACE;;;AAhIF;AAAA;AAAA;AAAA;AAAA;EA4IM;;;AC9IV;EAEE;EACA;EACA;E5BuRI,qBALI;E4BhRR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;E5BsQI,WALI;E4B/PR;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EPhCA,kBOkCqB;ERtBjB,YQwBJ;;ARpBI;EQhBN;IRiBQ;;;AQqBN;EACE;EAEA;EACA;;AAGF;EAEE;EACA;EACA;;AAGF;EACE;EPrDF,kBOsDuB;EACrB;EACA;EAKE;;AAIJ;EACE;EACA;EAKE;;AAIJ;EAKE;EACA;EAGA;;AAGA;EAKI;;AAKN;EAGE;EACA;EACA;EAEA;EACA;;;AAYF;ECtGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADyFA;ECtGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADyFA;ECtGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADyFA;ECtGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADyFA;ECtGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADyFA;ECtGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADyFA;ECtGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADyFA;ECtGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADyFA;ECtGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADyFA;ECtGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADmHA;ECvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AD0FA;ECvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AD0FA;ECvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AD0FA;ECvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AD0FA;ECvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AD0FA;ECvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AD0FA;ECvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AD0FA;ECvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AD0FA;ECvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AD0FA;ECvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ADsGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA,iBzBuRwC;;AyB7QxC;EACE;;AAGF;EACE;;;AAWJ;ECxIE;EACA;E7B8NI,qBALI;E6BvNR;;;ADyIF;EC5IE;EACA;E7B8NI,qBALI;E6BvNR;;;ACnEF;EVgBM,YUfJ;;AVmBI;EUpBN;IVqBQ;;;AUlBN;EACE;;;AAMF;EACE;;;AAIJ;EACE;EACA;EVDI,YUEJ;;AVEI;EULN;IVMQ;;;AUDN;EACE;EACA;EVNE,YUOF;;AVHE;EUAJ;IVCM;;;;AWpBR;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AAGF;EACE;;ACwBE;EACE;EACA,a7B6hBwB;E6B5hBxB,gB7B2hBwB;E6B1hBxB;EArCJ;EACA;EACA;EACA;;AA0DE;EACE;;;AD9CN;EAEE;EACA;EACA;EACA;EACA;E/BuQI,0BALI;E+BhQR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;E/B0OI,WALI;E+BnOR;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;;;AAwBA;EACE;;AAEA;EACE;EACA;;;AAIJ;EACE;;AAEA;EACE;EACA;;;ApB1CJ;EoB4BA;IACE;;EAEA;IACE;IACA;;EAIJ;IACE;;EAEA;IACE;IACA;;;ApB1CJ;EoB4BA;IACE;;EAEA;IACE;IACA;;EAIJ;IACE;;EAEA;IACE;IACA;;;ApB1CJ;EoB4BA;IACE;;EAEA;IACE;IACA;;EAIJ;IACE;;EAEA;IACE;IACA;;;ApB1CJ;EoB4BA;IACE;;EAEA;IACE;IACA;;EAIJ;IACE;;EAEA;IACE;IACA;;;ApB1CJ;EoB4BA;IACE;;EAEA;IACE;IACA;;EAIJ;IACE;;EAEA;IACE;IACA;;;AAUN;EACE;EACA;EACA;EACA;;ACpFA;EACE;EACA,a7B6hBwB;E6B5hBxB,gB7B2hBwB;E6B1hBxB;EA9BJ;EACA;EACA;EACA;;AAmDE;EACE;;;ADgEJ;EACE;EACA;EACA;EACA;EACA;;AClGA;EACE;EACA,a7B6hBwB;E6B5hBxB,gB7B2hBwB;E6B1hBxB;EAvBJ;EACA;EACA;EACA;;AA4CE;EACE;;AD0EF;EACE;;;AAMJ;EACE;EACA;EACA;EACA;EACA;;ACnHA;EACE;EACA,a7B6hBwB;E6B5hBxB,gB7B2hBwB;E6B1hBxB;;AAWA;EACE;;AAGF;EACE;EACA,c7B0gBsB;E6BzgBtB,gB7BwgBsB;E6BvgBtB;EAnCN;EACA;EACA;;AAsCE;EACE;;AD2FF;EACE;;;AAON;EACE;EACA;EACA;EACA;EACA;;;AAMF;EACE;EACA;EACA;EACA;EACA,a5Byb4B;E4Bxb5B;EACA;EACA;EACA;EACA;EACA;;AAGA;EAEE;EV1LF,kBU4LuB;;AAGvB;EAEE;EACA;EVlMF,kBUmMuB;;AAGvB;EAEE;EACA;EACA;;;AAMJ;EACE;;;AAIF;EACE;EACA;EACA;E/BmEI,WALI;E+B5DR;EACA;;;AAIF;EACE;EACA;EACA;;;AAIF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AEtPF;AAAA;EAEE;EACA;EACA;;AAEA;AAAA;EACE;EACA;;AAKF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AAKJ;EACE;EACA;EACA;;AAEA;EACE;;;AAQF;AAAA;EAEE;;AAiCJ;EACE;EACA;;AAEA;EAGE;;AAGF;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAoBF;EACE;EACA;EACA;;AAEA;AAAA;EAEE;;AAGF;AAAA;EAEE;;AC3HJ;EAEE;EACA;EAEA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;ElCsQI,WALI;EkC/PR;EACA;EACA;EACA;EACA;EdfI,YcgBJ;;AdZI;EcGN;IdFQ;;;AcaN;EAEE;;AAIF;EACE;EACA,Y/BkhBoB;;A+B9gBtB;EACE;EACA;EACA;;;AAQJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;;AAEA;EACE;EACA;;AAGA;EAGE;EACA;;AAGF;EAEE;EACA;EACA;;AAIJ;AAAA;EAEE;EACA;EACA;;AAGF;EAEE;;;AAWJ;EAEE;EACA;EACA;;AAME;EACE;EACA;EACA;;AAIJ;AAAA;EAEE;Eb7HF,kBa8HuB;;;AASzB;EAEE;EACA;EACA;EAGA;;AAEA;EACE;EACA;EACA;;AAEA;EAEE;;AAIJ;AAAA;EAEE,a/B8c0B;E+B7c1B;EACA;;;AAUF;AAAA;EAEE;EACA;;;AAKF;AAAA;EAEE;EACA;EACA;;;AAMF;AAAA;EACE;;;AAUF;EACE;;AAEF;EACE;;;ACzMJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;AAMA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EACE;EACA;EACA;EACA;;AAoBJ;EACE;EACA;EACA;EnC4NI,WALI;EmCrNR;EACA;EACA;;AAEA;EAEE;;;AAUJ;EAEE;EACA;EAEA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;;AAGE;EAEE;;AAIJ;EACE;;;AASJ;EACE,ahCwgCkC;EgCvgClC,gBhCugCkC;EgCtgClC;;AAEA;AAAA;AAAA;EAGE;;;AAaJ;EACE;EACA;EAGA;;;AAIF;EACE;EnCyII,WALI;EmClIR;EACA;EACA;EACA;Ef3II,Ye6IJ;;AfzII;EeiIN;IfhIQ;;;Ae0IN;EACE;;AAGF;EACE;EACA;EACA;;;AAMJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AxB1HE;EwBsIA;IAEI;IACA;;EAEA;IACE;;EAEA;IACE;;EAGF;IACE;IACA;;EAIJ;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;EAGF;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;If9NJ,YegOI;;EAGA;IACE;;EAGF;IACE;IACA;IACA;IACA;;;AxB5LR;EwBsIA;IAEI;IACA;;EAEA;IACE;;EAEA;IACE;;EAGF;IACE;IACA;;EAIJ;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;EAGF;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;If9NJ,YegOI;;EAGA;IACE;;EAGF;IACE;IACA;IACA;IACA;;;AxB5LR;EwBsIA;IAEI;IACA;;EAEA;IACE;;EAEA;IACE;;EAGF;IACE;IACA;;EAIJ;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;EAGF;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;If9NJ,YegOI;;EAGA;IACE;;EAGF;IACE;IACA;IACA;IACA;;;AxB5LR;EwBsIA;IAEI;IACA;;EAEA;IACE;;EAEA;IACE;;EAGF;IACE;IACA;;EAIJ;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;EAGF;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;If9NJ,YegOI;;EAGA;IACE;;EAGF;IACE;IACA;IACA;IACA;;;AxB5LR;EwBsIA;IAEI;IACA;;EAEA;IACE;;EAEA;IACE;;EAGF;IACE;IACA;;EAIJ;IACE;;EAGF;IACE;IACA;;EAGF;IACE;;EAGF;IAEE;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;If9NJ,YegOI;;EAGA;IACE;;EAGF;IACE;IACA;IACA;IACA;;;AAtDR;EAEI;EACA;;AAEA;EACE;;AAEA;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;;AAGF;EACE;;AAGF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;Ef9NJ,YegOI;;AAGA;EACE;;AAGF;EACE;EACA;EACA;EACA;;;AAiBZ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAME;EACE;;;ACxRN;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAIF;EACE;;AAOJ;AAAA;EAEE;;;AAIJ;EAGE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAQA;EACE;;;AAQJ;EACE;EACA;EACA;EACA;EACA;;AAOF;EACE;EACA;EACA;EACA;;AAYF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIF;AAAA;AAAA;EAGE;;;AAqBA;EACE;;AzB3HA;EyBuHJ;IAQI;IACA;;EAGA;IAEE;IACA;;EAEA;IACE;IACA;;;;ACrMR;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;ErC2PI,WALI;EqCpPR;EACA;EACA;EACA;EAEA;EjB3BI,YiB4BJ;;AjBxBI;EiBWN;IjBVQ;;;AiByBN;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EjBlDE,YiBmDF;;AjB/CE;EiBsCJ;IjBrCM;;;AiBiDN;EACE;;AAGF;EACE;EACA;EACA;EACA;;;AAIJ;EACE;;;AAGF;EACE;EACA;EACA;;AAUA;EACE;;AAmBJ;EACE;;;AASA;EACE;;AAGF;EACE;EACA;;AAGA;EAAgB;;AAChB;EAAe;;AAaf;EACE;EACA;;;AC1JN;EAEE;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EtC+QI,WALI;EsCxQR;EACA;;;AAMA;EACE;;AAEA;EACE;EACA;EACA;EACA;;AAIJ;EACE;;;ACrCJ;EAEE;EACA;EvC4RI,4BALI;EuCrRR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EjCpBA;EACA;;;AiCuBF;EACE;EACA;EACA;EvCgQI,WALI;EuCzPR;EACA;EACA;EACA;EnBpBI,YmBqBJ;;AnBjBI;EmBQN;InBPQ;;;AmBkBN;EACE;EACA;EAEA;EACA;;AAGF;EACE;EACA;EACA;EACA,SpCouCgC;EoCnuChC;;AAGF;EAEE;EACA;ElBtDF,kBkBuDuB;EACrB;;AAGF;EAEE;EACA;EACA;EACA;;;AAKF;EACE,apCusCgC;;AoC3qCpC;EClGE;EACA;ExC0RI,4BALI;EwCnRR;;;ADmGF;ECtGE;EACA;ExC0RI,4BALI;EwCnRR;;;ACFF;EAEE;EACA;EzCuRI,uBALI;EyChRR;EACA;EACA;EAGA;EACA;EzC+QI,WALI;EyCxQR;EACA;EACA;EACA;EACA;EACA;;AAKA;EACE;;;AAKJ;EACE;EACA;;;AChCF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;;AAKF;EAEE;;;AAIF;EACE,avC6kB4B;EuC5kB5B;;;AAQF;EACE,evCg+C8B;;AuC79C9B;EACE;EACA;EACA;EACA;EACA;;;AAQF;EACE;EACA;EACA;EACA;;;AAJF;EACE;EACA;EACA;EACA;;;AAJF;EACE;EACA;EACA;EACA;;;AAJF;EACE;EACA;EACA;EACA;;;AAJF;EACE;EACA;EACA;EACA;;;AAJF;EACE;EACA;EACA;EACA;;;AAJF;EACE;EACA;EACA;EACA;;;AAJF;EACE;EACA;EACA;EACA;;;AAJF;EACE;EACA;EACA;EACA;;;AAJF;EACE;EACA;EACA;EACA;;;AC5DF;EACE;IAAK,uBxCmhD2B;;;AwC9gDpC;AAAA;EAGE;E3CkRI,0BALI;E2C3QR;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;E3CsQI,WALI;E2C/PR;;;AAKF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EvBxBI,YuByBJ;;AvBrBI;EuBYN;IvBXQ;;;;AuBuBR;EtBAE;EsBEA;;;AAGF;EACE;;;AAGF;EACE;;;AAIA;EACE;;AAGE;EAJJ;IAKM;;;;AC3DR;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EAGA;EACA;;;AAIF;EACE;EACA;;AAEA;EAEE;EACA;;;AASJ;EACE;EACA;EACA;;AAGA;EAEE;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAQJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAUA;EAEE;EACA;EACA;;AAIF;EACE;EACA;EACA;EACA;;AAIF;EACE;;AAEA;EACE;EACA;;;AAaF;EACE;;AAaE;EACE;;AAGF;EACE;EACA;;AAEA;EACE;EACA;;;AjCtFR;EiC8DA;IACE;;EAaE;IACE;;EAGF;IACE;IACA;;EAEA;IACE;IACA;;;AjCtFR;EiC8DA;IACE;;EAaE;IACE;;EAGF;IACE;IACA;;EAEA;IACE;IACA;;;AjCtFR;EiC8DA;IACE;;EAaE;IACE;;EAGF;IACE;IACA;;EAEA;IACE;IACA;;;AjCtFR;EiC8DA;IACE;;EAaE;IACE;;EAGF;IACE;IACA;;EAEA;IACE;IACA;;;AjCtFR;EiC8DA;IACE;;EAaE;IACE;;EAGF;IACE;IACA;;EAEA;IACE;IACA;;;AAiBV;EACE;;AAEA;EACE;;;AAaJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAVF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAVF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAVF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAVF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAVF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAVF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAVF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAVF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAVF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC5LJ;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA,O1C+oD2B;E0C9oD3B,Q1C8oD2B;E0C7oD3B;EACA;EACA;EACA;EAEA;;AAGA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EAEE;EACA;EACA;;;AAQJ;EAHE;;;AASE;EATF;;;ACjDF;EAEE;EACA;EACA;EACA;EACA;E9CyRI,uBALI;E8ClRR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;E9C2QI,WALI;E8CpQR;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;;AAGF;EACE;;;AAIJ;EACE;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;;;AAIJ;EACE;EACA;;;AC9DF;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;;;AAOF;EACE;EACA;EACA;EAEA;;AAGA;E3B5CI,Y2B6CF;EACA,W5Cy7CgC;;AiBn+C9B;E2BwCJ;I3BvCM;;;A2B2CN;EACE,W5Cu7CgC;;A4Cn7ClC;EACE,W5Co7CgC;;;A4Ch7CpC;EACE;;AAEA;EACE;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAIA;;;AAIF;EAEE;EACA;EACA;EClHA;EACA;EACA;EACA,SDkH0B;ECjH1B;EACA;EACA,kBD+G4D;;AC5G5D;EAAS;;AACT;EAAS,SD2GiF;;;AAK5F;EACE;EACA;EACA;EACA;EACA;EACA;;AAGA;EACE;EACA;;;AAKJ;EACE;EACA;;;AAKF;EACE;EAGA;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAMA;EACE;;;ApC5GA;EoCkHF;IACE;IACA;;EAIF;IACE;IACA;IACA;;EAGF;IACE;;;ApC/HA;EoCoIF;AAAA;IAEE;;;ApCtIA;EoC2IF;IACE;;;AAUA;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;AASF;EACE;;;ApC3JJ;EoCyIA;IACE;IACA;IACA;IACA;;EAEA;IACE;IACA;;EASF;IACE;;;ApC3JJ;EoCyIA;IACE;IACA;IACA;IACA;;EAEA;IACE;IACA;;EASF;IACE;;;ApC3JJ;EoCyIA;IACE;IACA;IACA;IACA;;EAEA;IACE;IACA;;EASF;IACE;;;ApC3JJ;EoCyIA;IACE;IACA;IACA;IACA;;EAEA;IACE;IACA;;EASF;IACE;;;ApC3JJ;EoCyIA;IACE;IACA;IACA;IACA;;EAEA;IACE;IACA;;EASF;IACE;;;AEtOR;EAEE;EACA;EACA;EACA;EACA;EjDwRI,yBALI;EiDjRR;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EClBA,a/C+lB4B;E+C7lB5B;EACA,a/CwmB4B;E+CvmB5B,a/C+mB4B;E+C9mB5B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ElDgRI,WALI;EiDhQR;EACA;;AAEA;EAAS;;AAET;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;;AAKN;EACE;;AAEA;EACE;EACA;EACA;;;AAIJ;AACA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAIJ;AAEA;EACE;;AAEA;EACE;EACA;EACA;;;AAIJ;AACA;EACE;EACA;EACA;;AAEA;EACE;EACA;EACA;;;AAIJ;AAkBA;EACE;EACA;EACA;EACA;EACA;;;AEpHF;EAEE;EACA;EnD4RI,yBALI;EmDrRR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EnDmRI,gCALI;EmD5QR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EDzBA,a/C+lB4B;E+C7lB5B;EACA,a/CwmB4B;E+CvmB5B,a/C+mB4B;E+C9mB5B;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;ElDgRI,WALI;EmD1PR;EACA;EACA;EACA;;AAIA;EACE;EACA;EACA;;AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;;;AAMJ;EACE;;AAEA;EAEE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAKN;AAEE;EACE;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAKN;AAGE;EACE;;AAEA;EAEE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;AAKJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIJ;AAEE;EACE;EACA;EACA;;AAEA;EAEE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAKN;AAkBA;EACE;EACA;EnD2GI,WALI;EmDpGR;EACA;EACA;;AAGA;EACE;;;AAIJ;EACE;EACA;;;ACrLF;EACE;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;;ACtBA;EACE;EACA;EACA;;;ADuBJ;EACE;EACA;EACA;EACA;EACA;EACA;EhClBI,YgCmBJ;;AhCfI;EgCQN;IhCPQ;;;;AgCiBR;AAAA;AAAA;EAGE;;;AAGF;AAAA;EAEE;;;AAGF;AAAA;EAEE;;;AASA;EACE;EACA;EACA;;AAGF;AAAA;AAAA;EAGE;EACA;;AAGF;AAAA;EAEE;EACA;EhC5DE,YgC6DF;;AhCzDE;EgCqDJ;AAAA;IhCpDM;;;;AgCiER;AAAA;EAEE;EACA;EACA;EACA;EAEA;EACA;EACA;EACA,OjD4gDmC;EiD3gDnC;EACA,OjD1FS;EiD2FT;EACA;EACA;EACA,SjDugDmC;EiB7lD/B,YgCuFJ;;AhCnFI;EgCkEN;AAAA;IhCjEQ;;;AgCqFN;AAAA;AAAA;EAEE,OjDpGO;EiDqGP;EACA;EACA,SjD+/CiC;;;AiD5/CrC;EACE;;;AAGF;EACE;;;AAKF;AAAA;EAEE;EACA,OjDggDmC;EiD//CnC,QjD+/CmC;EiD9/CnC;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAQA;EACE;;;AAEF;EACE;;;AAQF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA,cjDw8CmC;EiDv8CnC;EACA,ajDs8CmC;;AiDp8CnC;EACE;EACA;EACA,OjDs8CiC;EiDr8CjC,QjDs8CiC;EiDr8CjC;EACA,cjDs8CiC;EiDr8CjC,ajDq8CiC;EiDp8CjC;EACA;EACA,kBjD1KO;EiD2KP;EACA;EAEA;EACA;EACA,SjD67CiC;EiBrmD/B,YgCyKF;;AhCrKE;EgCoJJ;IhCnJM;;;AgCuKN;EACE,SjD07CiC;;;AiDj7CrC;EACE;EACA;EACA,QjDo7CmC;EiDn7CnC;EACA,ajDi7CmC;EiDh7CnC,gBjDg7CmC;EiD/6CnC,OjDrMS;EiDsMT;;;AAMA;AAAA;EAEE,QjDq7CiC;;AiDl7CnC;EACE,kBjDxMO;;AiD2MT;EACE,OjD5MO;;;AiDkMT;AAAA;AAAA;EAEE,QjDq7CiC;;AiDl7CnC;EACE,kBjDxMO;;AiD2MT;EACE,OjD5MO;;;AmDdX;AAAA;EAEE;EACA;EACA;EACA;EAEA;EACA;;;AAIF;EACE;IAAK;;;AAIP;EAEE;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;;;AAGF;EAEE;EACA;EACA;;;AASF;EACE;IACE;;EAEF;IACE;IACA;;;AAKJ;EAEE;EACA;EACA;EACA;EACA;EAGA;EACA;;;AAGF;EACE;EACA;;;AAIA;EACE;AAAA;IAEE;;;AC/EN;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;A5C6DE;E4C5CF;IAEI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;InC5BA,YmC8BA;;;AnC1BA;EmCYJ;InCXM;;;ATuDJ;E4C5BE;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;;EAGF;IAEE;;EAGF;IAGE;;;A5C5BJ;E4C/BF;IAiEM;IACA;IACA;;EAEA;IACE;;EAGF;IACE;IACA;IACA;IACA;IAEA;;;;A5CnCN;E4C5CF;IAEI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;InC5BA,YmC8BA;;;AnC1BA;EmCYJ;InCXM;;;ATuDJ;E4C5BE;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;;EAGF;IAEE;;EAGF;IAGE;;;A5C5BJ;E4C/BF;IAiEM;IACA;IACA;;EAEA;IACE;;EAGF;IACE;IACA;IACA;IACA;IAEA;;;;A5CnCN;E4C5CF;IAEI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;InC5BA,YmC8BA;;;AnC1BA;EmCYJ;InCXM;;;ATuDJ;E4C5BE;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;;EAGF;IAEE;;EAGF;IAGE;;;A5C5BJ;E4C/BF;IAiEM;IACA;IACA;;EAEA;IACE;;EAGF;IACE;IACA;IACA;IACA;IAEA;;;;A5CnCN;E4C5CF;IAEI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;InC5BA,YmC8BA;;;AnC1BA;EmCYJ;InCXM;;;ATuDJ;E4C5BE;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;;EAGF;IAEE;;EAGF;IAGE;;;A5C5BJ;E4C/BF;IAiEM;IACA;IACA;;EAEA;IACE;;EAGF;IACE;IACA;IACA;IACA;IAEA;;;;A5CnCN;E4C5CF;IAEI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;InC5BA,YmC8BA;;;AnC1BA;EmCYJ;InCXM;;;ATuDJ;E4C5BE;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;;EAGF;IAEE;;EAGF;IAGE;;;A5C5BJ;E4C/BF;IAiEM;IACA;IACA;;EAEA;IACE;;EAGF;IACE;IACA;IACA;IACA;IAEA;;;;AA/ER;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EnC5BA,YmC8BA;;AnC1BA;EmCYJ;InCXM;;;AmC2BF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EAEE;;AAGF;EAGE;;;AA2BR;EPpHE;EACA;EACA;EACA,S7ComCkC;E6CnmClC;EACA;EACA,kB7CUS;;A6CPT;EAAS;;AACT;EAAS,S7C09CyB;;;AoD52CpC;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AChJF;EACE;EACA;EACA;EACA;EACA;EACA,SrDyyCkC;;AqDvyClC;EACE;EACA;;;AAKJ;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKA;EACE;;;AAIJ;EACE;IACE,SrD4wCgC;;;AqDxwCpC;EACE;EACA;EACA;;;AAGF;EACE;IACE;;;AH9CF;EACE;EACA;EACA;;;AIAF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;ACHF;EACE;EACA;;AAGE;EAGE;EACA;;;AATN;EACE;EACA;;AAGE;EAGE;EACA;;;AATN;EACE;EACA;;AAGE;EAGE;EACA;;;AATN;EACE;EACA;;AAGE;EAGE;EACA;;;AATN;EACE;EACA;;AAGE;EAGE;EACA;;;AATN;EACE;EACA;;AAGE;EAGE;EACA;;;AATN;EACE;EACA;;AAGE;EAGE;EACA;;;AATN;EACE;EACA;;AAGE;EAGE;EACA;;;AATN;EACE;EACA;;AAGE;EAGE;EACA;;;AATN;EACE;EACA;;AAGE;EAGE;EACA;;;AAOR;EACE;EACA;;AAGE;EAEE;EACA;;;AC5BN;EACE;EAEA;;;ACHF;EACE;EACA,KzD6c4B;EyD5c5B;EACA;EACA,uBzD2c4B;EyD1c5B;;AAEA;EACE;EACA,OzDuc0B;EyDtc1B,QzDsc0B;EyDrc1B;ExCIE,YwCHF;;AxCOE;EwCZJ;IxCaM;;;;AwCDJ;EACE;;;ACnBN;EACE;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;;AAKF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;ACrBJ;EACE;EACA;EACA;EACA;EACA,S3DimCkC;;;A2D9lCpC;EACE;EACA;EACA;EACA;EACA,S3DylCkC;;;A2DjlChC;EACE;EACA;EACA,S3D6kC8B;;;A2D1kChC;EACE;EACA;EACA,S3DukC8B;;;AQxiChC;EmDxCA;IACE;IACA;IACA,S3D6kC8B;;E2D1kChC;IACE;IACA;IACA,S3DukC8B;;;AQxiChC;EmDxCA;IACE;IACA;IACA,S3D6kC8B;;E2D1kChC;IACE;IACA;IACA,S3DukC8B;;;AQxiChC;EmDxCA;IACE;IACA;IACA,S3D6kC8B;;E2D1kChC;IACE;IACA;IACA,S3DukC8B;;;AQxiChC;EmDxCA;IACE;IACA;IACA,S3D6kC8B;;E2D1kChC;IACE;IACA;IACA,S3DukC8B;;;AQxiChC;EmDxCA;IACE;IACA;IACA,S3D6kC8B;;E2D1kChC;IACE;IACA;IACA,S3DukC8B;;;A4DtmCpC;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;;ACRF;AAAA;ECIE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGA;AAAA;EACE;;;ACdF;EACE;EACA;EACA;EACA;EACA;EACA,S/DgcsC;E+D/btC;;;ACRJ;ECAE;EACA;EACA;;;ACNF;EACE;EACA;EACA;EACA;EACA;EACA,SlE2rB4B;;;AmE/nBtB;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAjBJ;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AASF;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAjBJ;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AASF;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AArBJ;AAcA;EAOI;EAAA;;;AAmBJ;AA1BA;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAjBJ;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AASF;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAjBJ;EACE;;;AAIA;EACE;;;AANJ;EACE;;;AAIA;EACE;;;AANJ;EACE;;;AAIA;EACE;;;AANJ;EACE;;;AAIA;EACE;;;AANJ;EACE;;;AAIA;EACE;;;AAIJ;EAOI;;;AAKF;EAOI;;;AAnBN;EAOI;;;AAKF;EAOI;;;AAnBN;EAOI;;;AAKF;EAOI;;;AAnBN;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAjBJ;EACE;;;AAIA;EACE;;;AANJ;EACE;;;AAIA;EACE;;;AANJ;EACE;;;AAIA;EACE;;;AANJ;EACE;;;AAIA;EACE;;;AANJ;EACE;;;AAIA;EACE;;;AANJ;EACE;;;AAIA;EACE;;;AAIJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAjBJ;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AASF;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;EAAA;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAIQ;EAGJ;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;AAPJ;EAOI;;;A3DVR;E2DGI;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;;A3DVR;E2DGI;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;;A3DVR;E2DGI;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;;A3DVR;E2DGI;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;;A3DVR;E2DGI;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;IAAA;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;;ACtDZ;ED+CQ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;;ACnCZ;ED4BQ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;EAPJ;IAOI;;;AEvEZ;AAAA;EASI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGF;EACA;EAMA;EACA;EACA;EAOA;ExEyOI,sBALI;EwElOR;EACA;EAKA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAOA;EACA;EACA;EAEA;EACA;EAMA;EACA;EAGA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EAGA;EACA;EACA;EACA;EAIA;EACA;EACA;EAIA;EACA;EACA;EACA;;;AvErHE;EuE2HA;EAGA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAGE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAOF;EACA;EACA;EACA;EAEA;EAEA;EACA;EAEA;EACA;EACA;EACA;;;ACrLJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;AAAA;;;AAIF;EACE;;;AAMA;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE","file":"themed-bootstrap.css"}
\ No newline at end of file
diff --git a/src/stable/components/Button/Button.css b/src/stable/components/Button/Button.css
new file mode 100644
index 00000000..671d61a5
--- /dev/null
+++ b/src/stable/components/Button/Button.css
@@ -0,0 +1,796 @@
+.btn {
+ --cod-btn-padding-x: 0.75em;
+ --cod-btn-padding-y: 0.375em;
+ --cod-btn-font-family: ;
+ --cod-btn-font-size: 1em;
+ --cod-btn-font-weight: 400;
+ --cod-btn-line-height: 1.5;
+ --cod-btn-color: var(--cod-body-color);
+ --cod-btn-bg: transparent;
+ --cod-btn-border-width: var(--cod-border-width);
+ --cod-btn-border-color: transparent;
+ --cod-btn-border-radius: var(--cod-border-radius);
+ --cod-btn-hover-border-color: transparent;
+ --cod-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
+ 0 1px 1px rgba(0, 0, 0, 0.075);
+ --cod-btn-disabled-opacity: 0.65;
+ --cod-btn-focus-box-shadow: 0 0 0 0.25em
+ rgba(var(--cod-btn-focus-shadow-rgb), 0.5);
+ display: inline-block;
+ padding: var(--cod-btn-padding-y) var(--cod-btn-padding-x);
+ font-family: var(--cod-btn-font-family);
+ font-size: var(--cod-btn-font-size);
+ font-weight: var(--cod-btn-font-weight);
+ line-height: var(--cod-btn-line-height);
+ color: var(--cod-btn-color);
+ text-align: center;
+ text-decoration: none;
+ vertical-align: middle;
+ cursor: pointer;
+ user-select: none;
+ border: var(--cod-btn-border-width) solid var(--cod-btn-border-color);
+ background-color: var(--cod-btn-bg);
+ transition:
+ color 0.15s ease-in-out,
+ background-color 0.15s ease-in-out,
+ border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .btn {
+ transition: none;
+ }
+}
+.btn:hover {
+ color: var(--cod-btn-hover-color);
+ background-color: var(--cod-btn-hover-bg);
+ border-color: var(--cod-btn-hover-border-color);
+}
+.btn-check + .btn:hover {
+ color: var(--cod-btn-color);
+ background-color: var(--cod-btn-bg);
+ border-color: var(--cod-btn-border-color);
+}
+.btn:focus-visible {
+ color: var(--cod-btn-hover-color);
+ background-color: var(--cod-btn-hover-bg);
+ border-color: var(--cod-btn-hover-border-color);
+ outline: 0;
+ box-shadow: var(--cod-btn-focus-box-shadow);
+}
+.btn-check:focus-visible + .btn {
+ border-color: var(--cod-btn-hover-border-color);
+ outline: 0;
+ box-shadow: var(--cod-btn-focus-box-shadow);
+}
+.btn-check:checked + .btn,
+:not(.btn-check) + .btn:active,
+.btn:first-child:active,
+.btn.active,
+.btn.show {
+ color: var(--cod-btn-active-color);
+ background-color: var(--cod-btn-active-bg);
+ border-color: var(--cod-btn-active-border-color);
+}
+.btn-check:checked + .btn:focus-visible,
+:not(.btn-check) + .btn:active:focus-visible,
+.btn:first-child:active:focus-visible,
+.btn.active:focus-visible,
+.btn.show:focus-visible {
+ box-shadow: var(--cod-btn-focus-box-shadow);
+}
+.btn:disabled,
+.btn.disabled,
+fieldset:disabled .btn {
+ color: var(--cod-btn-disabled-color);
+ pointer-events: none;
+ background-color: var(--cod-btn-disabled-bg);
+ border-color: var(--cod-btn-disabled-border-color);
+ opacity: var(--cod-btn-disabled-opacity);
+}
+
+.btn-primary {
+ --cod-btn-color: #fff;
+ --cod-btn-bg: #004445;
+ --cod-btn-border-color: #004445;
+ --cod-btn-hover-color: #fff;
+ --cod-btn-hover-bg: #003a3b;
+ --cod-btn-hover-border-color: #003637;
+ --cod-btn-focus-shadow-rgb: 38, 96, 97;
+ --cod-btn-active-color: #fff;
+ --cod-btn-active-bg: #003637;
+ --cod-btn-active-border-color: #003334;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #fff;
+ --cod-btn-disabled-bg: #004445;
+ --cod-btn-disabled-border-color: #004445;
+}
+
+.btn-secondary {
+ --cod-btn-color: #000;
+ --cod-btn-bg: #f2f2f2;
+ --cod-btn-border-color: #f2f2f2;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #f4f4f4;
+ --cod-btn-hover-border-color: #f3f3f3;
+ --cod-btn-focus-shadow-rgb: 206, 206, 206;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: whitesmoke;
+ --cod-btn-active-border-color: #f3f3f3;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #000;
+ --cod-btn-disabled-bg: #f2f2f2;
+ --cod-btn-disabled-border-color: #f2f2f2;
+}
+
+.btn-success {
+ --cod-btn-color: #000;
+ --cod-btn-bg: #9fd5b3;
+ --cod-btn-border-color: #9fd5b3;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #addbbe;
+ --cod-btn-hover-border-color: #a9d9bb;
+ --cod-btn-focus-shadow-rgb: 135, 181, 152;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: #b2ddc2;
+ --cod-btn-active-border-color: #a9d9bb;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #000;
+ --cod-btn-disabled-bg: #9fd5b3;
+ --cod-btn-disabled-border-color: #9fd5b3;
+}
+
+.btn-info {
+ --cod-btn-color: #fff;
+ --cod-btn-bg: #004445;
+ --cod-btn-border-color: #004445;
+ --cod-btn-hover-color: #fff;
+ --cod-btn-hover-bg: #003a3b;
+ --cod-btn-hover-border-color: #003637;
+ --cod-btn-focus-shadow-rgb: 38, 96, 97;
+ --cod-btn-active-color: #fff;
+ --cod-btn-active-bg: #003637;
+ --cod-btn-active-border-color: #003334;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #fff;
+ --cod-btn-disabled-bg: #004445;
+ --cod-btn-disabled-border-color: #004445;
+}
+
+.btn-warning {
+ --cod-btn-color: #000;
+ --cod-btn-bg: #feb70d;
+ --cod-btn-border-color: #feb70d;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #fec231;
+ --cod-btn-hover-border-color: #febe25;
+ --cod-btn-focus-shadow-rgb: 216, 156, 11;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: #fec53d;
+ --cod-btn-active-border-color: #febe25;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #000;
+ --cod-btn-disabled-bg: #feb70d;
+ --cod-btn-disabled-border-color: #feb70d;
+}
+
+.btn-danger {
+ --cod-btn-color: #fff;
+ --cod-btn-bg: #b3393b;
+ --cod-btn-border-color: #b3393b;
+ --cod-btn-hover-color: #fff;
+ --cod-btn-hover-bg: #983032;
+ --cod-btn-hover-border-color: #8f2e2f;
+ --cod-btn-focus-shadow-rgb: 190, 87, 88;
+ --cod-btn-active-color: #fff;
+ --cod-btn-active-bg: #8f2e2f;
+ --cod-btn-active-border-color: #862b2c;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #fff;
+ --cod-btn-disabled-bg: #b3393b;
+ --cod-btn-disabled-border-color: #b3393b;
+}
+
+.btn-light {
+ --cod-btn-color: #000;
+ --cod-btn-bg: #fff;
+ --cod-btn-border-color: #fff;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #d9d9d9;
+ --cod-btn-hover-border-color: #cccccc;
+ --cod-btn-focus-shadow-rgb: 217, 217, 217;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: #cccccc;
+ --cod-btn-active-border-color: #bfbfbf;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #000;
+ --cod-btn-disabled-bg: #fff;
+ --cod-btn-disabled-border-color: #fff;
+}
+
+.btn-dark {
+ --cod-btn-color: #fff;
+ --cod-btn-bg: #18252a;
+ --cod-btn-border-color: #18252a;
+ --cod-btn-hover-color: #fff;
+ --cod-btn-hover-bg: #3b464a;
+ --cod-btn-hover-border-color: #2f3b3f;
+ --cod-btn-focus-shadow-rgb: 59, 70, 74;
+ --cod-btn-active-color: #fff;
+ --cod-btn-active-bg: #465155;
+ --cod-btn-active-border-color: #2f3b3f;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #fff;
+ --cod-btn-disabled-bg: #18252a;
+ --cod-btn-disabled-border-color: #18252a;
+}
+
+.btn-accent-primary {
+ --cod-btn-color: #000;
+ --cod-btn-bg: #feb70d;
+ --cod-btn-border-color: #feb70d;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #fec231;
+ --cod-btn-hover-border-color: #febe25;
+ --cod-btn-focus-shadow-rgb: 216, 156, 11;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: #fec53d;
+ --cod-btn-active-border-color: #febe25;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #000;
+ --cod-btn-disabled-bg: #feb70d;
+ --cod-btn-disabled-border-color: #feb70d;
+}
+
+.btn-accent-secondary {
+ --cod-btn-color: #000;
+ --cod-btn-bg: #9fd5b3;
+ --cod-btn-border-color: #9fd5b3;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #addbbe;
+ --cod-btn-hover-border-color: #a9d9bb;
+ --cod-btn-focus-shadow-rgb: 135, 181, 152;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: #b2ddc2;
+ --cod-btn-active-border-color: #a9d9bb;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #000;
+ --cod-btn-disabled-bg: #9fd5b3;
+ --cod-btn-disabled-border-color: #9fd5b3;
+}
+
+.btn-outline-primary {
+ --cod-btn-color: #004445;
+ --cod-btn-border-color: #004445;
+ --cod-btn-hover-color: #fff;
+ --cod-btn-hover-bg: #004445;
+ --cod-btn-hover-border-color: #004445;
+ --cod-btn-focus-shadow-rgb: 0, 68, 69;
+ --cod-btn-active-color: #fff;
+ --cod-btn-active-bg: #004445;
+ --cod-btn-active-border-color: #004445;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #004445;
+ --cod-btn-disabled-bg: transparent;
+ --cod-btn-disabled-border-color: #004445;
+ --cod-gradient: none;
+}
+
+.btn-outline-secondary {
+ --cod-btn-color: #f2f2f2;
+ --cod-btn-border-color: #f2f2f2;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #f2f2f2;
+ --cod-btn-hover-border-color: #f2f2f2;
+ --cod-btn-focus-shadow-rgb: 242, 242, 242;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: #f2f2f2;
+ --cod-btn-active-border-color: #f2f2f2;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #f2f2f2;
+ --cod-btn-disabled-bg: transparent;
+ --cod-btn-disabled-border-color: #f2f2f2;
+ --cod-gradient: none;
+}
+
+.btn-outline-success {
+ --cod-btn-color: #9fd5b3;
+ --cod-btn-border-color: #9fd5b3;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #9fd5b3;
+ --cod-btn-hover-border-color: #9fd5b3;
+ --cod-btn-focus-shadow-rgb: 159, 213, 179;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: #9fd5b3;
+ --cod-btn-active-border-color: #9fd5b3;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #9fd5b3;
+ --cod-btn-disabled-bg: transparent;
+ --cod-btn-disabled-border-color: #9fd5b3;
+ --cod-gradient: none;
+}
+
+.btn-outline-info {
+ --cod-btn-color: #004445;
+ --cod-btn-border-color: #004445;
+ --cod-btn-hover-color: #fff;
+ --cod-btn-hover-bg: #004445;
+ --cod-btn-hover-border-color: #004445;
+ --cod-btn-focus-shadow-rgb: 0, 68, 69;
+ --cod-btn-active-color: #fff;
+ --cod-btn-active-bg: #004445;
+ --cod-btn-active-border-color: #004445;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #004445;
+ --cod-btn-disabled-bg: transparent;
+ --cod-btn-disabled-border-color: #004445;
+ --cod-gradient: none;
+}
+
+.btn-outline-warning {
+ --cod-btn-color: #feb70d;
+ --cod-btn-border-color: #feb70d;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #feb70d;
+ --cod-btn-hover-border-color: #feb70d;
+ --cod-btn-focus-shadow-rgb: 254, 183, 13;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: #feb70d;
+ --cod-btn-active-border-color: #feb70d;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #feb70d;
+ --cod-btn-disabled-bg: transparent;
+ --cod-btn-disabled-border-color: #feb70d;
+ --cod-gradient: none;
+}
+
+.btn-outline-danger {
+ --cod-btn-color: #b3393b;
+ --cod-btn-border-color: #b3393b;
+ --cod-btn-hover-color: #fff;
+ --cod-btn-hover-bg: #b3393b;
+ --cod-btn-hover-border-color: #b3393b;
+ --cod-btn-focus-shadow-rgb: 179, 57, 59;
+ --cod-btn-active-color: #fff;
+ --cod-btn-active-bg: #b3393b;
+ --cod-btn-active-border-color: #b3393b;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #b3393b;
+ --cod-btn-disabled-bg: transparent;
+ --cod-btn-disabled-border-color: #b3393b;
+ --cod-gradient: none;
+}
+
+.btn-outline-light {
+ --cod-btn-color: #fff;
+ --cod-btn-border-color: #fff;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #fff;
+ --cod-btn-hover-border-color: #fff;
+ --cod-btn-focus-shadow-rgb: 255, 255, 255;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: #fff;
+ --cod-btn-active-border-color: #fff;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #fff;
+ --cod-btn-disabled-bg: transparent;
+ --cod-btn-disabled-border-color: #fff;
+ --cod-gradient: none;
+}
+
+.btn-outline-dark {
+ --cod-btn-color: #18252a;
+ --cod-btn-border-color: #18252a;
+ --cod-btn-hover-color: #fff;
+ --cod-btn-hover-bg: #18252a;
+ --cod-btn-hover-border-color: #18252a;
+ --cod-btn-focus-shadow-rgb: 24, 37, 42;
+ --cod-btn-active-color: #fff;
+ --cod-btn-active-bg: #18252a;
+ --cod-btn-active-border-color: #18252a;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #18252a;
+ --cod-btn-disabled-bg: transparent;
+ --cod-btn-disabled-border-color: #18252a;
+ --cod-gradient: none;
+}
+
+.btn-outline-accent-primary {
+ --cod-btn-color: #feb70d;
+ --cod-btn-border-color: #feb70d;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #feb70d;
+ --cod-btn-hover-border-color: #feb70d;
+ --cod-btn-focus-shadow-rgb: 254, 183, 13;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: #feb70d;
+ --cod-btn-active-border-color: #feb70d;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #feb70d;
+ --cod-btn-disabled-bg: transparent;
+ --cod-btn-disabled-border-color: #feb70d;
+ --cod-gradient: none;
+}
+
+.btn-outline-accent-secondary {
+ --cod-btn-color: #9fd5b3;
+ --cod-btn-border-color: #9fd5b3;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #9fd5b3;
+ --cod-btn-hover-border-color: #9fd5b3;
+ --cod-btn-focus-shadow-rgb: 159, 213, 179;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: #9fd5b3;
+ --cod-btn-active-border-color: #9fd5b3;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #9fd5b3;
+ --cod-btn-disabled-bg: transparent;
+ --cod-btn-disabled-border-color: #9fd5b3;
+ --cod-gradient: none;
+}
+
+.btn-link {
+ --cod-btn-font-weight: 400;
+ --cod-btn-color: var(--cod-link-color);
+ --cod-btn-bg: transparent;
+ --cod-btn-border-color: transparent;
+ --cod-btn-hover-color: var(--cod-link-hover-color);
+ --cod-btn-hover-border-color: transparent;
+ --cod-btn-active-color: var(--cod-link-hover-color);
+ --cod-btn-active-border-color: transparent;
+ --cod-btn-disabled-color: #6c757d;
+ --cod-btn-disabled-border-color: transparent;
+ --cod-btn-box-shadow: 0 0 0 #000;
+ --cod-btn-focus-shadow-rgb: 38, 96, 97;
+ text-decoration: underline;
+}
+.btn-link:focus-visible {
+ color: var(--cod-btn-color);
+}
+.btn-link:hover {
+ color: var(--cod-btn-hover-color);
+}
+
+.btn-lg {
+ --cod-btn-padding-y: 0.5em;
+ --cod-btn-padding-x: 1em;
+ --cod-btn-font-size: 1.25em;
+ --cod-btn-border-radius: var(--cod-border-radius-lg);
+}
+
+.btn-sm {
+ --cod-btn-padding-y: 0.25em;
+ --cod-btn-padding-x: 0.5em;
+ --cod-btn-font-size: 1em;
+ --cod-btn-border-radius: var(--cod-border-radius-sm);
+}
+
+:host,
+[data-bs-theme='light'] {
+ --cod-blue: #0d6efd;
+ --cod-indigo: #6610f2;
+ --cod-purple: #6f42c1;
+ --cod-pink: #d63384;
+ --cod-red: #dc3545;
+ --cod-orange: #fd7e14;
+ --cod-yellow: #ffc107;
+ --cod-green: #198754;
+ --cod-teal: #20c997;
+ --cod-cyan: #0dcaf0;
+ --cod-black: #000;
+ --cod-white: #fff;
+ --cod-gray: #6c757d;
+ --cod-gray-dark: #343a40;
+ --cod-gray-100: #f8f9fa;
+ --cod-gray-200: #e9ecef;
+ --cod-gray-300: #dee2e6;
+ --cod-gray-400: #ced4da;
+ --cod-gray-500: #adb5bd;
+ --cod-gray-600: #6c757d;
+ --cod-gray-700: #495057;
+ --cod-gray-800: #343a40;
+ --cod-gray-900: #212529;
+ --cod-primary: #004445;
+ --cod-secondary: #f2f2f2;
+ --cod-success: #9fd5b3;
+ --cod-info: #004445;
+ --cod-warning: #feb70d;
+ --cod-danger: #b3393b;
+ --cod-light: #fff;
+ --cod-dark: #18252a;
+ --cod-accent-primary: #feb70d;
+ --cod-accent-secondary: #9fd5b3;
+ --cod-primary-rgb: 0, 68, 69;
+ --cod-secondary-rgb: 242, 242, 242;
+ --cod-success-rgb: 159, 213, 179;
+ --cod-info-rgb: 0, 68, 69;
+ --cod-warning-rgb: 254, 183, 13;
+ --cod-danger-rgb: 179, 57, 59;
+ --cod-light-rgb: 255, 255, 255;
+ --cod-dark-rgb: 24, 37, 42;
+ --cod-accent-primary-rgb: 254, 183, 13;
+ --cod-accent-secondary-rgb: 159, 213, 179;
+ --cod-primary-text-emphasis: #001b1c;
+ --cod-secondary-text-emphasis: #616161;
+ --cod-success-text-emphasis: #405548;
+ --cod-info-text-emphasis: #001b1c;
+ --cod-warning-text-emphasis: #664905;
+ --cod-danger-text-emphasis: #481718;
+ --cod-light-text-emphasis: #495057;
+ --cod-dark-text-emphasis: #495057;
+ --cod-primary-bg-subtle: #ccdada;
+ --cod-secondary-bg-subtle: #fcfcfc;
+ --cod-success-bg-subtle: #ecf7f0;
+ --cod-info-bg-subtle: #ccdada;
+ --cod-warning-bg-subtle: #fff1cf;
+ --cod-danger-bg-subtle: #f0d7d8;
+ --cod-light-bg-subtle: #fcfcfd;
+ --cod-dark-bg-subtle: #ced4da;
+ --cod-primary-border-subtle: #99b4b5;
+ --cod-secondary-border-subtle: #fafafa;
+ --cod-success-border-subtle: #d9eee1;
+ --cod-info-border-subtle: #99b4b5;
+ --cod-warning-border-subtle: #ffe29e;
+ --cod-danger-border-subtle: #e1b0b1;
+ --cod-light-border-subtle: #e9ecef;
+ --cod-dark-border-subtle: #adb5bd;
+ --cod-white-rgb: 255, 255, 255;
+ --cod-black-rgb: 0, 0, 0;
+ --cod-font-sans-serif: 'Montserrat', sans-serif;
+ --cod-font-monospace: 'Montserrat', sans-serif;
+ --cod-gradient: linear-gradient(
+ 180deg,
+ rgba(255, 255, 255, 0.15),
+ rgba(255, 255, 255, 0)
+ );
+ --cod-body-font-family: var(--cod-font-sans-serif);
+ --cod-body-font-size: 1em;
+ --cod-body-font-weight: 500;
+ --cod-body-line-height: 1.5;
+ --cod-body-color: #212529;
+ --cod-body-color-rgb: 33, 37, 41;
+ --cod-body-bg: #fff;
+ --cod-body-bg-rgb: 255, 255, 255;
+ --cod-emphasis-color: #000;
+ --cod-emphasis-color-rgb: 0, 0, 0;
+ --cod-secondary-color: rgba(33, 37, 41, 0.75);
+ --cod-secondary-color-rgb: 33, 37, 41;
+ --cod-secondary-bg: #e9ecef;
+ --cod-secondary-bg-rgb: 233, 236, 239;
+ --cod-tertiary-color: rgba(33, 37, 41, 0.5);
+ --cod-tertiary-color-rgb: 33, 37, 41;
+ --cod-tertiary-bg: #f8f9fa;
+ --cod-tertiary-bg-rgb: 248, 249, 250;
+ --cod-link-color: #004445;
+ --cod-link-color-rgb: 0, 68, 69;
+ --cod-link-decoration: underline;
+ --cod-link-hover-color: #003637;
+ --cod-link-hover-color-rgb: 0, 54, 55;
+ --cod-code-color: #d63384;
+ --cod-highlight-bg: #fff3cd;
+ --cod-border-width: 1px;
+ --cod-border-style: solid;
+ --cod-border-color: #dee2e6;
+ --cod-border-color-translucent: rgba(0, 0, 0, 0.175);
+ --cod-border-radius: 0.375em;
+ --cod-border-radius-sm: 0.25em;
+ --cod-border-radius-lg: 0.5em;
+ --cod-border-radius-xl: 1em;
+ --cod-border-radius-xxl: 2em;
+ --cod-border-radius-2xl: var(--cod-border-radius-xxl);
+ --cod-border-radius-pill: 50em;
+ --cod-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
+ --cod-box-shadow-sm: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);
+ --cod-box-shadow-lg: 0 1em 3em rgba(0, 0, 0, 0.175);
+ --cod-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+ --cod-focus-ring-width: 0.25em;
+ --cod-focus-ring-opacity: 1;
+ --cod-focus-ring-color: blue;
+ --cod-form-valid-color: #9fd5b3;
+ --cod-form-valid-border-color: #9fd5b3;
+ --cod-form-invalid-color: #b3393b;
+ --cod-form-invalid-border-color: #b3393b;
+}
+
+[data-bs-theme='dark'] {
+ color-scheme: dark;
+ --cod-body-color: #adb5bd;
+ --cod-body-color-rgb: 173, 181, 189;
+ --cod-body-bg: #212529;
+ --cod-body-bg-rgb: 33, 37, 41;
+ --cod-emphasis-color: #fff;
+ --cod-emphasis-color-rgb: 255, 255, 255;
+ --cod-secondary-color: rgba(173, 181, 189, 0.75);
+ --cod-secondary-color-rgb: 173, 181, 189;
+ --cod-secondary-bg: #343a40;
+ --cod-secondary-bg-rgb: 52, 58, 64;
+ --cod-tertiary-color: rgba(173, 181, 189, 0.5);
+ --cod-tertiary-color-rgb: 173, 181, 189;
+ --cod-tertiary-bg: #2b3035;
+ --cod-tertiary-bg-rgb: 43, 48, 53;
+ --cod-primary-text-emphasis: #668f8f;
+ --cod-secondary-text-emphasis: #f7f7f7;
+ --cod-success-text-emphasis: #c5e6d1;
+ --cod-info-text-emphasis: #668f8f;
+ --cod-warning-text-emphasis: #fed46e;
+ --cod-danger-text-emphasis: #d18889;
+ --cod-light-text-emphasis: #f8f9fa;
+ --cod-dark-text-emphasis: #dee2e6;
+ --cod-primary-bg-subtle: #000e0e;
+ --cod-secondary-bg-subtle: #303030;
+ --cod-success-bg-subtle: #202b24;
+ --cod-info-bg-subtle: #000e0e;
+ --cod-warning-bg-subtle: #332503;
+ --cod-danger-bg-subtle: #240b0c;
+ --cod-light-bg-subtle: #343a40;
+ --cod-dark-bg-subtle: #1a1d20;
+ --cod-primary-border-subtle: #002929;
+ --cod-secondary-border-subtle: #919191;
+ --cod-success-border-subtle: #5f806b;
+ --cod-info-border-subtle: #002929;
+ --cod-warning-border-subtle: #986e08;
+ --cod-danger-border-subtle: #6b2223;
+ --cod-light-border-subtle: #495057;
+ --cod-dark-border-subtle: #343a40;
+ --cod-link-color: #668f8f;
+ --cod-link-hover-color: #85a5a5;
+ --cod-link-color-rgb: 102, 143, 143;
+ --cod-link-hover-color-rgb: 133, 165, 165;
+ --cod-code-color: #e685b5;
+ --cod-border-color: #495057;
+ --cod-border-color-translucent: rgba(255, 255, 255, 0.15);
+ --cod-form-valid-color: #75b798;
+ --cod-form-valid-border-color: #75b798;
+ --cod-form-invalid-color: #ea868f;
+ --cod-form-invalid-border-color: #ea868f;
+}
+
+h1,
+.h1 {
+ border-left: 0.1em solid #feb70d;
+ padding-left: 0.25em;
+}
+
+.title-line {
+ border-left: none;
+ border-bottom: 0.1em solid #feb70d;
+}
+
+b,
+strong {
+ font-weight: 700;
+}
+
+.btn {
+ --cod-btn-focus-box-shadow: 0 0 0 0.25em
+ rgba(var(--cod-btn-focus-shadow-rgb), 1);
+}
+
+.btn:focus-visible {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-primary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-secondary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-success {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-info {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-warning {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-danger {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-light {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-dark {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-accent-primary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-accent-secondary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+:host {
+ display: inline-block;
+}
+
+slot[name='prefix']::slotted(*) {
+ margin-inline-end: 0.25em;
+}
+
+slot[name='suffix']::slotted(*) {
+ margin-inline-start: 0.25em;
+}
+
+.caret-container {
+ margin-inline-start: 0.25em;
+}
+
+.caret {
+ display: inline-block;
+ width: 0;
+ height: 0;
+ margin-left: 0.25em;
+ vertical-align: middle;
+ border-top: 0.25em solid;
+ border-right: 0.25em solid transparent;
+ border-left: 0.25em solid transparent;
+}
+
+.spinner-border {
+ display: none;
+ width: 1em;
+ height: 1em;
+ margin-inline-start: 0.5em;
+}
+
+.btn:disabled,
+.btn.disabled:disabled,
+fieldset:disabled .btn:disabled {
+ pointer-events: auto;
+ cursor: not-allowed;
+}
+.btn:disabled:active,
+.btn:disabled.active,
+.btn-check:checked + .btn:disabled,
+.btn.disabled:disabled:active,
+.btn.disabled:disabled.active,
+.btn-check:checked + .btn.disabled:disabled,
+fieldset:disabled .btn:disabled:active,
+fieldset:disabled .btn:disabled.active,
+.btn-check:checked + fieldset:disabled .btn:disabled {
+ color: var(--cod-btn-disabled-color) !important;
+ background-color: var(--cod-btn-disabled-bg) !important;
+ border-color: var(--cod-btn-disabled-border-color) !important;
+ box-shadow: none !important;
+}
+
+.btn {
+ position: relative;
+ box-sizing: border-box;
+}
+.btn cod-spinner {
+ display: none;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ z-index: 1;
+}
+.btn.loading {
+ position: relative;
+ cursor: wait;
+}
+.btn.loading cod-spinner {
+ display: inline-block;
+}
+.btn.loading slot {
+ visibility: hidden;
+}
+
+.btn-square {
+ --cod-btn-line-height: 0;
+ --cod-btn-padding-x: var(--cod-btn-padding-y);
+}
+
+/*# sourceMappingURL=Button.css.map */
diff --git a/src/stable/components/Button/Button.css.map b/src/stable/components/Button/Button.css.map
new file mode 100644
index 00000000..9eb26558
--- /dev/null
+++ b/src/stable/components/Button/Button.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../node_modules/bootstrap/scss/_buttons.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/mixins/_gradients.scss","../../../../node_modules/bootstrap/scss/mixins/_transition.scss","../../../../node_modules/bootstrap/scss/mixins/_buttons.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../../scss/_cod-uxds-bs-host.scss","../../../../node_modules/bootstrap/scss/mixins/_color-mode.scss","../../../scss/_cod-uxds-style-guide.scss","Button.scss"],"names":[],"mappings":"AAIA;EAEE;EACA;EACA;ECuRI,qBALI;EDhRR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;ECsQI,WALI;ED/PR;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EEhCA,kBFkCqB;EGtBjB,YHwBJ;;AGpBI;EHhBN;IGiBQ;;;AHqBN;EACE;EAEA;EACA;;AAGF;EAEE;EACA;EACA;;AAGF;EACE;EErDF,kBFsDuB;EACrB;EACA;EAKE;;AAIJ;EACE;EACA;EAKE;;AAIJ;EAKE;EACA;EAGA;;AAGA;EAKI;;AAKN;EAGE;EACA;EACA;EAEA;EACA;;;AAYF;EItGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJyFA;EItGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJyFA;EItGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJyFA;EItGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJyFA;EItGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJyFA;EItGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJyFA;EItGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJyFA;EItGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJyFA;EItGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJyFA;EItGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJmHA;EIvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJ0FA;EIvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJ0FA;EIvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJ0FA;EIvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJ0FA;EIvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJ0FA;EIvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJ0FA;EIvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJ0FA;EIvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJ0FA;EIvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJ0FA;EIvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJsGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA,iBKuRwC;;AL7QxC;EACE;;AAGF;EACE;;;AAWJ;EIxIE;EACA;EH8NI,qBALI;EGvNR;;;AJyIF;EI5IE;EACA;EH8NI,qBALI;EGvNR;;;AEjEF;AAAA;EASI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGF;EACA;EAMA;EACA;EACA;EAOA;ELyOI,sBALI;EKlOR;EACA;EAKA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAOA;EACA;EACA;EAEA;EACA;EAMA;EACA;EAGA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EAGA;EACA;EACA;EACA;EAIA;EACA;EACA;EAIA;EACA;EACA;EACA;;;ACrHE;ED2HA;EAGA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAGE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAOF;EACA;EACA;EACA;EAEA;EAEA;EACA;EAEA;EACA;EACA;EACA;;;AErLJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;AAAA;;;AAIF;EACE;;;AAMA;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;ACxBJ;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAIF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;EACA;EACA;;;AAMA;AAAA;AAAA;EACE;EACA;;AAGA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAIE;EACA;EACA;EAEA;;;AAMN;EACE;EACA;;AAGA;EACE;EACA;EACA;EACA;EACA;EACA;;AAIF;EACE;EACA;;AAGA;EACE;;AAIF;EACE;;;AAKN;EACE;EACA","file":"Button.css"}
\ No newline at end of file
diff --git a/src/stable/components/Button/Button.js b/src/stable/components/Button/Button.js
new file mode 100644
index 00000000..0c7db165
--- /dev/null
+++ b/src/stable/components/Button/Button.js
@@ -0,0 +1,428 @@
+import styles from '!!raw-loader!./Button.css';
+
+const template = document.createElement('template');
+template.innerHTML = `
+
+
+
+
+`;
+
+export default class Button extends HTMLElement {
+ static get observedAttributes() {
+ return [
+ 'variant',
+ 'size',
+ 'outline',
+ 'disabled',
+ 'caret',
+ 'loading',
+ 'href',
+ 'target',
+ 'download',
+ 'rel',
+ 'square',
+ ];
+ }
+
+ constructor() {
+ super();
+ const shadow = this.attachShadow({ mode: 'open' });
+ shadow.appendChild(template.content.cloneNode(true));
+
+ // Add styles
+ const itemStyles = document.createElement('style');
+ itemStyles.textContent = styles;
+ shadow.appendChild(itemStyles);
+
+ // Initialize properties with defaults
+ this._state = {
+ variant: 'default',
+ size: 'medium',
+ outline: false,
+ disabled: false,
+ caret: false,
+ loading: false,
+ href: '',
+ target: '',
+ download: '',
+ rel: '',
+ square: false,
+ };
+
+ // Bind event handlers
+ this._handleClick = this._handleClick.bind(this);
+ }
+
+ attributeChangedCallback(name, oldValue, newValue) {
+ // Early return if value hasn't changed
+ if (oldValue === newValue) return;
+
+ switch (name) {
+ case 'variant':
+ this._state.variant = newValue || 'default';
+ break;
+ case 'size':
+ this._state.size = newValue || 'medium';
+ break;
+ case 'outline':
+ this._state.outline = newValue !== null;
+ break;
+ case 'disabled':
+ this._state.disabled = newValue !== null;
+ break;
+ case 'caret':
+ this._state.caret = newValue !== null;
+ break;
+ case 'loading':
+ this._state.loading = newValue !== null;
+ break;
+ case 'href':
+ this._state.href = newValue || '';
+ break;
+ case 'target':
+ this._state.target = newValue || '';
+ break;
+ case 'download':
+ this._state.download = newValue || '';
+ break;
+ case 'rel':
+ this._state.rel = newValue || '';
+ break;
+ case 'square':
+ this._state.square = newValue !== null;
+ break;
+ }
+
+ // Re-render the component whenever an attribute changes
+ this._render();
+ }
+
+ connectedCallback() {
+ // Set up event listeners
+ this.addEventListener('click', this._handleClick);
+
+ // Initialize state from attributes
+ this._state.variant = this.getAttribute('variant') || 'default';
+ this._state.size = this.getAttribute('size') || 'medium';
+ this._state.outline = this.hasAttribute('outline');
+ this._state.disabled = this.hasAttribute('disabled');
+ this._state.caret = this.hasAttribute('caret');
+ this._state.loading = this.hasAttribute('loading');
+ this._state.href = this.getAttribute('href') || '';
+ this._state.target = this.getAttribute('target') || '';
+ this._state.download = this.getAttribute('download') || '';
+ this._state.rel = this.getAttribute('rel') || '';
+ this._state.square = this.hasAttribute('square');
+
+ // Initial render
+ this._render();
+ }
+
+ disconnectedCallback() {
+ // Clean up event listeners
+ this.removeEventListener('click', this._handleClick);
+ }
+
+ _render() {
+ // Determine if we need to render as a button or an anchor
+ const isLink = Boolean(this._state.href);
+
+ if (isLink && this.shadowRoot.querySelector('button')) {
+ // Replace button with anchor
+ const button = this.shadowRoot.querySelector('button');
+ const anchor = document.createElement('a');
+
+ // Copy all children from button to anchor
+ while (button.firstChild) {
+ anchor.appendChild(button.firstChild);
+ }
+
+ // Copy classes and part attribute
+ anchor.className = button.className;
+ anchor.setAttribute('part', button.getAttribute('part') || 'base');
+
+ // Replace button with anchor
+ button.replaceWith(anchor);
+ } else if (!isLink && this.shadowRoot.querySelector('a')) {
+ // Replace anchor with button
+ const anchor = this.shadowRoot.querySelector('a');
+ const button = document.createElement('button');
+
+ // Copy all children from anchor to button
+ while (anchor.firstChild) {
+ button.appendChild(anchor.firstChild);
+ }
+
+ // Copy classes and part attribute
+ button.className = anchor.className;
+ button.setAttribute('part', anchor.getAttribute('part') || 'base');
+
+ // Replace anchor with button
+ anchor.replaceWith(button);
+ }
+
+ // Get the current root element (button or anchor)
+ const element = isLink
+ ? this.shadowRoot.querySelector('a')
+ : this.shadowRoot.querySelector('button');
+
+ // Update element classes based on variant and size
+ this._renderVariant(element);
+ this._renderSize(element);
+ this._renderOutline(element);
+ this._renderSquare(element);
+
+ // Set attributes for link
+ if (isLink) {
+ element.href = this._state.href;
+ if (this._state.target) {
+ element.target = this._state.target;
+ // Add rel for security when target="_blank"
+ if (this._state.target === '_blank') {
+ element.rel = this._state.rel || 'noreferrer noopener';
+ } else if (this._state.rel) {
+ element.rel = this._state.rel;
+ }
+ }
+ if (this._state.download) {
+ element.download = this._state.download;
+ }
+ }
+
+ // Handle disabled state
+ element.disabled = isLink ? false : this._state.disabled;
+ element.setAttribute('aria-disabled', this._state.disabled.toString());
+ if (isLink && this._state.disabled) {
+ element.classList.add('disabled');
+ element.setAttribute('tabindex', '-1');
+ element.style.pointerEvents = 'none';
+ } else if (isLink) {
+ element.classList.remove('disabled');
+ element.removeAttribute('tabindex');
+ element.style.pointerEvents = '';
+ }
+
+ // Show/hide caret
+ const caretContainer = this.shadowRoot.querySelector('.caret-container');
+ if (caretContainer) {
+ caretContainer.style.display = this._state.caret
+ ? 'inline-block'
+ : 'none';
+ }
+
+ // Show/hide loading spinner
+ const spinner = this.shadowRoot.querySelector('cod-spinner');
+ if (spinner) {
+ if (this._state.loading) {
+ element.classList.add('loading');
+
+ // Ensure the spinner size matches the button size
+ if (this._state.size === 'large') {
+ spinner.setAttribute('data-size', 'md');
+ } else {
+ spinner.setAttribute('data-size', 'sm');
+ }
+
+ // Set spinner color based on button variant
+ if (
+ this._state.variant === 'primary' ||
+ this._state.variant === 'danger' ||
+ this._state.variant === 'dark'
+ ) {
+ // For variants with light text on dark backgrounds
+ spinner.setAttribute('data-background-color', 'light');
+ } else {
+ // For variants with dark text on light backgrounds
+ spinner.setAttribute('data-background-color', 'dark');
+ }
+ } else {
+ element.classList.remove('loading');
+ }
+ }
+ }
+
+ _renderSquare(element) {
+ if (this._state.square) {
+ element.classList.add('btn-square');
+ } else {
+ element.classList.remove('btn-square');
+ }
+ }
+
+ _renderVariant(element) {
+ // Remove all variant classes
+ element.classList.remove(
+ 'btn-primary',
+ 'btn-secondary',
+ 'btn-success',
+ 'btn-danger',
+ 'btn-warning',
+ 'btn-info',
+ 'btn-light',
+ 'btn-dark',
+ 'btn-link',
+ 'btn-neutral',
+ 'btn-text',
+ );
+
+ // Map component variant values to Bootstrap classes
+ const variantMap = {
+ default: '',
+ primary: 'btn-primary',
+ secondary: 'btn-secondary',
+ 'accent-primary': 'btn-accent-primary',
+ 'accent-secondary': 'btn-accent-secondary',
+ success: 'btn-success',
+ danger: 'btn-danger',
+ warning: 'btn-warning',
+ info: 'btn-info',
+ neutral: 'btn-light',
+ text: 'btn-link',
+ };
+
+ // Add the appropriate variant class
+ if (this._state.variant === 'text') {
+ element.classList.add('btn-link');
+ // Add additional styling for text buttons
+ element.style.padding = '0';
+ element.style.verticalAlign = 'baseline';
+ } else if (variantMap[this._state.variant]) {
+ element.classList.add(variantMap[this._state.variant]);
+ element.style.padding = '';
+ element.style.verticalAlign = '';
+ } else {
+ // Default to secondary if variant is not recognized
+ element.classList.add('btn-secondary');
+ element.style.padding = '';
+ element.style.verticalAlign = '';
+ }
+ }
+
+ _renderSize(element) {
+ // Remove all size classes
+ element.classList.remove('btn-sm', 'btn-lg');
+
+ // Add the appropriate size class
+ if (this._state.size === 'small') {
+ element.classList.add('btn-sm');
+ } else if (this._state.size === 'large') {
+ element.classList.add('btn-lg');
+ }
+ // Medium is the default size, no class needed
+ }
+
+ _renderOutline(element) {
+ // Handle outline variant by replacing btn-* with btn-outline-*
+ if (this._state.outline && this._state.variant !== 'text') {
+ for (const className of Array.from(element.classList)) {
+ if (
+ className.startsWith('btn-') &&
+ !className.startsWith('btn-outline-') &&
+ className !== 'btn-link'
+ ) {
+ element.classList.remove(className);
+ element.classList.add(`btn-outline-${className.substring(4)}`);
+ }
+ }
+ } else {
+ // Remove outline classes if outline is false
+ for (const className of Array.from(element.classList)) {
+ if (className.startsWith('btn-outline-')) {
+ element.classList.remove(className);
+ element.classList.add(`btn-${className.substring(11)}`);
+ }
+ }
+ }
+ }
+
+ _handleClick(event) {
+ // Prevent default action when disabled or loading
+ if (this._state.disabled || this._state.loading) {
+ event.preventDefault();
+ event.stopPropagation();
+ }
+ }
+
+ // Getters and setters
+ get variant() {
+ return this._state.variant;
+ }
+
+ set variant(value) {
+ this.setAttribute('variant', value);
+ }
+
+ get square() {
+ return this._state.square;
+ }
+
+ set square(value) {
+ if (value) {
+ this.setAttribute('square', '');
+ } else {
+ this.removeAttribute('square');
+ }
+ }
+
+ get size() {
+ return this._state.size;
+ }
+
+ set size(value) {
+ this.setAttribute('size', value);
+ }
+
+ get outline() {
+ return this._state.outline;
+ }
+
+ set outline(value) {
+ if (value) {
+ this.setAttribute('outline', '');
+ } else {
+ this.removeAttribute('outline');
+ }
+ }
+
+ get disabled() {
+ return this._state.disabled;
+ }
+
+ set disabled(value) {
+ if (value) {
+ this.setAttribute('disabled', '');
+ } else {
+ this.removeAttribute('disabled');
+ }
+ }
+
+ get caret() {
+ return this._state.caret;
+ }
+
+ set caret(value) {
+ if (value) {
+ this.setAttribute('caret', '');
+ } else {
+ this.removeAttribute('caret');
+ }
+ }
+
+ get loading() {
+ return this._state.loading;
+ }
+
+ set loading(value) {
+ if (value) {
+ this.setAttribute('loading', '');
+ } else {
+ this.removeAttribute('loading');
+ }
+ }
+}
diff --git a/src/stable/components/Button/Button.scss b/src/stable/components/Button/Button.scss
new file mode 100644
index 00000000..21a81d31
--- /dev/null
+++ b/src/stable/components/Button/Button.scss
@@ -0,0 +1,105 @@
+@import '../../../scss/cod-uxds-bs-base';
+@import '../../../scss/cod-uxds-bs-utilities';
+
+// Import Bootstrap button styles
+@import 'bootstrap/scss/buttons';
+
+// Override bootstrap _root.scss
+@import '../../../scss/cod-uxds-bs-host';
+@import '../../../scss/cod-uxds-style-guide';
+
+// Custom button styles
+:host {
+ display: inline-block;
+}
+
+// Handle prefix and suffix slots
+slot[name='prefix']::slotted(*) {
+ margin-inline-end: 0.25em;
+}
+
+slot[name='suffix']::slotted(*) {
+ margin-inline-start: 0.25em;
+}
+
+// Caret styles
+.caret-container {
+ margin-inline-start: 0.25em;
+}
+
+.caret {
+ display: inline-block;
+ width: 0;
+ height: 0;
+ margin-left: 0.25em;
+ vertical-align: middle;
+ border-top: 0.25em solid;
+ border-right: 0.25em solid transparent;
+ border-left: 0.25em solid transparent;
+}
+
+// Spinner styles
+.spinner-border {
+ display: none;
+ width: 1em;
+ height: 1em;
+ margin-inline-start: 0.5em;
+}
+
+.btn,
+.btn.disabled,
+fieldset:disabled .btn {
+ &:disabled {
+ pointer-events: auto;
+ cursor: not-allowed;
+
+ // Prevent active styles when disabled
+ &:active,
+ &.active,
+ .btn-check:checked + & {
+ // Reset to match the disabled styles
+ color: var(--cod-btn-disabled-color) !important;
+ background-color: var(--cod-btn-disabled-bg) !important;
+ border-color: var(--cod-btn-disabled-border-color) !important;
+ // No box-shadow on active+disabled
+ box-shadow: none !important;
+ }
+ }
+}
+
+// Base button styles
+.btn {
+ position: relative;
+ box-sizing: border-box;
+
+ // Spinner styles
+ cod-spinner {
+ display: none;
+ position: absolute;
+ top: 50%;
+ left: 50%;
+ transform: translate(-50%, -50%);
+ z-index: 1;
+ }
+
+ // Loading state
+ &.loading {
+ position: relative;
+ cursor: wait;
+
+ // Show spinner when loading
+ cod-spinner {
+ display: inline-block;
+ }
+
+ // Hide content when loading
+ slot {
+ visibility: hidden;
+ }
+ }
+}
+
+.btn-square {
+ --cod-btn-line-height: 0;
+ --cod-btn-padding-x: var(--cod-btn-padding-y);
+}
diff --git a/src/experimental/components/atoms/Button/cod-button.js b/src/stable/components/Button/cod-button.js
similarity index 100%
rename from src/experimental/components/atoms/Button/cod-button.js
rename to src/stable/components/Button/cod-button.js
diff --git a/src/stable/components/ButtonGroup/ButtonGroup.css b/src/stable/components/ButtonGroup/ButtonGroup.css
new file mode 100644
index 00000000..0171e3f5
--- /dev/null
+++ b/src/stable/components/ButtonGroup/ButtonGroup.css
@@ -0,0 +1,347 @@
+.btn-group,
+.btn-group-vertical {
+ position: relative;
+ display: inline-flex;
+ vertical-align: middle;
+}
+.btn-group > .btn,
+.btn-group-vertical > .btn {
+ position: relative;
+ flex: 1 1 auto;
+}
+.btn-group > .btn-check:checked + .btn,
+.btn-group > .btn-check:focus + .btn,
+.btn-group > .btn:hover,
+.btn-group > .btn:focus,
+.btn-group > .btn:active,
+.btn-group > .btn.active,
+.btn-group-vertical > .btn-check:checked + .btn,
+.btn-group-vertical > .btn-check:focus + .btn,
+.btn-group-vertical > .btn:hover,
+.btn-group-vertical > .btn:focus,
+.btn-group-vertical > .btn:active,
+.btn-group-vertical > .btn.active {
+ z-index: 1;
+}
+
+.btn-toolbar {
+ display: flex;
+ flex-wrap: wrap;
+ justify-content: flex-start;
+}
+.btn-toolbar .input-group {
+ width: auto;
+}
+
+.btn-group > :not(.btn-check:first-child) + .btn,
+.btn-group > .btn-group:not(:first-child) {
+ margin-left: calc(var(--cod-border-width) * -1);
+}
+.dropdown-toggle-split {
+ padding-right: 0.5625em;
+ padding-left: 0.5625em;
+}
+.dropdown-toggle-split::after,
+.dropup .dropdown-toggle-split::after,
+.dropend .dropdown-toggle-split::after {
+ margin-left: 0;
+}
+.dropstart .dropdown-toggle-split::before {
+ margin-right: 0;
+}
+
+.btn-sm + .dropdown-toggle-split,
+.btn-group-sm > .btn + .dropdown-toggle-split {
+ padding-right: 0.375em;
+ padding-left: 0.375em;
+}
+
+.btn-lg + .dropdown-toggle-split,
+.btn-group-lg > .btn + .dropdown-toggle-split {
+ padding-right: 0.75em;
+ padding-left: 0.75em;
+}
+
+.btn-group-vertical {
+ flex-direction: column;
+ align-items: flex-start;
+ justify-content: center;
+}
+.btn-group-vertical > .btn,
+.btn-group-vertical > .btn-group {
+ width: 100%;
+}
+.btn-group-vertical > .btn:not(:first-child),
+.btn-group-vertical > .btn-group:not(:first-child) {
+ margin-top: calc(var(--cod-border-width) * -1);
+}
+:host,
+[data-bs-theme='light'] {
+ --cod-blue: #0d6efd;
+ --cod-indigo: #6610f2;
+ --cod-purple: #6f42c1;
+ --cod-pink: #d63384;
+ --cod-red: #dc3545;
+ --cod-orange: #fd7e14;
+ --cod-yellow: #ffc107;
+ --cod-green: #198754;
+ --cod-teal: #20c997;
+ --cod-cyan: #0dcaf0;
+ --cod-black: #000;
+ --cod-white: #fff;
+ --cod-gray: #6c757d;
+ --cod-gray-dark: #343a40;
+ --cod-gray-100: #f8f9fa;
+ --cod-gray-200: #e9ecef;
+ --cod-gray-300: #dee2e6;
+ --cod-gray-400: #ced4da;
+ --cod-gray-500: #adb5bd;
+ --cod-gray-600: #6c757d;
+ --cod-gray-700: #495057;
+ --cod-gray-800: #343a40;
+ --cod-gray-900: #212529;
+ --cod-primary: #004445;
+ --cod-secondary: #f2f2f2;
+ --cod-success: #9fd5b3;
+ --cod-info: #004445;
+ --cod-warning: #feb70d;
+ --cod-danger: #b3393b;
+ --cod-light: #fff;
+ --cod-dark: #18252a;
+ --cod-accent-primary: #feb70d;
+ --cod-accent-secondary: #9fd5b3;
+ --cod-primary-rgb: 0, 68, 69;
+ --cod-secondary-rgb: 242, 242, 242;
+ --cod-success-rgb: 159, 213, 179;
+ --cod-info-rgb: 0, 68, 69;
+ --cod-warning-rgb: 254, 183, 13;
+ --cod-danger-rgb: 179, 57, 59;
+ --cod-light-rgb: 255, 255, 255;
+ --cod-dark-rgb: 24, 37, 42;
+ --cod-accent-primary-rgb: 254, 183, 13;
+ --cod-accent-secondary-rgb: 159, 213, 179;
+ --cod-primary-text-emphasis: #001b1c;
+ --cod-secondary-text-emphasis: #616161;
+ --cod-success-text-emphasis: #405548;
+ --cod-info-text-emphasis: #001b1c;
+ --cod-warning-text-emphasis: #664905;
+ --cod-danger-text-emphasis: #481718;
+ --cod-light-text-emphasis: #495057;
+ --cod-dark-text-emphasis: #495057;
+ --cod-primary-bg-subtle: #ccdada;
+ --cod-secondary-bg-subtle: #fcfcfc;
+ --cod-success-bg-subtle: #ecf7f0;
+ --cod-info-bg-subtle: #ccdada;
+ --cod-warning-bg-subtle: #fff1cf;
+ --cod-danger-bg-subtle: #f0d7d8;
+ --cod-light-bg-subtle: #fcfcfd;
+ --cod-dark-bg-subtle: #ced4da;
+ --cod-primary-border-subtle: #99b4b5;
+ --cod-secondary-border-subtle: #fafafa;
+ --cod-success-border-subtle: #d9eee1;
+ --cod-info-border-subtle: #99b4b5;
+ --cod-warning-border-subtle: #ffe29e;
+ --cod-danger-border-subtle: #e1b0b1;
+ --cod-light-border-subtle: #e9ecef;
+ --cod-dark-border-subtle: #adb5bd;
+ --cod-white-rgb: 255, 255, 255;
+ --cod-black-rgb: 0, 0, 0;
+ --cod-font-sans-serif: 'Montserrat', sans-serif;
+ --cod-font-monospace: 'Montserrat', sans-serif;
+ --cod-gradient: linear-gradient(
+ 180deg,
+ rgba(255, 255, 255, 0.15),
+ rgba(255, 255, 255, 0)
+ );
+ --cod-body-font-family: var(--cod-font-sans-serif);
+ --cod-body-font-size: 1em;
+ --cod-body-font-weight: 500;
+ --cod-body-line-height: 1.5;
+ --cod-body-color: #212529;
+ --cod-body-color-rgb: 33, 37, 41;
+ --cod-body-bg: #fff;
+ --cod-body-bg-rgb: 255, 255, 255;
+ --cod-emphasis-color: #000;
+ --cod-emphasis-color-rgb: 0, 0, 0;
+ --cod-secondary-color: rgba(33, 37, 41, 0.75);
+ --cod-secondary-color-rgb: 33, 37, 41;
+ --cod-secondary-bg: #e9ecef;
+ --cod-secondary-bg-rgb: 233, 236, 239;
+ --cod-tertiary-color: rgba(33, 37, 41, 0.5);
+ --cod-tertiary-color-rgb: 33, 37, 41;
+ --cod-tertiary-bg: #f8f9fa;
+ --cod-tertiary-bg-rgb: 248, 249, 250;
+ --cod-link-color: #004445;
+ --cod-link-color-rgb: 0, 68, 69;
+ --cod-link-decoration: underline;
+ --cod-link-hover-color: #003637;
+ --cod-link-hover-color-rgb: 0, 54, 55;
+ --cod-code-color: #d63384;
+ --cod-highlight-bg: #fff3cd;
+ --cod-border-width: 1px;
+ --cod-border-style: solid;
+ --cod-border-color: #dee2e6;
+ --cod-border-color-translucent: rgba(0, 0, 0, 0.175);
+ --cod-border-radius: 0.375em;
+ --cod-border-radius-sm: 0.25em;
+ --cod-border-radius-lg: 0.5em;
+ --cod-border-radius-xl: 1em;
+ --cod-border-radius-xxl: 2em;
+ --cod-border-radius-2xl: var(--cod-border-radius-xxl);
+ --cod-border-radius-pill: 50em;
+ --cod-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
+ --cod-box-shadow-sm: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);
+ --cod-box-shadow-lg: 0 1em 3em rgba(0, 0, 0, 0.175);
+ --cod-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+ --cod-focus-ring-width: 0.25em;
+ --cod-focus-ring-opacity: 1;
+ --cod-focus-ring-color: blue;
+ --cod-form-valid-color: #9fd5b3;
+ --cod-form-valid-border-color: #9fd5b3;
+ --cod-form-invalid-color: #b3393b;
+ --cod-form-invalid-border-color: #b3393b;
+}
+
+[data-bs-theme='dark'] {
+ color-scheme: dark;
+ --cod-body-color: #adb5bd;
+ --cod-body-color-rgb: 173, 181, 189;
+ --cod-body-bg: #212529;
+ --cod-body-bg-rgb: 33, 37, 41;
+ --cod-emphasis-color: #fff;
+ --cod-emphasis-color-rgb: 255, 255, 255;
+ --cod-secondary-color: rgba(173, 181, 189, 0.75);
+ --cod-secondary-color-rgb: 173, 181, 189;
+ --cod-secondary-bg: #343a40;
+ --cod-secondary-bg-rgb: 52, 58, 64;
+ --cod-tertiary-color: rgba(173, 181, 189, 0.5);
+ --cod-tertiary-color-rgb: 173, 181, 189;
+ --cod-tertiary-bg: #2b3035;
+ --cod-tertiary-bg-rgb: 43, 48, 53;
+ --cod-primary-text-emphasis: #668f8f;
+ --cod-secondary-text-emphasis: #f7f7f7;
+ --cod-success-text-emphasis: #c5e6d1;
+ --cod-info-text-emphasis: #668f8f;
+ --cod-warning-text-emphasis: #fed46e;
+ --cod-danger-text-emphasis: #d18889;
+ --cod-light-text-emphasis: #f8f9fa;
+ --cod-dark-text-emphasis: #dee2e6;
+ --cod-primary-bg-subtle: #000e0e;
+ --cod-secondary-bg-subtle: #303030;
+ --cod-success-bg-subtle: #202b24;
+ --cod-info-bg-subtle: #000e0e;
+ --cod-warning-bg-subtle: #332503;
+ --cod-danger-bg-subtle: #240b0c;
+ --cod-light-bg-subtle: #343a40;
+ --cod-dark-bg-subtle: #1a1d20;
+ --cod-primary-border-subtle: #002929;
+ --cod-secondary-border-subtle: #919191;
+ --cod-success-border-subtle: #5f806b;
+ --cod-info-border-subtle: #002929;
+ --cod-warning-border-subtle: #986e08;
+ --cod-danger-border-subtle: #6b2223;
+ --cod-light-border-subtle: #495057;
+ --cod-dark-border-subtle: #343a40;
+ --cod-link-color: #668f8f;
+ --cod-link-hover-color: #85a5a5;
+ --cod-link-color-rgb: 102, 143, 143;
+ --cod-link-hover-color-rgb: 133, 165, 165;
+ --cod-code-color: #e685b5;
+ --cod-border-color: #495057;
+ --cod-border-color-translucent: rgba(255, 255, 255, 0.15);
+ --cod-form-valid-color: #75b798;
+ --cod-form-valid-border-color: #75b798;
+ --cod-form-invalid-color: #ea868f;
+ --cod-form-invalid-border-color: #ea868f;
+}
+
+h1,
+.h1 {
+ border-left: 0.1em solid #feb70d;
+ padding-left: 0.25em;
+}
+
+.title-line {
+ border-left: none;
+ border-bottom: 0.1em solid #feb70d;
+}
+
+b,
+strong {
+ font-weight: 700;
+}
+
+.btn {
+ --cod-btn-focus-box-shadow: 0 0 0 0.25em
+ rgba(var(--cod-btn-focus-shadow-rgb), 1);
+}
+
+.btn:focus-visible {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-primary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-secondary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-success {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-info {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-warning {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-danger {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-light {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-dark {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-accent-primary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-accent-secondary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+:host {
+ display: inline-block;
+}
+
+::slotted(cod-button) {
+ margin: 0 !important;
+}
+
+::slotted(cod-button:not(:first-child)) ::part(base) {
+ margin-left: -1px;
+}
+
+::slotted(cod-button) {
+ position: relative;
+}
+
+::slotted(cod-button:hover) {
+ z-index: 1;
+}
+
+::slotted(cod-button:focus-within) {
+ z-index: 2;
+}
+
+/*# sourceMappingURL=ButtonGroup.css.map */
diff --git a/src/stable/components/ButtonGroup/ButtonGroup.css.map b/src/stable/components/ButtonGroup/ButtonGroup.css.map
new file mode 100644
index 00000000..092587ba
--- /dev/null
+++ b/src/stable/components/ButtonGroup/ButtonGroup.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../node_modules/bootstrap/scss/_button-group.scss","../../../scss/_cod-uxds-bs-host.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/mixins/_color-mode.scss","../../../scss/_cod-uxds-style-guide.scss","ButtonGroup.scss"],"names":[],"mappings":"AACA;AAAA;EAEE;EACA;EACA;;AAEA;AAAA;EACE;EACA;;AAKF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EAME;;;AAKJ;EACE;EACA;EACA;;AAEA;EACE;;;AAQF;AAAA;EAEE;;AAiCJ;EACE;EACA;;AAEA;EAGE;;AAGF;EACE;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAoBF;EACE;EACA;EACA;;AAEA;AAAA;EAEE;;AAGF;AAAA;EAEE;;AC9HJ;AAAA;EASI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGF;EACA;EAMA;EACA;EACA;EAOA;ECyOI,sBALI;EDlOR;EACA;EAKA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAOA;EACA;EACA;EAEA;EACA;EAMA;EACA;EAGA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EAGA;EACA;EACA;EACA;EAIA;EACA;EACA;EAIA;EACA;EACA;EACA;;;AErHE;EF2HA;EAGA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAGE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAOF;EACA;EACA;EACA;EAEA;EAEA;EACA;EAEA;EACA;EACA;EACA;;;AGrLJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;AAAA;;;AAIF;EACE;;;AAMA;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;ACxBJ;EACE;;;AAIF;EACE;;;AAIF;EACE;;;AAIF;EACE;;;AAGF;EACE;;;AAGF;EACE","file":"ButtonGroup.css"}
\ No newline at end of file
diff --git a/src/stable/components/ButtonGroup/ButtonGroup.js b/src/stable/components/ButtonGroup/ButtonGroup.js
new file mode 100644
index 00000000..4735a844
--- /dev/null
+++ b/src/stable/components/ButtonGroup/ButtonGroup.js
@@ -0,0 +1,68 @@
+import styles from '!!raw-loader!./ButtonGroup.css';
+
+const template = document.createElement('template');
+template.innerHTML = `
+
+
+`;
+
+export default class ButtonGroup extends HTMLElement {
+ static get observedAttributes() {
+ return ['label'];
+ }
+
+ constructor() {
+ super();
+ const shadow = this.attachShadow({ mode: 'open' });
+ shadow.appendChild(template.content.cloneNode(true));
+
+ // Add styles
+ const itemStyles = document.createElement('style');
+ itemStyles.textContent = styles;
+ shadow.appendChild(itemStyles);
+
+ // Initialize properties with defaults
+ this._state = {
+ label: '',
+ };
+ }
+
+ attributeChangedCallback(name, oldValue, newValue) {
+ // Early return if value hasn't changed
+ if (oldValue === newValue) return;
+
+ if (name === 'label') {
+ this._state.label = newValue || '';
+ this._render();
+ }
+ }
+
+ connectedCallback() {
+ // Initialize state from attributes
+ this._state.label = this.getAttribute('label') || '';
+
+ // Initial render
+ this._render();
+ }
+
+ _render() {
+ const btnGroup = this.shadowRoot.querySelector('.btn-group');
+
+ // Apply ARIA label if provided
+ if (this._state.label) {
+ btnGroup.setAttribute('aria-label', this._state.label);
+ } else {
+ btnGroup.removeAttribute('aria-label');
+ }
+ }
+
+ // Getters and setters
+ get label() {
+ return this._state.label;
+ }
+
+ set label(value) {
+ this.setAttribute('label', value);
+ }
+}
diff --git a/src/stable/components/ButtonGroup/ButtonGroup.scss b/src/stable/components/ButtonGroup/ButtonGroup.scss
new file mode 100644
index 00000000..81084544
--- /dev/null
+++ b/src/stable/components/ButtonGroup/ButtonGroup.scss
@@ -0,0 +1,37 @@
+@import '../../../scss/cod-uxds-bs-base';
+@import '../../../scss/cod-uxds-bs-utilities';
+
+// Import Bootstrap button group styles
+@import 'bootstrap/scss/button-group';
+
+// Override bootstrap _root.scss
+@import '../../../scss/cod-uxds-bs-host';
+@import '../../../scss/cod-uxds-style-guide';
+
+// Host styles
+:host {
+ display: inline-block;
+}
+
+// Ensure buttons inside slots have proper styling
+::slotted(cod-button) {
+ margin: 0 !important;
+}
+
+// Fix borders to make buttons look connected
+::slotted(cod-button:not(:first-child)) ::part(base) {
+ margin-left: -1px;
+}
+
+// Fix z-index for hover and focus states
+::slotted(cod-button) {
+ position: relative;
+}
+
+::slotted(cod-button:hover) {
+ z-index: 1;
+}
+
+::slotted(cod-button:focus-within) {
+ z-index: 2;
+}
diff --git a/src/experimental/components/molecules/ButtonGroup/cod-button-group.js b/src/stable/components/ButtonGroup/cod-button-group.js
similarity index 100%
rename from src/experimental/components/molecules/ButtonGroup/cod-button-group.js
rename to src/stable/components/ButtonGroup/cod-button-group.js
diff --git a/src/stable/components/Callout/Callout.css b/src/stable/components/Callout/Callout.css
new file mode 100644
index 00000000..2d159b6c
--- /dev/null
+++ b/src/stable/components/Callout/Callout.css
@@ -0,0 +1,375 @@
+:host,
+[data-bs-theme='light'] {
+ --cod-blue: #0d6efd;
+ --cod-indigo: #6610f2;
+ --cod-purple: #6f42c1;
+ --cod-pink: #d63384;
+ --cod-red: #dc3545;
+ --cod-orange: #fd7e14;
+ --cod-yellow: #ffc107;
+ --cod-green: #198754;
+ --cod-teal: #20c997;
+ --cod-cyan: #0dcaf0;
+ --cod-black: #000;
+ --cod-white: #fff;
+ --cod-gray: #6c757d;
+ --cod-gray-dark: #343a40;
+ --cod-gray-100: #f8f9fa;
+ --cod-gray-200: #e9ecef;
+ --cod-gray-300: #dee2e6;
+ --cod-gray-400: #ced4da;
+ --cod-gray-500: #adb5bd;
+ --cod-gray-600: #6c757d;
+ --cod-gray-700: #495057;
+ --cod-gray-800: #343a40;
+ --cod-gray-900: #212529;
+ --cod-primary: #004445;
+ --cod-secondary: #f2f2f2;
+ --cod-success: #9fd5b3;
+ --cod-info: #004445;
+ --cod-warning: #feb70d;
+ --cod-danger: #b3393b;
+ --cod-light: #fff;
+ --cod-dark: #18252a;
+ --cod-accent-primary: #feb70d;
+ --cod-accent-secondary: #9fd5b3;
+ --cod-primary-rgb: 0, 68, 69;
+ --cod-secondary-rgb: 242, 242, 242;
+ --cod-success-rgb: 159, 213, 179;
+ --cod-info-rgb: 0, 68, 69;
+ --cod-warning-rgb: 254, 183, 13;
+ --cod-danger-rgb: 179, 57, 59;
+ --cod-light-rgb: 255, 255, 255;
+ --cod-dark-rgb: 24, 37, 42;
+ --cod-accent-primary-rgb: 254, 183, 13;
+ --cod-accent-secondary-rgb: 159, 213, 179;
+ --cod-primary-text-emphasis: #001b1c;
+ --cod-secondary-text-emphasis: #616161;
+ --cod-success-text-emphasis: #405548;
+ --cod-info-text-emphasis: #001b1c;
+ --cod-warning-text-emphasis: #664905;
+ --cod-danger-text-emphasis: #481718;
+ --cod-light-text-emphasis: #495057;
+ --cod-dark-text-emphasis: #495057;
+ --cod-primary-bg-subtle: #ccdada;
+ --cod-secondary-bg-subtle: #fcfcfc;
+ --cod-success-bg-subtle: #ecf7f0;
+ --cod-info-bg-subtle: #ccdada;
+ --cod-warning-bg-subtle: #fff1cf;
+ --cod-danger-bg-subtle: #f0d7d8;
+ --cod-light-bg-subtle: #fcfcfd;
+ --cod-dark-bg-subtle: #ced4da;
+ --cod-primary-border-subtle: #99b4b5;
+ --cod-secondary-border-subtle: #fafafa;
+ --cod-success-border-subtle: #d9eee1;
+ --cod-info-border-subtle: #99b4b5;
+ --cod-warning-border-subtle: #ffe29e;
+ --cod-danger-border-subtle: #e1b0b1;
+ --cod-light-border-subtle: #e9ecef;
+ --cod-dark-border-subtle: #adb5bd;
+ --cod-white-rgb: 255, 255, 255;
+ --cod-black-rgb: 0, 0, 0;
+ --cod-font-sans-serif: 'Montserrat', sans-serif;
+ --cod-font-monospace: 'Montserrat', sans-serif;
+ --cod-gradient: linear-gradient(
+ 180deg,
+ rgba(255, 255, 255, 0.15),
+ rgba(255, 255, 255, 0)
+ );
+ --cod-body-font-family: var(--cod-font-sans-serif);
+ --cod-body-font-size: 1em;
+ --cod-body-font-weight: 500;
+ --cod-body-line-height: 1.5;
+ --cod-body-color: #212529;
+ --cod-body-color-rgb: 33, 37, 41;
+ --cod-body-bg: #fff;
+ --cod-body-bg-rgb: 255, 255, 255;
+ --cod-emphasis-color: #000;
+ --cod-emphasis-color-rgb: 0, 0, 0;
+ --cod-secondary-color: rgba(33, 37, 41, 0.75);
+ --cod-secondary-color-rgb: 33, 37, 41;
+ --cod-secondary-bg: #e9ecef;
+ --cod-secondary-bg-rgb: 233, 236, 239;
+ --cod-tertiary-color: rgba(33, 37, 41, 0.5);
+ --cod-tertiary-color-rgb: 33, 37, 41;
+ --cod-tertiary-bg: #f8f9fa;
+ --cod-tertiary-bg-rgb: 248, 249, 250;
+ --cod-link-color: #004445;
+ --cod-link-color-rgb: 0, 68, 69;
+ --cod-link-decoration: underline;
+ --cod-link-hover-color: #003637;
+ --cod-link-hover-color-rgb: 0, 54, 55;
+ --cod-code-color: #d63384;
+ --cod-highlight-bg: #fff3cd;
+ --cod-border-width: 1px;
+ --cod-border-style: solid;
+ --cod-border-color: #dee2e6;
+ --cod-border-color-translucent: rgba(0, 0, 0, 0.175);
+ --cod-border-radius: 0.375em;
+ --cod-border-radius-sm: 0.25em;
+ --cod-border-radius-lg: 0.5em;
+ --cod-border-radius-xl: 1em;
+ --cod-border-radius-xxl: 2em;
+ --cod-border-radius-2xl: var(--cod-border-radius-xxl);
+ --cod-border-radius-pill: 50em;
+ --cod-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
+ --cod-box-shadow-sm: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);
+ --cod-box-shadow-lg: 0 1em 3em rgba(0, 0, 0, 0.175);
+ --cod-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+ --cod-focus-ring-width: 0.25em;
+ --cod-focus-ring-opacity: 1;
+ --cod-focus-ring-color: blue;
+ --cod-form-valid-color: #9fd5b3;
+ --cod-form-valid-border-color: #9fd5b3;
+ --cod-form-invalid-color: #b3393b;
+ --cod-form-invalid-border-color: #b3393b;
+}
+
+[data-bs-theme='dark'] {
+ color-scheme: dark;
+ --cod-body-color: #adb5bd;
+ --cod-body-color-rgb: 173, 181, 189;
+ --cod-body-bg: #212529;
+ --cod-body-bg-rgb: 33, 37, 41;
+ --cod-emphasis-color: #fff;
+ --cod-emphasis-color-rgb: 255, 255, 255;
+ --cod-secondary-color: rgba(173, 181, 189, 0.75);
+ --cod-secondary-color-rgb: 173, 181, 189;
+ --cod-secondary-bg: #343a40;
+ --cod-secondary-bg-rgb: 52, 58, 64;
+ --cod-tertiary-color: rgba(173, 181, 189, 0.5);
+ --cod-tertiary-color-rgb: 173, 181, 189;
+ --cod-tertiary-bg: #2b3035;
+ --cod-tertiary-bg-rgb: 43, 48, 53;
+ --cod-primary-text-emphasis: #668f8f;
+ --cod-secondary-text-emphasis: #f7f7f7;
+ --cod-success-text-emphasis: #c5e6d1;
+ --cod-info-text-emphasis: #668f8f;
+ --cod-warning-text-emphasis: #fed46e;
+ --cod-danger-text-emphasis: #d18889;
+ --cod-light-text-emphasis: #f8f9fa;
+ --cod-dark-text-emphasis: #dee2e6;
+ --cod-primary-bg-subtle: #000e0e;
+ --cod-secondary-bg-subtle: #303030;
+ --cod-success-bg-subtle: #202b24;
+ --cod-info-bg-subtle: #000e0e;
+ --cod-warning-bg-subtle: #332503;
+ --cod-danger-bg-subtle: #240b0c;
+ --cod-light-bg-subtle: #343a40;
+ --cod-dark-bg-subtle: #1a1d20;
+ --cod-primary-border-subtle: #002929;
+ --cod-secondary-border-subtle: #919191;
+ --cod-success-border-subtle: #5f806b;
+ --cod-info-border-subtle: #002929;
+ --cod-warning-border-subtle: #986e08;
+ --cod-danger-border-subtle: #6b2223;
+ --cod-light-border-subtle: #495057;
+ --cod-dark-border-subtle: #343a40;
+ --cod-link-color: #668f8f;
+ --cod-link-hover-color: #85a5a5;
+ --cod-link-color-rgb: 102, 143, 143;
+ --cod-link-hover-color-rgb: 133, 165, 165;
+ --cod-code-color: #e685b5;
+ --cod-border-color: #495057;
+ --cod-border-color-translucent: rgba(255, 255, 255, 0.15);
+ --cod-form-valid-color: #75b798;
+ --cod-form-valid-border-color: #75b798;
+ --cod-form-invalid-color: #ea868f;
+ --cod-form-invalid-border-color: #ea868f;
+}
+
+h1,
+.h1 {
+ border-left: 0.1em solid #feb70d;
+ padding-left: 0.25em;
+}
+
+.title-line {
+ border-left: none;
+ border-bottom: 0.1em solid #feb70d;
+}
+
+b,
+strong {
+ font-weight: 700;
+}
+
+.btn {
+ --cod-btn-focus-box-shadow: 0 0 0 0.25em
+ rgba(var(--cod-btn-focus-shadow-rgb), 1);
+}
+
+.btn:focus-visible {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-primary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-secondary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-success {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-info {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-warning {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-danger {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-light {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-dark {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-accent-primary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-accent-secondary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+:host {
+ display: block;
+ --cod-callout-background-color: #f2f2f2;
+ --cod-callout-border-color: #004445;
+ --cod-callout-border-width: 2px;
+ --cod-callout-border-radius: 0;
+ --cod-callout-padding: 1em;
+ --cod-callout-margin-bottom: 1em;
+ --cod-callout-font-family: inherit;
+ --cod-callout-text-color: #18252a;
+ --cod-callout-heading-color: #18252a;
+ --cod-callout-bar-width: 0.5em;
+}
+
+.cod-callout {
+ position: relative;
+ background-color: var(--cod-callout-background-color);
+ border: var(--cod-callout-border-width) solid var(--cod-callout-border-color);
+ border-radius: var(--cod-callout-border-radius);
+ padding: var(--cod-callout-padding);
+ margin-bottom: var(--cod-callout-margin-bottom);
+ font-family: var(--cod-callout-font-family);
+}
+.cod-callout::before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: var(--cod-callout-bar-width);
+ height: 100%;
+ background-color: var(--cod-callout-border-color);
+ border-radius: var(--cod-callout-border-radius) 0 0
+ var(--cod-callout-border-radius);
+}
+.cod-callout__content {
+ display: flex;
+ align-items: flex-start;
+ gap: 1em;
+}
+.cod-callout__icon {
+ flex-shrink: 0;
+ width: 2em;
+ height: 2em;
+ color: var(--cod-callout-border-color);
+}
+.cod-callout__icon svg {
+ width: 100%;
+ height: 100%;
+ display: block;
+}
+.cod-callout__body {
+ flex: 1;
+ min-width: 0;
+}
+.cod-callout__heading {
+ margin: 0 0 0.5em 0;
+ font-size: 1.25em;
+ font-weight: 700;
+ line-height: 1.3;
+ color: var(--cod-callout-heading-color);
+}
+.cod-callout__text {
+ margin: 0;
+ color: var(--cod-callout-text-color);
+ line-height: 1.5;
+}
+.cod-callout--info {
+ background-color: color-mix(in srgb, #004445 10%, white);
+ border-color: #004445;
+}
+.cod-callout--info::before {
+ background-color: #004445;
+}
+.cod-callout--warning {
+ background-color: color-mix(in srgb, #feb70d 10%, white);
+ border-color: #feb70d;
+}
+.cod-callout--warning::before {
+ background-color: #feb70d;
+}
+.cod-callout--success {
+ background-color: color-mix(in srgb, #9fd5b3 10%, white);
+ border-color: #9fd5b3;
+}
+.cod-callout--success::before {
+ background-color: #9fd5b3;
+}
+.cod-callout--error {
+ background-color: color-mix(in srgb, #b3393b 10%, white);
+ border-color: #b3393b;
+}
+.cod-callout--error::before {
+ background-color: #b3393b;
+}
+.cod-callout--emergency {
+ background-color: color-mix(in srgb, #b3393b 20%, white);
+ border-color: #b3393b;
+ border-width: 3px;
+}
+.cod-callout--emergency::before {
+ background-color: #b3393b;
+ width: 0.75em;
+}
+.cod-callout--slim {
+ padding: 0.25em 1em;
+}
+.cod-callout--slim .cod-callout__heading {
+ font-size: 1.125em;
+ margin-bottom: 0.25em;
+}
+.cod-callout--no-icon {
+ padding-left: var(--cod-callout-padding);
+}
+.cod-callout--no-icon::before {
+ display: none;
+}
+.cod-callout--no-icon .cod-callout__icon {
+ display: none;
+}
+
+@media (max-width: 768px) {
+ .cod-callout {
+ padding: 0.75em;
+ }
+ .cod-callout__heading {
+ font-size: 1.125em;
+ }
+}
+
+/*# sourceMappingURL=Callout.css.map */
diff --git a/src/stable/components/Callout/Callout.css.map b/src/stable/components/Callout/Callout.css.map
new file mode 100644
index 00000000..586637e1
--- /dev/null
+++ b/src/stable/components/Callout/Callout.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../scss/_cod-uxds-bs-host.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/mixins/_color-mode.scss","../../../scss/_cod-uxds-style-guide.scss","Callout.scss"],"names":[],"mappings":"AAEA;AAAA;EASI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGF;EACA;EAMA;EACA;EACA;EAOA;ECyOI,sBALI;EDlOR;EACA;EAKA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAOA;EACA;EACA;EAEA;EACA;EAMA;EACA;EAGA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EAGA;EACA;EACA;EACA;EAIA;EACA;EACA;EAIA;EACA;EACA;EACA;;;AErHE;EF2HA;EAGA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAGE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAOF;EACA;EACA;EACA;EAEA;EAEA;EACA;EAEA;EACA;EACA;EACA;;;AGrLJ;AAAA;EAEE;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;AAAA;;;AAIF;EACE;;;AAMA;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AC/BJ;EACE;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;;AAIF;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;;AAEA;EACE;;AAIJ;EACE;EACA;EACA;;AAEA;EACE;EACA;;AAKJ;EACE;;AAEA;EACE;EACA;;AAKJ;EACE;;AAEA;EACE;;AAGF;EACE;;;AAMN;EACE;IACE;;EAEA;IACE","file":"Callout.css"}
\ No newline at end of file
diff --git a/src/stable/components/Callout/Callout.js b/src/stable/components/Callout/Callout.js
new file mode 100644
index 00000000..fecbeae0
--- /dev/null
+++ b/src/stable/components/Callout/Callout.js
@@ -0,0 +1,200 @@
+import styles from '!!raw-loader!./Callout.css';
+import varStyles from '!!raw-loader!../../../shared/variables.css';
+import bootstrapStyles from '!!raw-loader!../../../shared/themed-bootstrap.css';
+
+const template = document.createElement('template');
+template.innerHTML = `
+
+`;
+
+// Icon SVGs from Bootstrap Icons
+const ICONS = {
+ info: `
+ `,
+ success: `
+ `,
+ warning: `
+ `,
+ error: `
+ `,
+ emergency: `
+ `,
+};
+
+export default class Callout extends HTMLElement {
+ static get observedAttributes() {
+ return ['variant', 'slim', 'no-icon'];
+ }
+
+ constructor() {
+ super();
+ this._state = {
+ variant: 'info',
+ slim: false,
+ noIcon: false,
+ };
+
+ const shadow = this.attachShadow({ mode: 'open' });
+ shadow.appendChild(template.content.cloneNode(true));
+
+ this._callout = shadow.querySelector('.cod-callout');
+ this._content = shadow.querySelector('.cod-callout__content');
+ this._icon = shadow.querySelector('.cod-callout__icon');
+ this._heading = shadow.querySelector('.cod-callout__heading');
+ this._text = shadow.querySelector('.cod-callout__text');
+ }
+
+ connectedCallback() {
+ this._injectStyles();
+ this._updateFromAttributes();
+ this._updateClasses();
+ this._updateAriaRole();
+ this._updateIcon();
+ this._hideEmptyHeading();
+ }
+
+ attributeChangedCallback(name, oldValue, newValue) {
+ if (oldValue !== newValue) {
+ this._updateFromAttributes();
+ this._updateClasses();
+ this._updateAriaRole();
+ this._updateIcon();
+ }
+ }
+
+ _injectStyles() {
+ const bootStyles = document.createElement('style');
+ bootStyles.textContent = bootstrapStyles;
+ const variableStyles = document.createElement('style');
+ variableStyles.textContent = varStyles;
+ const calloutStyles = document.createElement('style');
+ calloutStyles.textContent = styles;
+
+ this.shadowRoot.appendChild(bootStyles);
+ this.shadowRoot.appendChild(variableStyles);
+ this.shadowRoot.appendChild(calloutStyles);
+ }
+
+ _updateFromAttributes() {
+ this._state.variant = this.getAttribute('variant') || 'info';
+ this._state.slim = this.hasAttribute('slim');
+ this._state.noIcon = this.hasAttribute('no-icon');
+ }
+
+ _updateClasses() {
+ const classes = ['cod-callout'];
+
+ // Add variant class
+ if (this._state.variant && this._state.variant !== 'info') {
+ classes.push(`cod-callout--${this._state.variant}`);
+ }
+
+ // Add modifier classes
+ if (this._state.slim) {
+ classes.push('cod-callout--slim');
+ }
+
+ if (this._state.noIcon) {
+ classes.push('cod-callout--no-icon');
+ }
+
+ this._callout.className = classes.join(' ');
+ }
+
+ _updateAriaRole() {
+ // Set appropriate ARIA role based on variant
+ switch (this._state.variant) {
+ case 'error':
+ case 'emergency':
+ this._callout.setAttribute('role', 'alert');
+ this._callout.setAttribute('aria-live', 'assertive');
+ break;
+ case 'warning':
+ this._callout.setAttribute('role', 'alert');
+ this._callout.setAttribute('aria-live', 'polite');
+ break;
+ case 'success':
+ this._callout.setAttribute('role', 'status');
+ this._callout.setAttribute('aria-live', 'polite');
+ break;
+ default:
+ this._callout.setAttribute('role', 'region');
+ this._callout.removeAttribute('aria-live');
+ }
+ }
+
+ _updateIcon() {
+ // Hide icon if no-icon attribute is set
+ if (this._state.noIcon) {
+ this._icon.style.display = 'none';
+ return;
+ }
+
+ // Show icon and set content based on variant
+ this._icon.style.display = 'block';
+ const iconSvg = ICONS[this._state.variant] || ICONS.info;
+ this._icon.innerHTML = iconSvg;
+ }
+
+ _hideEmptyHeading() {
+ const headingSlot = this.shadowRoot.querySelector('slot[name="heading"]');
+ const hasHeadingContent = headingSlot.assignedNodes().length > 0;
+
+ if (!hasHeadingContent) {
+ this._heading.style.display = 'none';
+ }
+ }
+
+ // Property getters and setters
+ get variant() {
+ return this._state.variant;
+ }
+
+ set variant(value) {
+ if (value !== this._state.variant) {
+ this.setAttribute('variant', value);
+ }
+ }
+
+ get slim() {
+ return this._state.slim;
+ }
+
+ set slim(value) {
+ if (value) {
+ this.setAttribute('slim', '');
+ } else {
+ this.removeAttribute('slim');
+ }
+ }
+
+ get noIcon() {
+ return this._state.noIcon;
+ }
+
+ set noIcon(value) {
+ if (value) {
+ this.setAttribute('no-icon', '');
+ } else {
+ this.removeAttribute('no-icon');
+ }
+ }
+}
diff --git a/src/stable/components/Callout/Callout.scss b/src/stable/components/Callout/Callout.scss
new file mode 100644
index 00000000..52f2b430
--- /dev/null
+++ b/src/stable/components/Callout/Callout.scss
@@ -0,0 +1,162 @@
+@import '../../../scss/cod-uxds-bs-base';
+@import '../../../scss/cod-uxds-bs-utilities';
+@import '../../../scss/cod-uxds-bs-host';
+@import '../../../scss/cod-uxds-style-guide';
+
+:host {
+ display: block;
+
+ // CSS Custom Properties for theming
+ --cod-callout-background-color: #{$cod-light-grey};
+ --cod-callout-border-color: #{$primary};
+ --cod-callout-border-width: 2px;
+ --cod-callout-border-radius: 0;
+ --cod-callout-padding: 1rem;
+ --cod-callout-margin-bottom: 1rem;
+ --cod-callout-font-family: inherit;
+ --cod-callout-text-color: #{$cod-near-black};
+ --cod-callout-heading-color: #{$cod-near-black};
+ --cod-callout-bar-width: 0.5rem;
+}
+
+.cod-callout {
+ position: relative;
+ background-color: var(--cod-callout-background-color);
+ border: var(--cod-callout-border-width) solid var(--cod-callout-border-color);
+ border-radius: var(--cod-callout-border-radius);
+ padding: var(--cod-callout-padding);
+ margin-bottom: var(--cod-callout-margin-bottom);
+ font-family: var(--cod-callout-font-family);
+
+ &::before {
+ content: '';
+ position: absolute;
+ top: 0;
+ left: 0;
+ width: var(--cod-callout-bar-width);
+ height: 100%;
+ background-color: var(--cod-callout-border-color);
+ border-radius: var(--cod-callout-border-radius) 0 0
+ var(--cod-callout-border-radius);
+ }
+
+ &__content {
+ display: flex;
+ align-items: flex-start;
+ gap: 1rem;
+ }
+
+ &__icon {
+ flex-shrink: 0;
+ width: 2rem;
+ height: 2rem;
+ color: var(--cod-callout-border-color);
+
+ svg {
+ width: 100%;
+ height: 100%;
+ display: block;
+ }
+ }
+
+ &__body {
+ flex: 1;
+ min-width: 0;
+ }
+
+ &__heading {
+ margin: 0 0 0.5rem 0;
+ font-size: 1.25rem;
+ font-weight: 700;
+ line-height: 1.3;
+ color: var(--cod-callout-heading-color);
+ }
+
+ &__text {
+ margin: 0;
+ color: var(--cod-callout-text-color);
+ line-height: 1.5;
+ }
+
+ // Variant styles
+ &--info {
+ background-color: color-mix(in srgb, #{$info} 10%, white);
+ border-color: #{$info};
+
+ &::before {
+ background-color: #{$info};
+ }
+ }
+
+ &--warning {
+ background-color: color-mix(in srgb, #{$warning} 10%, white);
+ border-color: #{$warning};
+
+ &::before {
+ background-color: #{$warning};
+ }
+ }
+
+ &--success {
+ background-color: color-mix(in srgb, #{$success} 10%, white);
+ border-color: #{$success};
+
+ &::before {
+ background-color: #{$success};
+ }
+ }
+
+ &--error {
+ background-color: color-mix(in srgb, #{$danger} 10%, white);
+ border-color: #{$danger};
+
+ &::before {
+ background-color: #{$danger};
+ }
+ }
+
+ &--emergency {
+ background-color: color-mix(in srgb, #{$danger} 20%, white);
+ border-color: #{$danger};
+ border-width: 3px;
+
+ &::before {
+ background-color: #{$danger};
+ width: 0.75rem;
+ }
+ }
+
+ // Slim modifier
+ &--slim {
+ padding: 0.25rem 1rem;
+
+ .cod-callout__heading {
+ font-size: 1.125rem;
+ margin-bottom: 0.25rem;
+ }
+ }
+
+ // No icon modifier - removes left bar and icon
+ &--no-icon {
+ padding-left: var(--cod-callout-padding);
+
+ &::before {
+ display: none;
+ }
+
+ .cod-callout__icon {
+ display: none;
+ }
+ }
+}
+
+// Responsive adjustments
+@media (max-width: 768px) {
+ .cod-callout {
+ padding: 0.75rem;
+
+ &__heading {
+ font-size: 1.125rem;
+ }
+ }
+}
diff --git a/src/stable/components/Callout/cod-callout.js b/src/stable/components/Callout/cod-callout.js
new file mode 100644
index 00000000..b232ba3b
--- /dev/null
+++ b/src/stable/components/Callout/cod-callout.js
@@ -0,0 +1,3 @@
+import Callout from './Callout.js';
+
+customElements.define('cod-callout', Callout);
diff --git a/src/stable/components/Card/Card.css b/src/stable/components/Card/Card.css
new file mode 100644
index 00000000..eb5e06bb
--- /dev/null
+++ b/src/stable/components/Card/Card.css
@@ -0,0 +1,406 @@
+.card {
+ --cod-card-spacer-y: 1em;
+ --cod-card-spacer-x: 1em;
+ --cod-card-title-spacer-y: 0.5em;
+ --cod-card-title-color: ;
+ --cod-card-subtitle-color: ;
+ --cod-card-border-width: var(--cod-border-width);
+ --cod-card-border-color: var(--cod-border-color-translucent);
+ --cod-card-border-radius: var(--cod-border-radius);
+ --cod-card-box-shadow: ;
+ --cod-card-inner-border-radius: calc(
+ var(--cod-border-radius) - (var(--cod-border-width))
+ );
+ --cod-card-cap-padding-y: 0.5em;
+ --cod-card-cap-padding-x: 1em;
+ --cod-card-cap-bg: rgba(var(--cod-body-color-rgb), 0.03);
+ --cod-card-cap-color: ;
+ --cod-card-height: ;
+ --cod-card-color: ;
+ --cod-card-bg: var(--cod-body-bg);
+ --cod-card-img-overlay-padding: 1em;
+ --cod-card-group-margin: 0.75em;
+ position: relative;
+ display: flex;
+ flex-direction: column;
+ min-width: 0;
+ height: var(--cod-card-height);
+ color: var(--cod-body-color);
+ word-wrap: break-word;
+ background-color: var(--cod-card-bg);
+ background-clip: border-box;
+ border: var(--cod-card-border-width) solid var(--cod-card-border-color);
+}
+.card > hr {
+ margin-right: 0;
+ margin-left: 0;
+}
+.card > .list-group {
+ border-top: inherit;
+ border-bottom: inherit;
+}
+.card > .list-group:first-child {
+ border-top-width: 0;
+}
+.card > .list-group:last-child {
+ border-bottom-width: 0;
+}
+.card > .card-header + .list-group,
+.card > .list-group + .card-footer {
+ border-top: 0;
+}
+
+.card-body {
+ flex: 1 1 auto;
+ padding: var(--cod-card-spacer-y) var(--cod-card-spacer-x);
+ color: var(--cod-card-color);
+}
+
+.card-title {
+ margin-bottom: var(--cod-card-title-spacer-y);
+ color: var(--cod-card-title-color);
+}
+
+.card-subtitle {
+ margin-top: calc(-0.5 * var(--cod-card-title-spacer-y));
+ margin-bottom: 0;
+ color: var(--cod-card-subtitle-color);
+}
+
+.card-text:last-child {
+ margin-bottom: 0;
+}
+
+.card-link + .card-link {
+ margin-left: var(--cod-card-spacer-x);
+}
+
+.card-header {
+ padding: var(--cod-card-cap-padding-y) var(--cod-card-cap-padding-x);
+ margin-bottom: 0;
+ color: var(--cod-card-cap-color);
+ background-color: var(--cod-card-cap-bg);
+ border-bottom: var(--cod-card-border-width) solid var(--cod-card-border-color);
+}
+.card-footer {
+ padding: var(--cod-card-cap-padding-y) var(--cod-card-cap-padding-x);
+ color: var(--cod-card-cap-color);
+ background-color: var(--cod-card-cap-bg);
+ border-top: var(--cod-card-border-width) solid var(--cod-card-border-color);
+}
+.card-header-tabs {
+ margin-right: calc(-0.5 * var(--cod-card-cap-padding-x));
+ margin-bottom: calc(-1 * var(--cod-card-cap-padding-y));
+ margin-left: calc(-0.5 * var(--cod-card-cap-padding-x));
+ border-bottom: 0;
+}
+.card-header-tabs .nav-link.active {
+ background-color: var(--cod-card-bg);
+ border-bottom-color: var(--cod-card-bg);
+}
+
+.card-header-pills {
+ margin-right: calc(-0.5 * var(--cod-card-cap-padding-x));
+ margin-left: calc(-0.5 * var(--cod-card-cap-padding-x));
+}
+
+.card-img-overlay {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ left: 0;
+ padding: var(--cod-card-img-overlay-padding);
+}
+
+.card-img,
+.card-img-top,
+.card-img-bottom {
+ width: 100%;
+}
+
+.card-group > .card {
+ margin-bottom: var(--cod-card-group-margin);
+}
+@media (min-width: 576px) {
+ .card-group {
+ display: flex;
+ flex-flow: row wrap;
+ }
+ .card-group > .card {
+ flex: 1 0 0%;
+ margin-bottom: 0;
+ }
+ .card-group > .card + .card {
+ margin-left: 0;
+ border-left: 0;
+ }
+}
+
+:host,
+[data-bs-theme='light'] {
+ --cod-blue: #0d6efd;
+ --cod-indigo: #6610f2;
+ --cod-purple: #6f42c1;
+ --cod-pink: #d63384;
+ --cod-red: #dc3545;
+ --cod-orange: #fd7e14;
+ --cod-yellow: #ffc107;
+ --cod-green: #198754;
+ --cod-teal: #20c997;
+ --cod-cyan: #0dcaf0;
+ --cod-black: #000;
+ --cod-white: #fff;
+ --cod-gray: #6c757d;
+ --cod-gray-dark: #343a40;
+ --cod-gray-100: #f8f9fa;
+ --cod-gray-200: #e9ecef;
+ --cod-gray-300: #dee2e6;
+ --cod-gray-400: #ced4da;
+ --cod-gray-500: #adb5bd;
+ --cod-gray-600: #6c757d;
+ --cod-gray-700: #495057;
+ --cod-gray-800: #343a40;
+ --cod-gray-900: #212529;
+ --cod-primary: #004445;
+ --cod-secondary: #f2f2f2;
+ --cod-success: #9fd5b3;
+ --cod-info: #004445;
+ --cod-warning: #feb70d;
+ --cod-danger: #b3393b;
+ --cod-light: #fff;
+ --cod-dark: #18252a;
+ --cod-accent-primary: #feb70d;
+ --cod-accent-secondary: #9fd5b3;
+ --cod-primary-rgb: 0, 68, 69;
+ --cod-secondary-rgb: 242, 242, 242;
+ --cod-success-rgb: 159, 213, 179;
+ --cod-info-rgb: 0, 68, 69;
+ --cod-warning-rgb: 254, 183, 13;
+ --cod-danger-rgb: 179, 57, 59;
+ --cod-light-rgb: 255, 255, 255;
+ --cod-dark-rgb: 24, 37, 42;
+ --cod-accent-primary-rgb: 254, 183, 13;
+ --cod-accent-secondary-rgb: 159, 213, 179;
+ --cod-primary-text-emphasis: #001b1c;
+ --cod-secondary-text-emphasis: #616161;
+ --cod-success-text-emphasis: #405548;
+ --cod-info-text-emphasis: #001b1c;
+ --cod-warning-text-emphasis: #664905;
+ --cod-danger-text-emphasis: #481718;
+ --cod-light-text-emphasis: #495057;
+ --cod-dark-text-emphasis: #495057;
+ --cod-primary-bg-subtle: #ccdada;
+ --cod-secondary-bg-subtle: #fcfcfc;
+ --cod-success-bg-subtle: #ecf7f0;
+ --cod-info-bg-subtle: #ccdada;
+ --cod-warning-bg-subtle: #fff1cf;
+ --cod-danger-bg-subtle: #f0d7d8;
+ --cod-light-bg-subtle: #fcfcfd;
+ --cod-dark-bg-subtle: #ced4da;
+ --cod-primary-border-subtle: #99b4b5;
+ --cod-secondary-border-subtle: #fafafa;
+ --cod-success-border-subtle: #d9eee1;
+ --cod-info-border-subtle: #99b4b5;
+ --cod-warning-border-subtle: #ffe29e;
+ --cod-danger-border-subtle: #e1b0b1;
+ --cod-light-border-subtle: #e9ecef;
+ --cod-dark-border-subtle: #adb5bd;
+ --cod-white-rgb: 255, 255, 255;
+ --cod-black-rgb: 0, 0, 0;
+ --cod-font-sans-serif: 'Montserrat', sans-serif;
+ --cod-font-monospace: 'Montserrat', sans-serif;
+ --cod-gradient: linear-gradient(
+ 180deg,
+ rgba(255, 255, 255, 0.15),
+ rgba(255, 255, 255, 0)
+ );
+ --cod-body-font-family: var(--cod-font-sans-serif);
+ --cod-body-font-size: 1em;
+ --cod-body-font-weight: 500;
+ --cod-body-line-height: 1.5;
+ --cod-body-color: #212529;
+ --cod-body-color-rgb: 33, 37, 41;
+ --cod-body-bg: #fff;
+ --cod-body-bg-rgb: 255, 255, 255;
+ --cod-emphasis-color: #000;
+ --cod-emphasis-color-rgb: 0, 0, 0;
+ --cod-secondary-color: rgba(33, 37, 41, 0.75);
+ --cod-secondary-color-rgb: 33, 37, 41;
+ --cod-secondary-bg: #e9ecef;
+ --cod-secondary-bg-rgb: 233, 236, 239;
+ --cod-tertiary-color: rgba(33, 37, 41, 0.5);
+ --cod-tertiary-color-rgb: 33, 37, 41;
+ --cod-tertiary-bg: #f8f9fa;
+ --cod-tertiary-bg-rgb: 248, 249, 250;
+ --cod-link-color: #004445;
+ --cod-link-color-rgb: 0, 68, 69;
+ --cod-link-decoration: underline;
+ --cod-link-hover-color: #003637;
+ --cod-link-hover-color-rgb: 0, 54, 55;
+ --cod-code-color: #d63384;
+ --cod-highlight-bg: #fff3cd;
+ --cod-border-width: 1px;
+ --cod-border-style: solid;
+ --cod-border-color: #dee2e6;
+ --cod-border-color-translucent: rgba(0, 0, 0, 0.175);
+ --cod-border-radius: 0.375em;
+ --cod-border-radius-sm: 0.25em;
+ --cod-border-radius-lg: 0.5em;
+ --cod-border-radius-xl: 1em;
+ --cod-border-radius-xxl: 2em;
+ --cod-border-radius-2xl: var(--cod-border-radius-xxl);
+ --cod-border-radius-pill: 50em;
+ --cod-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
+ --cod-box-shadow-sm: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);
+ --cod-box-shadow-lg: 0 1em 3em rgba(0, 0, 0, 0.175);
+ --cod-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+ --cod-focus-ring-width: 0.25em;
+ --cod-focus-ring-opacity: 1;
+ --cod-focus-ring-color: blue;
+ --cod-form-valid-color: #9fd5b3;
+ --cod-form-valid-border-color: #9fd5b3;
+ --cod-form-invalid-color: #b3393b;
+ --cod-form-invalid-border-color: #b3393b;
+}
+
+[data-bs-theme='dark'] {
+ color-scheme: dark;
+ --cod-body-color: #adb5bd;
+ --cod-body-color-rgb: 173, 181, 189;
+ --cod-body-bg: #212529;
+ --cod-body-bg-rgb: 33, 37, 41;
+ --cod-emphasis-color: #fff;
+ --cod-emphasis-color-rgb: 255, 255, 255;
+ --cod-secondary-color: rgba(173, 181, 189, 0.75);
+ --cod-secondary-color-rgb: 173, 181, 189;
+ --cod-secondary-bg: #343a40;
+ --cod-secondary-bg-rgb: 52, 58, 64;
+ --cod-tertiary-color: rgba(173, 181, 189, 0.5);
+ --cod-tertiary-color-rgb: 173, 181, 189;
+ --cod-tertiary-bg: #2b3035;
+ --cod-tertiary-bg-rgb: 43, 48, 53;
+ --cod-primary-text-emphasis: #668f8f;
+ --cod-secondary-text-emphasis: #f7f7f7;
+ --cod-success-text-emphasis: #c5e6d1;
+ --cod-info-text-emphasis: #668f8f;
+ --cod-warning-text-emphasis: #fed46e;
+ --cod-danger-text-emphasis: #d18889;
+ --cod-light-text-emphasis: #f8f9fa;
+ --cod-dark-text-emphasis: #dee2e6;
+ --cod-primary-bg-subtle: #000e0e;
+ --cod-secondary-bg-subtle: #303030;
+ --cod-success-bg-subtle: #202b24;
+ --cod-info-bg-subtle: #000e0e;
+ --cod-warning-bg-subtle: #332503;
+ --cod-danger-bg-subtle: #240b0c;
+ --cod-light-bg-subtle: #343a40;
+ --cod-dark-bg-subtle: #1a1d20;
+ --cod-primary-border-subtle: #002929;
+ --cod-secondary-border-subtle: #919191;
+ --cod-success-border-subtle: #5f806b;
+ --cod-info-border-subtle: #002929;
+ --cod-warning-border-subtle: #986e08;
+ --cod-danger-border-subtle: #6b2223;
+ --cod-light-border-subtle: #495057;
+ --cod-dark-border-subtle: #343a40;
+ --cod-link-color: #668f8f;
+ --cod-link-hover-color: #85a5a5;
+ --cod-link-color-rgb: 102, 143, 143;
+ --cod-link-hover-color-rgb: 133, 165, 165;
+ --cod-code-color: #e685b5;
+ --cod-border-color: #495057;
+ --cod-border-color-translucent: rgba(255, 255, 255, 0.15);
+ --cod-form-valid-color: #75b798;
+ --cod-form-valid-border-color: #75b798;
+ --cod-form-invalid-color: #ea868f;
+ --cod-form-invalid-border-color: #ea868f;
+}
+
+h1,
+.h1 {
+ border-left: 0.1em solid #feb70d;
+ padding-left: 0.25em;
+}
+
+.title-line {
+ border-left: none;
+ border-bottom: 0.1em solid #feb70d;
+}
+
+b,
+strong {
+ font-weight: 700;
+}
+
+.btn {
+ --cod-btn-focus-box-shadow: 0 0 0 0.25em
+ rgba(var(--cod-btn-focus-shadow-rgb), 1);
+}
+
+.btn:focus-visible {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-primary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-secondary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-success {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-info {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-warning {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-danger {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-light {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-dark {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-accent-primary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-accent-secondary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+:host {
+ display: block;
+}
+
+.card-body {
+ display: block;
+}
+
+.card-img {
+ display: none;
+}
+.card-img::slotted(img) {
+ display: block;
+ width: 100%;
+}
+
+.card-header,
+.card-footer {
+ display: none;
+}
+
+/*# sourceMappingURL=Card.css.map */
diff --git a/src/stable/components/Card/Card.css.map b/src/stable/components/Card/Card.css.map
new file mode 100644
index 00000000..0f7104fa
--- /dev/null
+++ b/src/stable/components/Card/Card.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../node_modules/bootstrap/scss/_card.scss","../../../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","../../../scss/_cod-uxds-bs-host.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/mixins/_color-mode.scss","../../../scss/_cod-uxds-style-guide.scss","Card.scss"],"names":[],"mappings":"AAIA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;EACA;;AAGF;EACE;EACA;;AAEA;EACE;;AAIF;EACE;;AAOJ;AAAA;EAEE;;;AAIJ;EAGE;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAQA;EACE;;;AAQJ;EACE;EACA;EACA;EACA;EACA;;AAOF;EACE;EACA;EACA;EACA;;AAYF;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;;;AAIF;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIF;AAAA;AAAA;EAGE;;;AAqBA;EACE;;AC3HA;EDuHJ;IAQI;IACA;;EAGA;IAEE;IACA;;EAEA;IACE;IACA;;;;AEvMR;AAAA;EASI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGF;EACA;EAMA;EACA;EACA;EAOA;ECyOI,sBALI;EDlOR;EACA;EAKA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAOA;EACA;EACA;EAEA;EACA;EAMA;EACA;EAGA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EAGA;EACA;EACA;EACA;EAIA;EACA;EACA;EAIA;EACA;EACA;EACA;;;AErHE;EF2HA;EAGA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAGE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAOF;EACA;EACA;EACA;EAEA;EAEA;EACA;EAEA;EACA;EACA;EACA;;;AGrLJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;AAAA;;;AAIF;EACE;;;AAMA;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;ACzBJ;EACE;;;AAKF;EACE;;;AAIF;EACE;;AAEA;EACE;EACA;;;AAKJ;AAAA;EAEE","file":"Card.css"}
\ No newline at end of file
diff --git a/src/stable/components/Card/Card.js b/src/stable/components/Card/Card.js
new file mode 100644
index 00000000..36230fc6
--- /dev/null
+++ b/src/stable/components/Card/Card.js
@@ -0,0 +1,55 @@
+import styles from '!!raw-loader!./Card.css';
+
+const template = document.createElement('template');
+
+template.innerHTML = `
+
+
+`;
+
+export default class Card extends HTMLElement {
+ constructor() {
+ super();
+ const shadow = this.attachShadow({ mode: 'open' });
+ shadow.appendChild(template.content.cloneNode(true));
+
+ // Add styles
+ const itemStyles = document.createElement('style');
+ itemStyles.textContent = styles;
+ shadow.appendChild(itemStyles);
+ }
+
+ connectedCallback() {
+ this._handleSlotChange();
+ this.shadowRoot.addEventListener('slotchange', () =>
+ this._handleSlotChange(),
+ );
+ }
+
+ _handleSlotChange() {
+ // Handle the image slot
+ const imageSlot = this.shadowRoot.querySelector('slot[name="image"]');
+ const hasImageContent = imageSlot && imageSlot.assignedNodes().length > 0;
+ this.shadowRoot.querySelector('.card-img').style.display = hasImageContent
+ ? 'block'
+ : 'none';
+
+ // Handle the header slot
+ const headerSlot = this.shadowRoot.querySelector('slot[name="header"]');
+ const hasHeaderContent =
+ headerSlot && headerSlot.assignedNodes().length > 0;
+ this.shadowRoot.querySelector('.card-header').style.display =
+ hasHeaderContent ? 'block' : 'none';
+
+ // Handle the footer slot
+ const footerSlot = this.shadowRoot.querySelector('slot[name="footer"]');
+ const hasFooterContent =
+ footerSlot && footerSlot.assignedNodes().length > 0;
+ this.shadowRoot.querySelector('.card-footer').style.display =
+ hasFooterContent ? 'block' : 'none';
+ }
+}
diff --git a/src/stable/components/Card/Card.scss b/src/stable/components/Card/Card.scss
new file mode 100644
index 00000000..43c7a868
--- /dev/null
+++ b/src/stable/components/Card/Card.scss
@@ -0,0 +1,35 @@
+@import '../../../scss/cod-uxds-bs-base';
+@import '../../../scss/cod-uxds-bs-utilities';
+
+// Import bootstrap card component
+@import 'bootstrap/scss/card';
+
+// Override bootstrap _root.scss.
+@import '../../../scss/cod-uxds-bs-host';
+@import '../../../scss/cod-uxds-style-guide';
+
+:host {
+ display: block;
+}
+
+// Add styles that aren't already in Bootstrap
+
+.card-body {
+ display: block;
+}
+
+// Handle image slot display and sizing
+.card-img {
+ display: none;
+
+ &::slotted(img) {
+ display: block;
+ width: 100%;
+ }
+}
+
+// Hide slots by default until content is provided
+.card-header,
+.card-footer {
+ display: none;
+}
diff --git a/src/experimental/components/organisms/Card/cod-card.js b/src/stable/components/Card/cod-card.js
similarity index 100%
rename from src/experimental/components/organisms/Card/cod-card.js
rename to src/stable/components/Card/cod-card.js
diff --git a/src/stable/components/ComboBox/ComboBox.css b/src/stable/components/ComboBox/ComboBox.css
new file mode 100644
index 00000000..577844fd
--- /dev/null
+++ b/src/stable/components/ComboBox/ComboBox.css
@@ -0,0 +1,461 @@
+:host,
+[data-bs-theme='light'] {
+ --cod-blue: #0d6efd;
+ --cod-indigo: #6610f2;
+ --cod-purple: #6f42c1;
+ --cod-pink: #d63384;
+ --cod-red: #dc3545;
+ --cod-orange: #fd7e14;
+ --cod-yellow: #ffc107;
+ --cod-green: #198754;
+ --cod-teal: #20c997;
+ --cod-cyan: #0dcaf0;
+ --cod-black: #000;
+ --cod-white: #fff;
+ --cod-gray: #6c757d;
+ --cod-gray-dark: #343a40;
+ --cod-gray-100: #f8f9fa;
+ --cod-gray-200: #e9ecef;
+ --cod-gray-300: #dee2e6;
+ --cod-gray-400: #ced4da;
+ --cod-gray-500: #adb5bd;
+ --cod-gray-600: #6c757d;
+ --cod-gray-700: #495057;
+ --cod-gray-800: #343a40;
+ --cod-gray-900: #212529;
+ --cod-primary: #004445;
+ --cod-secondary: #f2f2f2;
+ --cod-success: #9fd5b3;
+ --cod-info: #004445;
+ --cod-warning: #feb70d;
+ --cod-danger: #b3393b;
+ --cod-light: #fff;
+ --cod-dark: #18252a;
+ --cod-accent-primary: #feb70d;
+ --cod-accent-secondary: #9fd5b3;
+ --cod-primary-rgb: 0, 68, 69;
+ --cod-secondary-rgb: 242, 242, 242;
+ --cod-success-rgb: 159, 213, 179;
+ --cod-info-rgb: 0, 68, 69;
+ --cod-warning-rgb: 254, 183, 13;
+ --cod-danger-rgb: 179, 57, 59;
+ --cod-light-rgb: 255, 255, 255;
+ --cod-dark-rgb: 24, 37, 42;
+ --cod-accent-primary-rgb: 254, 183, 13;
+ --cod-accent-secondary-rgb: 159, 213, 179;
+ --cod-primary-text-emphasis: #001b1c;
+ --cod-secondary-text-emphasis: #616161;
+ --cod-success-text-emphasis: #405548;
+ --cod-info-text-emphasis: #001b1c;
+ --cod-warning-text-emphasis: #664905;
+ --cod-danger-text-emphasis: #481718;
+ --cod-light-text-emphasis: #495057;
+ --cod-dark-text-emphasis: #495057;
+ --cod-primary-bg-subtle: #ccdada;
+ --cod-secondary-bg-subtle: #fcfcfc;
+ --cod-success-bg-subtle: #ecf7f0;
+ --cod-info-bg-subtle: #ccdada;
+ --cod-warning-bg-subtle: #fff1cf;
+ --cod-danger-bg-subtle: #f0d7d8;
+ --cod-light-bg-subtle: #fcfcfd;
+ --cod-dark-bg-subtle: #ced4da;
+ --cod-primary-border-subtle: #99b4b5;
+ --cod-secondary-border-subtle: #fafafa;
+ --cod-success-border-subtle: #d9eee1;
+ --cod-info-border-subtle: #99b4b5;
+ --cod-warning-border-subtle: #ffe29e;
+ --cod-danger-border-subtle: #e1b0b1;
+ --cod-light-border-subtle: #e9ecef;
+ --cod-dark-border-subtle: #adb5bd;
+ --cod-white-rgb: 255, 255, 255;
+ --cod-black-rgb: 0, 0, 0;
+ --cod-font-sans-serif: 'Montserrat', sans-serif;
+ --cod-font-monospace: 'Montserrat', sans-serif;
+ --cod-gradient: linear-gradient(
+ 180deg,
+ rgba(255, 255, 255, 0.15),
+ rgba(255, 255, 255, 0)
+ );
+ --cod-body-font-family: var(--cod-font-sans-serif);
+ --cod-body-font-size: 1em;
+ --cod-body-font-weight: 500;
+ --cod-body-line-height: 1.5;
+ --cod-body-color: #212529;
+ --cod-body-color-rgb: 33, 37, 41;
+ --cod-body-bg: #fff;
+ --cod-body-bg-rgb: 255, 255, 255;
+ --cod-emphasis-color: #000;
+ --cod-emphasis-color-rgb: 0, 0, 0;
+ --cod-secondary-color: rgba(33, 37, 41, 0.75);
+ --cod-secondary-color-rgb: 33, 37, 41;
+ --cod-secondary-bg: #e9ecef;
+ --cod-secondary-bg-rgb: 233, 236, 239;
+ --cod-tertiary-color: rgba(33, 37, 41, 0.5);
+ --cod-tertiary-color-rgb: 33, 37, 41;
+ --cod-tertiary-bg: #f8f9fa;
+ --cod-tertiary-bg-rgb: 248, 249, 250;
+ --cod-link-color: #004445;
+ --cod-link-color-rgb: 0, 68, 69;
+ --cod-link-decoration: underline;
+ --cod-link-hover-color: #003637;
+ --cod-link-hover-color-rgb: 0, 54, 55;
+ --cod-code-color: #d63384;
+ --cod-highlight-bg: #fff3cd;
+ --cod-border-width: 1px;
+ --cod-border-style: solid;
+ --cod-border-color: #dee2e6;
+ --cod-border-color-translucent: rgba(0, 0, 0, 0.175);
+ --cod-border-radius: 0.375em;
+ --cod-border-radius-sm: 0.25em;
+ --cod-border-radius-lg: 0.5em;
+ --cod-border-radius-xl: 1em;
+ --cod-border-radius-xxl: 2em;
+ --cod-border-radius-2xl: var(--cod-border-radius-xxl);
+ --cod-border-radius-pill: 50em;
+ --cod-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
+ --cod-box-shadow-sm: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);
+ --cod-box-shadow-lg: 0 1em 3em rgba(0, 0, 0, 0.175);
+ --cod-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+ --cod-focus-ring-width: 0.25em;
+ --cod-focus-ring-opacity: 1;
+ --cod-focus-ring-color: blue;
+ --cod-form-valid-color: #9fd5b3;
+ --cod-form-valid-border-color: #9fd5b3;
+ --cod-form-invalid-color: #b3393b;
+ --cod-form-invalid-border-color: #b3393b;
+}
+
+[data-bs-theme='dark'] {
+ color-scheme: dark;
+ --cod-body-color: #adb5bd;
+ --cod-body-color-rgb: 173, 181, 189;
+ --cod-body-bg: #212529;
+ --cod-body-bg-rgb: 33, 37, 41;
+ --cod-emphasis-color: #fff;
+ --cod-emphasis-color-rgb: 255, 255, 255;
+ --cod-secondary-color: rgba(173, 181, 189, 0.75);
+ --cod-secondary-color-rgb: 173, 181, 189;
+ --cod-secondary-bg: #343a40;
+ --cod-secondary-bg-rgb: 52, 58, 64;
+ --cod-tertiary-color: rgba(173, 181, 189, 0.5);
+ --cod-tertiary-color-rgb: 173, 181, 189;
+ --cod-tertiary-bg: #2b3035;
+ --cod-tertiary-bg-rgb: 43, 48, 53;
+ --cod-primary-text-emphasis: #668f8f;
+ --cod-secondary-text-emphasis: #f7f7f7;
+ --cod-success-text-emphasis: #c5e6d1;
+ --cod-info-text-emphasis: #668f8f;
+ --cod-warning-text-emphasis: #fed46e;
+ --cod-danger-text-emphasis: #d18889;
+ --cod-light-text-emphasis: #f8f9fa;
+ --cod-dark-text-emphasis: #dee2e6;
+ --cod-primary-bg-subtle: #000e0e;
+ --cod-secondary-bg-subtle: #303030;
+ --cod-success-bg-subtle: #202b24;
+ --cod-info-bg-subtle: #000e0e;
+ --cod-warning-bg-subtle: #332503;
+ --cod-danger-bg-subtle: #240b0c;
+ --cod-light-bg-subtle: #343a40;
+ --cod-dark-bg-subtle: #1a1d20;
+ --cod-primary-border-subtle: #002929;
+ --cod-secondary-border-subtle: #919191;
+ --cod-success-border-subtle: #5f806b;
+ --cod-info-border-subtle: #002929;
+ --cod-warning-border-subtle: #986e08;
+ --cod-danger-border-subtle: #6b2223;
+ --cod-light-border-subtle: #495057;
+ --cod-dark-border-subtle: #343a40;
+ --cod-link-color: #668f8f;
+ --cod-link-hover-color: #85a5a5;
+ --cod-link-color-rgb: 102, 143, 143;
+ --cod-link-hover-color-rgb: 133, 165, 165;
+ --cod-code-color: #e685b5;
+ --cod-border-color: #495057;
+ --cod-border-color-translucent: rgba(255, 255, 255, 0.15);
+ --cod-form-valid-color: #75b798;
+ --cod-form-valid-border-color: #75b798;
+ --cod-form-invalid-color: #ea868f;
+ --cod-form-invalid-border-color: #ea868f;
+}
+
+h1,
+.h1 {
+ border-left: 0.1em solid #feb70d;
+ padding-left: 0.25em;
+}
+
+.title-line {
+ border-left: none;
+ border-bottom: 0.1em solid #feb70d;
+}
+
+b,
+strong {
+ font-weight: 700;
+}
+
+.btn {
+ --cod-btn-focus-box-shadow: 0 0 0 0.25em
+ rgba(var(--cod-btn-focus-shadow-rgb), 1);
+}
+
+.btn:focus-visible {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-primary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-secondary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-success {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-info {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-warning {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-danger {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-light {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-dark {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-accent-primary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-accent-secondary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.combo-box {
+ position: relative;
+ width: 100%;
+}
+.combo-box--disabled {
+ opacity: 0.65;
+ cursor: not-allowed;
+}
+
+.combo-box-label {
+ display: block;
+ margin-bottom: 0.5em;
+ font-weight: 600;
+ color: var(--cod-body-color);
+}
+
+.combo-box-wrapper {
+ position: relative;
+ display: flex;
+ width: 100%;
+}
+
+.combo-box-input {
+ flex: 1;
+ padding: 0.375em 2.5em 0.375em 0.75em;
+ font-size: 1em;
+ font-weight: 400;
+ line-height: 1.5;
+ color: var(--cod-body-color);
+ background-color: var(--cod-body-bg);
+ background-image: none;
+ border: 1px solid var(--cod-border-color);
+ transition:
+ border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
+}
+.combo-box-input:focus {
+ color: var(--cod-body-color);
+ background-color: var(--cod-body-bg);
+ border-color: #86b7fe;
+ outline: 0;
+ box-shadow: 0 0 0 0.25em rgba(13, 110, 253, 0.25);
+}
+.combo-box-input:disabled {
+ background-color: var(--cod-secondary-bg);
+ border-color: var(--cod-border-color);
+ opacity: 1;
+ cursor: not-allowed;
+}
+.combo-box-input::placeholder {
+ color: var(--cod-secondary-color);
+ opacity: 1;
+}
+
+.combo-box--has-selection .combo-box-clear-button {
+ display: flex;
+}
+
+.combo-box-clear-button {
+ position: absolute;
+ top: 0;
+ right: 2.5em;
+ bottom: 0;
+ z-index: 3;
+ display: none;
+ align-items: center;
+ justify-content: center;
+ width: 2.5em;
+ padding: 0;
+ background-color: transparent;
+ border: 0;
+ cursor: pointer;
+ transition: all 0.15s ease-in-out;
+}
+.combo-box-clear-button:hover:not(:disabled) {
+ background-color: rgba(220, 53, 69, 0.1);
+ color: #dc3545;
+}
+.combo-box-clear-button:focus {
+ outline: 0;
+ box-shadow: 0 0 0 0.25em rgba(220, 53, 69, 0.25);
+}
+.combo-box-clear-button:disabled {
+ cursor: not-allowed;
+ opacity: 0.65;
+}
+
+.combo-box-clear-icon {
+ width: 1em;
+ height: 1em;
+ fill: currentColor;
+}
+
+.combo-box-toggle-button {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 2;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 2.5em;
+ padding: 0;
+ background-color: transparent;
+ border: 0;
+ cursor: pointer;
+ transition: all 0.15s ease-in-out;
+}
+.combo-box-toggle-button:hover:not(:disabled) {
+ background-color: rgba(0, 0, 0, 0.05);
+}
+.combo-box-toggle-button:focus {
+ outline: 0;
+ box-shadow: 0 0 0 0.25em rgba(13, 110, 253, 0.25);
+}
+.combo-box-toggle-button:disabled {
+ cursor: not-allowed;
+ opacity: 0.65;
+}
+
+.combo-box-toggle-icon {
+ width: 1em;
+ height: 1em;
+ fill: currentColor;
+ transition: transform 0.15s ease-in-out;
+}
+.combo-box--open .combo-box-toggle-icon {
+ transform: rotate(180deg);
+}
+
+.combo-box-list {
+ position: absolute;
+ top: 100%;
+ left: 0;
+ right: 0;
+ z-index: 1000;
+ display: none;
+ max-height: 200px;
+ margin: 0.125em 0 0 0;
+ padding: 0;
+ overflow-y: auto;
+ list-style: none;
+ background-color: var(--cod-body-bg);
+ border: 1px solid var(--cod-border-color);
+ box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);
+}
+.combo-box--open .combo-box-list {
+ display: block;
+}
+
+.combo-box-option {
+ display: block;
+ width: 100%;
+ padding: 0.5em 0.75em;
+ margin-bottom: 0;
+ font-size: 1em;
+ font-weight: 400;
+ line-height: 1.5;
+ color: var(--cod-body-color);
+ text-decoration: none;
+ background-color: transparent;
+ border: 0;
+ cursor: pointer;
+ transition:
+ background-color 0.15s ease-in-out,
+ color 0.15s ease-in-out;
+}
+.combo-box-option:hover,
+.combo-box-option:focus,
+.combo-box-option--active {
+ color: var(--cod-primary);
+ background-color: var(--cod-primary-bg-subtle);
+}
+.combo-box-option--no-results {
+ color: var(--cod-secondary-color);
+ cursor: default;
+ font-style: italic;
+}
+.combo-box-option--no-results:hover,
+.combo-box-option--no-results:focus {
+ color: var(--cod-secondary-color);
+ background-color: transparent;
+}
+
+.combo-box-status {
+ position: absolute;
+ left: -10000px;
+ width: 1px;
+ height: 1px;
+ overflow: hidden;
+}
+
+@media (prefers-contrast: high) {
+ .combo-box-input {
+ border-width: 2px;
+ }
+ .combo-box-list {
+ border-width: 2px;
+ }
+ .combo-box-option:hover,
+ .combo-box-option:focus,
+ .combo-box-option--active {
+ border: 2px solid;
+ }
+}
+@media (prefers-reduced-motion: reduce) {
+ .combo-box-input,
+ .combo-box-toggle-button,
+ .combo-box-toggle-icon,
+ .combo-box-option {
+ transition: none;
+ }
+}
+
+/*# sourceMappingURL=ComboBox.css.map */
diff --git a/src/stable/components/ComboBox/ComboBox.css.map b/src/stable/components/ComboBox/ComboBox.css.map
new file mode 100644
index 00000000..af03ee1d
--- /dev/null
+++ b/src/stable/components/ComboBox/ComboBox.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../scss/_cod-uxds-bs-host.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/mixins/_color-mode.scss","../../../scss/_cod-uxds-style-guide.scss","ComboBox.scss"],"names":[],"mappings":"AAEA;AAAA;EASI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGF;EACA;EAMA;EACA;EACA;EAOA;ECyOI,sBALI;EDlOR;EACA;EAKA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAOA;EACA;EACA;EAEA;EACA;EAMA;EACA;EAGA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EAGA;EACA;EACA;EACA;EAIA;EACA;EACA;EAIA;EACA;EACA;EACA;;;AErHE;EF2HA;EAGA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAGE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAOF;EACA;EACA;EACA;EAEA;EAEA;EACA;EAEA;EACA;EACA;EACA;;;AGrLJ;AAAA;EAEE;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;AAAA;;;AAIF;EACE;;;AAMA;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AC/BJ;EACE;EACA;;AAEA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;;AAGF;EACE;EACA;;;AAKF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EAGE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EAEE;EACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;;;AAIF;EACE;IACE;;EAGF;IACE;;EAIA;IAGE;;;AAMN;EACE;AAAA;AAAA;AAAA;IAIE","file":"ComboBox.css"}
\ No newline at end of file
diff --git a/src/stable/components/ComboBox/ComboBox.js b/src/stable/components/ComboBox/ComboBox.js
new file mode 100644
index 00000000..322c05b7
--- /dev/null
+++ b/src/stable/components/ComboBox/ComboBox.js
@@ -0,0 +1,606 @@
+import styles from '!!raw-loader!./ComboBox.css';
+
+const template = document.createElement('template');
+template.innerHTML = `
+
+`;
+
+export default class ComboBox extends HTMLElement {
+ static get observedAttributes() {
+ return [
+ 'placeholder',
+ 'default',
+ 'filter',
+ 'required',
+ 'disabled',
+ 'name',
+ 'id',
+ ];
+ }
+
+ constructor() {
+ super();
+ const shadow = this.attachShadow({ mode: 'open' });
+ shadow.appendChild(template.content.cloneNode(true));
+
+ // Add styles
+ const itemStyles = document.createElement('style');
+ itemStyles.textContent = styles;
+ shadow.appendChild(itemStyles);
+
+ // Initialize state
+ this._state = {
+ isOpen: false,
+ options: [],
+ filteredOptions: [],
+ selectedIndex: -1,
+ activeIndex: -1,
+ inputValue: '',
+ selectedValue: '',
+ placeholder: '',
+ defaultValue: '',
+ customFilter: null,
+ required: false,
+ disabled: false,
+ name: '',
+ id: '',
+ };
+
+ // Bind methods
+ this._handleInputChange = this._handleInputChange.bind(this);
+ this._handleInputKeyDown = this._handleInputKeyDown.bind(this);
+ this._handleInputFocus = this._handleInputFocus.bind(this);
+ this._handleInputBlur = this._handleInputBlur.bind(this);
+ this._handleToggleClick = this._handleToggleClick.bind(this);
+ this._handleClearClick = this._handleClearClick.bind(this);
+ this._handleOptionClick = this._handleOptionClick.bind(this);
+ this._handleDocumentClick = this._handleDocumentClick.bind(this);
+ }
+
+ connectedCallback() {
+ // Parse options from child elements
+ this._parseOptions();
+
+ // Create hidden input for form participation
+ this._createHiddenInput();
+
+ // Set up event listeners
+ this._setupEventListeners();
+
+ // Initialize attributes
+ this._initializeAttributes();
+
+ // Initial render
+ this._render();
+ }
+
+ disconnectedCallback() {
+ this._removeEventListeners();
+ }
+
+ attributeChangedCallback(name, oldValue, newValue) {
+ if (oldValue === newValue) return;
+
+ switch (name) {
+ case 'placeholder':
+ this._state.placeholder = newValue || '';
+ break;
+ case 'default':
+ this._state.defaultValue = newValue || '';
+ this._state.selectedValue = newValue || '';
+ this._state.inputValue = newValue || '';
+ break;
+ case 'filter':
+ this._state.customFilter = newValue;
+ break;
+ case 'required':
+ this._state.required = newValue !== null;
+ break;
+ case 'disabled':
+ this._state.disabled = newValue !== null;
+ break;
+ case 'name':
+ this._state.name = newValue || '';
+ if (this._hiddenInput) {
+ this._hiddenInput.name = newValue || '';
+ }
+ break;
+ case 'id':
+ this._state.id = newValue || '';
+ break;
+ }
+
+ this._render();
+ }
+
+ _parseOptions() {
+ const options = [];
+ const optionElements = this.querySelectorAll('option');
+
+ optionElements.forEach((option) => {
+ options.push({
+ value: option.value,
+ text: option.textContent.trim(),
+ selected: option.hasAttribute('selected'),
+ });
+ });
+
+ this._state.options = options;
+ this._state.filteredOptions = [...options];
+
+ // Set selected value from options
+ const selectedOption = options.find((opt) => opt.selected);
+ if (selectedOption) {
+ this._state.selectedValue = selectedOption.value;
+ this._state.inputValue = selectedOption.text;
+ // Update hidden input if it exists (it might not exist yet during initialization)
+ if (this._hiddenInput) {
+ this._updateHiddenInput();
+ }
+ }
+ }
+
+ _createHiddenInput() {
+ // Remove existing hidden input if it exists
+ if (this._hiddenInput) {
+ this._hiddenInput.remove();
+ }
+
+ // Create hidden input for form participation
+ this._hiddenInput = document.createElement('input');
+ this._hiddenInput.type = 'hidden';
+ this._hiddenInput.value = this._state.selectedValue || '';
+
+ // Set name and other attributes
+ if (this._state.name) {
+ this._hiddenInput.name = this._state.name;
+ }
+
+ // Append to the component (light DOM)
+ this.appendChild(this._hiddenInput);
+ }
+
+ _setupEventListeners() {
+ const input = this.shadowRoot.querySelector('.combo-box-input');
+ const toggleButton = this.shadowRoot.querySelector(
+ '.combo-box-toggle-button',
+ );
+ const clearButton = this.shadowRoot.querySelector(
+ '.combo-box-clear-button',
+ );
+
+ input.addEventListener('input', this._handleInputChange);
+ input.addEventListener('keydown', this._handleInputKeyDown);
+ input.addEventListener('focus', this._handleInputFocus);
+ input.addEventListener('blur', this._handleInputBlur);
+ toggleButton.addEventListener('click', this._handleToggleClick);
+ clearButton.addEventListener('click', this._handleClearClick);
+
+ document.addEventListener('click', this._handleDocumentClick);
+ }
+
+ _removeEventListeners() {
+ const input = this.shadowRoot.querySelector('.combo-box-input');
+ const toggleButton = this.shadowRoot.querySelector(
+ '.combo-box-toggle-button',
+ );
+ const clearButton = this.shadowRoot.querySelector(
+ '.combo-box-clear-button',
+ );
+
+ if (input) {
+ input.removeEventListener('input', this._handleInputChange);
+ input.removeEventListener('keydown', this._handleInputKeyDown);
+ input.removeEventListener('focus', this._handleInputFocus);
+ input.removeEventListener('blur', this._handleInputBlur);
+ }
+
+ if (toggleButton) {
+ toggleButton.removeEventListener('click', this._handleToggleClick);
+ }
+
+ if (clearButton) {
+ clearButton.removeEventListener('click', this._handleClearClick);
+ }
+
+ document.removeEventListener('click', this._handleDocumentClick);
+ }
+
+ _initializeAttributes() {
+ this._state.placeholder = this.getAttribute('placeholder') || '';
+ this._state.defaultValue = this.getAttribute('default') || '';
+ this._state.customFilter = this.getAttribute('filter');
+ this._state.required = this.hasAttribute('required');
+ this._state.disabled = this.hasAttribute('disabled');
+ this._state.name = this.getAttribute('name') || '';
+ this._state.id = this.getAttribute('id') || '';
+
+ if (this._state.defaultValue) {
+ this._state.selectedValue = this._state.defaultValue;
+ this._state.inputValue = this._state.defaultValue;
+ this._updateHiddenInput();
+ }
+ }
+
+ _handleInputChange(event) {
+ const value = event.target.value;
+ this._state.inputValue = value;
+ this._filterOptions(value);
+ this._openList();
+ this._updateStatus();
+ }
+
+ _handleInputKeyDown(event) {
+ switch (event.key) {
+ case 'ArrowDown':
+ event.preventDefault();
+ if (!this._state.isOpen) {
+ this._openList();
+ } else {
+ this._navigateOptions(1);
+ }
+ break;
+ case 'ArrowUp':
+ event.preventDefault();
+ this._navigateOptions(-1);
+ break;
+ case 'Enter':
+ event.preventDefault();
+ if (this._state.isOpen && this._state.activeIndex >= 0) {
+ this._selectOption(this._state.activeIndex);
+ }
+ break;
+ case 'Escape':
+ this._closeList();
+ break;
+ case 'Tab':
+ this._closeList();
+ break;
+ }
+ }
+
+ _handleInputFocus() {
+ this._filterOptions(this._state.inputValue);
+ this._openList();
+ }
+
+ _handleInputBlur(_event) {
+ // Delay closing to allow for option clicks
+ setTimeout(() => {
+ if (!this.shadowRoot.contains(document.activeElement)) {
+ this._closeList();
+
+ // If user typed a filter but didn't select an option, clear the filter
+ const currentInput = this._state.inputValue;
+ const hasMatchingOption = this._state.options.some(
+ (option) => option.text.toLowerCase() === currentInput.toLowerCase(),
+ );
+
+ // If the current input doesn't match any option exactly, revert to selected value
+ if (!hasMatchingOption) {
+ const selectedOption = this._state.options.find(
+ (opt) => opt.value === this._state.selectedValue,
+ );
+ this._state.inputValue = selectedOption ? selectedOption.text : '';
+ this._updateInputValue();
+ this._render();
+ }
+ }
+ }, 150);
+ }
+
+ _handleToggleClick(event) {
+ event.preventDefault();
+ if (this._state.isOpen) {
+ this._closeList();
+ } else {
+ this._openList();
+ }
+ }
+
+ _handleClearClick(event) {
+ event.preventDefault();
+ this.clear();
+ this._dispatchChangeEvent();
+ }
+
+ _handleOptionClick(event) {
+ const index = parseInt(event.currentTarget.dataset.index, 10);
+ this._selectOption(index);
+ }
+
+ _handleDocumentClick(event) {
+ if (
+ !this.contains(event.target) &&
+ !this.shadowRoot.contains(event.target)
+ ) {
+ this._closeList();
+ }
+ }
+
+ _filterOptions(query) {
+ if (
+ this._state.customFilter &&
+ typeof window[this._state.customFilter] === 'function'
+ ) {
+ this._state.filteredOptions = window[this._state.customFilter](
+ this._state.options,
+ query,
+ );
+ } else {
+ this._state.filteredOptions = this._state.options.filter((option) =>
+ option.text.toLowerCase().includes(query.toLowerCase()),
+ );
+ }
+ this._state.activeIndex = this._state.filteredOptions.length > 0 ? 0 : -1;
+ this._renderOptions();
+ }
+
+ _navigateOptions(direction) {
+ const maxIndex = this._state.filteredOptions.length - 1;
+ let newIndex = this._state.activeIndex + direction;
+
+ if (newIndex < 0) {
+ newIndex = maxIndex;
+ } else if (newIndex > maxIndex) {
+ newIndex = 0;
+ }
+
+ this._state.activeIndex = newIndex;
+ this._renderOptions();
+ this._scrollToActiveOption();
+ }
+
+ _selectOption(index) {
+ const option = this._state.filteredOptions[index];
+ if (option) {
+ this._state.selectedValue = option.value;
+ this._state.inputValue = option.text;
+ this._state.selectedIndex = this._state.options.findIndex(
+ (opt) => opt.value === option.value,
+ );
+ this._closeList();
+ this._updateInputValue();
+ this._updateHiddenInput();
+ this._render(); // Re-render to show/hide clear button
+ this._dispatchChangeEvent();
+ }
+ }
+
+ _openList() {
+ this._state.isOpen = true;
+ this._updateAriaAttributes();
+ this._renderOptions();
+ }
+
+ _closeList() {
+ this._state.isOpen = false;
+ this._state.activeIndex = -1;
+ this._updateAriaAttributes();
+ this._renderOptions();
+ }
+
+ _scrollToActiveOption() {
+ const listbox = this.shadowRoot.querySelector('.combo-box-list');
+ const activeOption = listbox.querySelector('[aria-selected="true"]');
+
+ if (activeOption) {
+ activeOption.scrollIntoView({ block: 'nearest' });
+ }
+ }
+
+ _updateInputValue() {
+ const input = this.shadowRoot.querySelector('.combo-box-input');
+ input.value = this._state.inputValue;
+ }
+
+ _updateHiddenInput() {
+ if (this._hiddenInput) {
+ this._hiddenInput.value = this._state.selectedValue;
+ }
+ }
+
+ _updateAriaAttributes() {
+ const input = this.shadowRoot.querySelector('.combo-box-input');
+ const listbox = this.shadowRoot.querySelector('.combo-box-list');
+
+ input.setAttribute('aria-expanded', this._state.isOpen.toString());
+ listbox.setAttribute('aria-hidden', (!this._state.isOpen).toString());
+ }
+
+ _updateStatus() {
+ const status = this.shadowRoot.querySelector('.combo-box-status');
+ const count = this._state.filteredOptions.length;
+
+ if (this._state.isOpen) {
+ status.textContent = `${count} option${
+ count !== 1 ? 's' : ''
+ } available.`;
+ } else {
+ status.textContent = '';
+ }
+ }
+
+ _renderOptions() {
+ const listbox = this.shadowRoot.querySelector('.combo-box-list');
+
+ if (!this._state.isOpen) {
+ listbox.style.display = 'none';
+ return;
+ }
+
+ listbox.style.display = 'block';
+ listbox.innerHTML = '';
+
+ this._state.filteredOptions.forEach((option, index) => {
+ const li = document.createElement('li');
+ li.className = 'combo-box-option';
+ li.setAttribute('role', 'option');
+ li.setAttribute('data-index', index.toString());
+ li.setAttribute(
+ 'aria-selected',
+ (index === this._state.activeIndex).toString(),
+ );
+ li.textContent = option.text;
+
+ if (index === this._state.activeIndex) {
+ li.classList.add('combo-box-option--active');
+ }
+
+ li.addEventListener('click', this._handleOptionClick);
+ listbox.appendChild(li);
+ });
+
+ if (this._state.filteredOptions.length === 0) {
+ const li = document.createElement('li');
+ li.className = 'combo-box-option combo-box-option--no-results';
+ li.textContent = 'No results found';
+ listbox.appendChild(li);
+ }
+ }
+
+ _render() {
+ const input = this.shadowRoot.querySelector('.combo-box-input');
+ const toggleButton = this.shadowRoot.querySelector(
+ '.combo-box-toggle-button',
+ );
+ const clearButton = this.shadowRoot.querySelector(
+ '.combo-box-clear-button',
+ );
+
+ // Check if there's a selection to show clear button
+ const hasSelection = this._state.selectedValue && this._state.inputValue;
+
+ // Update input attributes
+ input.placeholder = this._state.placeholder;
+ input.required = this._state.required;
+ input.disabled = this._state.disabled;
+ input.value = this._state.inputValue;
+
+ // Clear button visibility and input padding are handled by CSS classes
+
+ if (this._state.name) {
+ input.name = this._state.name;
+ }
+
+ if (this._state.id) {
+ input.id = this._state.id;
+ input.setAttribute('aria-describedby', `${this._state.id}-status`);
+ this.shadowRoot.querySelector(
+ '.combo-box-status',
+ ).id = `${this._state.id}-status`;
+ }
+
+ // Update button states
+ toggleButton.disabled = this._state.disabled;
+ clearButton.disabled = this._state.disabled;
+
+ // Update container classes
+ const container = this.shadowRoot.querySelector('.combo-box');
+ container.classList.toggle('combo-box--disabled', this._state.disabled);
+ container.classList.toggle('combo-box--open', this._state.isOpen);
+ container.classList.toggle(
+ 'combo-box--has-selection',
+ hasSelection && !this._state.disabled,
+ );
+
+ this._updateAriaAttributes();
+ this._renderOptions();
+ }
+
+ _dispatchChangeEvent() {
+ const event = new CustomEvent('change', {
+ detail: {
+ value: this._state.selectedValue,
+ text: this._state.inputValue,
+ },
+ bubbles: true,
+ });
+ this.dispatchEvent(event);
+ }
+
+ // Public API
+ get value() {
+ return this._state.selectedValue;
+ }
+
+ set value(val) {
+ const option = this._state.options.find((opt) => opt.value === val);
+ if (option) {
+ this._state.selectedValue = val;
+ this._state.inputValue = option.text;
+ this._updateInputValue();
+ this._updateHiddenInput();
+ }
+ }
+
+ get disabled() {
+ return this._state.disabled;
+ }
+
+ set disabled(val) {
+ if (val) {
+ this.setAttribute('disabled', '');
+ } else {
+ this.removeAttribute('disabled');
+ }
+ }
+
+ clear() {
+ this._state.selectedValue = '';
+ this._state.inputValue = '';
+ this._updateInputValue();
+ this._updateHiddenInput();
+ this._closeList();
+ this._render(); // Re-render to hide clear button
+ }
+
+ focus() {
+ const input = this.shadowRoot.querySelector('.combo-box-input');
+ input.focus();
+ }
+}
diff --git a/src/stable/components/ComboBox/ComboBox.scss b/src/stable/components/ComboBox/ComboBox.scss
new file mode 100644
index 00000000..22bef729
--- /dev/null
+++ b/src/stable/components/ComboBox/ComboBox.scss
@@ -0,0 +1,243 @@
+@import '../../../scss/cod-uxds-bs-base';
+@import '../../../scss/cod-uxds-bs-utilities';
+@import '../../../scss/cod-uxds-bs-host';
+@import '../../../scss/cod-uxds-style-guide';
+
+.combo-box {
+ position: relative;
+ width: 100%;
+
+ &--disabled {
+ opacity: 0.65;
+ cursor: not-allowed;
+ }
+}
+
+.combo-box-label {
+ display: block;
+ margin-bottom: 0.5rem;
+ font-weight: 600;
+ color: var(--cod-body-color);
+}
+
+.combo-box-wrapper {
+ position: relative;
+ display: flex;
+ width: 100%;
+}
+
+.combo-box-input {
+ flex: 1;
+ padding: 0.375rem 2.5rem 0.375rem 0.75rem;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: var(--cod-body-color);
+ background-color: var(--cod-body-bg);
+ background-image: none;
+ border: 1px solid var(--cod-border-color);
+ transition:
+ border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
+
+ &:focus {
+ color: var(--cod-body-color);
+ background-color: var(--cod-body-bg);
+ border-color: #86b7fe;
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+ }
+
+ &:disabled {
+ background-color: var(--cod-secondary-bg);
+ border-color: var(--cod-border-color);
+ opacity: 1;
+ cursor: not-allowed;
+ }
+
+ &::placeholder {
+ color: var(--cod-secondary-color);
+ opacity: 1;
+ }
+}
+
+.combo-box--has-selection {
+ .combo-box-clear-button {
+ display: flex;
+ }
+}
+
+.combo-box-clear-button {
+ position: absolute;
+ top: 0;
+ right: 2.5rem;
+ bottom: 0;
+ z-index: 3;
+ display: none;
+ align-items: center;
+ justify-content: center;
+ width: 2.5rem;
+ padding: 0;
+ background-color: transparent;
+ border: 0;
+ cursor: pointer;
+ transition: all 0.15s ease-in-out;
+
+ &:hover:not(:disabled) {
+ background-color: rgba(220, 53, 69, 0.1);
+ color: #dc3545;
+ }
+
+ &:focus {
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
+ }
+
+ &:disabled {
+ cursor: not-allowed;
+ opacity: 0.65;
+ }
+}
+
+.combo-box-clear-icon {
+ width: 1rem;
+ height: 1rem;
+ fill: currentColor;
+}
+
+.combo-box-toggle-button {
+ position: absolute;
+ top: 0;
+ right: 0;
+ bottom: 0;
+ z-index: 2;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ width: 2.5rem;
+ padding: 0;
+ background-color: transparent;
+ border: 0;
+ cursor: pointer;
+ transition: all 0.15s ease-in-out;
+
+ &:hover:not(:disabled) {
+ background-color: rgba(0, 0, 0, 0.05);
+ }
+
+ &:focus {
+ outline: 0;
+ box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+ }
+
+ &:disabled {
+ cursor: not-allowed;
+ opacity: 0.65;
+ }
+}
+
+.combo-box-toggle-icon {
+ width: 1rem;
+ height: 1rem;
+ fill: currentColor;
+ transition: transform 0.15s ease-in-out;
+
+ .combo-box--open & {
+ transform: rotate(180deg);
+ }
+}
+
+.combo-box-list {
+ position: absolute;
+ top: 100%;
+ left: 0;
+ right: 0;
+ z-index: 1000;
+ display: none;
+ max-height: 200px;
+ margin: 0.125rem 0 0 0;
+ padding: 0;
+ overflow-y: auto;
+ list-style: none;
+ background-color: var(--cod-body-bg);
+ border: 1px solid var(--cod-border-color);
+ box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
+
+ .combo-box--open & {
+ display: block;
+ }
+}
+
+.combo-box-option {
+ display: block;
+ width: 100%;
+ padding: 0.5rem 0.75rem;
+ margin-bottom: 0;
+ font-size: 1rem;
+ font-weight: 400;
+ line-height: 1.5;
+ color: var(--cod-body-color);
+ text-decoration: none;
+ background-color: transparent;
+ border: 0;
+ cursor: pointer;
+ transition:
+ background-color 0.15s ease-in-out,
+ color 0.15s ease-in-out;
+
+ &:hover,
+ &:focus,
+ &--active {
+ color: var(--cod-primary);
+ background-color: var(--cod-primary-bg-subtle);
+ }
+
+ &--no-results {
+ color: var(--cod-secondary-color);
+ cursor: default;
+ font-style: italic;
+
+ &:hover,
+ &:focus {
+ color: var(--cod-secondary-color);
+ background-color: transparent;
+ }
+ }
+}
+
+.combo-box-status {
+ position: absolute;
+ left: -10000px;
+ width: 1px;
+ height: 1px;
+ overflow: hidden;
+}
+
+// High contrast mode support
+@media (prefers-contrast: high) {
+ .combo-box-input {
+ border-width: 2px;
+ }
+
+ .combo-box-list {
+ border-width: 2px;
+ }
+
+ .combo-box-option {
+ &:hover,
+ &:focus,
+ &--active {
+ border: 2px solid;
+ }
+ }
+}
+
+// Reduced motion support
+@media (prefers-reduced-motion: reduce) {
+ .combo-box-input,
+ .combo-box-toggle-button,
+ .combo-box-toggle-icon,
+ .combo-box-option {
+ transition: none;
+ }
+}
diff --git a/src/stable/components/ComboBox/cod-combo-box.js b/src/stable/components/ComboBox/cod-combo-box.js
new file mode 100644
index 00000000..094a94cc
--- /dev/null
+++ b/src/stable/components/ComboBox/cod-combo-box.js
@@ -0,0 +1,3 @@
+import ComboBox from './ComboBox.js';
+
+customElements.define('cod-combo-box', ComboBox);
diff --git a/src/stable/components/DetailPanel/DetailPanel.css b/src/stable/components/DetailPanel/DetailPanel.css
new file mode 100644
index 00000000..8794ef9f
--- /dev/null
+++ b/src/stable/components/DetailPanel/DetailPanel.css
@@ -0,0 +1,388 @@
+:host,
+[data-bs-theme='light'] {
+ --cod-blue: #0d6efd;
+ --cod-indigo: #6610f2;
+ --cod-purple: #6f42c1;
+ --cod-pink: #d63384;
+ --cod-red: #dc3545;
+ --cod-orange: #fd7e14;
+ --cod-yellow: #ffc107;
+ --cod-green: #198754;
+ --cod-teal: #20c997;
+ --cod-cyan: #0dcaf0;
+ --cod-black: #000;
+ --cod-white: #fff;
+ --cod-gray: #6c757d;
+ --cod-gray-dark: #343a40;
+ --cod-gray-100: #f8f9fa;
+ --cod-gray-200: #e9ecef;
+ --cod-gray-300: #dee2e6;
+ --cod-gray-400: #ced4da;
+ --cod-gray-500: #adb5bd;
+ --cod-gray-600: #6c757d;
+ --cod-gray-700: #495057;
+ --cod-gray-800: #343a40;
+ --cod-gray-900: #212529;
+ --cod-primary: #004445;
+ --cod-secondary: #f2f2f2;
+ --cod-success: #9fd5b3;
+ --cod-info: #004445;
+ --cod-warning: #feb70d;
+ --cod-danger: #b3393b;
+ --cod-light: #fff;
+ --cod-dark: #18252a;
+ --cod-accent-primary: #feb70d;
+ --cod-accent-secondary: #9fd5b3;
+ --cod-primary-rgb: 0, 68, 69;
+ --cod-secondary-rgb: 242, 242, 242;
+ --cod-success-rgb: 159, 213, 179;
+ --cod-info-rgb: 0, 68, 69;
+ --cod-warning-rgb: 254, 183, 13;
+ --cod-danger-rgb: 179, 57, 59;
+ --cod-light-rgb: 255, 255, 255;
+ --cod-dark-rgb: 24, 37, 42;
+ --cod-accent-primary-rgb: 254, 183, 13;
+ --cod-accent-secondary-rgb: 159, 213, 179;
+ --cod-primary-text-emphasis: #001b1c;
+ --cod-secondary-text-emphasis: #616161;
+ --cod-success-text-emphasis: #405548;
+ --cod-info-text-emphasis: #001b1c;
+ --cod-warning-text-emphasis: #664905;
+ --cod-danger-text-emphasis: #481718;
+ --cod-light-text-emphasis: #495057;
+ --cod-dark-text-emphasis: #495057;
+ --cod-primary-bg-subtle: #ccdada;
+ --cod-secondary-bg-subtle: #fcfcfc;
+ --cod-success-bg-subtle: #ecf7f0;
+ --cod-info-bg-subtle: #ccdada;
+ --cod-warning-bg-subtle: #fff1cf;
+ --cod-danger-bg-subtle: #f0d7d8;
+ --cod-light-bg-subtle: #fcfcfd;
+ --cod-dark-bg-subtle: #ced4da;
+ --cod-primary-border-subtle: #99b4b5;
+ --cod-secondary-border-subtle: #fafafa;
+ --cod-success-border-subtle: #d9eee1;
+ --cod-info-border-subtle: #99b4b5;
+ --cod-warning-border-subtle: #ffe29e;
+ --cod-danger-border-subtle: #e1b0b1;
+ --cod-light-border-subtle: #e9ecef;
+ --cod-dark-border-subtle: #adb5bd;
+ --cod-white-rgb: 255, 255, 255;
+ --cod-black-rgb: 0, 0, 0;
+ --cod-font-sans-serif: 'Montserrat', sans-serif;
+ --cod-font-monospace: 'Montserrat', sans-serif;
+ --cod-gradient: linear-gradient(
+ 180deg,
+ rgba(255, 255, 255, 0.15),
+ rgba(255, 255, 255, 0)
+ );
+ --cod-body-font-family: var(--cod-font-sans-serif);
+ --cod-body-font-size: 1em;
+ --cod-body-font-weight: 500;
+ --cod-body-line-height: 1.5;
+ --cod-body-color: #212529;
+ --cod-body-color-rgb: 33, 37, 41;
+ --cod-body-bg: #fff;
+ --cod-body-bg-rgb: 255, 255, 255;
+ --cod-emphasis-color: #000;
+ --cod-emphasis-color-rgb: 0, 0, 0;
+ --cod-secondary-color: rgba(33, 37, 41, 0.75);
+ --cod-secondary-color-rgb: 33, 37, 41;
+ --cod-secondary-bg: #e9ecef;
+ --cod-secondary-bg-rgb: 233, 236, 239;
+ --cod-tertiary-color: rgba(33, 37, 41, 0.5);
+ --cod-tertiary-color-rgb: 33, 37, 41;
+ --cod-tertiary-bg: #f8f9fa;
+ --cod-tertiary-bg-rgb: 248, 249, 250;
+ --cod-link-color: #004445;
+ --cod-link-color-rgb: 0, 68, 69;
+ --cod-link-decoration: underline;
+ --cod-link-hover-color: #003637;
+ --cod-link-hover-color-rgb: 0, 54, 55;
+ --cod-code-color: #d63384;
+ --cod-highlight-bg: #fff3cd;
+ --cod-border-width: 1px;
+ --cod-border-style: solid;
+ --cod-border-color: #dee2e6;
+ --cod-border-color-translucent: rgba(0, 0, 0, 0.175);
+ --cod-border-radius: 0.375em;
+ --cod-border-radius-sm: 0.25em;
+ --cod-border-radius-lg: 0.5em;
+ --cod-border-radius-xl: 1em;
+ --cod-border-radius-xxl: 2em;
+ --cod-border-radius-2xl: var(--cod-border-radius-xxl);
+ --cod-border-radius-pill: 50em;
+ --cod-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
+ --cod-box-shadow-sm: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);
+ --cod-box-shadow-lg: 0 1em 3em rgba(0, 0, 0, 0.175);
+ --cod-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+ --cod-focus-ring-width: 0.25em;
+ --cod-focus-ring-opacity: 1;
+ --cod-focus-ring-color: blue;
+ --cod-form-valid-color: #9fd5b3;
+ --cod-form-valid-border-color: #9fd5b3;
+ --cod-form-invalid-color: #b3393b;
+ --cod-form-invalid-border-color: #b3393b;
+}
+
+[data-bs-theme='dark'] {
+ color-scheme: dark;
+ --cod-body-color: #adb5bd;
+ --cod-body-color-rgb: 173, 181, 189;
+ --cod-body-bg: #212529;
+ --cod-body-bg-rgb: 33, 37, 41;
+ --cod-emphasis-color: #fff;
+ --cod-emphasis-color-rgb: 255, 255, 255;
+ --cod-secondary-color: rgba(173, 181, 189, 0.75);
+ --cod-secondary-color-rgb: 173, 181, 189;
+ --cod-secondary-bg: #343a40;
+ --cod-secondary-bg-rgb: 52, 58, 64;
+ --cod-tertiary-color: rgba(173, 181, 189, 0.5);
+ --cod-tertiary-color-rgb: 173, 181, 189;
+ --cod-tertiary-bg: #2b3035;
+ --cod-tertiary-bg-rgb: 43, 48, 53;
+ --cod-primary-text-emphasis: #668f8f;
+ --cod-secondary-text-emphasis: #f7f7f7;
+ --cod-success-text-emphasis: #c5e6d1;
+ --cod-info-text-emphasis: #668f8f;
+ --cod-warning-text-emphasis: #fed46e;
+ --cod-danger-text-emphasis: #d18889;
+ --cod-light-text-emphasis: #f8f9fa;
+ --cod-dark-text-emphasis: #dee2e6;
+ --cod-primary-bg-subtle: #000e0e;
+ --cod-secondary-bg-subtle: #303030;
+ --cod-success-bg-subtle: #202b24;
+ --cod-info-bg-subtle: #000e0e;
+ --cod-warning-bg-subtle: #332503;
+ --cod-danger-bg-subtle: #240b0c;
+ --cod-light-bg-subtle: #343a40;
+ --cod-dark-bg-subtle: #1a1d20;
+ --cod-primary-border-subtle: #002929;
+ --cod-secondary-border-subtle: #919191;
+ --cod-success-border-subtle: #5f806b;
+ --cod-info-border-subtle: #002929;
+ --cod-warning-border-subtle: #986e08;
+ --cod-danger-border-subtle: #6b2223;
+ --cod-light-border-subtle: #495057;
+ --cod-dark-border-subtle: #343a40;
+ --cod-link-color: #668f8f;
+ --cod-link-hover-color: #85a5a5;
+ --cod-link-color-rgb: 102, 143, 143;
+ --cod-link-hover-color-rgb: 133, 165, 165;
+ --cod-code-color: #e685b5;
+ --cod-border-color: #495057;
+ --cod-border-color-translucent: rgba(255, 255, 255, 0.15);
+ --cod-form-valid-color: #75b798;
+ --cod-form-valid-border-color: #75b798;
+ --cod-form-invalid-color: #ea868f;
+ --cod-form-invalid-border-color: #ea868f;
+}
+
+h1,
+.h1 {
+ border-left: 0.1em solid #feb70d;
+ padding-left: 0.25em;
+}
+
+.title-line {
+ border-left: none;
+ border-bottom: 0.1em solid #feb70d;
+}
+
+b,
+strong {
+ font-weight: 700;
+}
+
+.btn {
+ --cod-btn-focus-box-shadow: 0 0 0 0.25em
+ rgba(var(--cod-btn-focus-shadow-rgb), 1);
+}
+
+.btn:focus-visible {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-primary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-secondary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-success {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-info {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-warning {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-danger {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-light {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-dark {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-accent-primary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-accent-secondary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+:host {
+ display: block;
+ --cod-detail-panel-background-color: transparent;
+ --cod-detail-panel-border-color: #dee2e6;
+ --cod-detail-panel-border-radius: 0;
+ --cod-detail-panel-heading-background: #f2f2f2;
+ --cod-detail-panel-heading-color: #18252a;
+ --cod-detail-panel-body-background: transparent;
+ --cod-detail-panel-body-color: #18252a;
+ --cod-detail-panel-body-padding: 1em;
+ --cod-detail-panel-button-padding: 1em 1.25em;
+ --cod-detail-panel-button-focus-color: #004445;
+ --cod-detail-panel-icon-size: 1em;
+}
+
+.cod-detail-panel {
+ background-color: var(--cod-detail-panel-background-color);
+ border: 1px solid var(--cod-detail-panel-border-color);
+ border-radius: var(--cod-detail-panel-border-radius);
+ margin-bottom: 1em;
+ font-family: inherit;
+}
+.cod-detail-panel:last-child {
+ margin-bottom: 0;
+}
+.cod-detail-panel__content {
+ display: block;
+}
+.cod-detail-panel__heading {
+ margin: 0;
+ display: block;
+}
+.cod-detail-panel__button {
+ position: relative;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ width: 100%;
+ padding: var(--cod-detail-panel-button-padding);
+ font-size: inherit;
+ font-weight: 500;
+ line-height: 1.5;
+ text-align: left;
+ color: var(--cod-detail-panel-heading-color);
+ background-color: var(--cod-detail-panel-heading-background);
+ border: none;
+ border-radius: var(--cod-detail-panel-border-radius);
+ cursor: pointer;
+ transition:
+ color 0.15s ease-in-out,
+ background-color 0.15s ease-in-out;
+}
+.cod-detail-panel__button:hover {
+ background-color: color-mix(
+ in srgb,
+ var(--cod-detail-panel-border-color) 20%,
+ transparent
+ );
+}
+.cod-detail-panel__button:focus {
+ outline: 2px solid var(--cod-detail-panel-button-focus-color);
+ outline-offset: 2px;
+ z-index: 1;
+}
+.cod-detail-panel__button:focus:not(:focus-visible) {
+ outline: none;
+}
+.cod-detail-panel__button:focus-visible {
+ outline: 2px solid var(--cod-detail-panel-button-focus-color);
+ outline-offset: 2px;
+}
+.cod-detail-panel__button-text {
+ flex: 1;
+ min-width: 0;
+}
+.cod-detail-panel__icon {
+ flex-shrink: 0;
+ width: var(--cod-detail-panel-icon-size);
+ height: var(--cod-detail-panel-icon-size);
+ margin-left: 1em;
+ color: var(--cod-detail-panel-heading-color);
+ transition: transform 0.15s ease-in-out;
+}
+.cod-detail-panel__icon svg {
+ width: 100%;
+ height: 100%;
+ display: block;
+}
+.cod-detail-panel__content--expanded .cod-detail-panel__icon {
+ transform: rotate(0deg);
+}
+.cod-detail-panel__body {
+ padding: var(--cod-detail-panel-body-padding);
+ background-color: var(--cod-detail-panel-body-background);
+ color: var(--cod-detail-panel-body-color);
+ border-top: 1px solid var(--cod-detail-panel-border-color);
+}
+.cod-detail-panel--bordered {
+ border: 2px solid var(--cod-detail-panel-border-color);
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+}
+.cod-detail-panel--bordered .cod-detail-panel__button {
+ border-radius: var(--cod-detail-panel-border-radius);
+}
+.cod-detail-panel:first-child .cod-detail-panel__button {
+ border-radius: var(--cod-detail-panel-border-radius);
+}
+.cod-detail-panel:last-child .cod-detail-panel__button {
+ border-radius: var(--cod-detail-panel-border-radius);
+}
+.cod-detail-panel:first-child:last-child .cod-detail-panel__button {
+ border-radius: var(--cod-detail-panel-border-radius);
+}
+.cod-detail-panel__content--expanded .cod-detail-panel__button {
+ border-radius: var(--cod-detail-panel-border-radius);
+}
+
+.cod-detail-panel + .cod-detail-panel {
+ margin-top: -1px;
+}
+.cod-detail-panel + .cod-detail-panel .cod-detail-panel__button {
+ border-radius: 0;
+}
+
+.cod-detail-panel:first-child .cod-detail-panel__button {
+ border-radius: var(--cod-detail-panel-border-radius);
+}
+
+.cod-detail-panel:last-child
+ .cod-detail-panel__button:not([aria-expanded='true']) {
+ border-radius: var(--cod-detail-panel-border-radius);
+}
+
+@media (max-width: 768px) {
+ .cod-detail-panel__button {
+ padding: 0.75em 1em;
+ }
+ .cod-detail-panel__body {
+ padding: 0.75em 1em;
+ }
+}
+
+/*# sourceMappingURL=DetailPanel.css.map */
diff --git a/src/stable/components/DetailPanel/DetailPanel.css.map b/src/stable/components/DetailPanel/DetailPanel.css.map
new file mode 100644
index 00000000..e7e7984b
--- /dev/null
+++ b/src/stable/components/DetailPanel/DetailPanel.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../scss/_cod-uxds-bs-host.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/mixins/_color-mode.scss","../../../scss/_cod-uxds-style-guide.scss","DetailPanel.scss"],"names":[],"mappings":"AAEA;AAAA;EASI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGF;EACA;EAMA;EACA;EACA;EAOA;ECyOI,sBALI;EDlOR;EACA;EAKA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAOA;EACA;EACA;EAEA;EACA;EAMA;EACA;EAGA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EAGA;EACA;EACA;EACA;EAIA;EACA;EACA;EAIA;EACA;EACA;EACA;;;AErHE;EF2HA;EAGA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAGE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAOF;EACA;EACA;EACA;EAEA;EAEA;EACA;EAEA;EACA;EACA;EACA;;;AGrLJ;AAAA;EAEE;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;AAAA;;;AAIF;EACE;;;AAMA;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AC/BJ;EACE;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;;AAGF;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAIJ;EACE;;AAGF;EACE;EACA;EACA;EACA;;AAIF;EACE;EACA;;AAEA;EACE;;AAKJ;EACE;;AAGF;EACE;;AAGF;EACE;;AAIF;EACE;;;AAKJ;EACE;;AAEA;EACE;;;AAIJ;EACE;;;AAGF;EACE;;;AAIF;EAEI;IACE;;EAGF;IACE","file":"DetailPanel.css"}
\ No newline at end of file
diff --git a/src/stable/components/DetailPanel/DetailPanel.js b/src/stable/components/DetailPanel/DetailPanel.js
new file mode 100644
index 00000000..10ccace9
--- /dev/null
+++ b/src/stable/components/DetailPanel/DetailPanel.js
@@ -0,0 +1,272 @@
+import styles from '!!raw-loader!./DetailPanel.css';
+import varStyles from '!!raw-loader!../../../shared/variables.css';
+import bootstrapStyles from '!!raw-loader!../../../shared/themed-bootstrap.css';
+
+const template = document.createElement('template');
+template.innerHTML = `
+
+`;
+
+// Expand/collapse icons from Bootstrap Icons
+const ICONS = {
+ collapsed: `
+ `,
+ expanded: `
+ `,
+};
+
+export default class DetailPanel extends HTMLElement {
+ static get observedAttributes() {
+ return ['expanded', 'bordered', 'allow-multiple'];
+ }
+
+ constructor() {
+ super();
+ this._state = {
+ expanded: false,
+ bordered: false,
+ allowMultiple: false,
+ };
+
+ const shadow = this.attachShadow({ mode: 'open' });
+ shadow.appendChild(template.content.cloneNode(true));
+
+ this._panel = shadow.querySelector('.cod-detail-panel');
+ this._content = shadow.querySelector('.cod-detail-panel__content');
+ this._heading = shadow.querySelector('.cod-detail-panel__heading');
+ this._button = shadow.querySelector('.cod-detail-panel__button');
+ this._body = shadow.querySelector('.cod-detail-panel__body');
+ this._icon = shadow.querySelector('.cod-detail-panel__icon');
+
+ // Generate unique ID for accessibility
+ this._panelId = `cod-detail-panel-${Math.random()
+ .toString(36)
+ .substr(2, 9)}`;
+ this._body.id = this._panelId;
+ this._button.setAttribute('aria-controls', this._panelId);
+
+ // Bind event handlers
+ this._handleClick = this._handleClick.bind(this);
+ this._handleKeydown = this._handleKeydown.bind(this);
+ }
+
+ connectedCallback() {
+ this._injectStyles();
+ this._updateFromAttributes();
+ this._updateClasses();
+ this._updateExpandedState();
+ this._updateIcon();
+ this._addEventListeners();
+ }
+
+ disconnectedCallback() {
+ this._removeEventListeners();
+ }
+
+ attributeChangedCallback(name, oldValue, newValue) {
+ if (oldValue !== newValue) {
+ this._updateFromAttributes();
+ this._updateClasses();
+ if (name === 'expanded') {
+ this._updateExpandedState();
+ this._updateIcon();
+ }
+ }
+ }
+
+ _injectStyles() {
+ const bootStyles = document.createElement('style');
+ bootStyles.textContent = bootstrapStyles;
+ const variableStyles = document.createElement('style');
+ variableStyles.textContent = varStyles;
+ const panelStyles = document.createElement('style');
+ panelStyles.textContent = styles;
+
+ this.shadowRoot.appendChild(bootStyles);
+ this.shadowRoot.appendChild(variableStyles);
+ this.shadowRoot.appendChild(panelStyles);
+ }
+
+ _updateFromAttributes() {
+ this._state.expanded = this.hasAttribute('expanded');
+ this._state.bordered = this.hasAttribute('bordered');
+ this._state.allowMultiple = this.hasAttribute('allow-multiple');
+ }
+
+ _updateClasses() {
+ const classes = ['cod-detail-panel'];
+
+ if (this._state.bordered) {
+ classes.push('cod-detail-panel--bordered');
+ }
+
+ this._panel.className = classes.join(' ');
+ }
+
+ _updateExpandedState() {
+ this._button.setAttribute('aria-expanded', this._state.expanded.toString());
+
+ if (this._state.expanded) {
+ this._body.hidden = false;
+ this._content.classList.add('cod-detail-panel__content--expanded');
+ } else {
+ this._body.hidden = true;
+ this._content.classList.remove('cod-detail-panel__content--expanded');
+ }
+ }
+
+ _updateIcon() {
+ const iconSvg = this._state.expanded ? ICONS.expanded : ICONS.collapsed;
+ this._icon.innerHTML = iconSvg;
+ }
+
+ _addEventListeners() {
+ this._button.addEventListener('click', this._handleClick);
+ this._button.addEventListener('keydown', this._handleKeydown);
+ }
+
+ _removeEventListeners() {
+ this._button.removeEventListener('click', this._handleClick);
+ this._button.removeEventListener('keydown', this._handleKeydown);
+ }
+
+ _handleClick() {
+ this.toggle();
+ }
+
+ _handleKeydown(event) {
+ // Handle keyboard navigation
+ switch (event.key) {
+ case 'Enter':
+ case ' ':
+ event.preventDefault();
+ this.toggle();
+ break;
+ case 'ArrowDown':
+ if (!this._state.allowMultiple) {
+ event.preventDefault();
+ this._focusNextPanel();
+ }
+ break;
+ case 'ArrowUp':
+ if (!this._state.allowMultiple) {
+ event.preventDefault();
+ this._focusPreviousPanel();
+ }
+ break;
+ }
+ }
+
+ _focusNextPanel() {
+ const allPanels = Array.from(document.querySelectorAll('cod-detail-panel'));
+ const currentIndex = allPanels.indexOf(this);
+ const nextPanel = allPanels[currentIndex + 1] || allPanels[0];
+ nextPanel?.shadowRoot?.querySelector('.cod-detail-panel__button')?.focus();
+ }
+
+ _focusPreviousPanel() {
+ const allPanels = Array.from(document.querySelectorAll('cod-detail-panel'));
+ const currentIndex = allPanels.indexOf(this);
+ const previousPanel =
+ allPanels[currentIndex - 1] || allPanels[allPanels.length - 1];
+ previousPanel?.shadowRoot
+ ?.querySelector('.cod-detail-panel__button')
+ ?.focus();
+ }
+
+ // Public API
+ expand() {
+ if (!this._state.expanded) {
+ this.setAttribute('expanded', '');
+ }
+ }
+
+ collapse() {
+ if (this._state.expanded) {
+ this.removeAttribute('expanded');
+ }
+ }
+
+ toggle() {
+ if (this._state.expanded) {
+ this.collapse();
+ } else {
+ // If not in multi-select mode, collapse other panels
+ if (!this._state.allowMultiple) {
+ this._collapseSiblingPanels();
+ }
+ this.expand();
+ }
+ }
+
+ _collapseSiblingPanels() {
+ const parent = this.parentElement;
+ if (parent) {
+ const siblingPanels = parent.querySelectorAll(
+ 'cod-detail-panel:not([allow-multiple])',
+ );
+ siblingPanels.forEach((panel) => {
+ if (panel !== this) {
+ panel.collapse();
+ }
+ });
+ }
+ }
+
+ // Property getters and setters
+ get expanded() {
+ return this._state.expanded;
+ }
+
+ set expanded(value) {
+ if (value) {
+ this.setAttribute('expanded', '');
+ } else {
+ this.removeAttribute('expanded');
+ }
+ }
+
+ get bordered() {
+ return this._state.bordered;
+ }
+
+ set bordered(value) {
+ if (value) {
+ this.setAttribute('bordered', '');
+ } else {
+ this.removeAttribute('bordered');
+ }
+ }
+
+ get allowMultiple() {
+ return this._state.allowMultiple;
+ }
+
+ set allowMultiple(value) {
+ if (value) {
+ this.setAttribute('allow-multiple', '');
+ } else {
+ this.removeAttribute('allow-multiple');
+ }
+ }
+}
diff --git a/src/stable/components/DetailPanel/DetailPanel.scss b/src/stable/components/DetailPanel/DetailPanel.scss
new file mode 100644
index 00000000..dc6e4622
--- /dev/null
+++ b/src/stable/components/DetailPanel/DetailPanel.scss
@@ -0,0 +1,176 @@
+@import '../../../scss/cod-uxds-bs-base';
+@import '../../../scss/cod-uxds-bs-utilities';
+@import '../../../scss/cod-uxds-bs-host';
+@import '../../../scss/cod-uxds-style-guide';
+
+:host {
+ display: block;
+
+ // CSS Custom Properties for theming
+ --cod-detail-panel-background-color: transparent;
+ --cod-detail-panel-border-color: #dee2e6;
+ --cod-detail-panel-border-radius: 0;
+ --cod-detail-panel-heading-background: #{$cod-light-grey};
+ --cod-detail-panel-heading-color: #{$cod-near-black};
+ --cod-detail-panel-body-background: transparent;
+ --cod-detail-panel-body-color: #{$cod-near-black};
+ --cod-detail-panel-body-padding: 1rem;
+ --cod-detail-panel-button-padding: 1rem 1.25rem;
+ --cod-detail-panel-button-focus-color: #{$primary};
+ --cod-detail-panel-icon-size: 1rem;
+}
+
+.cod-detail-panel {
+ background-color: var(--cod-detail-panel-background-color);
+ border: 1px solid var(--cod-detail-panel-border-color);
+ border-radius: var(--cod-detail-panel-border-radius);
+ margin-bottom: 1rem;
+ font-family: inherit;
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+
+ &__content {
+ display: block;
+ }
+
+ &__heading {
+ margin: 0;
+ display: block;
+ }
+
+ &__button {
+ position: relative;
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ width: 100%;
+ padding: var(--cod-detail-panel-button-padding);
+ font-size: inherit;
+ font-weight: 500;
+ line-height: 1.5;
+ text-align: left;
+ color: var(--cod-detail-panel-heading-color);
+ background-color: var(--cod-detail-panel-heading-background);
+ border: none;
+ border-radius: var(--cod-detail-panel-border-radius);
+ cursor: pointer;
+ transition:
+ color 0.15s ease-in-out,
+ background-color 0.15s ease-in-out;
+
+ &:hover {
+ background-color: color-mix(
+ in srgb,
+ var(--cod-detail-panel-border-color) 20%,
+ transparent
+ );
+ }
+
+ &:focus {
+ outline: 2px solid var(--cod-detail-panel-button-focus-color);
+ outline-offset: 2px;
+ z-index: 1;
+ }
+
+ &:focus:not(:focus-visible) {
+ outline: none;
+ }
+
+ &:focus-visible {
+ outline: 2px solid var(--cod-detail-panel-button-focus-color);
+ outline-offset: 2px;
+ }
+ }
+
+ &__button-text {
+ flex: 1;
+ min-width: 0;
+ }
+
+ &__icon {
+ flex-shrink: 0;
+ width: var(--cod-detail-panel-icon-size);
+ height: var(--cod-detail-panel-icon-size);
+ margin-left: 1rem;
+ color: var(--cod-detail-panel-heading-color);
+ transition: transform 0.15s ease-in-out;
+
+ svg {
+ width: 100%;
+ height: 100%;
+ display: block;
+ }
+ }
+
+ &__content--expanded &__icon {
+ transform: rotate(0deg);
+ }
+
+ &__body {
+ padding: var(--cod-detail-panel-body-padding);
+ background-color: var(--cod-detail-panel-body-background);
+ color: var(--cod-detail-panel-body-color);
+ border-top: 1px solid var(--cod-detail-panel-border-color);
+ }
+
+ // Bordered variant
+ &--bordered {
+ border: 2px solid var(--cod-detail-panel-border-color);
+ box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
+
+ .cod-detail-panel__button {
+ border-radius: var(--cod-detail-panel-border-radius);
+ }
+ }
+
+ // When panel is first/last child, adjust border radius
+ &:first-child .cod-detail-panel__button {
+ border-radius: var(--cod-detail-panel-border-radius);
+ }
+
+ &:last-child .cod-detail-panel__button {
+ border-radius: var(--cod-detail-panel-border-radius);
+ }
+
+ &:first-child:last-child .cod-detail-panel__button {
+ border-radius: var(--cod-detail-panel-border-radius);
+ }
+
+ // When expanded, adjust button border radius
+ &__content--expanded .cod-detail-panel__button {
+ border-radius: var(--cod-detail-panel-border-radius);
+ }
+}
+
+// Group styling when multiple panels are used together
+.cod-detail-panel + .cod-detail-panel {
+ margin-top: -1px;
+
+ .cod-detail-panel__button {
+ border-radius: 0;
+ }
+}
+
+.cod-detail-panel:first-child .cod-detail-panel__button {
+ border-radius: var(--cod-detail-panel-border-radius);
+}
+
+.cod-detail-panel:last-child
+ .cod-detail-panel__button:not([aria-expanded='true']) {
+ border-radius: var(--cod-detail-panel-border-radius);
+}
+
+// Responsive adjustments
+@media (max-width: 768px) {
+ .cod-detail-panel {
+ &__button {
+ padding: 0.75rem 1rem;
+ }
+
+ &__body {
+ padding: 0.75rem 1rem;
+ }
+ }
+}
diff --git a/src/stable/components/DetailPanel/cod-detail-panel.js b/src/stable/components/DetailPanel/cod-detail-panel.js
new file mode 100644
index 00000000..14f9fb9c
--- /dev/null
+++ b/src/stable/components/DetailPanel/cod-detail-panel.js
@@ -0,0 +1,3 @@
+import DetailPanel from './DetailPanel.js';
+
+customElements.define('cod-detail-panel', DetailPanel);
diff --git a/src/stable/components/Drawer/Drawer.css b/src/stable/components/Drawer/Drawer.css
new file mode 100644
index 00000000..93a548ed
--- /dev/null
+++ b/src/stable/components/Drawer/Drawer.css
@@ -0,0 +1,841 @@
+.offcanvas,
+.offcanvas-xxl,
+.offcanvas-xl,
+.offcanvas-lg,
+.offcanvas-md,
+.offcanvas-sm {
+ --cod-offcanvas-zindex: 1045;
+ --cod-offcanvas-width: 400px;
+ --cod-offcanvas-height: 30vh;
+ --cod-offcanvas-padding-x: 1em;
+ --cod-offcanvas-padding-y: 1em;
+ --cod-offcanvas-color: var(--cod-body-color);
+ --cod-offcanvas-bg: var(--cod-body-bg);
+ --cod-offcanvas-border-width: var(--cod-border-width);
+ --cod-offcanvas-border-color: var(--cod-border-color-translucent);
+ --cod-offcanvas-box-shadow: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);
+ --cod-offcanvas-transition: transform 0.3s ease-in-out;
+ --cod-offcanvas-title-line-height: 1.5;
+}
+
+@media (max-width: 575.98px) {
+ .offcanvas-sm {
+ position: fixed;
+ bottom: 0;
+ z-index: var(--cod-offcanvas-zindex);
+ display: flex;
+ flex-direction: column;
+ max-width: 100%;
+ color: var(--cod-offcanvas-color);
+ visibility: hidden;
+ background-color: var(--cod-offcanvas-bg);
+ background-clip: padding-box;
+ outline: 0;
+ transition: var(--cod-offcanvas-transition);
+ }
+}
+@media (max-width: 575.98px) and (prefers-reduced-motion: reduce) {
+ .offcanvas-sm {
+ transition: none;
+ }
+}
+@media (max-width: 575.98px) {
+ .offcanvas-sm.offcanvas-start {
+ top: 0;
+ left: 0;
+ width: var(--cod-offcanvas-width);
+ border-right: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
+ transform: translateX(-100%);
+ }
+ .offcanvas-sm.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: var(--cod-offcanvas-width);
+ border-left: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
+ transform: translateX(100%);
+ }
+ .offcanvas-sm.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: var(--cod-offcanvas-height);
+ max-height: 100%;
+ border-bottom: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
+ transform: translateY(-100%);
+ }
+ .offcanvas-sm.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ height: var(--cod-offcanvas-height);
+ max-height: 100%;
+ border-top: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
+ transform: translateY(100%);
+ }
+ .offcanvas-sm.showing,
+ .offcanvas-sm.show:not(.hiding) {
+ transform: none;
+ }
+ .offcanvas-sm.showing,
+ .offcanvas-sm.hiding,
+ .offcanvas-sm.show {
+ visibility: visible;
+ }
+}
+@media (min-width: 576px) {
+ .offcanvas-sm {
+ --cod-offcanvas-height: auto;
+ --cod-offcanvas-border-width: 0;
+ background-color: transparent !important;
+ }
+ .offcanvas-sm .offcanvas-header {
+ display: none;
+ }
+ .offcanvas-sm .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ background-color: transparent !important;
+ }
+}
+
+@media (max-width: 767.98px) {
+ .offcanvas-md {
+ position: fixed;
+ bottom: 0;
+ z-index: var(--cod-offcanvas-zindex);
+ display: flex;
+ flex-direction: column;
+ max-width: 100%;
+ color: var(--cod-offcanvas-color);
+ visibility: hidden;
+ background-color: var(--cod-offcanvas-bg);
+ background-clip: padding-box;
+ outline: 0;
+ transition: var(--cod-offcanvas-transition);
+ }
+}
+@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) {
+ .offcanvas-md {
+ transition: none;
+ }
+}
+@media (max-width: 767.98px) {
+ .offcanvas-md.offcanvas-start {
+ top: 0;
+ left: 0;
+ width: var(--cod-offcanvas-width);
+ border-right: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
+ transform: translateX(-100%);
+ }
+ .offcanvas-md.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: var(--cod-offcanvas-width);
+ border-left: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
+ transform: translateX(100%);
+ }
+ .offcanvas-md.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: var(--cod-offcanvas-height);
+ max-height: 100%;
+ border-bottom: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
+ transform: translateY(-100%);
+ }
+ .offcanvas-md.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ height: var(--cod-offcanvas-height);
+ max-height: 100%;
+ border-top: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
+ transform: translateY(100%);
+ }
+ .offcanvas-md.showing,
+ .offcanvas-md.show:not(.hiding) {
+ transform: none;
+ }
+ .offcanvas-md.showing,
+ .offcanvas-md.hiding,
+ .offcanvas-md.show {
+ visibility: visible;
+ }
+}
+@media (min-width: 768px) {
+ .offcanvas-md {
+ --cod-offcanvas-height: auto;
+ --cod-offcanvas-border-width: 0;
+ background-color: transparent !important;
+ }
+ .offcanvas-md .offcanvas-header {
+ display: none;
+ }
+ .offcanvas-md .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ background-color: transparent !important;
+ }
+}
+
+@media (max-width: 991.98px) {
+ .offcanvas-lg {
+ position: fixed;
+ bottom: 0;
+ z-index: var(--cod-offcanvas-zindex);
+ display: flex;
+ flex-direction: column;
+ max-width: 100%;
+ color: var(--cod-offcanvas-color);
+ visibility: hidden;
+ background-color: var(--cod-offcanvas-bg);
+ background-clip: padding-box;
+ outline: 0;
+ transition: var(--cod-offcanvas-transition);
+ }
+}
+@media (max-width: 991.98px) and (prefers-reduced-motion: reduce) {
+ .offcanvas-lg {
+ transition: none;
+ }
+}
+@media (max-width: 991.98px) {
+ .offcanvas-lg.offcanvas-start {
+ top: 0;
+ left: 0;
+ width: var(--cod-offcanvas-width);
+ border-right: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
+ transform: translateX(-100%);
+ }
+ .offcanvas-lg.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: var(--cod-offcanvas-width);
+ border-left: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
+ transform: translateX(100%);
+ }
+ .offcanvas-lg.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: var(--cod-offcanvas-height);
+ max-height: 100%;
+ border-bottom: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
+ transform: translateY(-100%);
+ }
+ .offcanvas-lg.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ height: var(--cod-offcanvas-height);
+ max-height: 100%;
+ border-top: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
+ transform: translateY(100%);
+ }
+ .offcanvas-lg.showing,
+ .offcanvas-lg.show:not(.hiding) {
+ transform: none;
+ }
+ .offcanvas-lg.showing,
+ .offcanvas-lg.hiding,
+ .offcanvas-lg.show {
+ visibility: visible;
+ }
+}
+@media (min-width: 992px) {
+ .offcanvas-lg {
+ --cod-offcanvas-height: auto;
+ --cod-offcanvas-border-width: 0;
+ background-color: transparent !important;
+ }
+ .offcanvas-lg .offcanvas-header {
+ display: none;
+ }
+ .offcanvas-lg .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ background-color: transparent !important;
+ }
+}
+
+@media (max-width: 1199.98px) {
+ .offcanvas-xl {
+ position: fixed;
+ bottom: 0;
+ z-index: var(--cod-offcanvas-zindex);
+ display: flex;
+ flex-direction: column;
+ max-width: 100%;
+ color: var(--cod-offcanvas-color);
+ visibility: hidden;
+ background-color: var(--cod-offcanvas-bg);
+ background-clip: padding-box;
+ outline: 0;
+ transition: var(--cod-offcanvas-transition);
+ }
+}
+@media (max-width: 1199.98px) and (prefers-reduced-motion: reduce) {
+ .offcanvas-xl {
+ transition: none;
+ }
+}
+@media (max-width: 1199.98px) {
+ .offcanvas-xl.offcanvas-start {
+ top: 0;
+ left: 0;
+ width: var(--cod-offcanvas-width);
+ border-right: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
+ transform: translateX(-100%);
+ }
+ .offcanvas-xl.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: var(--cod-offcanvas-width);
+ border-left: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
+ transform: translateX(100%);
+ }
+ .offcanvas-xl.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: var(--cod-offcanvas-height);
+ max-height: 100%;
+ border-bottom: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
+ transform: translateY(-100%);
+ }
+ .offcanvas-xl.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ height: var(--cod-offcanvas-height);
+ max-height: 100%;
+ border-top: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
+ transform: translateY(100%);
+ }
+ .offcanvas-xl.showing,
+ .offcanvas-xl.show:not(.hiding) {
+ transform: none;
+ }
+ .offcanvas-xl.showing,
+ .offcanvas-xl.hiding,
+ .offcanvas-xl.show {
+ visibility: visible;
+ }
+}
+@media (min-width: 1200px) {
+ .offcanvas-xl {
+ --cod-offcanvas-height: auto;
+ --cod-offcanvas-border-width: 0;
+ background-color: transparent !important;
+ }
+ .offcanvas-xl .offcanvas-header {
+ display: none;
+ }
+ .offcanvas-xl .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ background-color: transparent !important;
+ }
+}
+
+@media (max-width: 1399.98px) {
+ .offcanvas-xxl {
+ position: fixed;
+ bottom: 0;
+ z-index: var(--cod-offcanvas-zindex);
+ display: flex;
+ flex-direction: column;
+ max-width: 100%;
+ color: var(--cod-offcanvas-color);
+ visibility: hidden;
+ background-color: var(--cod-offcanvas-bg);
+ background-clip: padding-box;
+ outline: 0;
+ transition: var(--cod-offcanvas-transition);
+ }
+}
+@media (max-width: 1399.98px) and (prefers-reduced-motion: reduce) {
+ .offcanvas-xxl {
+ transition: none;
+ }
+}
+@media (max-width: 1399.98px) {
+ .offcanvas-xxl.offcanvas-start {
+ top: 0;
+ left: 0;
+ width: var(--cod-offcanvas-width);
+ border-right: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
+ transform: translateX(-100%);
+ }
+ .offcanvas-xxl.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: var(--cod-offcanvas-width);
+ border-left: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
+ transform: translateX(100%);
+ }
+ .offcanvas-xxl.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: var(--cod-offcanvas-height);
+ max-height: 100%;
+ border-bottom: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
+ transform: translateY(-100%);
+ }
+ .offcanvas-xxl.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ height: var(--cod-offcanvas-height);
+ max-height: 100%;
+ border-top: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
+ transform: translateY(100%);
+ }
+ .offcanvas-xxl.showing,
+ .offcanvas-xxl.show:not(.hiding) {
+ transform: none;
+ }
+ .offcanvas-xxl.showing,
+ .offcanvas-xxl.hiding,
+ .offcanvas-xxl.show {
+ visibility: visible;
+ }
+}
+@media (min-width: 1400px) {
+ .offcanvas-xxl {
+ --cod-offcanvas-height: auto;
+ --cod-offcanvas-border-width: 0;
+ background-color: transparent !important;
+ }
+ .offcanvas-xxl .offcanvas-header {
+ display: none;
+ }
+ .offcanvas-xxl .offcanvas-body {
+ display: flex;
+ flex-grow: 0;
+ padding: 0;
+ overflow-y: visible;
+ background-color: transparent !important;
+ }
+}
+
+.offcanvas {
+ position: fixed;
+ bottom: 0;
+ z-index: var(--cod-offcanvas-zindex);
+ display: flex;
+ flex-direction: column;
+ max-width: 100%;
+ color: var(--cod-offcanvas-color);
+ visibility: hidden;
+ background-color: var(--cod-offcanvas-bg);
+ background-clip: padding-box;
+ outline: 0;
+ transition: var(--cod-offcanvas-transition);
+}
+@media (prefers-reduced-motion: reduce) {
+ .offcanvas {
+ transition: none;
+ }
+}
+.offcanvas.offcanvas-start {
+ top: 0;
+ left: 0;
+ width: var(--cod-offcanvas-width);
+ border-right: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
+ transform: translateX(-100%);
+}
+.offcanvas.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: var(--cod-offcanvas-width);
+ border-left: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
+ transform: translateX(100%);
+}
+.offcanvas.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ height: var(--cod-offcanvas-height);
+ max-height: 100%;
+ border-bottom: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
+ transform: translateY(-100%);
+}
+.offcanvas.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ height: var(--cod-offcanvas-height);
+ max-height: 100%;
+ border-top: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
+ transform: translateY(100%);
+}
+.offcanvas.showing,
+.offcanvas.show:not(.hiding) {
+ transform: none;
+}
+.offcanvas.showing,
+.offcanvas.hiding,
+.offcanvas.show {
+ visibility: visible;
+}
+
+.offcanvas-backdrop {
+ position: fixed;
+ top: 0;
+ left: 0;
+ z-index: 1040;
+ width: 100vw;
+ height: 100vh;
+ background-color: #000;
+}
+.offcanvas-backdrop.fade {
+ opacity: 0;
+}
+.offcanvas-backdrop.show {
+ opacity: 0.5;
+}
+
+.offcanvas-header {
+ display: flex;
+ align-items: center;
+ justify-content: space-between;
+ padding: var(--cod-offcanvas-padding-y) var(--cod-offcanvas-padding-x);
+}
+.offcanvas-header .btn-close {
+ padding: calc(var(--cod-offcanvas-padding-y) * 0.5)
+ calc(var(--cod-offcanvas-padding-x) * 0.5);
+ margin-top: calc(-0.5 * var(--cod-offcanvas-padding-y));
+ margin-right: calc(-0.5 * var(--cod-offcanvas-padding-x));
+ margin-bottom: calc(-0.5 * var(--cod-offcanvas-padding-y));
+}
+
+.offcanvas-title {
+ margin-bottom: 0;
+ line-height: var(--cod-offcanvas-title-line-height);
+}
+
+.offcanvas-body {
+ flex-grow: 1;
+ padding: var(--cod-offcanvas-padding-y) var(--cod-offcanvas-padding-x);
+ overflow-y: auto;
+}
+
+:host,
+[data-bs-theme='light'] {
+ --cod-blue: #0d6efd;
+ --cod-indigo: #6610f2;
+ --cod-purple: #6f42c1;
+ --cod-pink: #d63384;
+ --cod-red: #dc3545;
+ --cod-orange: #fd7e14;
+ --cod-yellow: #ffc107;
+ --cod-green: #198754;
+ --cod-teal: #20c997;
+ --cod-cyan: #0dcaf0;
+ --cod-black: #000;
+ --cod-white: #fff;
+ --cod-gray: #6c757d;
+ --cod-gray-dark: #343a40;
+ --cod-gray-100: #f8f9fa;
+ --cod-gray-200: #e9ecef;
+ --cod-gray-300: #dee2e6;
+ --cod-gray-400: #ced4da;
+ --cod-gray-500: #adb5bd;
+ --cod-gray-600: #6c757d;
+ --cod-gray-700: #495057;
+ --cod-gray-800: #343a40;
+ --cod-gray-900: #212529;
+ --cod-primary: #004445;
+ --cod-secondary: #f2f2f2;
+ --cod-success: #9fd5b3;
+ --cod-info: #004445;
+ --cod-warning: #feb70d;
+ --cod-danger: #b3393b;
+ --cod-light: #fff;
+ --cod-dark: #18252a;
+ --cod-accent-primary: #feb70d;
+ --cod-accent-secondary: #9fd5b3;
+ --cod-primary-rgb: 0, 68, 69;
+ --cod-secondary-rgb: 242, 242, 242;
+ --cod-success-rgb: 159, 213, 179;
+ --cod-info-rgb: 0, 68, 69;
+ --cod-warning-rgb: 254, 183, 13;
+ --cod-danger-rgb: 179, 57, 59;
+ --cod-light-rgb: 255, 255, 255;
+ --cod-dark-rgb: 24, 37, 42;
+ --cod-accent-primary-rgb: 254, 183, 13;
+ --cod-accent-secondary-rgb: 159, 213, 179;
+ --cod-primary-text-emphasis: #001b1c;
+ --cod-secondary-text-emphasis: #616161;
+ --cod-success-text-emphasis: #405548;
+ --cod-info-text-emphasis: #001b1c;
+ --cod-warning-text-emphasis: #664905;
+ --cod-danger-text-emphasis: #481718;
+ --cod-light-text-emphasis: #495057;
+ --cod-dark-text-emphasis: #495057;
+ --cod-primary-bg-subtle: #ccdada;
+ --cod-secondary-bg-subtle: #fcfcfc;
+ --cod-success-bg-subtle: #ecf7f0;
+ --cod-info-bg-subtle: #ccdada;
+ --cod-warning-bg-subtle: #fff1cf;
+ --cod-danger-bg-subtle: #f0d7d8;
+ --cod-light-bg-subtle: #fcfcfd;
+ --cod-dark-bg-subtle: #ced4da;
+ --cod-primary-border-subtle: #99b4b5;
+ --cod-secondary-border-subtle: #fafafa;
+ --cod-success-border-subtle: #d9eee1;
+ --cod-info-border-subtle: #99b4b5;
+ --cod-warning-border-subtle: #ffe29e;
+ --cod-danger-border-subtle: #e1b0b1;
+ --cod-light-border-subtle: #e9ecef;
+ --cod-dark-border-subtle: #adb5bd;
+ --cod-white-rgb: 255, 255, 255;
+ --cod-black-rgb: 0, 0, 0;
+ --cod-font-sans-serif: 'Montserrat', sans-serif;
+ --cod-font-monospace: 'Montserrat', sans-serif;
+ --cod-gradient: linear-gradient(
+ 180deg,
+ rgba(255, 255, 255, 0.15),
+ rgba(255, 255, 255, 0)
+ );
+ --cod-body-font-family: var(--cod-font-sans-serif);
+ --cod-body-font-size: 1em;
+ --cod-body-font-weight: 500;
+ --cod-body-line-height: 1.5;
+ --cod-body-color: #212529;
+ --cod-body-color-rgb: 33, 37, 41;
+ --cod-body-bg: #fff;
+ --cod-body-bg-rgb: 255, 255, 255;
+ --cod-emphasis-color: #000;
+ --cod-emphasis-color-rgb: 0, 0, 0;
+ --cod-secondary-color: rgba(33, 37, 41, 0.75);
+ --cod-secondary-color-rgb: 33, 37, 41;
+ --cod-secondary-bg: #e9ecef;
+ --cod-secondary-bg-rgb: 233, 236, 239;
+ --cod-tertiary-color: rgba(33, 37, 41, 0.5);
+ --cod-tertiary-color-rgb: 33, 37, 41;
+ --cod-tertiary-bg: #f8f9fa;
+ --cod-tertiary-bg-rgb: 248, 249, 250;
+ --cod-link-color: #004445;
+ --cod-link-color-rgb: 0, 68, 69;
+ --cod-link-decoration: underline;
+ --cod-link-hover-color: #003637;
+ --cod-link-hover-color-rgb: 0, 54, 55;
+ --cod-code-color: #d63384;
+ --cod-highlight-bg: #fff3cd;
+ --cod-border-width: 1px;
+ --cod-border-style: solid;
+ --cod-border-color: #dee2e6;
+ --cod-border-color-translucent: rgba(0, 0, 0, 0.175);
+ --cod-border-radius: 0.375em;
+ --cod-border-radius-sm: 0.25em;
+ --cod-border-radius-lg: 0.5em;
+ --cod-border-radius-xl: 1em;
+ --cod-border-radius-xxl: 2em;
+ --cod-border-radius-2xl: var(--cod-border-radius-xxl);
+ --cod-border-radius-pill: 50em;
+ --cod-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
+ --cod-box-shadow-sm: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);
+ --cod-box-shadow-lg: 0 1em 3em rgba(0, 0, 0, 0.175);
+ --cod-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+ --cod-focus-ring-width: 0.25em;
+ --cod-focus-ring-opacity: 1;
+ --cod-focus-ring-color: blue;
+ --cod-form-valid-color: #9fd5b3;
+ --cod-form-valid-border-color: #9fd5b3;
+ --cod-form-invalid-color: #b3393b;
+ --cod-form-invalid-border-color: #b3393b;
+}
+
+[data-bs-theme='dark'] {
+ color-scheme: dark;
+ --cod-body-color: #adb5bd;
+ --cod-body-color-rgb: 173, 181, 189;
+ --cod-body-bg: #212529;
+ --cod-body-bg-rgb: 33, 37, 41;
+ --cod-emphasis-color: #fff;
+ --cod-emphasis-color-rgb: 255, 255, 255;
+ --cod-secondary-color: rgba(173, 181, 189, 0.75);
+ --cod-secondary-color-rgb: 173, 181, 189;
+ --cod-secondary-bg: #343a40;
+ --cod-secondary-bg-rgb: 52, 58, 64;
+ --cod-tertiary-color: rgba(173, 181, 189, 0.5);
+ --cod-tertiary-color-rgb: 173, 181, 189;
+ --cod-tertiary-bg: #2b3035;
+ --cod-tertiary-bg-rgb: 43, 48, 53;
+ --cod-primary-text-emphasis: #668f8f;
+ --cod-secondary-text-emphasis: #f7f7f7;
+ --cod-success-text-emphasis: #c5e6d1;
+ --cod-info-text-emphasis: #668f8f;
+ --cod-warning-text-emphasis: #fed46e;
+ --cod-danger-text-emphasis: #d18889;
+ --cod-light-text-emphasis: #f8f9fa;
+ --cod-dark-text-emphasis: #dee2e6;
+ --cod-primary-bg-subtle: #000e0e;
+ --cod-secondary-bg-subtle: #303030;
+ --cod-success-bg-subtle: #202b24;
+ --cod-info-bg-subtle: #000e0e;
+ --cod-warning-bg-subtle: #332503;
+ --cod-danger-bg-subtle: #240b0c;
+ --cod-light-bg-subtle: #343a40;
+ --cod-dark-bg-subtle: #1a1d20;
+ --cod-primary-border-subtle: #002929;
+ --cod-secondary-border-subtle: #919191;
+ --cod-success-border-subtle: #5f806b;
+ --cod-info-border-subtle: #002929;
+ --cod-warning-border-subtle: #986e08;
+ --cod-danger-border-subtle: #6b2223;
+ --cod-light-border-subtle: #495057;
+ --cod-dark-border-subtle: #343a40;
+ --cod-link-color: #668f8f;
+ --cod-link-hover-color: #85a5a5;
+ --cod-link-color-rgb: 102, 143, 143;
+ --cod-link-hover-color-rgb: 133, 165, 165;
+ --cod-code-color: #e685b5;
+ --cod-border-color: #495057;
+ --cod-border-color-translucent: rgba(255, 255, 255, 0.15);
+ --cod-form-valid-color: #75b798;
+ --cod-form-valid-border-color: #75b798;
+ --cod-form-invalid-color: #ea868f;
+ --cod-form-invalid-border-color: #ea868f;
+}
+
+h1,
+.h1 {
+ border-left: 0.1em solid #feb70d;
+ padding-left: 0.25em;
+}
+
+.title-line {
+ border-left: none;
+ border-bottom: 0.1em solid #feb70d;
+}
+
+b,
+strong {
+ font-weight: 700;
+}
+
+.btn {
+ --cod-btn-focus-box-shadow: 0 0 0 0.25em
+ rgba(var(--cod-btn-focus-shadow-rgb), 1);
+}
+
+.btn:focus-visible {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-primary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-secondary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-success {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-info {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-warning {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-danger {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-light {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-dark {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-accent-primary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-accent-secondary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.offcanvas-contained {
+ /* The parent element of a contained drawer should have position: relative */
+ position: absolute;
+ bottom: auto;
+ height: 100%;
+ max-height: 100%;
+ z-index: 1000;
+}
+.offcanvas-contained.offcanvas-start {
+ top: 0;
+ left: 0;
+ width: var(--cod-offcanvas-width, 50%);
+ border-right: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
+ transform: translateX(-100%);
+}
+.offcanvas-contained.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: var(--cod-offcanvas-width, 50%);
+ border-left: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
+ transform: translateX(100%);
+}
+.offcanvas-contained.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ width: 100%;
+ height: var(--cod-offcanvas-height, 50%);
+ border-bottom: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
+ transform: translateY(-100%);
+}
+.offcanvas-contained.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ height: var(--cod-offcanvas-height, 50%);
+ border-top: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
+ transform: translateY(100%);
+}
+
+/*# sourceMappingURL=Drawer.css.map */
diff --git a/src/stable/components/Drawer/Drawer.css.map b/src/stable/components/Drawer/Drawer.css.map
new file mode 100644
index 00000000..d6a80eed
--- /dev/null
+++ b/src/stable/components/Drawer/Drawer.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../node_modules/bootstrap/scss/_offcanvas.scss","../../../../node_modules/bootstrap/scss/mixins/_breakpoints.scss","../../../../node_modules/bootstrap/scss/mixins/_transition.scss","../../../../node_modules/bootstrap/scss/mixins/_backdrop.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../../scss/_cod-uxds-bs-host.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/mixins/_color-mode.scss","../../../scss/_cod-uxds-style-guide.scss","Drawer.scss"],"names":[],"mappings":"AAEA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC6DE;ED5CF;IAEI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IE5BA,YF8BA;;;AE1BA;EFYJ;IEXM;;;ADuDJ;ED5BE;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;;EAGF;IAEE;;EAGF;IAGE;;;AC5BJ;ED/BF;IAiEM;IACA;IACA;;EAEA;IACE;;EAGF;IACE;IACA;IACA;IACA;IAEA;;;;ACnCN;ED5CF;IAEI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IE5BA,YF8BA;;;AE1BA;EFYJ;IEXM;;;ADuDJ;ED5BE;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;;EAGF;IAEE;;EAGF;IAGE;;;AC5BJ;ED/BF;IAiEM;IACA;IACA;;EAEA;IACE;;EAGF;IACE;IACA;IACA;IACA;IAEA;;;;ACnCN;ED5CF;IAEI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IE5BA,YF8BA;;;AE1BA;EFYJ;IEXM;;;ADuDJ;ED5BE;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;;EAGF;IAEE;;EAGF;IAGE;;;AC5BJ;ED/BF;IAiEM;IACA;IACA;;EAEA;IACE;;EAGF;IACE;IACA;IACA;IACA;IAEA;;;;ACnCN;ED5CF;IAEI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IE5BA,YF8BA;;;AE1BA;EFYJ;IEXM;;;ADuDJ;ED5BE;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;;EAGF;IAEE;;EAGF;IAGE;;;AC5BJ;ED/BF;IAiEM;IACA;IACA;;EAEA;IACE;;EAGF;IACE;IACA;IACA;IACA;IAEA;;;;ACnCN;ED5CF;IAEI;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IE5BA,YF8BA;;;AE1BA;EFYJ;IEXM;;;ADuDJ;ED5BE;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;IACA;;EAGF;IACE;IACA;IACA;IACA;IACA;IACA;;EAGF;IAEE;;EAGF;IAGE;;;AC5BJ;ED/BF;IAiEM;IACA;IACA;;EAEA;IACE;;EAGF;IACE;IACA;IACA;IACA;IAEA;;;;AA/ER;EAEI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EE5BA,YF8BA;;AE1BA;EFYJ;IEXM;;;AF2BF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EAEE;;AAGF;EAGE;;;AA2BR;EGpHE;EACA;EACA;EACA,SComCkC;EDnmClC;EACA;EACA,kBCUS;;ADPT;EAAS;;AACT;EAAS,SC09CyB;;;AJ52CpC;EACE;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;;;AAIJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;;;AK9IF;AAAA;EASI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGF;EACA;EAMA;EACA;EACA;EAOA;ECyOI,sBALI;EDlOR;EACA;EAKA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAOA;EACA;EACA;EAEA;EACA;EAMA;EACA;EAGA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EAGA;EACA;EACA;EACA;EAIA;EACA;EACA;EAIA;EACA;EACA;EACA;;;AErHE;EF2HA;EAGA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAGE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAOF;EACA;EACA;EACA;EAEA;EAEA;EACA;EAEA;EACA;EACA;EACA;;;AGrLJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;AAAA;;;AAIF;EACE;;;AAMA;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;ACzBJ;AACE;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EAEA;;AAGF;EACE;EACA;EACA;EACA;EAEA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EAEA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EAEA","file":"Drawer.css"}
\ No newline at end of file
diff --git a/src/stable/components/Drawer/Drawer.js b/src/stable/components/Drawer/Drawer.js
new file mode 100644
index 00000000..375f2165
--- /dev/null
+++ b/src/stable/components/Drawer/Drawer.js
@@ -0,0 +1,326 @@
+import styles from '!!raw-loader!./Drawer.css';
+import '../Button/cod-button.js';
+
+const template = document.createElement('template');
+
+template.innerHTML = `
+
+`;
+
+const backdropTemplate = document.createElement('template');
+backdropTemplate.innerHTML = `
+
+`;
+
+export default class Drawer extends HTMLElement {
+ static get observedAttributes() {
+ return ['open', 'placement', 'backdrop', 'scroll', 'contained'];
+ }
+
+ constructor() {
+ super();
+ const shadow = this.attachShadow({ mode: 'open' });
+ shadow.appendChild(template.content.cloneNode(true));
+
+ // Add styles
+ const itemStyles = document.createElement('style');
+ itemStyles.textContent = styles;
+ shadow.appendChild(itemStyles);
+
+ // Initialize properties with defaults
+ this._state = {
+ open: false,
+ placement: 'end',
+ backdrop: true,
+ scroll: false,
+ contained: false,
+ };
+
+ // Bind event handlers
+ this._handleClose = this._handleClose.bind(this);
+ this._handleKeyDown = this._handleKeyDown.bind(this);
+ }
+
+ attributeChangedCallback(name, oldValue, newValue) {
+ // Early return if value hasn't changed
+ if (oldValue === newValue) return;
+
+ switch (name) {
+ case 'open':
+ this._state.open = newValue !== null;
+ break;
+ case 'placement':
+ this._state.placement = newValue || 'end';
+ break;
+ case 'backdrop':
+ this._state.backdrop =
+ newValue === 'true'
+ ? true
+ : newValue === 'false'
+ ? false
+ : newValue || true;
+ break;
+ case 'scroll':
+ this._state.scroll = newValue !== null;
+ break;
+ case 'contained':
+ this._state.contained = newValue !== null;
+ break;
+ }
+
+ // Re-render the component whenever an attribute changes
+ this._render();
+ }
+
+ connectedCallback() {
+ const drawer = this.shadowRoot.querySelector('.offcanvas');
+ const id = this.getAttribute('id');
+ if (id) drawer.id = id;
+
+ // Set the aria-labelledby attribute based on the label slot
+ const labelSlot = this.shadowRoot.querySelector('slot[name="label"]');
+ if (labelSlot) {
+ const labelId = `${id || 'drawer'}-label`;
+ drawer.setAttribute('aria-labelledby', labelId);
+ }
+
+ // Set up event listeners
+ const closeButton = this.shadowRoot.querySelector('.btn-close');
+ closeButton.addEventListener('click', this._handleClose);
+
+ // Only add keydown listener if not contained
+ if (!this.hasAttribute('contained')) {
+ document.addEventListener('keydown', this._handleKeyDown);
+ }
+
+ // Initialize state from attributes
+ this._state.open = this.hasAttribute('open');
+ this._state.placement = this.getAttribute('placement') || 'end';
+ this._state.backdrop =
+ this.getAttribute('backdrop') === 'false'
+ ? false
+ : this.getAttribute('backdrop') || true;
+ this._state.scroll = this.hasAttribute('scroll');
+ this._state.contained = this.hasAttribute('contained');
+
+ // Set default attributes if not present
+ if (!this.hasAttribute('placement')) this.setAttribute('placement', 'end');
+ if (!this.hasAttribute('backdrop') && !this._state.contained)
+ this.setAttribute('backdrop', 'true');
+
+ // Initial render
+ this._render();
+ }
+
+ disconnectedCallback() {
+ // Clean up event listeners
+ const closeButton = this.shadowRoot.querySelector('.btn-close');
+ closeButton.removeEventListener('click', this._handleClose);
+ document.removeEventListener('keydown', this._handleKeyDown);
+
+ this._removeBackdropEventListener();
+
+ // Make sure we restore body scrolling if the drawer is removed
+ this._enableBodyScroll();
+ }
+
+ _render() {
+ const wasOpen = this.shadowRoot
+ .querySelector('.offcanvas')
+ .classList.contains('show');
+ const willBeOpen = this._state.open;
+
+ this._renderDrawer();
+
+ // Only render backdrop for non-contained drawers
+ if (!this._state.contained) {
+ this._renderBackdrop();
+ this._updateBodyScroll();
+ }
+
+ // Dispatch events when state changes
+ if (!wasOpen && willBeOpen) {
+ this.dispatchEvent(new CustomEvent('cod-show', { bubbles: true }));
+ } else if (wasOpen && !willBeOpen) {
+ this.dispatchEvent(new CustomEvent('cod-hide', { bubbles: true }));
+ }
+ }
+
+ _renderDrawer() {
+ const drawer = this.shadowRoot.querySelector('.offcanvas');
+
+ // Update placement
+ drawer.classList.remove(
+ 'offcanvas-start',
+ 'offcanvas-end',
+ 'offcanvas-top',
+ 'offcanvas-bottom',
+ );
+ drawer.classList.add(`offcanvas-${this._state.placement}`);
+
+ // Add/remove contained class
+ drawer.classList.toggle('offcanvas-contained', this._state.contained);
+
+ // Update ARIA attributes for contained drawers
+ if (this._state.contained) {
+ drawer.setAttribute('aria-modal', 'false');
+ drawer.setAttribute('role', 'region');
+ } else {
+ drawer.setAttribute('aria-modal', 'true');
+ drawer.setAttribute('role', 'dialog');
+ }
+
+ // Update visibility
+ drawer.classList.toggle('show', this._state.open);
+ }
+
+ _renderBackdrop() {
+ this._removeBackdropEventListener();
+
+ // Remove existing backdrop if present
+ const existingBackdrop = this.shadowRoot.querySelector(
+ '.offcanvas-backdrop',
+ );
+ if (existingBackdrop) existingBackdrop.remove();
+
+ // If drawer is closed, contained, or backdrop is false, we're done
+ if (
+ !this._state.open ||
+ this._state.contained ||
+ this._state.backdrop === false
+ )
+ return;
+
+ // Create new backdrop
+ const backdropCopy = backdropTemplate.content.cloneNode(true);
+ this.shadowRoot.appendChild(backdropCopy);
+ const backdrop = this.shadowRoot.querySelector('.offcanvas-backdrop');
+ backdrop.classList.add('show');
+
+ // Add click listener if backdrop is not static
+ if (this._state.backdrop !== 'static') {
+ backdrop.addEventListener('click', this._handleClose);
+ }
+ }
+
+ _updateBodyScroll() {
+ // Don't affect body scroll if contained or scroll attribute is set
+ if (this._state.contained || this._state.scroll) {
+ this._enableBodyScroll();
+ return;
+ }
+
+ if (this._state.open) {
+ this._disableBodyScroll();
+ } else {
+ this._enableBodyScroll();
+ }
+ }
+
+ _disableBodyScroll() {
+ // Store current body padding and overflow
+ this._bodyPaddingRight = document.body.style.paddingRight;
+ this._bodyOverflow = document.body.style.overflow;
+
+ // Calculate scrollbar width to avoid page shift
+ const scrollbarWidth =
+ window.innerWidth - document.documentElement.clientWidth;
+
+ // Apply padding equal to scrollbar width to prevent content shift
+ if (scrollbarWidth > 0) {
+ document.body.style.paddingRight = `${scrollbarWidth}px`;
+ }
+
+ // Prevent body scrolling
+ document.body.style.overflow = 'hidden';
+ }
+
+ _enableBodyScroll() {
+ // Restore original body padding and overflow
+ document.body.style.paddingRight = this._bodyPaddingRight || '';
+ document.body.style.overflow = this._bodyOverflow || '';
+ }
+
+ _removeBackdropEventListener() {
+ const backdrop = this.shadowRoot.querySelector('.offcanvas-backdrop');
+ if (backdrop) {
+ backdrop.removeEventListener('click', this._handleClose);
+ }
+ }
+
+ _handleClose() {
+ this.removeAttribute('open');
+ }
+
+ _handleKeyDown(event) {
+ // Close the drawer when Escape key is pressed (only for non-contained drawers)
+ if (!this._state.contained && event.key === 'Escape' && this._state.open) {
+ this._handleClose();
+ }
+ }
+
+ // Getters and setters
+ get open() {
+ return this.hasAttribute('open');
+ }
+
+ set open(val) {
+ if (val) {
+ this.setAttribute('open', '');
+ } else {
+ this.removeAttribute('open');
+ }
+ }
+
+ get placement() {
+ return this.getAttribute('placement');
+ }
+
+ set placement(val) {
+ this.setAttribute('placement', val);
+ }
+
+ get backdrop() {
+ return this.getAttribute('backdrop');
+ }
+
+ set backdrop(val) {
+ this.setAttribute('backdrop', val);
+ }
+
+ get scroll() {
+ return this.hasAttribute('scroll');
+ }
+
+ set scroll(val) {
+ if (val) {
+ this.setAttribute('scroll', '');
+ } else {
+ this.removeAttribute('scroll');
+ }
+ }
+
+ get contained() {
+ return this.hasAttribute('contained');
+ }
+
+ set contained(val) {
+ if (val) {
+ this.setAttribute('contained', '');
+ } else {
+ this.removeAttribute('contained');
+ }
+ }
+}
diff --git a/src/stable/components/Drawer/Drawer.scss b/src/stable/components/Drawer/Drawer.scss
new file mode 100644
index 00000000..dbd38d5e
--- /dev/null
+++ b/src/stable/components/Drawer/Drawer.scss
@@ -0,0 +1,58 @@
+@import '../../../scss/cod-uxds-bs-base';
+@import '../../../scss/cod-uxds-bs-utilities';
+
+@import 'bootstrap/scss/offcanvas';
+
+// Override bootstrap _root.scss.
+@import '../../../scss/cod-uxds-bs-host';
+@import '../../../scss/cod-uxds-style-guide';
+
+// Contained drawer styles
+.offcanvas-contained {
+ /* The parent element of a contained drawer should have position: relative */
+ position: absolute;
+ bottom: auto;
+ height: 100%;
+ max-height: 100%;
+ z-index: 1000;
+
+ &.offcanvas-start {
+ top: 0;
+ left: 0;
+ width: var(--cod-offcanvas-width, 50%);
+ border-right: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
+ transform: translateX(-100%);
+ }
+
+ &.offcanvas-end {
+ top: 0;
+ right: 0;
+ width: var(--cod-offcanvas-width, 50%);
+ border-left: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
+ transform: translateX(100%);
+ }
+
+ &.offcanvas-top {
+ top: 0;
+ right: 0;
+ left: 0;
+ width: 100%;
+ height: var(--cod-offcanvas-height, 50%);
+ border-bottom: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
+ transform: translateY(-100%);
+ }
+
+ &.offcanvas-bottom {
+ right: 0;
+ left: 0;
+ bottom: 0;
+ width: 100%;
+ height: var(--cod-offcanvas-height, 50%);
+ border-top: var(--cod-offcanvas-border-width) solid
+ var(--cod-offcanvas-border-color);
+ transform: translateY(100%);
+ }
+}
diff --git a/src/stable/components/Drawer/cod-drawer.js b/src/stable/components/Drawer/cod-drawer.js
new file mode 100644
index 00000000..b05baf8b
--- /dev/null
+++ b/src/stable/components/Drawer/cod-drawer.js
@@ -0,0 +1,2 @@
+import Drawer from './Drawer.js';
+customElements.define('cod-drawer', Drawer);
diff --git a/src/stable/components/PhotoButton/PhotoButton.css b/src/stable/components/PhotoButton/PhotoButton.css
new file mode 100644
index 00000000..9dee090b
--- /dev/null
+++ b/src/stable/components/PhotoButton/PhotoButton.css
@@ -0,0 +1,733 @@
+.btn {
+ --cod-btn-padding-x: 0.75em;
+ --cod-btn-padding-y: 0.375em;
+ --cod-btn-font-family: ;
+ --cod-btn-font-size: 1em;
+ --cod-btn-font-weight: 400;
+ --cod-btn-line-height: 1.5;
+ --cod-btn-color: var(--cod-body-color);
+ --cod-btn-bg: transparent;
+ --cod-btn-border-width: var(--cod-border-width);
+ --cod-btn-border-color: transparent;
+ --cod-btn-border-radius: var(--cod-border-radius);
+ --cod-btn-hover-border-color: transparent;
+ --cod-btn-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15),
+ 0 1px 1px rgba(0, 0, 0, 0.075);
+ --cod-btn-disabled-opacity: 0.65;
+ --cod-btn-focus-box-shadow: 0 0 0 0.25em
+ rgba(var(--cod-btn-focus-shadow-rgb), 0.5);
+ display: inline-block;
+ padding: var(--cod-btn-padding-y) var(--cod-btn-padding-x);
+ font-family: var(--cod-btn-font-family);
+ font-size: var(--cod-btn-font-size);
+ font-weight: var(--cod-btn-font-weight);
+ line-height: var(--cod-btn-line-height);
+ color: var(--cod-btn-color);
+ text-align: center;
+ text-decoration: none;
+ vertical-align: middle;
+ cursor: pointer;
+ user-select: none;
+ border: var(--cod-btn-border-width) solid var(--cod-btn-border-color);
+ background-color: var(--cod-btn-bg);
+ transition:
+ color 0.15s ease-in-out,
+ background-color 0.15s ease-in-out,
+ border-color 0.15s ease-in-out,
+ box-shadow 0.15s ease-in-out;
+}
+@media (prefers-reduced-motion: reduce) {
+ .btn {
+ transition: none;
+ }
+}
+.btn:hover {
+ color: var(--cod-btn-hover-color);
+ background-color: var(--cod-btn-hover-bg);
+ border-color: var(--cod-btn-hover-border-color);
+}
+.btn-check + .btn:hover {
+ color: var(--cod-btn-color);
+ background-color: var(--cod-btn-bg);
+ border-color: var(--cod-btn-border-color);
+}
+.btn:focus-visible {
+ color: var(--cod-btn-hover-color);
+ background-color: var(--cod-btn-hover-bg);
+ border-color: var(--cod-btn-hover-border-color);
+ outline: 0;
+ box-shadow: var(--cod-btn-focus-box-shadow);
+}
+.btn-check:focus-visible + .btn {
+ border-color: var(--cod-btn-hover-border-color);
+ outline: 0;
+ box-shadow: var(--cod-btn-focus-box-shadow);
+}
+.btn-check:checked + .btn,
+:not(.btn-check) + .btn:active,
+.btn:first-child:active,
+.btn.active,
+.btn.show {
+ color: var(--cod-btn-active-color);
+ background-color: var(--cod-btn-active-bg);
+ border-color: var(--cod-btn-active-border-color);
+}
+.btn-check:checked + .btn:focus-visible,
+:not(.btn-check) + .btn:active:focus-visible,
+.btn:first-child:active:focus-visible,
+.btn.active:focus-visible,
+.btn.show:focus-visible {
+ box-shadow: var(--cod-btn-focus-box-shadow);
+}
+.btn:disabled,
+.btn.disabled,
+fieldset:disabled .btn {
+ color: var(--cod-btn-disabled-color);
+ pointer-events: none;
+ background-color: var(--cod-btn-disabled-bg);
+ border-color: var(--cod-btn-disabled-border-color);
+ opacity: var(--cod-btn-disabled-opacity);
+}
+
+.btn-primary {
+ --cod-btn-color: #fff;
+ --cod-btn-bg: #004445;
+ --cod-btn-border-color: #004445;
+ --cod-btn-hover-color: #fff;
+ --cod-btn-hover-bg: #003a3b;
+ --cod-btn-hover-border-color: #003637;
+ --cod-btn-focus-shadow-rgb: 38, 96, 97;
+ --cod-btn-active-color: #fff;
+ --cod-btn-active-bg: #003637;
+ --cod-btn-active-border-color: #003334;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #fff;
+ --cod-btn-disabled-bg: #004445;
+ --cod-btn-disabled-border-color: #004445;
+}
+
+.btn-secondary {
+ --cod-btn-color: #000;
+ --cod-btn-bg: #f2f2f2;
+ --cod-btn-border-color: #f2f2f2;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #f4f4f4;
+ --cod-btn-hover-border-color: #f3f3f3;
+ --cod-btn-focus-shadow-rgb: 206, 206, 206;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: whitesmoke;
+ --cod-btn-active-border-color: #f3f3f3;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #000;
+ --cod-btn-disabled-bg: #f2f2f2;
+ --cod-btn-disabled-border-color: #f2f2f2;
+}
+
+.btn-success {
+ --cod-btn-color: #000;
+ --cod-btn-bg: #9fd5b3;
+ --cod-btn-border-color: #9fd5b3;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #addbbe;
+ --cod-btn-hover-border-color: #a9d9bb;
+ --cod-btn-focus-shadow-rgb: 135, 181, 152;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: #b2ddc2;
+ --cod-btn-active-border-color: #a9d9bb;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #000;
+ --cod-btn-disabled-bg: #9fd5b3;
+ --cod-btn-disabled-border-color: #9fd5b3;
+}
+
+.btn-info {
+ --cod-btn-color: #fff;
+ --cod-btn-bg: #004445;
+ --cod-btn-border-color: #004445;
+ --cod-btn-hover-color: #fff;
+ --cod-btn-hover-bg: #003a3b;
+ --cod-btn-hover-border-color: #003637;
+ --cod-btn-focus-shadow-rgb: 38, 96, 97;
+ --cod-btn-active-color: #fff;
+ --cod-btn-active-bg: #003637;
+ --cod-btn-active-border-color: #003334;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #fff;
+ --cod-btn-disabled-bg: #004445;
+ --cod-btn-disabled-border-color: #004445;
+}
+
+.btn-warning {
+ --cod-btn-color: #000;
+ --cod-btn-bg: #feb70d;
+ --cod-btn-border-color: #feb70d;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #fec231;
+ --cod-btn-hover-border-color: #febe25;
+ --cod-btn-focus-shadow-rgb: 216, 156, 11;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: #fec53d;
+ --cod-btn-active-border-color: #febe25;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #000;
+ --cod-btn-disabled-bg: #feb70d;
+ --cod-btn-disabled-border-color: #feb70d;
+}
+
+.btn-danger {
+ --cod-btn-color: #fff;
+ --cod-btn-bg: #b3393b;
+ --cod-btn-border-color: #b3393b;
+ --cod-btn-hover-color: #fff;
+ --cod-btn-hover-bg: #983032;
+ --cod-btn-hover-border-color: #8f2e2f;
+ --cod-btn-focus-shadow-rgb: 190, 87, 88;
+ --cod-btn-active-color: #fff;
+ --cod-btn-active-bg: #8f2e2f;
+ --cod-btn-active-border-color: #862b2c;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #fff;
+ --cod-btn-disabled-bg: #b3393b;
+ --cod-btn-disabled-border-color: #b3393b;
+}
+
+.btn-light {
+ --cod-btn-color: #000;
+ --cod-btn-bg: #fff;
+ --cod-btn-border-color: #fff;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #d9d9d9;
+ --cod-btn-hover-border-color: #cccccc;
+ --cod-btn-focus-shadow-rgb: 217, 217, 217;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: #cccccc;
+ --cod-btn-active-border-color: #bfbfbf;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #000;
+ --cod-btn-disabled-bg: #fff;
+ --cod-btn-disabled-border-color: #fff;
+}
+
+.btn-dark {
+ --cod-btn-color: #fff;
+ --cod-btn-bg: #18252a;
+ --cod-btn-border-color: #18252a;
+ --cod-btn-hover-color: #fff;
+ --cod-btn-hover-bg: #3b464a;
+ --cod-btn-hover-border-color: #2f3b3f;
+ --cod-btn-focus-shadow-rgb: 59, 70, 74;
+ --cod-btn-active-color: #fff;
+ --cod-btn-active-bg: #465155;
+ --cod-btn-active-border-color: #2f3b3f;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #fff;
+ --cod-btn-disabled-bg: #18252a;
+ --cod-btn-disabled-border-color: #18252a;
+}
+
+.btn-accent-primary {
+ --cod-btn-color: #000;
+ --cod-btn-bg: #feb70d;
+ --cod-btn-border-color: #feb70d;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #fec231;
+ --cod-btn-hover-border-color: #febe25;
+ --cod-btn-focus-shadow-rgb: 216, 156, 11;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: #fec53d;
+ --cod-btn-active-border-color: #febe25;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #000;
+ --cod-btn-disabled-bg: #feb70d;
+ --cod-btn-disabled-border-color: #feb70d;
+}
+
+.btn-accent-secondary {
+ --cod-btn-color: #000;
+ --cod-btn-bg: #9fd5b3;
+ --cod-btn-border-color: #9fd5b3;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #addbbe;
+ --cod-btn-hover-border-color: #a9d9bb;
+ --cod-btn-focus-shadow-rgb: 135, 181, 152;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: #b2ddc2;
+ --cod-btn-active-border-color: #a9d9bb;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #000;
+ --cod-btn-disabled-bg: #9fd5b3;
+ --cod-btn-disabled-border-color: #9fd5b3;
+}
+
+.btn-outline-primary {
+ --cod-btn-color: #004445;
+ --cod-btn-border-color: #004445;
+ --cod-btn-hover-color: #fff;
+ --cod-btn-hover-bg: #004445;
+ --cod-btn-hover-border-color: #004445;
+ --cod-btn-focus-shadow-rgb: 0, 68, 69;
+ --cod-btn-active-color: #fff;
+ --cod-btn-active-bg: #004445;
+ --cod-btn-active-border-color: #004445;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #004445;
+ --cod-btn-disabled-bg: transparent;
+ --cod-btn-disabled-border-color: #004445;
+ --cod-gradient: none;
+}
+
+.btn-outline-secondary {
+ --cod-btn-color: #f2f2f2;
+ --cod-btn-border-color: #f2f2f2;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #f2f2f2;
+ --cod-btn-hover-border-color: #f2f2f2;
+ --cod-btn-focus-shadow-rgb: 242, 242, 242;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: #f2f2f2;
+ --cod-btn-active-border-color: #f2f2f2;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #f2f2f2;
+ --cod-btn-disabled-bg: transparent;
+ --cod-btn-disabled-border-color: #f2f2f2;
+ --cod-gradient: none;
+}
+
+.btn-outline-success {
+ --cod-btn-color: #9fd5b3;
+ --cod-btn-border-color: #9fd5b3;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #9fd5b3;
+ --cod-btn-hover-border-color: #9fd5b3;
+ --cod-btn-focus-shadow-rgb: 159, 213, 179;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: #9fd5b3;
+ --cod-btn-active-border-color: #9fd5b3;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #9fd5b3;
+ --cod-btn-disabled-bg: transparent;
+ --cod-btn-disabled-border-color: #9fd5b3;
+ --cod-gradient: none;
+}
+
+.btn-outline-info {
+ --cod-btn-color: #004445;
+ --cod-btn-border-color: #004445;
+ --cod-btn-hover-color: #fff;
+ --cod-btn-hover-bg: #004445;
+ --cod-btn-hover-border-color: #004445;
+ --cod-btn-focus-shadow-rgb: 0, 68, 69;
+ --cod-btn-active-color: #fff;
+ --cod-btn-active-bg: #004445;
+ --cod-btn-active-border-color: #004445;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #004445;
+ --cod-btn-disabled-bg: transparent;
+ --cod-btn-disabled-border-color: #004445;
+ --cod-gradient: none;
+}
+
+.btn-outline-warning {
+ --cod-btn-color: #feb70d;
+ --cod-btn-border-color: #feb70d;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #feb70d;
+ --cod-btn-hover-border-color: #feb70d;
+ --cod-btn-focus-shadow-rgb: 254, 183, 13;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: #feb70d;
+ --cod-btn-active-border-color: #feb70d;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #feb70d;
+ --cod-btn-disabled-bg: transparent;
+ --cod-btn-disabled-border-color: #feb70d;
+ --cod-gradient: none;
+}
+
+.btn-outline-danger {
+ --cod-btn-color: #b3393b;
+ --cod-btn-border-color: #b3393b;
+ --cod-btn-hover-color: #fff;
+ --cod-btn-hover-bg: #b3393b;
+ --cod-btn-hover-border-color: #b3393b;
+ --cod-btn-focus-shadow-rgb: 179, 57, 59;
+ --cod-btn-active-color: #fff;
+ --cod-btn-active-bg: #b3393b;
+ --cod-btn-active-border-color: #b3393b;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #b3393b;
+ --cod-btn-disabled-bg: transparent;
+ --cod-btn-disabled-border-color: #b3393b;
+ --cod-gradient: none;
+}
+
+.btn-outline-light {
+ --cod-btn-color: #fff;
+ --cod-btn-border-color: #fff;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #fff;
+ --cod-btn-hover-border-color: #fff;
+ --cod-btn-focus-shadow-rgb: 255, 255, 255;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: #fff;
+ --cod-btn-active-border-color: #fff;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #fff;
+ --cod-btn-disabled-bg: transparent;
+ --cod-btn-disabled-border-color: #fff;
+ --cod-gradient: none;
+}
+
+.btn-outline-dark {
+ --cod-btn-color: #18252a;
+ --cod-btn-border-color: #18252a;
+ --cod-btn-hover-color: #fff;
+ --cod-btn-hover-bg: #18252a;
+ --cod-btn-hover-border-color: #18252a;
+ --cod-btn-focus-shadow-rgb: 24, 37, 42;
+ --cod-btn-active-color: #fff;
+ --cod-btn-active-bg: #18252a;
+ --cod-btn-active-border-color: #18252a;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #18252a;
+ --cod-btn-disabled-bg: transparent;
+ --cod-btn-disabled-border-color: #18252a;
+ --cod-gradient: none;
+}
+
+.btn-outline-accent-primary {
+ --cod-btn-color: #feb70d;
+ --cod-btn-border-color: #feb70d;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #feb70d;
+ --cod-btn-hover-border-color: #feb70d;
+ --cod-btn-focus-shadow-rgb: 254, 183, 13;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: #feb70d;
+ --cod-btn-active-border-color: #feb70d;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #feb70d;
+ --cod-btn-disabled-bg: transparent;
+ --cod-btn-disabled-border-color: #feb70d;
+ --cod-gradient: none;
+}
+
+.btn-outline-accent-secondary {
+ --cod-btn-color: #9fd5b3;
+ --cod-btn-border-color: #9fd5b3;
+ --cod-btn-hover-color: #000;
+ --cod-btn-hover-bg: #9fd5b3;
+ --cod-btn-hover-border-color: #9fd5b3;
+ --cod-btn-focus-shadow-rgb: 159, 213, 179;
+ --cod-btn-active-color: #000;
+ --cod-btn-active-bg: #9fd5b3;
+ --cod-btn-active-border-color: #9fd5b3;
+ --cod-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
+ --cod-btn-disabled-color: #9fd5b3;
+ --cod-btn-disabled-bg: transparent;
+ --cod-btn-disabled-border-color: #9fd5b3;
+ --cod-gradient: none;
+}
+
+.btn-link {
+ --cod-btn-font-weight: 400;
+ --cod-btn-color: var(--cod-link-color);
+ --cod-btn-bg: transparent;
+ --cod-btn-border-color: transparent;
+ --cod-btn-hover-color: var(--cod-link-hover-color);
+ --cod-btn-hover-border-color: transparent;
+ --cod-btn-active-color: var(--cod-link-hover-color);
+ --cod-btn-active-border-color: transparent;
+ --cod-btn-disabled-color: #6c757d;
+ --cod-btn-disabled-border-color: transparent;
+ --cod-btn-box-shadow: 0 0 0 #000;
+ --cod-btn-focus-shadow-rgb: 38, 96, 97;
+ text-decoration: underline;
+}
+.btn-link:focus-visible {
+ color: var(--cod-btn-color);
+}
+.btn-link:hover {
+ color: var(--cod-btn-hover-color);
+}
+
+.btn-lg {
+ --cod-btn-padding-y: 0.5em;
+ --cod-btn-padding-x: 1em;
+ --cod-btn-font-size: 1.25em;
+ --cod-btn-border-radius: var(--cod-border-radius-lg);
+}
+
+.btn-sm {
+ --cod-btn-padding-y: 0.25em;
+ --cod-btn-padding-x: 0.5em;
+ --cod-btn-font-size: 1em;
+ --cod-btn-border-radius: var(--cod-border-radius-sm);
+}
+
+:host,
+[data-bs-theme='light'] {
+ --cod-blue: #0d6efd;
+ --cod-indigo: #6610f2;
+ --cod-purple: #6f42c1;
+ --cod-pink: #d63384;
+ --cod-red: #dc3545;
+ --cod-orange: #fd7e14;
+ --cod-yellow: #ffc107;
+ --cod-green: #198754;
+ --cod-teal: #20c997;
+ --cod-cyan: #0dcaf0;
+ --cod-black: #000;
+ --cod-white: #fff;
+ --cod-gray: #6c757d;
+ --cod-gray-dark: #343a40;
+ --cod-gray-100: #f8f9fa;
+ --cod-gray-200: #e9ecef;
+ --cod-gray-300: #dee2e6;
+ --cod-gray-400: #ced4da;
+ --cod-gray-500: #adb5bd;
+ --cod-gray-600: #6c757d;
+ --cod-gray-700: #495057;
+ --cod-gray-800: #343a40;
+ --cod-gray-900: #212529;
+ --cod-primary: #004445;
+ --cod-secondary: #f2f2f2;
+ --cod-success: #9fd5b3;
+ --cod-info: #004445;
+ --cod-warning: #feb70d;
+ --cod-danger: #b3393b;
+ --cod-light: #fff;
+ --cod-dark: #18252a;
+ --cod-accent-primary: #feb70d;
+ --cod-accent-secondary: #9fd5b3;
+ --cod-primary-rgb: 0, 68, 69;
+ --cod-secondary-rgb: 242, 242, 242;
+ --cod-success-rgb: 159, 213, 179;
+ --cod-info-rgb: 0, 68, 69;
+ --cod-warning-rgb: 254, 183, 13;
+ --cod-danger-rgb: 179, 57, 59;
+ --cod-light-rgb: 255, 255, 255;
+ --cod-dark-rgb: 24, 37, 42;
+ --cod-accent-primary-rgb: 254, 183, 13;
+ --cod-accent-secondary-rgb: 159, 213, 179;
+ --cod-primary-text-emphasis: #001b1c;
+ --cod-secondary-text-emphasis: #616161;
+ --cod-success-text-emphasis: #405548;
+ --cod-info-text-emphasis: #001b1c;
+ --cod-warning-text-emphasis: #664905;
+ --cod-danger-text-emphasis: #481718;
+ --cod-light-text-emphasis: #495057;
+ --cod-dark-text-emphasis: #495057;
+ --cod-primary-bg-subtle: #ccdada;
+ --cod-secondary-bg-subtle: #fcfcfc;
+ --cod-success-bg-subtle: #ecf7f0;
+ --cod-info-bg-subtle: #ccdada;
+ --cod-warning-bg-subtle: #fff1cf;
+ --cod-danger-bg-subtle: #f0d7d8;
+ --cod-light-bg-subtle: #fcfcfd;
+ --cod-dark-bg-subtle: #ced4da;
+ --cod-primary-border-subtle: #99b4b5;
+ --cod-secondary-border-subtle: #fafafa;
+ --cod-success-border-subtle: #d9eee1;
+ --cod-info-border-subtle: #99b4b5;
+ --cod-warning-border-subtle: #ffe29e;
+ --cod-danger-border-subtle: #e1b0b1;
+ --cod-light-border-subtle: #e9ecef;
+ --cod-dark-border-subtle: #adb5bd;
+ --cod-white-rgb: 255, 255, 255;
+ --cod-black-rgb: 0, 0, 0;
+ --cod-font-sans-serif: 'Montserrat', sans-serif;
+ --cod-font-monospace: 'Montserrat', sans-serif;
+ --cod-gradient: linear-gradient(
+ 180deg,
+ rgba(255, 255, 255, 0.15),
+ rgba(255, 255, 255, 0)
+ );
+ --cod-body-font-family: var(--cod-font-sans-serif);
+ --cod-body-font-size: 1em;
+ --cod-body-font-weight: 500;
+ --cod-body-line-height: 1.5;
+ --cod-body-color: #212529;
+ --cod-body-color-rgb: 33, 37, 41;
+ --cod-body-bg: #fff;
+ --cod-body-bg-rgb: 255, 255, 255;
+ --cod-emphasis-color: #000;
+ --cod-emphasis-color-rgb: 0, 0, 0;
+ --cod-secondary-color: rgba(33, 37, 41, 0.75);
+ --cod-secondary-color-rgb: 33, 37, 41;
+ --cod-secondary-bg: #e9ecef;
+ --cod-secondary-bg-rgb: 233, 236, 239;
+ --cod-tertiary-color: rgba(33, 37, 41, 0.5);
+ --cod-tertiary-color-rgb: 33, 37, 41;
+ --cod-tertiary-bg: #f8f9fa;
+ --cod-tertiary-bg-rgb: 248, 249, 250;
+ --cod-link-color: #004445;
+ --cod-link-color-rgb: 0, 68, 69;
+ --cod-link-decoration: underline;
+ --cod-link-hover-color: #003637;
+ --cod-link-hover-color-rgb: 0, 54, 55;
+ --cod-code-color: #d63384;
+ --cod-highlight-bg: #fff3cd;
+ --cod-border-width: 1px;
+ --cod-border-style: solid;
+ --cod-border-color: #dee2e6;
+ --cod-border-color-translucent: rgba(0, 0, 0, 0.175);
+ --cod-border-radius: 0.375em;
+ --cod-border-radius-sm: 0.25em;
+ --cod-border-radius-lg: 0.5em;
+ --cod-border-radius-xl: 1em;
+ --cod-border-radius-xxl: 2em;
+ --cod-border-radius-2xl: var(--cod-border-radius-xxl);
+ --cod-border-radius-pill: 50em;
+ --cod-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
+ --cod-box-shadow-sm: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);
+ --cod-box-shadow-lg: 0 1em 3em rgba(0, 0, 0, 0.175);
+ --cod-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+ --cod-focus-ring-width: 0.25em;
+ --cod-focus-ring-opacity: 1;
+ --cod-focus-ring-color: blue;
+ --cod-form-valid-color: #9fd5b3;
+ --cod-form-valid-border-color: #9fd5b3;
+ --cod-form-invalid-color: #b3393b;
+ --cod-form-invalid-border-color: #b3393b;
+}
+
+[data-bs-theme='dark'] {
+ color-scheme: dark;
+ --cod-body-color: #adb5bd;
+ --cod-body-color-rgb: 173, 181, 189;
+ --cod-body-bg: #212529;
+ --cod-body-bg-rgb: 33, 37, 41;
+ --cod-emphasis-color: #fff;
+ --cod-emphasis-color-rgb: 255, 255, 255;
+ --cod-secondary-color: rgba(173, 181, 189, 0.75);
+ --cod-secondary-color-rgb: 173, 181, 189;
+ --cod-secondary-bg: #343a40;
+ --cod-secondary-bg-rgb: 52, 58, 64;
+ --cod-tertiary-color: rgba(173, 181, 189, 0.5);
+ --cod-tertiary-color-rgb: 173, 181, 189;
+ --cod-tertiary-bg: #2b3035;
+ --cod-tertiary-bg-rgb: 43, 48, 53;
+ --cod-primary-text-emphasis: #668f8f;
+ --cod-secondary-text-emphasis: #f7f7f7;
+ --cod-success-text-emphasis: #c5e6d1;
+ --cod-info-text-emphasis: #668f8f;
+ --cod-warning-text-emphasis: #fed46e;
+ --cod-danger-text-emphasis: #d18889;
+ --cod-light-text-emphasis: #f8f9fa;
+ --cod-dark-text-emphasis: #dee2e6;
+ --cod-primary-bg-subtle: #000e0e;
+ --cod-secondary-bg-subtle: #303030;
+ --cod-success-bg-subtle: #202b24;
+ --cod-info-bg-subtle: #000e0e;
+ --cod-warning-bg-subtle: #332503;
+ --cod-danger-bg-subtle: #240b0c;
+ --cod-light-bg-subtle: #343a40;
+ --cod-dark-bg-subtle: #1a1d20;
+ --cod-primary-border-subtle: #002929;
+ --cod-secondary-border-subtle: #919191;
+ --cod-success-border-subtle: #5f806b;
+ --cod-info-border-subtle: #002929;
+ --cod-warning-border-subtle: #986e08;
+ --cod-danger-border-subtle: #6b2223;
+ --cod-light-border-subtle: #495057;
+ --cod-dark-border-subtle: #343a40;
+ --cod-link-color: #668f8f;
+ --cod-link-hover-color: #85a5a5;
+ --cod-link-color-rgb: 102, 143, 143;
+ --cod-link-hover-color-rgb: 133, 165, 165;
+ --cod-code-color: #e685b5;
+ --cod-border-color: #495057;
+ --cod-border-color-translucent: rgba(255, 255, 255, 0.15);
+ --cod-form-valid-color: #75b798;
+ --cod-form-valid-border-color: #75b798;
+ --cod-form-invalid-color: #ea868f;
+ --cod-form-invalid-border-color: #ea868f;
+}
+
+h1,
+.h1 {
+ border-left: 0.1em solid #feb70d;
+ padding-left: 0.25em;
+}
+
+.title-line {
+ border-left: none;
+ border-bottom: 0.1em solid #feb70d;
+}
+
+b,
+strong {
+ font-weight: 700;
+}
+
+.btn {
+ --cod-btn-focus-box-shadow: 0 0 0 0.25em
+ rgba(var(--cod-btn-focus-shadow-rgb), 1);
+}
+
+.btn:focus-visible {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-primary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-secondary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-success {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-info {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-warning {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-danger {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-light {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-dark {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-accent-primary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-accent-secondary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+:host {
+ display: block;
+}
+
+.photo-btn {
+ display: block;
+ padding: 0;
+ text-align: left;
+ border: 0;
+}
+
+.button-img::slotted(img) {
+ display: block;
+ width: 100%;
+}
+
+.button-body {
+ padding: var(--cod-btn-padding-y) var(--cod-btn-padding-x);
+}
+
+/*# sourceMappingURL=PhotoButton.css.map */
diff --git a/src/stable/components/PhotoButton/PhotoButton.css.map b/src/stable/components/PhotoButton/PhotoButton.css.map
new file mode 100644
index 00000000..ba0431ec
--- /dev/null
+++ b/src/stable/components/PhotoButton/PhotoButton.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../../node_modules/bootstrap/scss/_buttons.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/mixins/_gradients.scss","../../../../node_modules/bootstrap/scss/mixins/_transition.scss","../../../../node_modules/bootstrap/scss/mixins/_buttons.scss","../../../../node_modules/bootstrap/scss/_variables.scss","../../../scss/_cod-uxds-bs-host.scss","../../../../node_modules/bootstrap/scss/mixins/_color-mode.scss","../../../scss/_cod-uxds-style-guide.scss","PhotoButton.scss"],"names":[],"mappings":"AAIA;EAEE;EACA;EACA;ECuRI,qBALI;EDhRR;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;ECsQI,WALI;ED/PR;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EEhCA,kBFkCqB;EGtBjB,YHwBJ;;AGpBI;EHhBN;IGiBQ;;;AHqBN;EACE;EAEA;EACA;;AAGF;EAEE;EACA;EACA;;AAGF;EACE;EErDF,kBFsDuB;EACrB;EACA;EAKE;;AAIJ;EACE;EACA;EAKE;;AAIJ;EAKE;EACA;EAGA;;AAGA;EAKI;;AAKN;EAGE;EACA;EACA;EAEA;EACA;;;AAYF;EItGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJyFA;EItGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJyFA;EItGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJyFA;EItGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJyFA;EItGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJyFA;EItGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJyFA;EItGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJyFA;EItGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJyFA;EItGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJyFA;EItGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJmHA;EIvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJ0FA;EIvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJ0FA;EIvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJ0FA;EIvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJ0FA;EIvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJ0FA;EIvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJ0FA;EIvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJ0FA;EIvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJ0FA;EIvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJ0FA;EIvGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AJsGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA,iBKuRwC;;AL7QxC;EACE;;AAGF;EACE;;;AAWJ;EIxIE;EACA;EH8NI,qBALI;EGvNR;;;AJyIF;EI5IE;EACA;EH8NI,qBALI;EGvNR;;;AEjEF;AAAA;EASI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGF;EACA;EAMA;EACA;EACA;EAOA;ELyOI,sBALI;EKlOR;EACA;EAKA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAOA;EACA;EACA;EAEA;EACA;EAMA;EACA;EAGA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EAGA;EACA;EACA;EACA;EAIA;EACA;EACA;EAIA;EACA;EACA;EACA;;;ACrHE;ED2HA;EAGA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAGE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAOF;EACA;EACA;EACA;EAEA;EAEA;EACA;EAEA;EACA;EACA;EACA;;;AErLJ;EACE;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;AAAA;;;AAIF;EACE;;;AAMA;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;ACzBJ;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE","file":"PhotoButton.css"}
\ No newline at end of file
diff --git a/src/stable/components/PhotoButton/PhotoButton.js b/src/stable/components/PhotoButton/PhotoButton.js
new file mode 100644
index 00000000..c147f85b
--- /dev/null
+++ b/src/stable/components/PhotoButton/PhotoButton.js
@@ -0,0 +1,56 @@
+import styles from '!!raw-loader!./PhotoButton.css';
+
+const template = document.createElement('template');
+
+template.innerHTML = `
+
+
+
+
+`;
+
+export default class Card extends HTMLElement {
+ constructor() {
+ super();
+ const shadow = this.attachShadow({ mode: 'open' });
+ shadow.appendChild(template.content.cloneNode(true));
+
+ // Add styles
+ const itemStyles = document.createElement('style');
+ itemStyles.textContent = styles;
+ shadow.appendChild(itemStyles);
+ }
+
+ static get observedAttributes() {
+ return ['href', 'rel', 'target'];
+ }
+
+ get href() {
+ return this.getAttribute('href');
+ }
+
+ get rel() {
+ return this.getAttribute('rel');
+ }
+
+ get target() {
+ return this.getAttribute('target');
+ }
+
+ attributeChangedCallback(name, oldValue, newValue) {
+ const anchor = this.shadowRoot.querySelector('a');
+ if (anchor) {
+ anchor.setAttribute(name, newValue || '');
+ }
+ }
+
+ connectedCallback() {
+ // Set initial values if attributes exist
+ const anchor = this.shadowRoot.querySelector('a');
+ if (this.href) anchor.setAttribute('href', this.href);
+ if (this.rel) anchor.setAttribute('rel', this.rel);
+ if (this.target) anchor.setAttribute('target', this.target);
+ }
+}
diff --git a/src/stable/components/PhotoButton/PhotoButton.scss b/src/stable/components/PhotoButton/PhotoButton.scss
new file mode 100644
index 00000000..f15229cd
--- /dev/null
+++ b/src/stable/components/PhotoButton/PhotoButton.scss
@@ -0,0 +1,29 @@
+@import '../../../scss/cod-uxds-bs-base';
+@import '../../../scss/cod-uxds-bs-utilities';
+
+// Import Bootstrap button styles
+@import 'bootstrap/scss/buttons';
+
+// Override bootstrap _root.scss.
+@import '../../../scss/cod-uxds-bs-host';
+@import '../../../scss/cod-uxds-style-guide';
+
+:host {
+ display: block;
+}
+
+.photo-btn {
+ display: block;
+ padding: 0;
+ text-align: left;
+ border: 0;
+}
+
+.button-img::slotted(img) {
+ display: block;
+ width: 100%;
+}
+
+.button-body {
+ padding: var(--cod-btn-padding-y) var(--cod-btn-padding-x);
+}
diff --git a/src/stable/components/PhotoButton/cod-photo-button.js b/src/stable/components/PhotoButton/cod-photo-button.js
new file mode 100644
index 00000000..802d5dbf
--- /dev/null
+++ b/src/stable/components/PhotoButton/cod-photo-button.js
@@ -0,0 +1,2 @@
+import PhotoButton from './PhotoButton';
+customElements.define('cod-photo-button', PhotoButton);
diff --git a/src/stable/components/ProcessList/ProcessList.css b/src/stable/components/ProcessList/ProcessList.css
new file mode 100644
index 00000000..b7d7d93f
--- /dev/null
+++ b/src/stable/components/ProcessList/ProcessList.css
@@ -0,0 +1,274 @@
+:host,
+[data-bs-theme='light'] {
+ --cod-blue: #0d6efd;
+ --cod-indigo: #6610f2;
+ --cod-purple: #6f42c1;
+ --cod-pink: #d63384;
+ --cod-red: #dc3545;
+ --cod-orange: #fd7e14;
+ --cod-yellow: #ffc107;
+ --cod-green: #198754;
+ --cod-teal: #20c997;
+ --cod-cyan: #0dcaf0;
+ --cod-black: #000;
+ --cod-white: #fff;
+ --cod-gray: #6c757d;
+ --cod-gray-dark: #343a40;
+ --cod-gray-100: #f8f9fa;
+ --cod-gray-200: #e9ecef;
+ --cod-gray-300: #dee2e6;
+ --cod-gray-400: #ced4da;
+ --cod-gray-500: #adb5bd;
+ --cod-gray-600: #6c757d;
+ --cod-gray-700: #495057;
+ --cod-gray-800: #343a40;
+ --cod-gray-900: #212529;
+ --cod-primary: #004445;
+ --cod-secondary: #f2f2f2;
+ --cod-success: #9fd5b3;
+ --cod-info: #004445;
+ --cod-warning: #feb70d;
+ --cod-danger: #b3393b;
+ --cod-light: #fff;
+ --cod-dark: #18252a;
+ --cod-accent-primary: #feb70d;
+ --cod-accent-secondary: #9fd5b3;
+ --cod-primary-rgb: 0, 68, 69;
+ --cod-secondary-rgb: 242, 242, 242;
+ --cod-success-rgb: 159, 213, 179;
+ --cod-info-rgb: 0, 68, 69;
+ --cod-warning-rgb: 254, 183, 13;
+ --cod-danger-rgb: 179, 57, 59;
+ --cod-light-rgb: 255, 255, 255;
+ --cod-dark-rgb: 24, 37, 42;
+ --cod-accent-primary-rgb: 254, 183, 13;
+ --cod-accent-secondary-rgb: 159, 213, 179;
+ --cod-primary-text-emphasis: #001b1c;
+ --cod-secondary-text-emphasis: #616161;
+ --cod-success-text-emphasis: #405548;
+ --cod-info-text-emphasis: #001b1c;
+ --cod-warning-text-emphasis: #664905;
+ --cod-danger-text-emphasis: #481718;
+ --cod-light-text-emphasis: #495057;
+ --cod-dark-text-emphasis: #495057;
+ --cod-primary-bg-subtle: #ccdada;
+ --cod-secondary-bg-subtle: #fcfcfc;
+ --cod-success-bg-subtle: #ecf7f0;
+ --cod-info-bg-subtle: #ccdada;
+ --cod-warning-bg-subtle: #fff1cf;
+ --cod-danger-bg-subtle: #f0d7d8;
+ --cod-light-bg-subtle: #fcfcfd;
+ --cod-dark-bg-subtle: #ced4da;
+ --cod-primary-border-subtle: #99b4b5;
+ --cod-secondary-border-subtle: #fafafa;
+ --cod-success-border-subtle: #d9eee1;
+ --cod-info-border-subtle: #99b4b5;
+ --cod-warning-border-subtle: #ffe29e;
+ --cod-danger-border-subtle: #e1b0b1;
+ --cod-light-border-subtle: #e9ecef;
+ --cod-dark-border-subtle: #adb5bd;
+ --cod-white-rgb: 255, 255, 255;
+ --cod-black-rgb: 0, 0, 0;
+ --cod-font-sans-serif: 'Montserrat', sans-serif;
+ --cod-font-monospace: 'Montserrat', sans-serif;
+ --cod-gradient: linear-gradient(
+ 180deg,
+ rgba(255, 255, 255, 0.15),
+ rgba(255, 255, 255, 0)
+ );
+ --cod-body-font-family: var(--cod-font-sans-serif);
+ --cod-body-font-size: 1em;
+ --cod-body-font-weight: 500;
+ --cod-body-line-height: 1.5;
+ --cod-body-color: #212529;
+ --cod-body-color-rgb: 33, 37, 41;
+ --cod-body-bg: #fff;
+ --cod-body-bg-rgb: 255, 255, 255;
+ --cod-emphasis-color: #000;
+ --cod-emphasis-color-rgb: 0, 0, 0;
+ --cod-secondary-color: rgba(33, 37, 41, 0.75);
+ --cod-secondary-color-rgb: 33, 37, 41;
+ --cod-secondary-bg: #e9ecef;
+ --cod-secondary-bg-rgb: 233, 236, 239;
+ --cod-tertiary-color: rgba(33, 37, 41, 0.5);
+ --cod-tertiary-color-rgb: 33, 37, 41;
+ --cod-tertiary-bg: #f8f9fa;
+ --cod-tertiary-bg-rgb: 248, 249, 250;
+ --cod-link-color: #004445;
+ --cod-link-color-rgb: 0, 68, 69;
+ --cod-link-decoration: underline;
+ --cod-link-hover-color: #003637;
+ --cod-link-hover-color-rgb: 0, 54, 55;
+ --cod-code-color: #d63384;
+ --cod-highlight-bg: #fff3cd;
+ --cod-border-width: 1px;
+ --cod-border-style: solid;
+ --cod-border-color: #dee2e6;
+ --cod-border-color-translucent: rgba(0, 0, 0, 0.175);
+ --cod-border-radius: 0.375em;
+ --cod-border-radius-sm: 0.25em;
+ --cod-border-radius-lg: 0.5em;
+ --cod-border-radius-xl: 1em;
+ --cod-border-radius-xxl: 2em;
+ --cod-border-radius-2xl: var(--cod-border-radius-xxl);
+ --cod-border-radius-pill: 50em;
+ --cod-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
+ --cod-box-shadow-sm: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);
+ --cod-box-shadow-lg: 0 1em 3em rgba(0, 0, 0, 0.175);
+ --cod-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+ --cod-focus-ring-width: 0.25em;
+ --cod-focus-ring-opacity: 1;
+ --cod-focus-ring-color: blue;
+ --cod-form-valid-color: #9fd5b3;
+ --cod-form-valid-border-color: #9fd5b3;
+ --cod-form-invalid-color: #b3393b;
+ --cod-form-invalid-border-color: #b3393b;
+}
+
+[data-bs-theme='dark'] {
+ color-scheme: dark;
+ --cod-body-color: #adb5bd;
+ --cod-body-color-rgb: 173, 181, 189;
+ --cod-body-bg: #212529;
+ --cod-body-bg-rgb: 33, 37, 41;
+ --cod-emphasis-color: #fff;
+ --cod-emphasis-color-rgb: 255, 255, 255;
+ --cod-secondary-color: rgba(173, 181, 189, 0.75);
+ --cod-secondary-color-rgb: 173, 181, 189;
+ --cod-secondary-bg: #343a40;
+ --cod-secondary-bg-rgb: 52, 58, 64;
+ --cod-tertiary-color: rgba(173, 181, 189, 0.5);
+ --cod-tertiary-color-rgb: 173, 181, 189;
+ --cod-tertiary-bg: #2b3035;
+ --cod-tertiary-bg-rgb: 43, 48, 53;
+ --cod-primary-text-emphasis: #668f8f;
+ --cod-secondary-text-emphasis: #f7f7f7;
+ --cod-success-text-emphasis: #c5e6d1;
+ --cod-info-text-emphasis: #668f8f;
+ --cod-warning-text-emphasis: #fed46e;
+ --cod-danger-text-emphasis: #d18889;
+ --cod-light-text-emphasis: #f8f9fa;
+ --cod-dark-text-emphasis: #dee2e6;
+ --cod-primary-bg-subtle: #000e0e;
+ --cod-secondary-bg-subtle: #303030;
+ --cod-success-bg-subtle: #202b24;
+ --cod-info-bg-subtle: #000e0e;
+ --cod-warning-bg-subtle: #332503;
+ --cod-danger-bg-subtle: #240b0c;
+ --cod-light-bg-subtle: #343a40;
+ --cod-dark-bg-subtle: #1a1d20;
+ --cod-primary-border-subtle: #002929;
+ --cod-secondary-border-subtle: #919191;
+ --cod-success-border-subtle: #5f806b;
+ --cod-info-border-subtle: #002929;
+ --cod-warning-border-subtle: #986e08;
+ --cod-danger-border-subtle: #6b2223;
+ --cod-light-border-subtle: #495057;
+ --cod-dark-border-subtle: #343a40;
+ --cod-link-color: #668f8f;
+ --cod-link-hover-color: #85a5a5;
+ --cod-link-color-rgb: 102, 143, 143;
+ --cod-link-hover-color-rgb: 133, 165, 165;
+ --cod-code-color: #e685b5;
+ --cod-border-color: #495057;
+ --cod-border-color-translucent: rgba(255, 255, 255, 0.15);
+ --cod-form-valid-color: #75b798;
+ --cod-form-valid-border-color: #75b798;
+ --cod-form-invalid-color: #ea868f;
+ --cod-form-invalid-border-color: #ea868f;
+}
+
+h1,
+.h1 {
+ border-left: 0.1em solid #feb70d;
+ padding-left: 0.25em;
+}
+
+.title-line {
+ border-left: none;
+ border-bottom: 0.1em solid #feb70d;
+}
+
+b,
+strong {
+ font-weight: 700;
+}
+
+.btn {
+ --cod-btn-focus-box-shadow: 0 0 0 0.25em
+ rgba(var(--cod-btn-focus-shadow-rgb), 1);
+}
+
+.btn:focus-visible {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-primary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-secondary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-success {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-info {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-warning {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-danger {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-light {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-dark {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-accent-primary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-accent-secondary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+:host {
+ display: block;
+ --cod-process-list-counter-background-color: #004445;
+ --cod-process-list-counter-border-color: #18252a;
+ --cod-process-list-counter-border-width: 2px;
+ --cod-process-list-counter-font-family: inherit;
+ --cod-process-list-counter-font-size: 1em;
+ --cod-process-list-counter-gap-color: transparent;
+ --cod-process-list-counter-gap-width: 4px;
+ --cod-process-list-counter-size: 2.5em;
+ --cod-process-list-counter-text-color: #ffffff;
+ --cod-process-list-connector-color: #c9c9c9;
+ --cod-process-list-connector-width: 2px;
+ --cod-process-list-font-family: inherit;
+ --cod-process-list-font-size: 1em;
+ --cod-process-list-heading-color: #000;
+ --cod-process-list-heading-font-family: inherit;
+ --cod-process-list-heading-font-size: 1.25em;
+ --cod-process-list-text-color: #000;
+}
+
+.cod-process-list {
+ counter-reset: cod-process-list-counter;
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+/*# sourceMappingURL=ProcessList.css.map */
diff --git a/src/stable/components/ProcessList/ProcessList.css.map b/src/stable/components/ProcessList/ProcessList.css.map
new file mode 100644
index 00000000..04ca7436
--- /dev/null
+++ b/src/stable/components/ProcessList/ProcessList.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../scss/_cod-uxds-bs-host.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/mixins/_color-mode.scss","../../../scss/_cod-uxds-style-guide.scss","ProcessList.scss"],"names":[],"mappings":"AAEA;AAAA;EASI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGF;EACA;EAMA;EACA;EACA;EAOA;ECyOI,sBALI;EDlOR;EACA;EAKA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAOA;EACA;EACA;EAEA;EACA;EAMA;EACA;EAGA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EAGA;EACA;EACA;EACA;EAIA;EACA;EACA;EAIA;EACA;EACA;EACA;;;AErHE;EF2HA;EAGA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAGE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAOF;EACA;EACA;EACA;EAEA;EAEA;EACA;EAEA;EACA;EACA;EACA;;;AGrLJ;AAAA;EAEE;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;AAAA;;;AAIF;EACE;;;AAMA;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AC/BJ;EACE;EAGA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA","file":"ProcessList.css"}
\ No newline at end of file
diff --git a/src/stable/components/ProcessList/ProcessList.js b/src/stable/components/ProcessList/ProcessList.js
new file mode 100644
index 00000000..e92fe1c7
--- /dev/null
+++ b/src/stable/components/ProcessList/ProcessList.js
@@ -0,0 +1,29 @@
+import styles from '!!raw-loader!./ProcessList.css';
+
+const template = document.createElement('template');
+
+template.innerHTML = `
+
+
+`;
+
+export default class ProcessList extends HTMLElement {
+ constructor() {
+ super();
+ const shadow = this.attachShadow({ mode: 'open' });
+ shadow.appendChild(template.content.cloneNode(true));
+
+ const listStyles = document.createElement('style');
+ listStyles.textContent = styles;
+ shadow.appendChild(listStyles);
+ }
+
+ connectedCallback() {
+ this.setAttribute('role', 'list');
+ const items = this.querySelectorAll('cod-process-list-item');
+ if (items.length > 0) {
+ items[items.length - 1].setAttribute('data-hide-connector', '');
+ }
+ }
+}
diff --git a/src/stable/components/ProcessList/ProcessList.scss b/src/stable/components/ProcessList/ProcessList.scss
new file mode 100644
index 00000000..b129218b
--- /dev/null
+++ b/src/stable/components/ProcessList/ProcessList.scss
@@ -0,0 +1,34 @@
+@import '../../../scss/cod-uxds-bs-base';
+@import '../../../scss/cod-uxds-bs-utilities';
+@import '../../../scss/cod-uxds-bs-host';
+@import '../../../scss/cod-uxds-style-guide';
+
+:host {
+ display: block;
+
+ // CSS Custom Properties for theming
+ --cod-process-list-counter-background-color: #{$cod-city-green};
+ --cod-process-list-counter-border-color: #{$cod-near-black};
+ --cod-process-list-counter-border-width: 2px;
+ --cod-process-list-counter-font-family: inherit;
+ --cod-process-list-counter-font-size: 1rem;
+ --cod-process-list-counter-gap-color: transparent;
+ --cod-process-list-counter-gap-width: 4px;
+ --cod-process-list-counter-size: 2.5rem;
+ --cod-process-list-counter-text-color: #ffffff;
+ --cod-process-list-connector-color: #c9c9c9;
+ --cod-process-list-connector-width: 2px;
+ --cod-process-list-font-family: inherit;
+ --cod-process-list-font-size: 1rem;
+ --cod-process-list-heading-color: #000;
+ --cod-process-list-heading-font-family: inherit;
+ --cod-process-list-heading-font-size: 1.25rem;
+ --cod-process-list-text-color: #000;
+}
+
+.cod-process-list {
+ counter-reset: cod-process-list-counter;
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
diff --git a/src/stable/components/ProcessList/cod-process-list.js b/src/stable/components/ProcessList/cod-process-list.js
new file mode 100644
index 00000000..e0fd85e7
--- /dev/null
+++ b/src/stable/components/ProcessList/cod-process-list.js
@@ -0,0 +1,2 @@
+import ProcessList from './ProcessList';
+customElements.define('cod-process-list', ProcessList);
diff --git a/src/stable/components/ProcessListItem/ProcessListItem.css b/src/stable/components/ProcessListItem/ProcessListItem.css
new file mode 100644
index 00000000..50b5e0b8
--- /dev/null
+++ b/src/stable/components/ProcessListItem/ProcessListItem.css
@@ -0,0 +1,336 @@
+:host,
+[data-bs-theme='light'] {
+ --cod-blue: #0d6efd;
+ --cod-indigo: #6610f2;
+ --cod-purple: #6f42c1;
+ --cod-pink: #d63384;
+ --cod-red: #dc3545;
+ --cod-orange: #fd7e14;
+ --cod-yellow: #ffc107;
+ --cod-green: #198754;
+ --cod-teal: #20c997;
+ --cod-cyan: #0dcaf0;
+ --cod-black: #000;
+ --cod-white: #fff;
+ --cod-gray: #6c757d;
+ --cod-gray-dark: #343a40;
+ --cod-gray-100: #f8f9fa;
+ --cod-gray-200: #e9ecef;
+ --cod-gray-300: #dee2e6;
+ --cod-gray-400: #ced4da;
+ --cod-gray-500: #adb5bd;
+ --cod-gray-600: #6c757d;
+ --cod-gray-700: #495057;
+ --cod-gray-800: #343a40;
+ --cod-gray-900: #212529;
+ --cod-primary: #004445;
+ --cod-secondary: #f2f2f2;
+ --cod-success: #9fd5b3;
+ --cod-info: #004445;
+ --cod-warning: #feb70d;
+ --cod-danger: #b3393b;
+ --cod-light: #fff;
+ --cod-dark: #18252a;
+ --cod-accent-primary: #feb70d;
+ --cod-accent-secondary: #9fd5b3;
+ --cod-primary-rgb: 0, 68, 69;
+ --cod-secondary-rgb: 242, 242, 242;
+ --cod-success-rgb: 159, 213, 179;
+ --cod-info-rgb: 0, 68, 69;
+ --cod-warning-rgb: 254, 183, 13;
+ --cod-danger-rgb: 179, 57, 59;
+ --cod-light-rgb: 255, 255, 255;
+ --cod-dark-rgb: 24, 37, 42;
+ --cod-accent-primary-rgb: 254, 183, 13;
+ --cod-accent-secondary-rgb: 159, 213, 179;
+ --cod-primary-text-emphasis: #001b1c;
+ --cod-secondary-text-emphasis: #616161;
+ --cod-success-text-emphasis: #405548;
+ --cod-info-text-emphasis: #001b1c;
+ --cod-warning-text-emphasis: #664905;
+ --cod-danger-text-emphasis: #481718;
+ --cod-light-text-emphasis: #495057;
+ --cod-dark-text-emphasis: #495057;
+ --cod-primary-bg-subtle: #ccdada;
+ --cod-secondary-bg-subtle: #fcfcfc;
+ --cod-success-bg-subtle: #ecf7f0;
+ --cod-info-bg-subtle: #ccdada;
+ --cod-warning-bg-subtle: #fff1cf;
+ --cod-danger-bg-subtle: #f0d7d8;
+ --cod-light-bg-subtle: #fcfcfd;
+ --cod-dark-bg-subtle: #ced4da;
+ --cod-primary-border-subtle: #99b4b5;
+ --cod-secondary-border-subtle: #fafafa;
+ --cod-success-border-subtle: #d9eee1;
+ --cod-info-border-subtle: #99b4b5;
+ --cod-warning-border-subtle: #ffe29e;
+ --cod-danger-border-subtle: #e1b0b1;
+ --cod-light-border-subtle: #e9ecef;
+ --cod-dark-border-subtle: #adb5bd;
+ --cod-white-rgb: 255, 255, 255;
+ --cod-black-rgb: 0, 0, 0;
+ --cod-font-sans-serif: 'Montserrat', sans-serif;
+ --cod-font-monospace: 'Montserrat', sans-serif;
+ --cod-gradient: linear-gradient(
+ 180deg,
+ rgba(255, 255, 255, 0.15),
+ rgba(255, 255, 255, 0)
+ );
+ --cod-body-font-family: var(--cod-font-sans-serif);
+ --cod-body-font-size: 1em;
+ --cod-body-font-weight: 500;
+ --cod-body-line-height: 1.5;
+ --cod-body-color: #212529;
+ --cod-body-color-rgb: 33, 37, 41;
+ --cod-body-bg: #fff;
+ --cod-body-bg-rgb: 255, 255, 255;
+ --cod-emphasis-color: #000;
+ --cod-emphasis-color-rgb: 0, 0, 0;
+ --cod-secondary-color: rgba(33, 37, 41, 0.75);
+ --cod-secondary-color-rgb: 33, 37, 41;
+ --cod-secondary-bg: #e9ecef;
+ --cod-secondary-bg-rgb: 233, 236, 239;
+ --cod-tertiary-color: rgba(33, 37, 41, 0.5);
+ --cod-tertiary-color-rgb: 33, 37, 41;
+ --cod-tertiary-bg: #f8f9fa;
+ --cod-tertiary-bg-rgb: 248, 249, 250;
+ --cod-link-color: #004445;
+ --cod-link-color-rgb: 0, 68, 69;
+ --cod-link-decoration: underline;
+ --cod-link-hover-color: #003637;
+ --cod-link-hover-color-rgb: 0, 54, 55;
+ --cod-code-color: #d63384;
+ --cod-highlight-bg: #fff3cd;
+ --cod-border-width: 1px;
+ --cod-border-style: solid;
+ --cod-border-color: #dee2e6;
+ --cod-border-color-translucent: rgba(0, 0, 0, 0.175);
+ --cod-border-radius: 0.375em;
+ --cod-border-radius-sm: 0.25em;
+ --cod-border-radius-lg: 0.5em;
+ --cod-border-radius-xl: 1em;
+ --cod-border-radius-xxl: 2em;
+ --cod-border-radius-2xl: var(--cod-border-radius-xxl);
+ --cod-border-radius-pill: 50em;
+ --cod-box-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.15);
+ --cod-box-shadow-sm: 0 0.125em 0.25em rgba(0, 0, 0, 0.075);
+ --cod-box-shadow-lg: 0 1em 3em rgba(0, 0, 0, 0.175);
+ --cod-box-shadow-inset: inset 0 1px 2px rgba(0, 0, 0, 0.075);
+ --cod-focus-ring-width: 0.25em;
+ --cod-focus-ring-opacity: 1;
+ --cod-focus-ring-color: blue;
+ --cod-form-valid-color: #9fd5b3;
+ --cod-form-valid-border-color: #9fd5b3;
+ --cod-form-invalid-color: #b3393b;
+ --cod-form-invalid-border-color: #b3393b;
+}
+
+[data-bs-theme='dark'] {
+ color-scheme: dark;
+ --cod-body-color: #adb5bd;
+ --cod-body-color-rgb: 173, 181, 189;
+ --cod-body-bg: #212529;
+ --cod-body-bg-rgb: 33, 37, 41;
+ --cod-emphasis-color: #fff;
+ --cod-emphasis-color-rgb: 255, 255, 255;
+ --cod-secondary-color: rgba(173, 181, 189, 0.75);
+ --cod-secondary-color-rgb: 173, 181, 189;
+ --cod-secondary-bg: #343a40;
+ --cod-secondary-bg-rgb: 52, 58, 64;
+ --cod-tertiary-color: rgba(173, 181, 189, 0.5);
+ --cod-tertiary-color-rgb: 173, 181, 189;
+ --cod-tertiary-bg: #2b3035;
+ --cod-tertiary-bg-rgb: 43, 48, 53;
+ --cod-primary-text-emphasis: #668f8f;
+ --cod-secondary-text-emphasis: #f7f7f7;
+ --cod-success-text-emphasis: #c5e6d1;
+ --cod-info-text-emphasis: #668f8f;
+ --cod-warning-text-emphasis: #fed46e;
+ --cod-danger-text-emphasis: #d18889;
+ --cod-light-text-emphasis: #f8f9fa;
+ --cod-dark-text-emphasis: #dee2e6;
+ --cod-primary-bg-subtle: #000e0e;
+ --cod-secondary-bg-subtle: #303030;
+ --cod-success-bg-subtle: #202b24;
+ --cod-info-bg-subtle: #000e0e;
+ --cod-warning-bg-subtle: #332503;
+ --cod-danger-bg-subtle: #240b0c;
+ --cod-light-bg-subtle: #343a40;
+ --cod-dark-bg-subtle: #1a1d20;
+ --cod-primary-border-subtle: #002929;
+ --cod-secondary-border-subtle: #919191;
+ --cod-success-border-subtle: #5f806b;
+ --cod-info-border-subtle: #002929;
+ --cod-warning-border-subtle: #986e08;
+ --cod-danger-border-subtle: #6b2223;
+ --cod-light-border-subtle: #495057;
+ --cod-dark-border-subtle: #343a40;
+ --cod-link-color: #668f8f;
+ --cod-link-hover-color: #85a5a5;
+ --cod-link-color-rgb: 102, 143, 143;
+ --cod-link-hover-color-rgb: 133, 165, 165;
+ --cod-code-color: #e685b5;
+ --cod-border-color: #495057;
+ --cod-border-color-translucent: rgba(255, 255, 255, 0.15);
+ --cod-form-valid-color: #75b798;
+ --cod-form-valid-border-color: #75b798;
+ --cod-form-invalid-color: #ea868f;
+ --cod-form-invalid-border-color: #ea868f;
+}
+
+h1,
+.h1 {
+ border-left: 0.1em solid #feb70d;
+ padding-left: 0.25em;
+}
+
+.title-line {
+ border-left: none;
+ border-bottom: 0.1em solid #feb70d;
+}
+
+b,
+strong {
+ font-weight: 700;
+}
+
+.btn {
+ --cod-btn-focus-box-shadow: 0 0 0 0.25em
+ rgba(var(--cod-btn-focus-shadow-rgb), 1);
+}
+
+.btn:focus-visible {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-primary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-secondary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-success {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-info {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-warning {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-danger {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-light {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-dark {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-accent-primary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+.btn-accent-secondary {
+ --cod-btn-focus-shadow-rgb: 0, 0, 255;
+}
+
+:host {
+ display: block;
+ position: relative;
+}
+
+.cod-process-list__counter {
+ background-color: var(--cod-process-list-counter-background-color, #005ea2);
+ border: var(--cod-process-list-counter-border-width, 2px) solid
+ var(--cod-process-list-counter-border-color, #ffffff);
+ color: var(--cod-process-list-counter-text-color, #ffffff);
+ content: counter(cod-process-list-counter);
+ counter-increment: cod-process-list-counter;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-family: var(--cod-process-list-counter-font-family, inherit);
+ font-size: var(--cod-process-list-counter-font-size, 1em);
+ font-weight: 700;
+ height: var(--cod-process-list-counter-size, 2.5em);
+ width: var(--cod-process-list-counter-size, 2.5em);
+ left: 0;
+ position: absolute;
+ top: 0;
+ z-index: 1;
+}
+.cod-process-list__counter::before {
+ content: counter(cod-process-list-counter);
+}
+
+.cod-process-list__item {
+ list-style: none;
+ margin: 0;
+ padding: 0 0 2em 4em;
+ position: relative;
+}
+.cod-process-list__item::after {
+ display: block;
+ background-color: var(--cod-process-list-connector-color);
+ content: '';
+ height: calc(
+ 100% - var(--cod-process-list-counter-size) -
+ var(--cod-process-list-counter-gap-width)
+ );
+ left: calc(
+ var(--cod-process-list-counter-size) / 2 -
+ var(--cod-process-list-connector-width) / 2
+ );
+ position: absolute;
+ top: calc(
+ var(--cod-process-list-counter-size) +
+ var(--cod-process-list-counter-gap-width)
+ );
+ width: var(--cod-process-list-connector-width, 2px);
+ z-index: 0;
+}
+:host([data-hide-connector]) .cod-process-list__item::after {
+ display: none;
+}
+
+.cod-process-list__heading {
+ color: var(--cod-process-list-heading-color);
+ font-family: var(--cod-process-list-heading-font-family);
+ font-size: var(--cod-process-list-heading-font-size);
+ font-weight: 700;
+ line-height: 1.2;
+ margin: 0 0 0.5em 0;
+}
+
+.cod-process-list__content {
+ color: var(--cod-process-list-text-color);
+ font-family: var(--cod-process-list-font-family);
+ font-size: var(--cod-process-list-font-size);
+ line-height: 1.5;
+}
+.cod-process-list__content ::slotted(ul),
+.cod-process-list__content ::slotted(ol) {
+ margin-top: 0.5em;
+ margin-bottom: 1em;
+}
+.cod-process-list__content ::slotted(li) {
+ margin-bottom: 0.5em;
+}
+.cod-process-list__content ::slotted(p) {
+ margin-top: 0;
+ margin-bottom: 1em;
+}
+.cod-process-list__content ::slotted(p):last-child {
+ margin-bottom: 0;
+}
+
+/*# sourceMappingURL=ProcessListItem.css.map */
diff --git a/src/stable/components/ProcessListItem/ProcessListItem.css.map b/src/stable/components/ProcessListItem/ProcessListItem.css.map
new file mode 100644
index 00000000..c95f7d5e
--- /dev/null
+++ b/src/stable/components/ProcessListItem/ProcessListItem.css.map
@@ -0,0 +1 @@
+{"version":3,"sourceRoot":"","sources":["../../../scss/_cod-uxds-bs-host.scss","../../../../node_modules/bootstrap/scss/vendor/_rfs.scss","../../../../node_modules/bootstrap/scss/mixins/_color-mode.scss","../../../scss/_cod-uxds-style-guide.scss","ProcessListItem.scss"],"names":[],"mappings":"AAEA;AAAA;EASI;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAGF;EACA;EAMA;EACA;EACA;EAOA;ECyOI,sBALI;EDlOR;EACA;EAKA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAOA;EACA;EACA;EAEA;EACA;EAMA;EACA;EAGA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;AAAA;AAAA;EAGA;EAGA;EACA;EACA;EACA;EAIA;EACA;EACA;EAIA;EACA;EACA;EACA;;;AErHE;EF2HA;EAGA;EACA;EACA;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAGE;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAOF;EACA;EACA;EACA;EAEA;EAEA;EACA;EAEA;EACA;EACA;EACA;;;AGrLJ;AAAA;EAEE;EACA;;;AAGF;EACE;EACA;;;AAGF;AAAA;EAEE;;;AAGF;EACE;AAAA;;;AAIF;EACE;;;AAMA;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AC/BJ;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;;AAIJ;EACE;EACA;EACA;EACA;;AAGA;EACE;EAIA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAVA;EACE;;;AAaN;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;EACA;;AAGA;AAAA;EAEE;EACA;;AAGF;EACE;;AAGF;EACE;EACA;;AAEA;EACE","file":"ProcessListItem.css"}
\ No newline at end of file
diff --git a/src/stable/components/ProcessListItem/ProcessListItem.js b/src/stable/components/ProcessListItem/ProcessListItem.js
new file mode 100644
index 00000000..e717d11a
--- /dev/null
+++ b/src/stable/components/ProcessListItem/ProcessListItem.js
@@ -0,0 +1,27 @@
+import styles from '!!raw-loader!./ProcessListItem.css';
+
+const template = document.createElement('template');
+
+template.innerHTML = `
+
+
+
+
+
+
+
+`;
+
+export default class ProcessListItem extends HTMLElement {
+ constructor() {
+ super();
+ const shadow = this.attachShadow({ mode: 'open' });
+ shadow.appendChild(template.content.cloneNode(true));
+
+ const itemStyles = document.createElement('style');
+ itemStyles.textContent = styles;
+ shadow.appendChild(itemStyles);
+ }
+}
diff --git a/src/stable/components/ProcessListItem/ProcessListItem.scss b/src/stable/components/ProcessListItem/ProcessListItem.scss
new file mode 100644
index 00000000..ec7a3bfd
--- /dev/null
+++ b/src/stable/components/ProcessListItem/ProcessListItem.scss
@@ -0,0 +1,104 @@
+@import '../../../scss/cod-uxds-bs-base';
+@import '../../../scss/cod-uxds-bs-utilities';
+@import '../../../scss/cod-uxds-bs-host';
+@import '../../../scss/cod-uxds-style-guide';
+
+:host {
+ display: block;
+ position: relative;
+}
+
+.cod-process-list__counter {
+ background-color: var(--cod-process-list-counter-background-color, #005ea2);
+ border: var(--cod-process-list-counter-border-width, 2px) solid
+ var(--cod-process-list-counter-border-color, #ffffff);
+ color: var(--cod-process-list-counter-text-color, #ffffff);
+ content: counter(cod-process-list-counter);
+ counter-increment: cod-process-list-counter;
+ display: flex;
+ align-items: center;
+ justify-content: center;
+ font-family: var(--cod-process-list-counter-font-family, inherit);
+ font-size: var(--cod-process-list-counter-font-size, 1rem);
+ font-weight: 700;
+ height: var(--cod-process-list-counter-size, 2.5rem);
+ width: var(--cod-process-list-counter-size, 2.5rem);
+ left: 0;
+ position: absolute;
+ top: 0;
+ z-index: 1;
+
+ &::before {
+ content: counter(cod-process-list-counter);
+ }
+}
+
+.cod-process-list__item {
+ list-style: none;
+ margin: 0;
+ padding: 0 0 2rem 4rem;
+ position: relative;
+
+ // Connector line between items (except last)
+ &::after {
+ display: block;
+ :host([data-hide-connector]) & {
+ display: none;
+ }
+ background-color: var(--cod-process-list-connector-color);
+ content: '';
+ height: calc(
+ 100% - var(--cod-process-list-counter-size) - var(
+ --cod-process-list-counter-gap-width
+ )
+ );
+ left: calc(
+ var(--cod-process-list-counter-size) / 2 - var(
+ --cod-process-list-connector-width
+ ) / 2
+ );
+ position: absolute;
+ top: calc(
+ var(--cod-process-list-counter-size) +
+ var(--cod-process-list-counter-gap-width)
+ );
+ width: var(--cod-process-list-connector-width, 2px);
+ z-index: 0;
+ }
+}
+
+.cod-process-list__heading {
+ color: var(--cod-process-list-heading-color);
+ font-family: var(--cod-process-list-heading-font-family);
+ font-size: var(--cod-process-list-heading-font-size);
+ font-weight: 700;
+ line-height: 1.2;
+ margin: 0 0 0.5rem 0;
+}
+
+.cod-process-list__content {
+ color: var(--cod-process-list-text-color);
+ font-family: var(--cod-process-list-font-family);
+ font-size: var(--cod-process-list-font-size);
+ line-height: 1.5;
+
+ // Style any nested lists
+ ::slotted(ul),
+ ::slotted(ol) {
+ margin-top: 0.5rem;
+ margin-bottom: 1rem;
+ }
+
+ ::slotted(li) {
+ margin-bottom: 0.5rem;
+ }
+
+ ::slotted(p) {
+ margin-top: 0;
+ margin-bottom: 1rem;
+
+ &:last-child {
+ margin-bottom: 0;
+ }
+ }
+}
diff --git a/src/stable/components/ProcessListItem/cod-process-list-item.js b/src/stable/components/ProcessListItem/cod-process-list-item.js
new file mode 100644
index 00000000..ebbb2430
--- /dev/null
+++ b/src/stable/components/ProcessListItem/cod-process-list-item.js
@@ -0,0 +1,2 @@
+import ProcessListItem from './ProcessListItem';
+customElements.define('cod-process-list-item', ProcessListItem);
diff --git a/src/stable/components/ServiceButton/ServiceButton.css b/src/stable/components/ServiceButton/ServiceButton.css
index 0ba80e78..aa20f57c 100644
--- a/src/stable/components/ServiceButton/ServiceButton.css
+++ b/src/stable/components/ServiceButton/ServiceButton.css
@@ -9,11 +9,14 @@ a.service-button {
flex-direction: column;
justify-content: center;
align-items: flex-start;
- padding: 50px 25px;
+ padding: 25px 50px;
background-color: #004445;
text-decoration: none;
overflow: hidden;
transition: background-color 200ms ease-in-out;
+ box-sizing: border-box;
+ width: 100%;
+ height: 100%;
}
a.service-button::before {
content: '';
diff --git a/src/stable/components/ServiceButton/ServiceButton.css.map b/src/stable/components/ServiceButton/ServiceButton.css.map
index 1efb64f5..7a9e9800 100644
--- a/src/stable/components/ServiceButton/ServiceButton.css.map
+++ b/src/stable/components/ServiceButton/ServiceButton.css.map
@@ -1 +1 @@
-{"version":3,"sourceRoot":"","sources":["ServiceButton.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA","file":"ServiceButton.css"}
\ No newline at end of file
+{"version":3,"sourceRoot":"","sources":["ServiceButton.scss"],"names":[],"mappings":"AAAA;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EAGA;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA","file":"ServiceButton.css"}
\ No newline at end of file
diff --git a/src/stable/components/ServiceButton/ServiceButton.js b/src/stable/components/ServiceButton/ServiceButton.js
index 4a769805..7928caef 100644
--- a/src/stable/components/ServiceButton/ServiceButton.js
+++ b/src/stable/components/ServiceButton/ServiceButton.js
@@ -6,7 +6,7 @@ template.innerHTML = `
-
+
diff --git a/src/stable/components/ServiceButton/ServiceButton.scss b/src/stable/components/ServiceButton/ServiceButton.scss
index f9021963..01342f82 100644
--- a/src/stable/components/ServiceButton/ServiceButton.scss
+++ b/src/stable/components/ServiceButton/ServiceButton.scss
@@ -9,12 +9,19 @@ a.service-button {
flex-direction: column;
justify-content: center;
align-items: flex-start;
- padding: 50px 25px;
+ padding: 25px 50px;
background-color: #004445;
text-decoration: none;
overflow: hidden;
transition: background-color 200ms ease-in-out;
+ // Ensure padding is included in width/height calculations.
+ box-sizing: border-box;
+
+ // Ensure the element takes full width/height when parent sets it.
+ width: 100%;
+ height: 100%;
+
&::before {
content: '';
position: absolute;
diff --git a/src/stable/docs/Button.mdx b/src/stable/docs/Button.mdx
new file mode 100644
index 00000000..96530503
--- /dev/null
+++ b/src/stable/docs/Button.mdx
@@ -0,0 +1,123 @@
+import {
+ Meta,
+ Canvas,
+ Title,
+ Subtitle,
+ Description,
+ Primary,
+ Controls,
+ Stories,
+ Story,
+ Source,
+} from '@storybook/blocks';
+import * as ButtonStories from '../stories/button.stories';
+
+import '../../../.storybook/docs'; // Import all documentation components
+
+
+ Buttons allow users to trigger actions or events with a single click or tap.
+
+
+## Usage
+
+
+
+
+
+
+## HTML Attributes / JS Properties
+
+ element with this value for its href attribute.", "type": "string", "defaultValue": "''", "reflects": false},
+{"name": "target", "description": "Where to display linked URL for button as links. Only used when href is set.", "type": "string", "defaultValue": "''", "reflects": false},
+{"name": "download", "description": "Causes the browser to download the linked URL instead of navigating to it. Only used when href is set.", "type": "string", "defaultValue": "''", "reflects": false},
+{"name": "rel", "description": "The relationship of the linked URL as space-separated link types. Only used when href is set.", "type": "string", "defaultValue": "''", "reflects": false}
+])}>
+
+
+## Events
+
+
+
+
+## Methods
+
+
+
+
+## Custom CSS Properties
+
+
+
+
+## CSS Parts
+
+
+
+
+## Dependencies
+
+
+ Button groups allow users to select from multiple related options presented as
+ a set of connected buttons.
+
+
+## Usage
+
+
+
+ elements to display in the button group."}
+])}>
+
+
+## HTML Attributes / JS Properties
+
+
+
+
+## Events
+
+
+
+
+## Methods
+
+
+
+
+## Custom CSS Properties
+
+
+
+
+## CSS Parts
+
+
+
+
+## Dependencies
+
+"
+])}>
+
+## Accessibility
+
+Button group components are designed to be accessible:
+
+- Groups have the appropriate ARIA role (`role="group"`)
+- When a label is provided, it's applied as an `aria-label` for screen readers
+- Button groups maintain all the accessibility features of the individual buttons
+- Focus states are clearly visible and maintain the correct tab order
+- The visual connection between buttons helps users understand they're related actions
diff --git a/src/stable/docs/Callout.mdx b/src/stable/docs/Callout.mdx
new file mode 100644
index 00000000..1cea33da
--- /dev/null
+++ b/src/stable/docs/Callout.mdx
@@ -0,0 +1,132 @@
+import {
+ Meta,
+ Canvas,
+ Title,
+ Subtitle,
+ Description,
+ Primary,
+ Controls,
+ Stories,
+ Story,
+ Source,
+} from '@storybook/blocks';
+import * as CalloutStories from '../stories/callout.stories';
+
+import '../../../.storybook/docs'; // Import all documentation components
+
+
+ Callouts highlight important information and messages to users. They provide a
+ consistent way to communicate status information, warnings, errors, and other
+ critical messages with appropriate visual hierarchy, distinctive icons, and
+ accessibility features.
+
+
+## Usage
+
+Use callouts to draw user attention to important information that requires acknowledgment or action. The component includes multiple variants with distinctive colors and appropriate ARIA roles for different types of messages.
+
+
+
+
+
+
+## HTML Attributes / JS Properties
+
+
+
+
+## Events
+
+
+
+
+## Custom CSS Properties
+
+
+
+
+## CSS Parts
+
+
+
+
+## Dependencies
+
+
+ Cards can be used to group related subjects in a container.
+
+
+## Usage
+
+
+
+
+
+
+## HTML Attributes / JS Properties
+
+
+
+
+## Custom CSS Properties
+
+
+
+## CSS Parts
+
+
+
+
+## Dependencies
+
+ 
+ This is a kitten, but not just any kitten. This kitten likes walking along
+ pallets.
+ 
+
+ 
+ 
+ 
+