pdap-design-system 2.7.0-beta.1 → 2.7.0-beta.3

package/dist/styles.css

@@ -1 +1 @@
-.pdap-button{display:inline-block;width:100%;cursor:pointer;border-radius:0;border-width:2px;--tw-border-opacity: 1;border-color:rgba(var(--color-brand-gold)/var(--tw-border-opacity));padding:.5rem 1.5rem;text-align:center;font-size:1.125rem;font-weight:600;text-decoration-thickness:0px}.pdap-button:disabled{opacity:.5}.pdap-button:hover{--tw-brightness: brightness(.85);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width: 640px){.pdap-button{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}}@media (min-width: 1024px){.pdap-button{font-size:1.25rem}}.pdap-button-primary{display:inline-block;width:100%;cursor:pointer;border-radius:0;border-width:2px;--tw-border-opacity: 1;border-color:rgba(var(--color-brand-gold)/var(--tw-border-opacity));padding:.5rem 1.5rem;text-align:center;font-size:1.125rem;font-weight:600;text-decoration-thickness:0px}.pdap-button-primary:disabled{opacity:.5}.pdap-button-primary:hover{--tw-brightness: brightness(.85);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width: 640px){.pdap-button-primary{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}}@media (min-width: 1024px){.pdap-button-primary{font-size:1.25rem}}.pdap-button-primary{--tw-bg-opacity: 1;background-color:rgba(var(--color-brand-gold)/var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.pdap-button-primary[type=submit]{--tw-bg-opacity: 1;background-color:rgba(var(--color-brand-gold)/var(--tw-bg-opacity))}.pdap-button-secondary{display:inline-block;width:100%;cursor:pointer;border-radius:0;border-width:2px;--tw-border-opacity: 1;border-color:rgba(var(--color-brand-gold)/var(--tw-border-opacity));padding:.5rem 1.5rem;text-align:center;font-size:1.125rem;font-weight:600;text-decoration-thickness:0px}.pdap-button-secondary:disabled{opacity:.5}.pdap-button-secondary:hover{--tw-brightness: brightness(.85);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width: 640px){.pdap-button-secondary{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}}@media (min-width: 1024px){.pdap-button-secondary{font-size:1.25rem}}.pdap-button-secondary{border-width:2px;--tw-border-opacity: 1;border-color:rgba(var(--color-brand-gold)/var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--color-brand-gold)/var(--tw-text-opacity))}.pdap-button-secondary[type=submit]{background-color:transparent}.pdap-button-tertiary{display:inline-block;width:100%;cursor:pointer;border-radius:0;border-width:2px;--tw-border-opacity: 1;border-color:rgba(var(--color-brand-gold)/var(--tw-border-opacity));padding:.5rem 1.5rem;text-align:center;font-size:1.125rem;font-weight:600;text-decoration-thickness:0px}.pdap-button-tertiary:disabled{opacity:.5}.pdap-button-tertiary:hover{--tw-brightness: brightness(.85);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width: 640px){.pdap-button-tertiary{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}}@media (min-width: 1024px){.pdap-button-tertiary{font-size:1.25rem}}.pdap-button-tertiary{border-width:2px;border-color:transparent;background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--color-neutral-950)/var(--tw-text-opacity))}.pdap-button-tertiary[type=submit]{background-color:transparent}.pdap-footer{position:relative;margin-left:auto;margin-right:auto;margin-top:auto;--tw-bg-opacity: 1;background-color:rgba(var(--color-brand-wine)/var(--tw-bg-opacity));padding-left:.5rem;padding-right:.5rem;padding-top:.5rem;padding-bottom:0;text-align:center;font-size:1.125rem;--tw-text-opacity: 1;color:rgba(255,251,250,var(--tw-text-opacity))}@media (min-width: 768px){.pdap-footer{padding:2rem .5rem}}.pdap-footer-social-links{display:-webkit-box;display:flex;flex-wrap:wrap;-webkit-box-pack:center;justify-content:center;gap:.5rem}@media (min-width: 768px){.pdap-footer-social-links{flex-wrap:nowrap}}.pdap-footer-social-links>*{margin-bottom:.5rem}.pdap-footer .pdap-flex-container>*{margin-bottom:.5rem;color:inherit}.pdap-footer-widget-links{margin-top:1.5rem;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center}.pdap-footer-logo{margin-left:1.75rem;width:10rem;--tw-invert: invert(100%);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.pdap-footer-logo img{width:100%}.pdap-nav-link-container{position:relative;display:inline-block;flex-basis:max-content;list-style-type:none;vertical-align:top}@media (min-width: 1024px){.pdap-nav-link-container{margin-left:.5rem;margin-right:.5rem;margin-bottom:.5rem;flex-shrink:0}}.pdap-footer-social-link{margin-left:.25rem;margin-right:.25rem;display:inline-block;width:100%;cursor:pointer;border-radius:0;border-width:2px;--tw-border-opacity: 1;border-color:rgba(var(--color-brand-gold)/var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--color-brand-gold)/var(--tw-bg-opacity));padding:.5rem 1.5rem;text-align:center;font-size:1.125rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));text-decoration-thickness:0px}.pdap-footer-social-link:disabled{opacity:.5}.pdap-footer-social-link:hover{--tw-brightness: brightness(.85);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width: 640px){.pdap-footer-social-link{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}}@media (min-width: 1024px){.pdap-footer-social-link{font-size:1.25rem}}.pdap-input{margin-bottom:.75rem;display:-webkit-box;display:flex;height:-webkit-max-content;height:-moz-max-content;height:max-content;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;gap:1rem;line-height:1.5}.pdap-input input{border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgba(var(--color-neutral-500)/var(--tw-border-opacity));padding:.5rem .75rem;--tw-text-opacity: 1;color:rgba(0,0,0,var(--tw-text-opacity))}@media (prefers-color-scheme: dark){.pdap-input input{--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-950)/var(--tw-bg-opacity))}}.pdap-input input::-webkit-input-placeholder{font-size:1.125rem;--tw-text-opacity: 1;color:rgba(var(--color-neutral-600)/var(--tw-text-opacity))}.pdap-input input::-moz-placeholder{font-size:1.125rem;--tw-text-opacity: 1;color:rgba(var(--color-neutral-600)/var(--tw-text-opacity))}.pdap-input input::-ms-input-placeholder{font-size:1.125rem;--tw-text-opacity: 1;color:rgba(var(--color-neutral-600)/var(--tw-text-opacity))}.pdap-input input::placeholder{font-size:1.125rem;--tw-text-opacity: 1;color:rgba(var(--color-neutral-600)/var(--tw-text-opacity))}.pdap-input input:focus,.pdap-input input:focus-within,.pdap-input input:focus-visible{border-width:2px;border-style:solid;--tw-border-opacity: 1;border-color:rgba(var(--color-brand-blue-light)/var(--tw-border-opacity));outline:2px solid transparent;outline-offset:2px}.pdap-input label{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;padding-top:.25rem;padding-bottom:.25rem;font-size:1.125rem;font-weight:500}.pdap-input-error{flex-wrap:wrap;row-gap:0}.pdap-input-error label{-webkit-box-pack:start;justify-content:flex-start;font-size:.875rem}.pdap-input-error input{--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity))}@media (prefers-color-scheme: dark){.pdap-input-error input{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity))}}.pdap-input-error-message{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:start;justify-content:flex-start;--tw-bg-opacity: 1;background-color:rgb(252 165 165 / var(--tw-bg-opacity));padding:.25rem;font-size:.75rem;--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity))}.pdap-input input[type=text]{height:3rem;font-size:1.125rem}.pdap-input-checkbox{width:auto;-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row;-webkit-box-align:center;align-items:center;gap:1rem;border-width:2px;border-color:transparent;padding:.25rem .5rem}.pdap-input-checkbox-checked{border-radius:.375rem;border-width:2px;border-style:solid;--tw-border-opacity: 1;border-color:rgba(var(--color-brand-gold)/var(--tw-border-opacity))}.pdap-input input[type=checkbox]{height:1.5rem;width:1.5rem;accent-color:rgba(var(--color-brand-gold)/1)}.pdap-input input[type=checkbox]~label{width:100%;max-width:100%;padding-left:0}.pdap-input input[type=checkbox],.pdap-input input[type=checkbox]~label{cursor:pointer}.pdap-form{margin-bottom:1rem;width:100%}.pdap-form-error-message{margin-bottom:.75rem;display:-webkit-box;display:flex;flex-shrink:1;flex-basis:100%;-webkit-box-align:center;align-items:center;-webkit-box-pack:start;justify-content:flex-start;--tw-bg-opacity: 1;background-color:rgb(252 165 165 / var(--tw-bg-opacity));padding:.5rem;font-size:.875rem;--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity))}.pdap-grid-item{grid-column:span 1 / span 1;grid-row:span 1 / span 1}@media (min-width: 768px){.pdap-grid-item-span-column-2{grid-column:span 2 / span 2}}.pdap-grid-item-span-column-3{grid-column:span 1 / span 1}@media (min-width: 768px){.pdap-grid-item-span-column-3{grid-column:span 2 / span 2}}@media (min-width: 1024px){.pdap-grid-item-span-column-3{grid-column:span 3 / span 3}}.pdap-nav{position:relative;z-index:40;display:-webkit-box;display:flex;-webkit-box-align:start;align-items:flex-start;--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-300)/var(--tw-bg-opacity))}@media not all and (min-width: 1024px){.pdap-nav{position:absolute;left:0;top:104px;height:calc(100vh - 104px);width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;padding:1.5rem}}@media (min-width: 1024px){.pdap-nav{-webkit-box-pack:center;justify-content:center;background-color:transparent}}@media not all and (min-width: 1024px){.pdap-nav[aria-expanded=false],.pdap-nav-open-button{display:none}}.pdap-nav-link-container{position:relative;display:inline-block;flex-basis:max-content;list-style-type:none;padding:.5rem;vertical-align:top}@media (min-width: 1024px){.pdap-nav-link-container{padding:0;margin-left:.5rem;margin-right:.5rem;margin-bottom:.5rem;flex-shrink:0;-webkit-box-flex:1;flex-grow:1}}.pdap-nav-link{padding:.5rem;text-align:left;font-size:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgba(var(--color-neutral-950)/var(--tw-text-opacity));text-decoration-thickness:0px}@media (min-width: 1024px){.pdap-nav-link{font-size:1.125rem}}.pdap-nav-link-current{--tw-text-opacity: 1;color:rgba(var(--color-neutral-950)/var(--tw-text-opacity))}@media (min-width: 1024px){.pdap-nav-link-current{outline-style:solid;outline-color:rgba(var(--color-neutral-800)/1)}}.pdap-nav-link-current-exact{--tw-text-opacity: 1;color:rgba(var(--color-neutral-950)/var(--tw-text-opacity))}@media (min-width: 1024px){.pdap-nav-link-current-exact{outline-style:solid;outline-color:rgba(var(--color-neutral-800)/1)}}.pdap-nav-open-button{display:-webkit-box;display:flex;cursor:pointer;-webkit-box-align:center;align-items:center;font-size:1.25rem}@media (min-width: 1024px){.pdap-nav-open-button{display:none}}.pdap-nav-open-button svg{height:1.25rem;fill:rgba(var(--color-neutral-950)/1)}.pdap-header{position:relative;z-index:50;display:-webkit-box;display:flex;width:100%;-webkit-box-pack:justify;justify-content:space-between;--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-50)/var(--tw-bg-opacity));padding:1rem}@media (prefers-color-scheme: dark){.pdap-header{--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-300)/var(--tw-bg-opacity))}}@media (min-width: 768px){.pdap-header{padding:1.5rem}}.logo{position:relative;max-width:80%;text-decoration-thickness:0px}@media (prefers-color-scheme: dark){.logo{--tw-invert: invert(100%);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}}@media (min-width: 500px){.logo{max-width:none}}.pdap-quick-search-form .pdap-input{display:-webkit-box;display:flex;flex-shrink:0;-webkit-box-flex:1;flex-grow:1;flex-basis:45%;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;row-gap:0px}.pdap-quick-search-form .pdap-input-label{-webkit-box-pack:start;justify-content:flex-start}.pdap-tile-icon{height:auto;max-width:7.5rem}@tailwind components;@tailwind base;@tailwind utilities;*,:before,:after{-webkit-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:Libre Franklin,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-feature-settings:normal;font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:Source Code Pro,monospace,ui-monospace,SFMono-Regular;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;-webkit-font-feature-settings:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--color-neutral-50: 255 255 255;--color-neutral-100: 255 253 253;--color-neutral-200: 255 251 250;--color-neutral-300: 204 204 204;--color-neutral-400: 191 192 192;--color-neutral-500: 153 153 153;--color-neutral-600: 97 97 97;--color-neutral-700: 51 51 51;--color-neutral-800: 34 34 34;--color-neutral-900: 26 26 26;--color-neutral-950: 0 0 0;--color-brand-blue-light: 56 152 236;--color-brand-blue-medium: 0 130 243;--color-brand-gold: 213 162 60;--color-brand-wine: 81 42 79}@media (prefers-color-scheme: dark){:root{--color-neutral-50: 0 0 0;--color-neutral-100: 26 26 26;--color-neutral-200: 34 34 34;--color-neutral-300: 51 51 51;--color-neutral-400: 97 97 97;--color-neutral-500: 153 153 153;--color-neutral-600: 191 192 192;--color-neutral-700: 204 204 204;--color-neutral-800: 255 251 250;--color-neutral-800: 255 253 253;--color-neutral-950: 255 255 255}}*{-webkit-box-sizing:border-box;box-sizing:border-box}html,body,#app{height:100%}body{margin:0;min-height:100%;--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-50)/var(--tw-bg-opacity));font-family:Libre Franklin,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.25rem;font-weight:300;line-height:1.5;--tw-text-opacity: 1;color:rgba(var(--color-neutral-950)/var(--tw-text-opacity))}@media (min-width: 1024px){body{font-size:1.5rem}}main{padding:2rem}img{display:inline-block;max-width:100%;vertical-align:middle}h1,h2,h3,h4,h5,h6{font-family:Libre Franklin,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.25}h3,h4{--tw-text-opacity: 1;color:rgba(var(--color-brand-wine)/var(--tw-text-opacity))}@media (prefers-color-scheme: dark){h3,h4{--tw-text-opacity: 1;color:rgba(var(--color-neutral-500)/var(--tw-text-opacity))}}h4,h5,h6{margin-bottom:.625rem;margin-top:.625rem}h1:first-child{margin-top:0}h1.pdap-grid-item,h2.pdap-grid-item,h3.pdap-grid-item,h4.pdap-grid-item,h5.pdap-grid-item,h6.pdap-grid-item{margin-top:0;margin-bottom:0}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}h1{margin-top:3rem;margin-bottom:1rem;font-size:2.625rem;font-weight:500}h2{margin-bottom:1rem;margin-top:2rem;font-size:1.5rem;font-weight:700}@media (min-width: 768px){h2{font-size:2rem}}h3{margin-bottom:.5rem;margin-top:2rem;font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}@media (min-width: 768px){h3{font-size:1.125rem}}h4{font-size:1.125rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em}h5{font-size:1.75rem;font-weight:300;font-style:italic}h6{font-size:1.125rem;font-weight:300;text-transform:uppercase;letter-spacing:.8125rem}a{--tw-text-opacity: 1;color:rgba(var(--color-brand-gold)/var(--tw-text-opacity));-webkit-text-decoration-style:solid;text-decoration-style:solid;text-decoration-thickness:6%;text-underline-offset:5%}a:hover{--tw-brightness: brightness(.85);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}p{margin-bottom:.5rem;margin-top:0}p,li{max-width:45ch}strong{font-weight:600}code{max-width:100%;font-family:Source Code Pro,monospace,ui-monospace,SFMono-Regular;font-weight:400;--tw-text-opacity: 1;color:rgba(var(--color-neutral-950)/var(--tw-text-opacity))}p>code,li>code,pre code{background-color:rgba(var(--color-brand-wine)/var(--tw-bg-opacity));--tw-bg-opacity: .05}p>code,li>code{border-radius:.125rem;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.25rem .5rem;word-wrap:break-word}pre code{display:block;max-width:100%;overflow:scroll;white-space:pre;border-width:1px;border-style:solid;border-color:rgba(var(--color-brand-wine)/var(--tw-border-opacity));--tw-border-opacity: .2;padding:1.25rem;text-align:left;font-size:1.25rem}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-webkit-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-ms-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width: 500px){.container{max-width:500px}}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pdap-grid-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-left:auto;margin-right:auto;display:grid;height:auto;width:100%;gap:1rem}@media (min-width: 500px){.pdap-grid-container{max-width:48rem}}@media (min-width: 768px){.pdap-grid-container{gap:2rem}}@media (min-width: 1024px){.pdap-grid-container{max-width:59rem}}.columns-1{grid-template-columns:repeat(1,minmax(0,1fr))}.columns-2{grid-template-columns:repeat(1,minmax(0,1fr));-webkit-box-align:start;align-items:flex-start}@media (min-width: 768px){.columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.columns-3{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 768px){.columns-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.pdap-flex-container{margin-left:auto;margin-right:auto;display:-webkit-box;display:flex;height:auto;width:100%;max-width:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:start;align-items:flex-start;-webkit-box-pack:start;justify-content:flex-start;gap:.5rem}@media (min-width: 500px){.pdap-flex-container{max-width:48rem}}@media (min-width: 1024px){.pdap-flex-container{max-width:59rem}}.pdap-flex-container-center{margin-left:auto;margin-right:auto;display:-webkit-box;display:flex;height:auto;width:100%;max-width:none;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:start;align-items:flex-start;-webkit-box-pack:start;justify-content:flex-start;gap:.5rem}@media (min-width: 500px){.pdap-flex-container-center{max-width:48rem}}@media (min-width: 1024px){.pdap-flex-container-center{max-width:59rem}}.pdap-flex-container-center{-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center}.relative{position:relative}.col-span-1{grid-column:span 1 / span 1}.col-span-full{grid-column:1 / -1}.col-start-1{grid-column-start:1}.col-end-\[-1\]{grid-column-end:-1}.m-0{margin:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.mb-0{margin-bottom:0}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-\[\.625rem\]{margin-bottom:.625rem}.ml-7{margin-left:1.75rem}.mt-0{margin-top:0}.mt-12{margin-top:3rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-8{margin-top:2rem}.mt-\[\.625rem\]{margin-top:.625rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:-webkit-box;display:flex}.grid{display:grid}.h-12{height:3rem}.h-6{height:1.5rem}.h-\[full\]{height:full}.h-\[max-content\]{height:-webkit-max-content;height:-moz-max-content;height:max-content}.h-auto{height:auto}.h-full{height:100%}.max-h-\[75-vh\]{max-height:75-vh}.w-6{width:1.5rem}.w-\[10rem\]{width:10rem}.w-full{width:100%}.max-w-\[45ch\]{max-width:45ch}.max-w-\[7\.5rem\]{max-width:7.5rem}.max-w-\[80\%\]{max-width:80%}.max-w-\[max-content\]{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}.max-w-\[unset\]{max-width:unset}.max-w-full{max-width:100%}.max-w-none{max-width:none}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.flex-grow{-webkit-box-flex:1;flex-grow:1}.flex-grow-0{-webkit-box-flex:0;flex-grow:0}.basis-\[45\%\]{flex-basis:45%}.basis-\[max-content\]{flex-basis:max-content}.basis-full{flex-basis:100%}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.columns-1{-webkit-columns:1;-moz-columns:1;columns:1}.columns-2{-webkit-columns:2;-moz-columns:2;columns:2}.columns-3{-webkit-columns:3;-moz-columns:3;columns:3}.grid-cols-\[auto\]{grid-template-columns:auto}.grid-rows-\[auto\]{grid-template-rows:auto}.flex-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;flex-direction:row}.flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{-webkit-box-align:start;align-items:flex-start}.items-center{-webkit-box-align:center;align-items:center}.justify-start{-webkit-box-pack:start;justify-content:flex-start}.justify-center{-webkit-box-pack:center;justify-content:center}.justify-between{-webkit-box-pack:justify;justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-x-4{-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}.overflow-scroll{overflow:scroll}.rounded-none{border-radius:0}.border{border-width:1px}.border-2{border-width:2px}.border-\[1px\]{border-width:1px}.border-solid{border-style:solid}.border-brand-blue-light{--tw-border-opacity: 1;border-color:rgba(var(--color-brand-blue-light)/var(--tw-border-opacity))}.border-brand-gold{--tw-border-opacity: 1;border-color:rgba(var(--color-brand-gold)/var(--tw-border-opacity))}.border-brand-wine{--tw-border-opacity: 1;border-color:rgba(var(--color-brand-wine)/var(--tw-border-opacity))}.border-neutral-500{--tw-border-opacity: 1;border-color:rgba(var(--color-neutral-500)/var(--tw-border-opacity))}.border-red-800{--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-opacity-20{--tw-border-opacity: .2}.bg-brand-gold{--tw-bg-opacity: 1;background-color:rgba(var(--color-brand-gold)/var(--tw-bg-opacity))}.bg-brand-wine{--tw-bg-opacity: 1;background-color:rgba(var(--color-brand-wine)/var(--tw-bg-opacity))}.bg-neutral-300{--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-300)/var(--tw-bg-opacity))}.bg-neutral-50{--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-50)/var(--tw-bg-opacity))}.bg-red-300{--tw-bg-opacity: 1;background-color:rgb(252 165 165 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.box-decoration-clone{-webkit-box-decoration-break:clone;box-decoration-break:clone}.fill-neutral-950{fill:rgba(var(--color-neutral-950)/1)}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-4{padding-bottom:1rem}.pl-0{padding-left:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.font-mono{font-family:Source Code Pro,monospace,ui-monospace,SFMono-Regular}.font-sans{font-family:Libre Franklin,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.text-\[2\.625rem\]{font-size:2.625rem}.text-lg{font-size:1.125rem}.text-med{font-size:1rem}.text-xl{font-size:1.25rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-normal{line-height:1.5}.tracking-\[\.07em\]{letter-spacing:.07em}.tracking-\[\.1em\]{letter-spacing:.1em}.tracking-\[\.8125rem\]{letter-spacing:.8125rem}.text-\[rgba\(0\,0\,0\)\]{--tw-text-opacity: 1;color:rgba(0,0,0,var(--tw-text-opacity))}.text-\[rgba\(255\,251\,250\)\]{--tw-text-opacity: 1;color:rgba(255,251,250,var(--tw-text-opacity))}.text-brand-gold{--tw-text-opacity: 1;color:rgba(var(--color-brand-gold)/var(--tw-text-opacity))}.text-brand-wine{--tw-text-opacity: 1;color:rgba(var(--color-brand-wine)/var(--tw-text-opacity))}.text-neutral-600{--tw-text-opacity: 1;color:rgba(var(--color-neutral-600)/var(--tw-text-opacity))}.text-neutral-950{--tw-text-opacity: 1;color:rgba(var(--color-neutral-950)/var(--tw-text-opacity))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity))}.decoration-solid{-webkit-text-decoration-style:solid;text-decoration-style:solid}.decoration-0{text-decoration-thickness:0px}.decoration-\[6\%\]{text-decoration-thickness:6%}.underline-offset-\[5\%\]{text-underline-offset:5%}.invert{--tw-invert: invert(100%);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.lock-scroll{overflow:hidden}.col-span-full{grid-column-start:1;grid-column-end:-1}.hover\:brightness-85:hover{--tw-brightness: brightness(.85);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.disabled\:opacity-50:disabled{opacity:.5}@media (prefers-color-scheme: dark){.dark\:bg-neutral-300{--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-300)/var(--tw-bg-opacity))}.dark\:bg-neutral-950{--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-950)/var(--tw-bg-opacity))}.dark\:invert{--tw-invert: invert(100%);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}}@media not all and (min-width: 1024px){.max-lg\:absolute{position:absolute}.max-lg\:left-0{left:0}.max-lg\:top-\[104px\]{top:104px}.max-lg\:hidden{display:none}.max-lg\:h-\[calc\(100vh-104px\)\]{height:calc(100vh - 104px)}.max-lg\:flex-col{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}.max-lg\:p-6{padding:1.5rem}}@media (min-width: 500px){.xs\:max-w-3xl{max-width:48rem}}@media (min-width: 768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:gap-8{gap:2rem}.md\:p-6{padding:1.5rem}.md\:py-8{padding-top:2rem;padding-bottom:2rem}.md\:pb-8{padding-bottom:2rem}}@media (min-width: 1024px){.lg\:mx-2{margin-left:.5rem;margin-right:.5rem}.lg\:hidden{display:none}.lg\:flex-shrink-0{flex-shrink:0}.lg\:flex-grow{-webkit-box-flex:1;flex-grow:1}.lg\:justify-center{-webkit-box-pack:center;justify-content:center}.lg\:bg-transparent{background-color:transparent}.lg\:p-0{padding:0}.lg\:text-lg{font-size:1.125rem}.lg\:text-xl{font-size:1.25rem}.lg\:outline{outline-style:solid}.lg\:outline-neutral-800{outline-color:rgba(var(--color-neutral-800)/1)}}
+.pdap-button{display:inline-block;width:100%;cursor:pointer;border-radius:0;border-width:2px;--tw-border-opacity: 1;border-color:rgba(var(--color-brand-gold)/var(--tw-border-opacity));padding:.5rem 1.5rem;text-align:center;font-size:1.125rem;font-weight:600;text-decoration-thickness:0px}.pdap-button:disabled{opacity:.5}.pdap-button:hover{--tw-brightness: brightness(.85);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width: 640px){.pdap-button{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}}@media (min-width: 1024px){.pdap-button{font-size:1.25rem}}.pdap-button-primary{display:inline-block;width:100%;cursor:pointer;border-radius:0;border-width:2px;--tw-border-opacity: 1;border-color:rgba(var(--color-brand-gold)/var(--tw-border-opacity));padding:.5rem 1.5rem;text-align:center;font-size:1.125rem;font-weight:600;text-decoration-thickness:0px}.pdap-button-primary:disabled{opacity:.5}.pdap-button-primary:hover{--tw-brightness: brightness(.85);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width: 640px){.pdap-button-primary{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}}@media (min-width: 1024px){.pdap-button-primary{font-size:1.25rem}}.pdap-button-primary{--tw-bg-opacity: 1;background-color:rgba(var(--color-brand-gold)/var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity))}.pdap-button-primary[type=submit]{--tw-bg-opacity: 1;background-color:rgba(var(--color-brand-gold)/var(--tw-bg-opacity))}.pdap-button-secondary{display:inline-block;width:100%;cursor:pointer;border-radius:0;border-width:2px;--tw-border-opacity: 1;border-color:rgba(var(--color-brand-gold)/var(--tw-border-opacity));padding:.5rem 1.5rem;text-align:center;font-size:1.125rem;font-weight:600;text-decoration-thickness:0px}.pdap-button-secondary:disabled{opacity:.5}.pdap-button-secondary:hover{--tw-brightness: brightness(.85);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width: 640px){.pdap-button-secondary{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}}@media (min-width: 1024px){.pdap-button-secondary{font-size:1.25rem}}.pdap-button-secondary{border-width:2px;--tw-border-opacity: 1;border-color:rgba(var(--color-brand-gold)/var(--tw-border-opacity));background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--color-brand-gold)/var(--tw-text-opacity))}.pdap-button-secondary[type=submit]{background-color:transparent}.pdap-button-tertiary{display:inline-block;width:100%;cursor:pointer;border-radius:0;border-width:2px;--tw-border-opacity: 1;border-color:rgba(var(--color-brand-gold)/var(--tw-border-opacity));padding:.5rem 1.5rem;text-align:center;font-size:1.125rem;font-weight:600;text-decoration-thickness:0px}.pdap-button-tertiary:disabled{opacity:.5}.pdap-button-tertiary:hover{--tw-brightness: brightness(.85);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width: 640px){.pdap-button-tertiary{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}}@media (min-width: 1024px){.pdap-button-tertiary{font-size:1.25rem}}.pdap-button-tertiary{border-width:2px;border-color:transparent;background-color:transparent;--tw-text-opacity: 1;color:rgba(var(--color-neutral-950)/var(--tw-text-opacity))}.pdap-button-tertiary[type=submit]{background-color:transparent}.pdap-footer{position:relative;margin-left:auto;margin-right:auto;margin-top:auto;--tw-bg-opacity: 1;background-color:rgba(var(--color-brand-wine)/var(--tw-bg-opacity));padding-left:.5rem;padding-right:.5rem;padding-top:.5rem;padding-bottom:0;text-align:center;font-size:1.125rem;--tw-text-opacity: 1;color:rgba(255,251,250,var(--tw-text-opacity))}@media (min-width: 768px){.pdap-footer{padding:2rem .5rem}}.pdap-footer-social-links{display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;gap:.5rem}@media (min-width: 768px){.pdap-footer-social-links{-webkit-flex-wrap:nowrap;flex-wrap:nowrap}}.pdap-footer-social-links>*{margin-bottom:.5rem}.pdap-footer .pdap-flex-container>*{margin-bottom:.5rem;color:inherit}.pdap-footer-widget-links{margin-top:1.5rem;display:-webkit-flex;display:-moz-box;display:flex;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center}.pdap-footer-logo{margin-left:1.75rem;width:10rem;--tw-invert: invert(100%);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.pdap-footer-logo img{width:100%}.pdap-nav-link-container{position:relative;display:inline-block;-webkit-flex-basis:max-content;flex-basis:max-content;list-style-type:none;vertical-align:top}@media (min-width: 1024px){.pdap-nav-link-container{margin-left:.5rem;margin-right:.5rem;margin-bottom:.5rem;-webkit-flex-shrink:0;flex-shrink:0}}.pdap-footer-social-link{margin-left:.25rem;margin-right:.25rem;display:inline-block;width:100%;cursor:pointer;border-radius:0;border-width:2px;--tw-border-opacity: 1;border-color:rgba(var(--color-brand-gold)/var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgba(var(--color-brand-gold)/var(--tw-bg-opacity));padding:.5rem 1.5rem;text-align:center;font-size:1.125rem;font-weight:600;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));text-decoration-thickness:0px}.pdap-footer-social-link:disabled{opacity:.5}.pdap-footer-social-link:hover{--tw-brightness: brightness(.85);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}@media (min-width: 640px){.pdap-footer-social-link{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}}@media (min-width: 1024px){.pdap-footer-social-link{font-size:1.25rem}}.pdap-input{margin-bottom:.75rem;display:-webkit-flex;display:-moz-box;display:flex;height:-webkit-max-content;height:-moz-max-content;height:max-content;width:100%;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;gap:1rem;line-height:1.5}.pdap-input input{border-width:1px;border-style:solid;--tw-border-opacity: 1;border-color:rgba(var(--color-neutral-500)/var(--tw-border-opacity));padding:.5rem .75rem;--tw-text-opacity: 1;color:rgba(0,0,0,var(--tw-text-opacity))}@media (prefers-color-scheme: dark){.pdap-input input{--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-950)/var(--tw-bg-opacity))}}.pdap-input input::-webkit-input-placeholder{font-size:1.125rem;--tw-text-opacity: 1;color:rgba(var(--color-neutral-600)/var(--tw-text-opacity))}.pdap-input input::-moz-placeholder{font-size:1.125rem;--tw-text-opacity: 1;color:rgba(var(--color-neutral-600)/var(--tw-text-opacity))}.pdap-input input::-ms-input-placeholder{font-size:1.125rem;--tw-text-opacity: 1;color:rgba(var(--color-neutral-600)/var(--tw-text-opacity))}.pdap-input input::placeholder{font-size:1.125rem;--tw-text-opacity: 1;color:rgba(var(--color-neutral-600)/var(--tw-text-opacity))}.pdap-input input:focus,.pdap-input input:focus-within,.pdap-input input:focus-visible{border-width:2px;border-style:solid;--tw-border-opacity: 1;border-color:rgba(var(--color-brand-blue-light)/var(--tw-border-opacity));outline:2px solid transparent;outline-offset:2px}.pdap-input label{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content;padding-top:.25rem;padding-bottom:.25rem;font-size:1.125rem;font-weight:500}.pdap-input-error{-webkit-flex-wrap:wrap;flex-wrap:wrap;row-gap:0}.pdap-input-error label{-webkit-justify-content:flex-start;-moz-box-pack:start;justify-content:flex-start;font-size:.875rem}.pdap-input-error input{--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity))}@media (prefers-color-scheme: dark){.pdap-input-error input{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity))}}.pdap-input-error-message{display:-webkit-flex;display:-moz-box;display:flex;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-justify-content:flex-start;-moz-box-pack:start;justify-content:flex-start;--tw-bg-opacity: 1;background-color:rgb(252 165 165 / var(--tw-bg-opacity));padding:.25rem;font-size:.75rem;--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity))}.pdap-input input[type=text]{height:3rem;font-size:1.125rem}.pdap-input-checkbox{width:auto;-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row;-webkit-align-items:center;-moz-box-align:center;align-items:center;gap:1rem;border-width:2px;border-color:transparent;padding:.25rem .5rem}.pdap-input-checkbox-checked{border-radius:.375rem;border-width:2px;border-style:solid;--tw-border-opacity: 1;border-color:rgba(var(--color-brand-gold)/var(--tw-border-opacity))}.pdap-input input[type=checkbox]{height:1.5rem;width:1.5rem;accent-color:rgba(var(--color-brand-gold)/1)}.pdap-input input[type=checkbox]~label{width:100%;max-width:100%;padding-left:0}.pdap-input input[type=checkbox],.pdap-input input[type=checkbox]~label{cursor:pointer}.pdap-form{margin-bottom:1rem;width:100%}.pdap-form-error-message{margin-bottom:.75rem;display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-shrink:1;flex-shrink:1;-webkit-flex-basis:100%;flex-basis:100%;-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-justify-content:flex-start;-moz-box-pack:start;justify-content:flex-start;--tw-bg-opacity: 1;background-color:rgb(252 165 165 / var(--tw-bg-opacity));padding:.5rem;font-size:.875rem;--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity))}.pdap-grid-item{grid-column:span 1 / span 1;grid-row:span 1 / span 1}@media (min-width: 768px){.pdap-grid-item-span-column-2{grid-column:span 2 / span 2}}.pdap-grid-item-span-column-3{grid-column:span 1 / span 1}@media (min-width: 768px){.pdap-grid-item-span-column-3{grid-column:span 2 / span 2}}@media (min-width: 1024px){.pdap-grid-item-span-column-3{grid-column:span 3 / span 3}}.pdap-nav{position:relative;z-index:40;display:-webkit-flex;display:-moz-box;display:flex;-webkit-align-items:flex-start;-moz-box-align:start;align-items:flex-start;--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-300)/var(--tw-bg-opacity))}@media not all and (min-width: 1024px){.pdap-nav{position:absolute;left:0;top:104px;height:-moz-calc(100vh - 104px);height:calc(100vh - 104px);width:100%;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;padding:1.5rem}}@media (min-width: 1024px){.pdap-nav{-webkit-justify-content:center;-moz-box-pack:center;justify-content:center;background-color:transparent}}@media not all and (min-width: 1024px){.pdap-nav[aria-expanded=false],.pdap-nav-open-button{display:none}}.pdap-nav-link-container{position:relative;display:inline-block;-webkit-flex-basis:max-content;flex-basis:max-content;list-style-type:none;padding:.5rem;vertical-align:top}@media (min-width: 1024px){.pdap-nav-link-container{padding:0;margin-left:.5rem;margin-right:.5rem;margin-bottom:.5rem;-webkit-flex-shrink:0;flex-shrink:0;-webkit-flex-grow:1;-moz-box-flex:1;flex-grow:1}}.pdap-nav-link{padding:.5rem;text-align:left;font-size:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgba(var(--color-neutral-950)/var(--tw-text-opacity));text-decoration-thickness:0px}@media (min-width: 1024px){.pdap-nav-link{font-size:1.125rem}}.pdap-nav-link-current{--tw-text-opacity: 1;color:rgba(var(--color-neutral-950)/var(--tw-text-opacity))}@media (min-width: 1024px){.pdap-nav-link-current{outline-style:solid;outline-color:rgba(var(--color-neutral-800)/1)}}.pdap-nav-link-current-exact{--tw-text-opacity: 1;color:rgba(var(--color-neutral-950)/var(--tw-text-opacity))}@media (min-width: 1024px){.pdap-nav-link-current-exact{outline-style:solid;outline-color:rgba(var(--color-neutral-800)/1)}}.pdap-nav-open-button{display:-webkit-flex;display:-moz-box;display:flex;cursor:pointer;-webkit-align-items:center;-moz-box-align:center;align-items:center;font-size:1.25rem}@media (min-width: 1024px){.pdap-nav-open-button{display:none}}.pdap-nav-open-button svg{height:1.25rem;fill:rgba(var(--color-neutral-950)/1)}.pdap-header{position:relative;z-index:50;display:-webkit-flex;display:-moz-box;display:flex;width:100%;-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between;--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-50)/var(--tw-bg-opacity));padding:1rem}@media (prefers-color-scheme: dark){.pdap-header{--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-300)/var(--tw-bg-opacity))}}@media (min-width: 768px){.pdap-header{padding:1.5rem}}.logo{position:relative;max-width:80%;text-decoration-thickness:0px}@media (prefers-color-scheme: dark){.logo{--tw-invert: invert(100%);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}}@media (min-width: 500px){.logo{max-width:none}}.pdap-quick-search-form .pdap-input{display:-webkit-flex;display:-moz-box;display:flex;-webkit-flex-shrink:0;flex-shrink:0;-webkit-flex-grow:1;-moz-box-flex:1;flex-grow:1;-webkit-flex-basis:45%;flex-basis:45%;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;row-gap:0px}.pdap-quick-search-form .pdap-input-label{-webkit-justify-content:flex-start;-moz-box-pack:start;justify-content:flex-start}.pdap-tile-icon{height:auto;max-width:7.5rem}.pdap-dropdown{position:relative;display:inline-block;width:-webkit-max-content;width:-moz-max-content;width:max-content}.pdap-dropdown-trigger{cursor:pointer;padding:0;padding-left:.5rem;padding-right:.5rem}.pdap-dropdown-content{position:relative;display:-webkit-flex;display:-moz-box;display:flex;max-height:var(--dropdown-content-max-height);width:100%;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;overflow:hidden;padding-left:.5rem;padding-right:.5rem}.pdap-dropdown-content.dropdown-enter-active,.pdap-dropdown-content.dropdown-leave-active{-moz-transition:opacity .5s ease-in,max-height .7s ease;transition:opacity .5s ease-in,max-height .7s ease}.pdap-dropdown-content.dropdown-enter-from,.pdap-dropdown-content.dropdown-leave-to{max-height:0px;opacity:0}.pdap-dropdown-content>*{margin-top:.5rem;margin-bottom:.5rem;width:100%;max-width:-moz-calc(100% - 4px);max-width:calc(100% - 4px);-webkit-align-items:flex-start;-moz-box-align:start;align-items:flex-start;padding:0;text-align:start}:root{--dropdown-content-max-height: 0px}.pdap-breadcrumbs[data-v-91ca33c0],.pdap-breadcrumbs li[data-v-91ca33c0]{display:-webkit-flex;display:-moz-box;display:flex;-webkit-align-items:center;-moz-box-align:center;align-items:center}.pdap-breadcrumbs li[data-v-91ca33c0]:not(:first-child):before{margin-left:.5rem;margin-right:.5rem;content:"/"}.pdap-breadcrumbs .is-active[data-v-91ca33c0]{--tw-text-opacity: 1;color:rgba(var(--color-neutral-950)/var(--tw-text-opacity))}.pdap-breadcrumbs-enter-active[data-v-91ca33c0],.pdap-breadcrumbs-leave-active[data-v-91ca33c0]{-moz-transition:opacity .2s ease;transition:opacity .2s ease}.pdap-breadcrumbs-enter-from[data-v-91ca33c0],.pdap-breadcrumbs-leave-to[data-v-91ca33c0]{opacity:0}@tailwind components;@tailwind base;@tailwind utilities;*,:before,:after{-moz-box-sizing:border-box;box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;font-family:Libre Franklin,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-feature-settings:normal;-moz-font-feature-settings:normal;font-feature-settings:normal;font-variation-settings:normal}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:Source Code Pro,monospace,ui-monospace,SFMono-Regular;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;-webkit-font-feature-settings:inherit;-moz-font-feature-settings:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{opacity:1;color:#9ca3af}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::-ms-input-placeholder,textarea::-ms-input-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]{display:none}:root{--color-neutral-50: 255 255 255;--color-neutral-100: 255 253 253;--color-neutral-200: 255 251 250;--color-neutral-300: 204 204 204;--color-neutral-400: 191 192 192;--color-neutral-500: 153 153 153;--color-neutral-600: 97 97 97;--color-neutral-700: 51 51 51;--color-neutral-800: 34 34 34;--color-neutral-900: 26 26 26;--color-neutral-950: 0 0 0;--color-brand-blue-light: 56 152 236;--color-brand-blue-medium: 0 130 243;--color-brand-gold: 213 162 60;--color-brand-wine: 81 42 79}@media (prefers-color-scheme: dark){:root{--color-neutral-50: 0 0 0;--color-neutral-100: 26 26 26;--color-neutral-200: 34 34 34;--color-neutral-300: 51 51 51;--color-neutral-400: 97 97 97;--color-neutral-500: 153 153 153;--color-neutral-600: 191 192 192;--color-neutral-700: 204 204 204;--color-neutral-800: 255 251 250;--color-neutral-800: 255 253 253;--color-neutral-950: 255 255 255}}*{-moz-box-sizing:border-box;box-sizing:border-box}html,body,#app{height:100%}body{margin:0;min-height:100%;--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-50)/var(--tw-bg-opacity));font-family:Libre Franklin,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:1.25rem;font-weight:300;line-height:1.5;--tw-text-opacity: 1;color:rgba(var(--color-neutral-950)/var(--tw-text-opacity))}@media (min-width: 1024px){body{font-size:1.5rem}}main{padding:2rem}img{display:inline-block;max-width:100%;vertical-align:middle}h1,h2,h3,h4,h5,h6{font-family:Libre Franklin,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.25}h3,h4{--tw-text-opacity: 1;color:rgba(var(--color-brand-wine)/var(--tw-text-opacity))}@media (prefers-color-scheme: dark){h3,h4{--tw-text-opacity: 1;color:rgba(var(--color-neutral-500)/var(--tw-text-opacity))}}h4,h5,h6{margin-bottom:.625rem;margin-top:.625rem}h1:first-child{margin-top:0}h1.pdap-grid-item,h2.pdap-grid-item,h3.pdap-grid-item,h4.pdap-grid-item,h5.pdap-grid-item,h6.pdap-grid-item{margin-top:0;margin-bottom:0}h1:first-child,h2:first-child,h3:first-child,h4:first-child,h5:first-child,h6:first-child{margin-top:0}h1{margin-top:3rem;margin-bottom:1rem;font-size:2.625rem;font-weight:500}h2{margin-bottom:1rem;margin-top:2rem;font-size:1.5rem;font-weight:700}@media (min-width: 768px){h2{font-size:2rem}}h3{margin-bottom:.5rem;margin-top:2rem;font-size:1rem;font-weight:800;text-transform:uppercase;letter-spacing:.1em}@media (min-width: 768px){h3{font-size:1.125rem}}h4{font-size:1.125rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em}h5{font-size:1.75rem;font-weight:300;font-style:italic}h6{font-size:1.125rem;font-weight:300;text-transform:uppercase;letter-spacing:.8125rem}a{--tw-text-opacity: 1;color:rgba(var(--color-brand-gold)/var(--tw-text-opacity));-webkit-text-decoration-style:solid;-moz-text-decoration-style:solid;text-decoration-style:solid;text-decoration-thickness:6%;text-underline-offset:5%}a:hover{--tw-brightness: brightness(.85);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}p{margin-bottom:.5rem;margin-top:0}p,li{max-width:45ch}strong{font-weight:600}code{max-width:100%;font-family:Source Code Pro,monospace,ui-monospace,SFMono-Regular;font-weight:400;--tw-text-opacity: 1;color:rgba(var(--color-neutral-950)/var(--tw-text-opacity))}p>code,li>code,pre code{background-color:rgba(var(--color-brand-wine)/var(--tw-bg-opacity));--tw-bg-opacity: .05}p>code,li>code{border-radius:.125rem;-webkit-box-decoration-break:clone;box-decoration-break:clone;padding:.25rem .5rem;word-wrap:break-word}pre code{display:block;max-width:100%;overflow:scroll;white-space:pre;border-width:1px;border-style:solid;border-color:rgba(var(--color-brand-wine)/var(--tw-border-opacity));--tw-border-opacity: .2;padding:1.25rem;text-align:left;font-size:1.25rem}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::-ms-backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: }.container{width:100%}@media (min-width: 500px){.container{max-width:500px}}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}.pdap-grid-container{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-left:auto;margin-right:auto;display:grid;height:auto;width:100%;gap:1rem}@media (min-width: 500px){.pdap-grid-container{max-width:48rem}}@media (min-width: 768px){.pdap-grid-container{gap:2rem}}@media (min-width: 1024px){.pdap-grid-container{max-width:59rem}}.columns-1{grid-template-columns:repeat(1,minmax(0,1fr))}.columns-2{grid-template-columns:repeat(1,minmax(0,1fr));-webkit-align-items:flex-start;-moz-box-align:start;align-items:flex-start}@media (min-width: 768px){.columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}}.columns-3{grid-template-columns:repeat(1,minmax(0,1fr))}@media (min-width: 768px){.columns-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.pdap-flex-container{margin-left:auto;margin-right:auto;display:-webkit-flex;display:-moz-box;display:flex;height:auto;width:100%;max-width:none;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-align-items:flex-start;-moz-box-align:start;align-items:flex-start;-webkit-justify-content:flex-start;-moz-box-pack:start;justify-content:flex-start;gap:.5rem}@media (min-width: 500px){.pdap-flex-container{max-width:48rem}}@media (min-width: 1024px){.pdap-flex-container{max-width:59rem}}.pdap-flex-container-center{margin-left:auto;margin-right:auto;display:-webkit-flex;display:-moz-box;display:flex;height:auto;width:100%;max-width:none;-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column;-webkit-align-items:flex-start;-moz-box-align:start;align-items:flex-start;-webkit-justify-content:flex-start;-moz-box-pack:start;justify-content:flex-start;gap:.5rem}@media (min-width: 500px){.pdap-flex-container-center{max-width:48rem}}@media (min-width: 1024px){.pdap-flex-container-center{max-width:59rem}}.pdap-flex-container-center{-webkit-align-items:center;-moz-box-align:center;align-items:center;-webkit-justify-content:center;-moz-box-pack:center;justify-content:center}.pointer-events-none{pointer-events:none}.relative{position:relative}.col-span-1{grid-column:span 1 / span 1}.col-span-2{grid-column:span 2 / span 2}.col-span-full{grid-column:1 / -1}.col-start-1{grid-column-start:1}.col-end-\[-1\]{grid-column-end:-1}.m-0{margin:0}.mx-1{margin-left:.25rem;margin-right:.25rem}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-top:0;margin-bottom:0}.my-2{margin-top:.5rem;margin-bottom:.5rem}.mb-0{margin-bottom:0}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-\[\.625rem\]{margin-bottom:.625rem}.ml-7{margin-left:1.75rem}.mt-0{margin-top:0}.mt-12{margin-top:3rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-8{margin-top:2rem}.mt-\[\.625rem\]{margin-top:.625rem}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:-webkit-flex;display:-moz-box;display:flex}.grid{display:grid}.h-12{height:3rem}.h-6{height:1.5rem}.h-\[full\]{height:full}.h-\[max-content\]{height:-webkit-max-content;height:-moz-max-content;height:max-content}.h-auto{height:auto}.h-full{height:100%}.max-h-0{max-height:0px}.max-h-\[75-vh\]{max-height:75-vh}.max-h-\[var\(--dropdown-content-max-height\)\]{max-height:var(--dropdown-content-max-height)}.w-6{width:1.5rem}.w-\[10rem\]{width:10rem}.w-full{width:100%}.max-w-\[45ch\]{max-width:45ch}.max-w-\[7\.5rem\]{max-width:7.5rem}.max-w-\[80\%\]{max-width:80%}.max-w-\[calc\(100\%-4px\)\]{max-width:-moz-calc(100% - 4px);max-width:calc(100% - 4px)}.max-w-\[max-content\]{max-width:-webkit-max-content;max-width:-moz-max-content;max-width:max-content}.max-w-\[unset\]{max-width:unset}.max-w-full{max-width:100%}.max-w-none{max-width:none}.flex-shrink{-webkit-flex-shrink:1;flex-shrink:1}.flex-shrink-0{-webkit-flex-shrink:0;flex-shrink:0}.flex-grow{-webkit-flex-grow:1;-moz-box-flex:1;flex-grow:1}.flex-grow-0{-webkit-flex-grow:0;-moz-box-flex:0;flex-grow:0}.basis-\[45\%\]{-webkit-flex-basis:45%;flex-basis:45%}.basis-\[max-content\]{-webkit-flex-basis:max-content;flex-basis:max-content}.basis-full{-webkit-flex-basis:100%;flex-basis:100%}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-none{list-style-type:none}.columns-1{-webkit-columns:1;-moz-columns:1;columns:1}.columns-2{-webkit-columns:2;-moz-columns:2;columns:2}.columns-3{-webkit-columns:3;-moz-columns:3;columns:3}.grid-cols-\[auto\]{grid-template-columns:auto}.grid-rows-\[auto\]{grid-template-rows:auto}.flex-row{-webkit-flex-direction:row;-moz-box-orient:horizontal;-moz-box-direction:normal;flex-direction:row}.flex-col{-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.flex-wrap{-webkit-flex-wrap:wrap;flex-wrap:wrap}.items-start{-webkit-align-items:flex-start;-moz-box-align:start;align-items:flex-start}.items-center{-webkit-align-items:center;-moz-box-align:center;align-items:center}.justify-start{-webkit-justify-content:flex-start;-moz-box-pack:start;justify-content:flex-start}.justify-center{-webkit-justify-content:center;-moz-box-pack:center;justify-content:center}.justify-between{-webkit-justify-content:space-between;-moz-box-pack:justify;justify-content:space-between}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-x-4{-webkit-column-gap:1rem;-moz-column-gap:1rem;column-gap:1rem}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.rounded-none{border-radius:0}.border{border-width:1px}.border-2{border-width:2px}.border-\[1px\]{border-width:1px}.border-solid{border-style:solid}.border-brand-blue-light{--tw-border-opacity: 1;border-color:rgba(var(--color-brand-blue-light)/var(--tw-border-opacity))}.border-brand-gold{--tw-border-opacity: 1;border-color:rgba(var(--color-brand-gold)/var(--tw-border-opacity))}.border-brand-wine{--tw-border-opacity: 1;border-color:rgba(var(--color-brand-wine)/var(--tw-border-opacity))}.border-neutral-500{--tw-border-opacity: 1;border-color:rgba(var(--color-neutral-500)/var(--tw-border-opacity))}.border-red-800{--tw-border-opacity: 1;border-color:rgb(153 27 27 / var(--tw-border-opacity))}.border-transparent{border-color:transparent}.border-opacity-20{--tw-border-opacity: .2}.bg-brand-gold{--tw-bg-opacity: 1;background-color:rgba(var(--color-brand-gold)/var(--tw-bg-opacity))}.bg-brand-wine{--tw-bg-opacity: 1;background-color:rgba(var(--color-brand-wine)/var(--tw-bg-opacity))}.bg-neutral-300{--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-300)/var(--tw-bg-opacity))}.bg-neutral-50{--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-50)/var(--tw-bg-opacity))}.bg-red-300{--tw-bg-opacity: 1;background-color:rgb(252 165 165 / var(--tw-bg-opacity))}.bg-transparent{background-color:transparent}.box-decoration-clone{-webkit-box-decoration-break:clone;box-decoration-break:clone}.fill-neutral-950{fill:rgba(var(--color-neutral-950)/1)}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-4{padding-bottom:1rem}.pl-0{padding-left:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.text-left{text-align:left}.text-center{text-align:center}.align-top{vertical-align:top}.align-middle{vertical-align:middle}.font-mono{font-family:Source Code Pro,monospace,ui-monospace,SFMono-Regular}.font-sans{font-family:Libre Franklin,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.text-\[2\.625rem\]{font-size:2.625rem}.text-lg{font-size:1.125rem}.text-med{font-size:1rem}.text-xl{font-size:1.25rem}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-light{font-weight:300}.font-medium{font-weight:500}.font-normal{font-weight:400}.font-semibold{font-weight:600}.uppercase{text-transform:uppercase}.italic{font-style:italic}.leading-normal{line-height:1.5}.tracking-\[\.07em\]{letter-spacing:.07em}.tracking-\[\.1em\]{letter-spacing:.1em}.tracking-\[\.8125rem\]{letter-spacing:.8125rem}.text-\[rgba\(0\,0\,0\)\]{--tw-text-opacity: 1;color:rgba(0,0,0,var(--tw-text-opacity))}.text-\[rgba\(255\,251\,250\)\]{--tw-text-opacity: 1;color:rgba(255,251,250,var(--tw-text-opacity))}.text-brand-gold{--tw-text-opacity: 1;color:rgba(var(--color-brand-gold)/var(--tw-text-opacity))}.text-brand-wine{--tw-text-opacity: 1;color:rgba(var(--color-brand-wine)/var(--tw-text-opacity))}.text-neutral-600{--tw-text-opacity: 1;color:rgba(var(--color-neutral-600)/var(--tw-text-opacity))}.text-neutral-950{--tw-text-opacity: 1;color:rgba(var(--color-neutral-950)/var(--tw-text-opacity))}.text-red-800{--tw-text-opacity: 1;color:rgb(153 27 27 / var(--tw-text-opacity))}.decoration-solid{-webkit-text-decoration-style:solid;-moz-text-decoration-style:solid;text-decoration-style:solid}.decoration-0{text-decoration-thickness:0px}.decoration-\[6\%\]{text-decoration-thickness:6%}.underline-offset-\[5\%\]{text-underline-offset:5%}.blur{--tw-blur: blur(8px);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.invert{--tw-invert: invert(100%);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,fill,stroke,opacity,box-shadow,-webkit-text-decoration-color,-webkit-transform,-webkit-filter,-webkit-backdrop-filter;-moz-transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-moz-text-decoration-color,-moz-transform;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-text-decoration-color,-moz-text-decoration-color,-webkit-transform,-moz-transform,-webkit-filter,-webkit-backdrop-filter;-moz-transition-timing-function:cubic-bezier(.4,0,.2,1);transition-timing-function:cubic-bezier(.4,0,.2,1);-moz-transition-duration:.15s;transition-duration:.15s}.lock-scroll{overflow:hidden}.col-span-full{grid-column-start:1;grid-column-end:-1}.hover\:brightness-85:hover{--tw-brightness: brightness(.85);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.disabled\:opacity-50:disabled{opacity:.5}@media (prefers-color-scheme: dark){.dark\:bg-neutral-300{--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-300)/var(--tw-bg-opacity))}.dark\:bg-neutral-950{--tw-bg-opacity: 1;background-color:rgba(var(--color-neutral-950)/var(--tw-bg-opacity))}.dark\:invert{--tw-invert: invert(100%);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}}@media not all and (min-width: 1024px){.max-lg\:absolute{position:absolute}.max-lg\:left-0{left:0}.max-lg\:top-\[104px\]{top:104px}.max-lg\:hidden{display:none}.max-lg\:h-\[calc\(100vh-104px\)\]{height:-moz-calc(100vh - 104px);height:calc(100vh - 104px)}.max-lg\:flex-col{-webkit-flex-direction:column;-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}.max-lg\:p-6{padding:1.5rem}}@media (min-width: 500px){.xs\:max-w-3xl{max-width:48rem}}@media (min-width: 768px){.md\:col-span-2{grid-column:span 2 / span 2}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:gap-8{gap:2rem}.md\:p-6{padding:1.5rem}.md\:py-8{padding-top:2rem;padding-bottom:2rem}.md\:pb-8{padding-bottom:2rem}}@media (min-width: 1024px){.lg\:mx-2{margin-left:.5rem;margin-right:.5rem}.lg\:hidden{display:none}.lg\:flex-shrink-0{-webkit-flex-shrink:0;flex-shrink:0}.lg\:flex-grow{-webkit-flex-grow:1;-moz-box-flex:1;flex-grow:1}.lg\:justify-center{-webkit-justify-content:center;-moz-box-pack:center;justify-content:center}.lg\:bg-transparent{background-color:transparent}.lg\:p-0{padding:0}.lg\:text-lg{font-size:1.125rem}.lg\:text-xl{font-size:1.25rem}.lg\:outline{outline-style:solid}.lg\:outline-neutral-800{outline-color:rgba(var(--color-neutral-800)/1)}}

package/dist/utils/breadcrumbs.d.ts

@@ -0,0 +1,7 @@
+import { RouteLocationNormalized } from 'vue-router';
+export interface BreadcrumbItem {
+    text: string;
+    path: string;
+    active: boolean;
+}
+export declare function getBreadcrumbs(route: RouteLocationNormalized): BreadcrumbItem[];

package/dist/utils/breadcrumbs.test.d.ts

@@ -0,0 +1 @@
+export {};

package/docs/components.md

@@ -4,126 +4,94 @@ Documentation for PDAP component usage
 
 ## Table of Contents
 
-- [Button](#button)
+- [Breadcrumbs](#breadcrumbs)
+
   - [Props](#props)
   - [Example](#example)
-- [FlexContainer](#flexcontainer)
+
+- [Button](#button)
+
   - [Props](#props-1)
+
   - [Example](#example-1)
+
+- [FlexContainer](#flexcontainer)
+
+- [Props](#props-2)
+
+- [Example](#example-2)
+
 - [Footer](#footer)
-  - [Props](#props-2)
-  - [Example](#example-2)
+
+- [Props](#props-3)
+
+- [Example](#example-3)
+
 - [Form](#form)
-  - [Props](#props-3)
-  - [Example](#example-3)
+
+- [Props](#props-4)
+
+- [Example](#example-4)
+
 - [GridContainer](#gridcontainer)
-  - [Props](#props-4)
-  - [Example](#example-4)
+
+- [Props](#props-5)
+
+- [Example](#example-5)
+
 - [GridItem](#griditem)
-  - [Props](#props-5)
-  - [Example](#example-5)
+
+- [Props](#props-6)
+
+- [Example](#example-6)
+
 - [Header](#header)
-  - [Props](#props-6)
-  - [Example](#example-6)
-- [Input](#input)
-- [Nav](#nav)
-  - [Example](#example-7)
-- [QuickSearchForm](#quicksearchform)
+
   - [Props](#props-7)
-- [TileIcon](#tileicon)
-  - [Props](#props-8)
-  - [Example](#example-8)
+  - [Example](#example-7)
 
-## Button
+- [Input](#input)
 
-### _Props_
+- [Nav](#nav)
 
-| name        | required? | types                    | description                | default   |
-| ----------- | --------- | ------------------------ | -------------------------- | --------- |
-| `isLoading` | no        | `boolean`                | Request state              | `false`   |
-| `intent`    | yes       | `primary` \| `secondary` | Determines style of button | `primary` |
+- [Example](#example-8)
 
-### _Example_
+- [QuickSearchForm](#quicksearchform)
 
-```
-<template>
-  <Button class="custom-btn-class" intent="primary" @click="() => console.log('hello world')" type="button">Click me</Button>
-</template>
+- [Props](#props-8)
 
-...
+- [TileIcon](#tileicon)
 
-<script>
-import { Button } from 'pdap-design-system';
+- [Props](#props-9)
 
-...
+- [Example](#example-9)
 
-export default {
-  components: ['Button'],
-  ...
-}
-</script>
+- [Dropdown](#dropdown)
 
-...
+  - [Props](#props-9)
 
-<style>
-.custom-btn-class {
-  padding: 12px;
-}
-</style>
-```
+  - [Example](#example-9)
 
-## FlexContainer
-_DEPRECATED_
-All container components are designed to be dynamic and take any `HTMLElement` tag as the component to be rendered. `FlexContainer` can itself be passed as the element type for `GridItem`, for example, or vice versa, allowing us to easily compose complex layouts (more on this later with the `GridContainer` and `GridItem` documentation).
+## Button
 
 ### _Props_
 
-| name        | required? | types               | description                         | default |
-| ----------- | --------- | ------------------- | ----------------------------------- | ------- |
-| `component` | no        | `string`            | HTML Element to render as container | `'div'` |
-| `alignment` | no        | `start` \| `center` | Flex alignment presets              | `start` |
+None
 
 ### _Example_
 
-```
-<template>
-	<FlexContainer alignment="center" component="card">
-      <h2>Some content goes here</h2>
-      <p>More content goes here.</p>
-      <Button class="custom-button-class-name" :isLoading="isLoading" @click="() => console.log('hello world')">
-        Say hello with this button
-      </Button>
-	</FlexContainer>
-</template>
+See the Demo application [page](../src/demo/pages/ComponentDemo.vue) and [router](../src/demo/router.js)
 
 ...
 
-<script>
-import { Button, FlexContainer } from 'pdap-design-system';
-
-...
-
-export default {
-  components: ['Button', 'FlexContainer'],
-  props: ['requestPending', ...],
-  data() {
-    return {
-      isLoading: this.requestPending
-    }
-  }
-  ...
-}
-</script>
-```
-
 ## Footer
 
 ### _Props_
 
-| name                  | required? | types    | description            | default                                                     |
-| --------------------- | --------- | -------- | ---------------------- | ----------------------------------------------------------- |
-| `logoImageSrc`        | no        | `string` | Source of logo image   | `'node_modules/pdap-design-system/dist/images/acronym.svg'` |
-| `logoImageAnchorPath` | no        | `string` | Flex alignment presets | `/`                                                         |
+name                  | required? | types    | description            | default
+--------------------- | --------- | -------- | ---------------------- | -----------------------------------------------------------
+`logoImageSrc`        | no        | `string` | Source of logo image   | `'node_modules/pdap-design-system/dist/images/acronym.svg'`
+`logoImageAnchorPath` | no        | `string` | Flex alignment presets | `/`
 
 ### _Notes_
 
@@ -135,18 +103,18 @@ export default {
   inject: {
     footerLinks: {
       default: [
-	      {
-	      	to: 'https://github.com/orgs/Police-Data-Accessibility-Project',
-	      	text: 'Github',
-	      },
-	      {
-	      	to: 'ttps://discord.gg/wMqex8nKZJ',
-	      	text: 'Discord',
-	      },
-	      {
-	      	to: 'https://www.linkedin.com/company/pdap',
-	      	text: 'LinkedIn',
-	      },
+          {
+              to: 'https://github.com/orgs/Police-Data-Accessibility-Project',
+              text: 'Github',
+          },
+          {
+              to: 'ttps://discord.gg/wMqex8nKZJ',
+              text: 'Discord',
+          },
+          {
+              to: 'https://www.linkedin.com/company/pdap',
+              text: 'LinkedIn',
+          },
       ]
     }
   },
@@ -186,7 +154,6 @@ export default {
   }
 }
 </script>
-
 ```
 
 ## Form
@@ -195,12 +162,12 @@ The `Form` component is powerful. All you need to do is pass a few props, and th
 
 ### _Props_
 
-| name     | required? | types                             | description                        | default     |
-| -------- | --------- | --------------------------------- | ---------------------------------- | ----------- |
-| `error`  | no        | `string` \| `undefined` \| `null` | Error state                        | `undefined` |
-| `id`     | yes       | `string`                          | Form id                            | none        |
-| `name`   | yes       | `string`                          | Form name                          | none        |
-| `schema` | yes       | `PdapFormSchema`                  | Array of schema entries for inputs | none        |
+name     | required? | types            | description                        | default
+-------- | --------- | ---------------- | ---------------------------------- | -------
+`error`  | no        | `string` \       | `undefined` \                      | `null`  | Error state | `undefined`
+`id`     | yes       | `string`         | Form id                            | none
+`name`   | yes       | `string`         | Form name                          | none
+`schema` | yes       | `PdapFormSchema` | Array of schema entries for inputs | none
 
 ### _Notes_
 
@@ -210,7 +177,6 @@ The `Form` component is powerful. All you need to do is pass a few props, and th
 - Currently available form validations are defined by the `PdapFormValidators` interface:
 
 ```
-
 PdapFormValidators {
   maxLength: {
     message?: string;
@@ -225,7 +191,6 @@ PdapFormValidators {
     value: boolean;
   };
 }
-
 ```
 
 - The `message` property is optional. If it is not passed, Vuelidate will default to a generic error message. The `value` property is the value you want to validate against. (i.e. for a required field with a max length of 12 characters, we might pass:
@@ -258,8 +223,6 @@ PdapFormValidators {
     }
   }
 }
-
-
 ```
 
 )
@@ -267,7 +230,6 @@ PdapFormValidators {
 ### _Example_
 
 ```
-
 <template>
   <Form :schema="formSchema" :on-submit="handleSubmit" id="test-form" name="data-request-form">
     <Button intent="primary" type="submit">Click me</Button>
@@ -338,26 +300,26 @@ export default {
   ...
 }
 </script>
-
 ```
 
 ## GridContainer
-_DEPRECATED_
-All container components are designed to be dynamic and take any `HTMLElement` tag as the component to be rendered. It also works with the `GridItem` component (see example below). `GridContainer` and `GridItem` could both be passed as the element type for `FlexContainer`, for example, or vice versa, allowing us to easily compose complex layouts.
+
+_DEPRECATED_ All container components are designed to be dynamic and take any `HTMLElement` tag as the component to be rendered. It also works with the `GridItem` component (see example below). `GridContainer` and `GridItem` could both be passed as the element type for `FlexContainer`, for example, or vice versa, allowing us to easily compose complex layouts.
 
 ### _Props_
 
-| name              | required? | types                         | description                                         | default             |
-| ----------------- | --------- | ----------------------------- | --------------------------------------------------- | ------------------- |
-| `columns`         | no        | `1` \| `2` \| `3` \| `'auto'` | Number of grid columns                              | `'auto'`            |
-| `component`       | no        | `string`                      | HTML Element to render as container                 | `'div'`             |
-| `rows`            | no        | `number` \| `'auto'`          | Number of grid rows                                 | `'auto'`            |
-| `templateColumns` | no        | `string` \| `undefined`       | Custom `grid-template-columns` value, passed inline | `undefined` (no-op) |
-| `templateRows`    | no        | `string` \| `undefined`       | Custom `grid-template-rows` value, passed inline    | `undefined` (no-op) |
+name              | required? | types      | description                         | default
+----------------- | --------- | ---------- | ----------------------------------- | ---------------------------------------------------
+`columns`         | no        | `1` \      | `2` \                               | `3` \                                               | `'auto'` | Number of grid columns | `'auto'`
+`component`       | no        | `string`   | HTML Element to render as container | `'div'`
+`rows`            | no        | `number` \ | `'auto'`                            | Number of grid rows                                 | `'auto'`
+`templateColumns` | no        | `string` \ | `undefined`                         | Custom `grid-template-columns` value, passed inline | `undefined` (no-op)
+`templateRows`    | no        | `string` \ | `undefined`                         | Custom `grid-template-rows` value, passed inline    | `undefined` (no-op)
 
 ### _Notes_
 
 - Grid layouts max out at 3 columns, and responsiveness is baked in.
+
   - i.e. When you render a 3-column grid layout, it automatically resizes to 2 columns, then 1 column, as screen widths decrease.
   - In this case, it is a best practice to leave the `rows` prop as its default `'auto'` value, to ensure that the layout fills as many rows as are needed when the number of columns decreases
 
@@ -397,18 +359,21 @@ export default {
 ```
 
 ## GridItem
+
 _DEPRECATED_
+
 ### _Props_
 
-| name         | required? | types             | description                         | default |
-| ------------ | --------- | ----------------- | ----------------------------------- | ------- |
-| `component`  | no        | `string`          | HTML Element to render as grid item | `'div'` |
-| `spanColumn` | no        | `1` \| `2` \| `3` | Columns grid item should span       | `1`     |
-| `spanRow`    | no        | `number`          | Rows grid item should span          | `1`     |
+name         | required? | types    | description                         | default
+------------ | --------- | -------- | ----------------------------------- | -------
+`component`  | no        | `string` | HTML Element to render as grid item | `'div'`
+`spanColumn` | no        | `1` \    | `2` \                               | `3`     | Columns grid item should span | `1`
+`spanRow`    | no        | `number` | Rows grid item should span          | `1`
 
 ### _Notes_
 
 - Grid layouts max out at 3 columns, and responsiveness is baked in.
+
   - i.e. When you render a 3-column grid layout, it automatically resizes to 2 columns, then 1 column, as screen widths decrease.
   - In this case, it is a best practice to leave the `rows` prop as its default `'auto'` value, to ensure that the layout fills as many rows as are needed when the number of columns decreases
 
@@ -420,14 +385,14 @@ See `GridContainer` above.
 
 ### _Props_
 
-| name                  | required? | types    | description            | default                                                    |
-| --------------------- | --------- | -------- | ---------------------- | ---------------------------------------------------------- |
-| `logoImageSrc`        | no        | `string` | Source of logo image   | `'node_modules/pdap-design-system/dist/images/lockup.svg'` |
-| `logoImageAnchorPath` | no        | `string` | Flex alignment presets | `/`                                                        |
+name                  | required? | types    | description            | default
+--------------------- | --------- | -------- | ---------------------- | ----------------------------------------------------------
+`logoImageSrc`        | no        | `string` | Source of logo image   | `'node_modules/pdap-design-system/dist/images/lockup.svg'`
+`logoImageAnchorPath` | no        | `string` | Flex alignment presets | `/`
 
 ### _Notes_
 
-The `Header` component does not require any props to be passed. But keep in mind that it is responsible for rendering the `Nav` component. Consuming applications will need to `provide` an array of nav links — **there are no defaults for this**, you must `provide` these links either 1. in a layout component (see example below), at the route level, or at the app level. This allows for flexibility in which links are rendered on which routes
+The `Header` component does not require any props to be passed. But keep in mind that it is responsible for rendering the `Nav` component. Consuming applications will need to `provide` an array of nav links -- **there are no defaults for this**, you must `provide` these links either 1\. in a layout component (see example below), at the route level, or at the app level. This allows for flexibility in which links are rendered on which routes
 
 ### _Example_
 
@@ -455,7 +420,6 @@ export default {
   }
 }
 </script>
-
 ```
 
 ## Input
@@ -469,7 +433,6 @@ You do not need to render `Nav` directly. `Header` takes care of that. But you d
 ### _Example_
 
 ```
-
 <template>
   <Header />
   <router-view />
@@ -497,38 +460,32 @@ export default {
     ]
   }
   ...
-
 ```
 
 ## QuickSearchForm
 
 ### _Props_
 
-| name   | required? | types             | description                                                                | default  |
-| ------ | --------- | ----------------- | -------------------------------------------------------------------------- | -------- |
-| `mode` | no        | `'dev' \| 'prod'` | env. controls which url users are sent to when form is rendered on pdap.io | `'prod'` |
+name   | required? | types    | description | default
+------ | --------- | -------- | ----------- | --------------------------------------------------------------------------
+`mode` | no        | `'dev' \ | 'prod'`     | env. controls which url users are sent to when form is rendered on pdap.io | `'prod'`
 
 ### _Notes_
 
-The different `mode` prop values result the following base url values in the eventual navigation
-| value | base url |
-|--|--|
-| `'dev'` | `'https://data-sources.pdap.dev'` |
-| `'prod'` | `'https://data-sources.pdap.io'` |
+The different `mode` prop values result the following base url values in the eventual navigation | value | base url | |--|--| | `'dev'` | `'https://data-sources.pdap.dev'` | | `'prod'` | `'https://data-sources.pdap.io'` |
 
 ## TileIcon
 
 ### _Props_
 
-| name         | required? | types    | description                   | default |
-| ------------ | --------- | -------- | ----------------------------- | ------- |
-| `imgAltText` | yes       | `string` | Descriptive alt text for icon | none    |
-| `imgSrc`     | yes       | `string` | Source of icon to render      | none    |
+name         | required? | types    | description                   | default
+------------ | --------- | -------- | ----------------------------- | -------
+`imgAltText` | yes       | `string` | Descriptive alt text for icon | none
+`imgSrc`     | yes       | `string` | Source of icon to render      | none
 
 ### _Example_
 
 ```
-
 <template>
   <GridContainer :columns="3" component="section">
     <GridItem>
@@ -557,5 +514,20 @@ export default {
   }
 }
 </script>
-
 ```
+
+## Dropdown
+
+The Dropdown component is an accessible dropdown menu that can be triggered by click or hover and positioned in various placements. It provides keyboard accessibility features such as toggling the dropdown on enter/space and closing on escape.
+
+### _Props_
+
+name          | required? | types                     | description                                        | default
+------------- | --------- | ------------------------- | -------------------------------------------------- | -------------------------------
+`defaultOpen` | no        | `boolean`                 | Whether the dropdown is initially open             | `false`
+`disabled`    | no        | `boolean`                 | Whether the dropdown should be disabled            | `false`
+`triggerType` | no        | `PdapDropdownTriggerType` | The type of event that should trigger the dropdown | `PdapDropdownTriggerType.PRESS`
+
+### _Example_
+
+See [Component demo](../src/demo/pages/ComponentDemo.vue)

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "pdap-design-system",
-	"version": "2.7.0-beta.1",
+	"version": "2.7.0-beta.3",
 	"description": "Global styles for PDAP apps",
 	"author": "Police Data Accessibility Project, Inc.",
 	"license": "ISC",