tide-design-system 2.0.0 → 2.0.1

package/dist/style.css

@@ -1 +1 @@
-@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";.tide-icon svg[data-v-335984a7]{width:1.5rem;height:1.5rem}.tide-icon.small svg[data-v-335984a7]{width:1.25rem;height:1.25rem}.tide-indicator[data-v-c83d0232]{width:.5rem;height:.5rem}.tide-indicator-label[data-v-c83d0232]{width:1rem;height:1rem}.tide-accordion-body[data-v-8d7c88a9]{transition:grid-template-rows var(--animate)}.tide-alert{grid-template-areas:"icon heading close" ". body .";grid-template-columns:auto 1fr auto;grid-column-gap:.5rem;max-width:40rem}.tide-alert-icon{grid-area:icon}.tide-alert-heading{grid-area:heading}.tide-alert-close{grid-area:close}.tide-alert-body{grid-area:body}.error{background-color:var(--error-surface)}.info{background-color:var(--info-surface)}.success{background-color:var(--success-surface)}.warning{background-color:var(--warning-surface)}.tide-icon.error{background-color:var(--error-primary)}.tide-icon.info{background-color:var(--info-primary)}.tide-icon.success{background-color:var(--success-primary)}.tide-icon.warning{background-color:var(--warning-primary)}.tide-button-icon[data-v-da022c05],.tide-link-as-button-icon[data-v-da022c05]{border:1px solid var(--white);background:var(--white);color:var(--secondary)}.tide-button-icon[data-v-da022c05]:not(:disabled):hover,.tide-link-as-button-icon[data-v-da022c05]:not(:disabled):hover{border:1px solid var(--surface-variant);background:var(--surface-variant)}.tide-button-icon[data-v-da022c05]:disabled,.tide-link-as-button-icon[data-v-da022c05]:disabled{border:1px solid var(--border-high)}.tide-button-icon .label[data-v-da022c05],.tide-link-as-button-icon .label[data-v-da022c05]{width:1.5rem;height:1.5rem}.tide-chip-action[data-v-075e9916]:hover{background-color:var(--surface-variant);border-color:var(--border-high)}.tide-chip-filter[data-v-7cdf9402]{border-color:var(--surface-variant)}.tide-chip-filter.active[data-v-7cdf9402]{border-color:var(--secondary)}.tide-chip-filter[data-v-7cdf9402]:hover{background-color:var(--surface-variant);border-color:var(--border);color:var(--on-surface)}.tide-chip-input[data-v-ac1feac9]:hover{background-color:var(--surface-variant);border-color:var(--border-high)}ul.tide-display-flex.tide-flex-wrap>.tide-columns-column{width:100%}@media (min-width: 992px){ul.tide-display-flex.tide-flex-wrap>.tide-columns-column{width:calc((100% - 2rem)/2)}}@media (min-width: 1232px){ul.tide-display-flex.tide-flex-wrap>.tide-columns-column{width:calc((100% - 6rem)/4)}}.tide-svg-icon svg[data-v-fecfca9d]{width:1.5rem;height:1.5rem}.tide-svg-icon.small svg[data-v-fecfca9d]{width:1rem;height:1rem}select[data-v-b1bb4363]{-webkit-appearance:none;-moz-appearance:none;appearance:none}textarea[data-v-18902ba3]{resize:vertical}.tide-modal-bg[data-v-33d67c7c]{transition:backdrop-filter .3s ease,background-color .3s ease;background:rgba(255,255,255,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tide-modal[data-v-33d67c7c]{width:var(--modal-width);max-width:calc(100% - 2rem);max-height:calc(100% - 2rem);box-shadow:0 10px 25px #122b3a33;animation:modalOpen .3s ease}.modal-header[data-v-33d67c7c]{min-height:5rem}.modal-content[data-v-33d67c7c]{display:grid;grid-template-columns:2rem 1fr 2rem}.modal-content[data-v-33d67c7c]>*{grid-column:2}.v-enter-from[data-v-33d67c7c],.v-leave-to[data-v-33d67c7c]{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);background-color:#fff0}.v-enter-from .tide-modal[data-v-33d67c7c],.v-leave-to .tide-modal[data-v-33d67c7c]{transform:translateY(100vh)}.v-enter-active[data-v-33d67c7c],.v-leave-active[data-v-33d67c7c]{transition:backdrop-filter var(--animate),background-color var(--animate)}.v-enter-active .tide-modal[data-v-33d67c7c],.v-leave-active .tide-modal[data-v-33d67c7c]{transition:transform var(--animate)}.v-enter-to[data-v-33d67c7c],.v-leave-from[data-v-33d67c7c]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff4d}.v-enter-to .tide-modal[data-v-33d67c7c],.v-leave-from .tide-modal[data-v-33d67c7c]{transform:translateY(0)}ul.tide-display-flex.tide-flex-wrap>.tide-width-1\/4{width:100%}@media (min-width: 992px){ul.tide-display-flex.tide-flex-wrap>.tide-width-1\/4{width:calc((100% - 2rem)/2)}}@media (min-width: 1232px){ul.tide-display-flex.tide-flex-wrap>.tide-width-1\/4{width:calc((100% - 6rem)/4)}}.tide-tabs[data-v-bbd05072]{max-width:23.3rem}.tide-tabs-tab[data-v-bbd05072]{flex:1;transition:background-color var(--animate)}.tide-toggle[data-v-a4d75625]{width:64px;height:32px;transition:background-color var(--animate)}.tide-toggle[data-v-a4d75625]:disabled{opacity:.32}.tide-toggle-indicator[data-v-a4d75625]{left:4px;width:24px;height:24px;transition:left var(--animate)}.active[data-v-a4d75625]{left:36px}:root{--font-12: .75rem;--font-14: .875rem;--font-16: 1rem;--font-20: 1.25rem;--font-24: 1.5rem;--font-28: 1.75rem;--font-32: 2rem;--font-400: 400;--font-500: 500;--font-600: 600;--font-700: 700;--animate: .3s ease-in-out;--spacing-0: 0rem;--spacing-1\/4: .25rem;--spacing-1\/2: .5rem;--spacing-1: 1rem;--spacing-2: 2rem;--spacing-4: 4rem;--border-width-1: 1px;--border-width-2: 2px;--border-1: var(--border-width-1) solid var(--black);--border-2: var(--border-width-2) solid var(--black);--radius-1\/4: 4px;--radius-1\/2: 8px;--radius-1: 16px;--radius-full: 99999px;--blue-100: #D1E0EB;--blue-200: #A4C1D7;--blue-300: #76A3C4;--blue-400: #4984B0;--gray-100: #FFFFFF;--gray-200: #F5F5F5;--gray-300: #E4E4E4;--gray-400: #C9CACB;--gray-500: #AEAFB2;--gray-600: #939598;--gray-700: #6E7072;--gray-800: #494A4C;--gray-900: #252526;--gray-1000: #000000;--green-100: #E6EFCF;--green-200: #CDE09E;--green-300: #B4D06E;--green-400: #9BC13D;--red-100: #EFCFCF;--red-200: #E09E9E;--red-300: #D06E6E;--red-400: #C13D3D;--red-500: #912E2E;--yellow-100: #FEF2CC;--yellow-200: #FCE499;--yellow-300: #FBD766;--yellow-400: #FACA33;--black: var(--gray-900);--white: var(--gray-100);--shadow-bottom: 0px 2px 8px 2px rgba(0, 0, 0, .07);--shadow-top: 0px -2px 8px 2px rgba(0, 0, 0, .07);--transparent-100: rgba(255, 255, 255, .9);--transparent-200: rgba(255, 255, 255, .75);--transparent-300: rgba(0, 0, 0, .1);--transparent-400: rgba(0, 0, 0, .5);--error-primary: var(--red-400);--error-primary-border: var(--red-300);--error-surface: var(--red-100);--error-border: var(--red-200);--error-border-low: var(--red-200);--error-border-high: var(--red-200);--error-on-surface: var(--red-200);--error-on-surface-variant: var(--red-200);--info-primary: var(--blue-400);--info-primary-border: var(--blue-300);--info-surface: var(--blue-100);--info-border: var(--blue-200);--success-primary: var(--green-400);--success-primary-border: var(--green-300);--success-surface: var(--green-100);--success-border: var(--green-200);--warning-primary: var(--yellow-400);--warning-primary-border: var(--yellow-300);--warning-surface: var(--yellow-100);--warning-border: var(--yellow-200)}html,body{color:var(--on-surface)}*,*:before,*:after{box-sizing:border-box;margin:0;border:0;padding:0;color:inherit;font-family:Montserrat;font-weight:var(--font-500);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:var(--font-32)}h2{font-size:var(--font-24)}h3{font-size:var(--font-20)}h4,h5{font-size:var(--font-16)}h1,h2,h3,h4,h5{font-weight:var(--font-700)}img,label{display:block}img{max-width:100%}p{max-width:80ch;line-height:150%}button,input,option,select,textarea{background-color:unset;font-family:inherit;font-size:inherit}button:enabled,select{cursor:pointer}button:disabled{cursor:not-allowed}input::placeholder{color:var(--gray);opacity:1}input::-webkit-search-decoration,input::-webkit-search-cancel-button,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none}.tide-position-absolute{position:absolute}.tide-position-fixed{position:fixed}.tide-position-relative{position:relative}.tide-position-sticky{position:sticky}.tide-top-0{top:0}.tide-right-0{right:0}.tide-bottom-0{bottom:0}.tide-left-0{left:0}.tide-display-block{display:block}.tide-display-contents{display:contents}.tide-display-flex{display:flex}.tide-display-grid{display:grid}.tide-display-initial{display:initial}.tide-display-inline{display:inline}.tide-display-inline-block{display:inline-block}.tide-display-inline-flex{display:inline-flex}.tide-display-none{display:none}.tide-flex-column{flex-direction:column}.tide-flex-column-reverse{flex-direction:column-reverse}.tide-flex-row{flex-direction:row}.tide-flex-row-reverse{flex-direction:row-reverse}.tide-grow{flex-grow:1}.tide-grow-none{flex-grow:0}.tide-shrink{flex-shrink:1}.tide-shrink-none{flex-shrink:0}.tide-flex-wrap{flex-wrap:wrap}.tide-axis1-around{justify-content:space-around}.tide-axis1-between{justify-content:space-between}.tide-axis1-center{justify-content:center}.tide-axis1-end{justify-content:end}.tide-axis2-around{align-items:space-around}.tide-axis2-center{align-items:center}.tide-axis2-end{align-items:flex-end}.tide-axis2-start{align-items:flex-start}.tide-axis2-stretch{align-items:stretch}.tide-gap-1\/4{gap:var(--spacing-1\/4)}.tide-gap-1\/2{gap:var(--spacing-1\/2)}.tide-gap-1{gap:var(--spacing-1)}.tide-gap-2{gap:var(--spacing-2)}.tide-gap-4{gap:var(--spacing-4)}.tide-box-border{box-sizing:border-box}.tide-box-content{box-sizing:content-box}.tide-margin-0{margin:0}.tide-margin-1\/4{margin:var(--spacing-1\/4)}.tide-margin-1\/2{margin:var(--spacing-1\/2)}.tide-margin-1{margin:var(--spacing-1)}.tide-margin-2{margin:var(--spacing-2)}.tide-margin-4{margin:var(--spacing-4)}.tide-margin-x-0{margin-left:0;margin-right:0}.tide-margin-x-1\/4{margin-left:var(--spacing-1\/4);margin-right:var(--spacing-1\/4)}.tide-margin-x-1\/2{margin-left:var(--spacing-1\/2);margin-right:var(--spacing-1\/2)}.tide-margin-x-1{margin-left:var(--spacing-1);margin-right:var(--spacing-1)}.tide-margin-x-2{margin-left:var(--spacing-2);margin-right:var(--spacing-2)}.tide-margin-x-4{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.tide-margin-x-auto{margin-left:auto;margin-right:auto}.tide-margin-y-0{margin-top:0;margin-bottom:0}.tide-margin-y-1\/4{margin-top:var(--spacing-1\/4);margin-bottom:var(--spacing-1\/4)}.tide-margin-y-1\/2{margin-top:var(--spacing-1\/2);margin-bottom:var(--spacing-1\/2)}.tide-margin-y-1{margin-top:var(--spacing-1);margin-bottom:var(--spacing-1)}.tide-margin-y-2{margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}.tide-margin-y-4{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}.tide-margin-top-0{margin-top:0}.tide-margin-top-1\/4{margin-top:var(--spacing-1\/4)}.tide-margin-top-1\/2{margin-top:var(--spacing-1\/2)}.tide-margin-top-1{margin-top:var(--spacing-1)}.tide-margin-top-2{margin-top:var(--spacing-2)}.tide-margin-top-4{margin-top:var(--spacing-4)}.tide-margin-right-0{margin-right:0}.tide-margin-right-1\/4{margin-right:var(--spacing-1\/4)}.tide-margin-right-1\/2{margin-right:var(--spacing-1\/2)}.tide-margin-right-1{margin-right:var(--spacing-1)}.tide-margin-right-2{margin-right:var(--spacing-2)}.tide-margin-right-4{margin-right:var(--spacing-4)}.tide-margin-right-auto{margin-right:auto}.tide-margin-bottom-0{margin-bottom:0}.tide-margin-bottom-1\/4{margin-bottom:var(--spacing-1\/4)}.tide-margin-bottom-1\/2{margin-bottom:var(--spacing-1\/2)}.tide-margin-bottom-1{margin-bottom:var(--spacing-1)}.tide-margin-bottom-2{margin-bottom:var(--spacing-2)}.tide-margin-bottom-4{margin-bottom:var(--spacing-4)}.tide-margin-left-0{margin-left:0}.tide-margin-left-1\/2{margin-left:var(--spacing-1\/2)}.tide-margin-left-1{margin-left:var(--spacing-1)}.tide-margin-left-2{margin-left:var(--spacing-2)}.tide-margin-left-4{margin-left:var(--spacing-4)}.tide-margin-left-auto{margin-left:auto}.tide-border-1,.tide-border-2,.tide-border-bottom-1,.tide-border-bottom-2,.tide-border-left-1,.tide-border-left-2,.tide-border-right-1,.tide-border-right-2,.tide-border-top-1,.tide-border-top-2{border-style:solid}.tide-border-1{border-width:var(--border-width-1)}.tide-border-2{border-width:var(--border-width-2)}.tide-border-top-1{border-top-width:var(--border-width-1)}.tide-border-right-1{border-right-width:var(--border-width-1)}.tide-border-bottom-1{border-bottom-width:var(--border-width-1)}.tide-border-left-1{border-left-width:var(--border-width-1)}.tide-border-top-2{border-top-width:var(--border-width-2)}.tide-border-right-2{border-right-width:var(--border-width-2)}.tide-border-bottom-2{border-bottom-width:var(--border-width-2)}.tide-border-left-2{border-left-width:var(--border-width-2)}.tide-radius-1\/4{border-radius:var(--radius-1\/4)}.tide-radius-1\/2{border-radius:var(--radius-1\/2)}.tide-radius-1{border-radius:var(--radius-1)}.tide-radius-full{border-radius:var(--radius-full)}.tide-padding-0{padding:0}.tide-padding-1\/4{padding:var(--spacing-1\/4)}.tide-padding-1\/2{padding:var(--spacing-1\/2)}.tide-padding-1{padding:var(--spacing-1)}.tide-padding-2{padding:var(--spacing-2)}.tide-padding-4{padding:var(--spacing-4)}.tide-padding-x-0{padding-left:0;padding-right:0}.tide-padding-x-1\/4{padding-left:var(--spacing-1\/4);padding-right:var(--spacing-1\/4)}.tide-padding-x-1\/2{padding-left:var(--spacing-1\/2);padding-right:var(--spacing-1\/2)}.tide-padding-x-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.tide-padding-x-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.tide-padding-x-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.tide-padding-y-0{padding-top:0;padding-bottom:0}.tide-padding-y-1\/4{padding-top:var(--spacing-1\/4);padding-bottom:var(--spacing-1\/4)}.tide-padding-y-1\/2{padding-top:var(--spacing-1\/2);padding-bottom:var(--spacing-1\/2)}.tide-padding-y-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.tide-padding-y-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.tide-padding-y-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.tide-padding-top-0{padding-top:0}.tide-padding-top-1\/4{padding-top:var(--spacing-1\/4)}.tide-padding-top-1\/2{padding-top:var(--spacing-1\/2)}.tide-padding-top-1{padding-top:var(--spacing-1)}.tide-padding-top-2{padding-top:var(--spacing-2)}.tide-padding-top-4{padding-top:var(--spacing-4)}.tide-padding-right-0{padding-right:0}.tide-padding-right-1\/4{padding-right:var(--spacing-1\/4)}.tide-padding-right-1\/2{padding-right:var(--spacing-1\/2)}.tide-padding-right-1{padding-right:var(--spacing-1)}.tide-padding-right-2{padding-right:var(--spacing-2)}.tide-padding-right-4{padding-right:var(--spacing-4)}.tide-padding-bottom-0{padding-bottom:0}.tide-padding-bottom-1\/4{padding-bottom:var(--spacing-1\/4)}.tide-padding-bottom-1\/2{padding-bottom:var(--spacing-1\/2)}.tide-padding-bottom-1{padding-bottom:var(--spacing-1)}.tide-padding-bottom-2{padding-bottom:var(--spacing-2)}.tide-padding-bottom-4{padding-bottom:var(--spacing-4)}.tide-padding-left-0{padding-left:0}.tide-padding-left-1\/4{padding-left:var(--spacing-1\/4)}.tide-padding-left-1\/2{padding-left:var(--spacing-1\/2)}.tide-padding-left-1{padding-left:var(--spacing-1)}.tide-padding-left-2{padding-left:var(--spacing-2)}.tide-padding-left-4{padding-left:var(--spacing-4)}.tide-max-width-full{max-width:100%}.tide-min-width-0{min-width:0}.tide-max-height-full{max-height:100%}.tide-min-height-0{min-height:0}.tide-width-container{max-width:1168px}.tide-width-full{width:100%}.tide-height-full{height:100%}.tide-transparent-100{background-color:var(--transparent-100)}.tide-transparent-200{background-color:var(--transparent-200)}.tide-transparent-300{background-color:var(--transparent-300)}.tide-transparent-400{background-color:var(--transparent-400)}.tide-font-10{font-size:.625rem}.tide-font-12{font-size:.75rem}.tide-font-14{font-size:.875rem}.tide-font-16{font-size:1rem}.tide-font-20{font-size:1.25rem}.tide-font-24{font-size:1.5rem}.tide-font-32{font-size:2rem}.tide-font-400{font-weight:400}.tide-font-500{font-weight:500}.tide-font-600{font-weight:600}.tide-font-700{font-weight:700}.tide-align-middle{vertical-align:middle}.tide-break-word{overflow-wrap:break-word}.tide-cursor-pointer{cursor:pointer}.tide-cursor-not-allowed{cursor:not-allowed}.tide-leading-default{line-height:100%}.tide-leading-normal{line-height:normal}.tide-list-none{list-style-type:none}.tide-object-center{object-position:center}.tide-object-cover{object-fit:cover}.tide-object-contain{object-fit:contain}.tide-object-scale-down{object-fit:scale-down}.tide-pointer-events{pointer-events:auto}.tide-pointer-events-none{pointer-events:none}.tide-scrollbar-none::-webkit-scrollbar{display:none}.tide-scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.tide-scroll-snap{scroll-snap-stop:always;scroll-snap-type:both mandatory;scroll-behavior:smooth}.tide-scroll-snap-start{scroll-snap-align:start}.tide-shadow-bottom{box-shadow:var(--shadow-bottom)}.tide-shadow-top{box-shadow:var(--shadow-top)}.tide-text-center{text-align:center}.tide-text-left{text-align:left}.tide-text-right{text-align:right}.tide-text-transform-lower{text-transform:lowercase}.tide-text-transform-none{text-transform:none}.tide-text-transform-upper{text-transform:uppercase}.tide-underline,.tide-underline:hover,.tide-underline-hover:hover{text-decoration:underline}.tide-underline-none,.tide-underline-none:hover,.tide-underline-hover{text-decoration:none}.tide-visible{visibility:visible}.tide-visible-none{visibility:hidden}.tide-whitespace-nowrap{white-space:nowrap}.tide-x-auto{overflow-x:auto}.tide-x-hidden{overflow-x:hidden}.tide-x-scroll{overflow-x:scroll}.tide-xy-auto{overflow:auto}.tide-xy-hidden{overflow:hidden}.tide-y-auto{overflow-y:auto}.tide-y-hidden{overflow-y:hidden}.tide-link-as-button,.tide-button{padding-top:.75rem;padding-bottom:.75rem}.tide-link-as-button.quaternary,.tide-button.quaternary{padding-right:1rem;padding-left:1rem}.primary{background:var(--primary);border:2px solid var(--primary);color:var(--on-primary)}.secondary{background:2px solid var(--surface);border:2px solid var(--primary);color:var(--primary)}.tertiary{background:var(--white);border:1px solid var(--border);color:var(--secondary)}.quaternary{background:var(--white);color:var(--secondary)}.floating{background-color:var(--transparent-100);color:var(--secondary);box-shadow:var(--shadow-bottom)}a.primary:hover,button.primary:enabled:hover{border:2px solid var(--primary);background:2px solid var(--white);color:var(--primary)}a.secondary:hover,button.secondary:enabled:hover{background:var(--primary);color:var(--on-primary)}a.tertiary:hover,button.tertiary:enabled:hover{border:1px solid var(--border-high)}a.quaternary:hover,button.quaternary:enabled:hover{background:var(--surface-variant)}.floating:hover,button.floating:enabled:hover{background-color:var(--white)}button.primary:disabled,button.secondary:disabled,button.tertiary:disabled,button.quaternary:disabled,button.floating:disabled{opacity:.32}.block-field .field{--input-outline-width: var(--border-w-1);outline:var(--input-outline-width) solid var(--ti-surface-border-rest);outline-offset:calc(var(--input-outline-width) * -1);color:var(--ti-surface-foreground)}.block-field .field::placeholder{color:var(--ti-surface-variant-foreground)}.block-field.error{color:var(--error-on-surface)}.block-field.error .field{outline-color:var(--error-border-rest)}.block-field.error:focus-within .field{outline-color:var(--error-border-rest)}.block-field.error:hover{color:var(--error-on-surface-variant)}.block-field.error:hover .field{outline-color:var(--error-border-high)}.block-field.disabled{opacity:.333}.block-field:hover .field{outline-color:var(--ti-surface-border-high)}.block-field:focus-within .field{--input-outline-width: var(--border-w-2);outline-color:var(--ti-surface-border-high)}.tide-bg-primary{background:var(--primary)}.tide-bg-secondary{background:var(--secondary)}.tide-bg-surface{background:var(--surface)}.tide-bg-surface-variant{background:var(--surface-variant)}.tide-bg-surface-brand{background:var(--surface-brand)}.tide-bg-surface-accent{background:var(--surface-accent)}.tide-bg-surface-accent-variant{background:var(--surface-accent-variant)}.tide-bg-surface-gradient{background:var(--surface-gradient)}.tide-bg-surface-floating{background:var(--surface-floating)}.tide-border-primary{border-color:var(--primary)}.tide-border{border-color:var(--border)}.tide-border-low{border-color:var(--border-low)}.tide-border-high{border-color:var(--border-high)}.tide-border-floating{border-color:var(--border-floating)}.tide-font-on-primary{color:var(--on-primary)}.tide-font-on-secondary{color:var(--on-secondary)}.tide-font-on-surface{color:var(--on-surface)}.tide-font-on-surface-variant{color:var(--on-surface-variant)}.tide-font-on-surface-brand{color:var(--on-surface-brand)}.tide-font-on-surface-inverse{color:var(--on-surface-inverse)}.tide-font-on-surface-variant-inverse{color:var(--on-surface-inverse-variant)}.slide-down-from-top-enter-active,.slide-down-from-top-leave-active{transition:transform var(--animate)}.slide-down-from-top-enter-from,.slide-down-from-top-leave-to{transform:translateY(-100%)}.slide-down-from-top-enter-to,.slide-down-from-top-leave-from{transform:translateY(0)}.page-layout{--max-content-width: 1168px;--gap: 0px;--column-count: 12;--min-gutter-width: var(--spacing-1);--gutter-width: minmax(var(--min-gutter-width), 1fr);--max-column-size: calc((var(--max-content-width) - (var(--gap) * (var(--column-count) - 1))) / var(--column-count));--content-columns: repeat(var(--column-count), minmax(0px, var(--max-column-size)));display:grid;gap:0 var(--gap);grid-auto-rows:min-content;grid-template-columns:[start] var(--gutter-width) [content-start] var(--content-columns) [content-end] var(--gutter-width) [end]}.page-layout>*,.layout-item{--start: calc(var(--column-start) + 1);--end: calc(var(--column-end) + 2);--start-end: var(--start, content-start) / var(--end, content-end);grid-column:var(--column, var(--start-end))}.tide-fluid{grid-column:1 / -1}.tide-start-0{--column-start: 0}.tide-start-1{--column-start: 1}.tide-start-2{--column-start: 2}.tide-start-3{--column-start: 3}.tide-start-4{--column-start: 4}.tide-start-5{--column-start: 5}.tide-start-6{--column-start: 6}.tide-start-7{--column-start: 7}.tide-start-8{--column-start: 8}.tide-start-9{--column-start: 9}.tide-start-10{--column-start: 10}.tide-start-11{--column-start: 11}.tide-start-12{--column-start: 12}.tide-end-1{--column-end: 1}.tide-end-2{--column-end: 2}.tide-end-3{--column-end: 3}.tide-end-4{--column-end: 4}.tide-end-5{--column-end: 5}.tide-end-6{--column-end: 6}.tide-end-7{--column-end: 7}.tide-end-8{--column-end: 8}.tide-end-9{--column-end: 9}.tide-end-10{--column-end: 10}.tide-end-11{--column-end: 11}.tide-end-12{--column-end: 12}.tide-end-13{--column-end: 13}.site-main{isolation:isolate}
+@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&display=swap";.tide-icon svg[data-v-335984a7]{width:1.5rem;height:1.5rem}.tide-icon.small svg[data-v-335984a7]{width:1.25rem;height:1.25rem}.tide-indicator[data-v-612158ba]{width:.5rem;height:.5rem}.tide-indicator-label[data-v-612158ba]{width:1rem;height:1rem}.border-white[data-v-612158ba]{border-color:#fff}.tide-accordion-body[data-v-46c5ffdb]{transition:grid-template-rows var(--animate)}.tide-alert[data-v-8d83b80b]{grid-template-areas:"icon heading close" ". body .";grid-template-columns:auto 1fr auto;grid-column-gap:.5rem;max-width:40rem}.tide-alert-icon[data-v-8d83b80b]{grid-area:icon}.tide-alert-heading[data-v-8d83b80b]{grid-area:heading}.tide-alert-close[data-v-8d83b80b]{grid-area:close}.tide-alert-body[data-v-8d83b80b]{grid-area:body}.error[data-v-8d83b80b]{background-color:var(--error-surface)}.info[data-v-8d83b80b]{background-color:var(--info-surface)}.success[data-v-8d83b80b]{background-color:var(--success-surface)}.warning[data-v-8d83b80b]{background-color:var(--warning-surface)}.tide-icon.error[data-v-8d83b80b]{background-color:var(--error-primary)}.tide-icon.info[data-v-8d83b80b]{background-color:var(--info-primary)}.tide-icon.success[data-v-8d83b80b]{background-color:var(--success-primary)}.tide-icon.warning[data-v-8d83b80b]{background-color:var(--warning-primary)}.tide-button-icon[data-v-da022c05],.tide-link-as-button-icon[data-v-da022c05]{border:1px solid var(--white);background:var(--white);color:var(--secondary)}.tide-button-icon[data-v-da022c05]:not(:disabled):hover,.tide-link-as-button-icon[data-v-da022c05]:not(:disabled):hover{border:1px solid var(--surface-variant);background:var(--surface-variant)}.tide-button-icon[data-v-da022c05]:disabled,.tide-link-as-button-icon[data-v-da022c05]:disabled{border:1px solid var(--border-high)}.tide-button-icon .label[data-v-da022c05],.tide-link-as-button-icon .label[data-v-da022c05]{width:1.5rem;height:1.5rem}.tide-chip-action[data-v-20ea5a33]:hover{background-color:var(--surface-variant);border-color:var(--border-high)}.tide-chip-filter[data-v-b322d208]{border-color:var(--surface-variant)}.tide-chip-filter.active[data-v-b322d208]{border-color:var(--secondary)}.tide-chip-filter[data-v-b322d208]:hover{background-color:var(--surface-variant);border-color:var(--border);color:var(--on-surface)}.tide-chip-input[data-v-3508c14e]:hover{background-color:var(--surface-variant);border-color:var(--border-high)}.tide-columns-column[data-v-14ad0455]{width:100%}@media (min-width: 992px){.tide-columns-column[data-v-14ad0455]{width:calc((100% - 2rem)/2)}}@media (min-width: 1232px){.tide-columns-column[data-v-14ad0455]{width:calc((100% - 6rem)/4)}}.tide-input-radio.disabled[data-v-b5186536]{opacity:var(--disabled)}.tide-input-radio-custom[data-v-b5186536]{width:var(--font-28);height:var(--font-28)}.tide-input-radio-check[data-v-b5186536]{width:1rem;height:1rem}.tide-svg-icon svg[data-v-fecfca9d]{width:1.5rem;height:1.5rem}.tide-svg-icon.small svg[data-v-fecfca9d]{width:1rem;height:1rem}select[data-v-e0607fd0]{-webkit-appearance:none;-moz-appearance:none;appearance:none}label[data-v-e0607fd0]{height:1.1875rem;transition:font-size var(--animate),transform var(--animate)}label[data-v-e0607fd0]:not(.minilabel){transform:translateY(.5625rem)}.tide-input-select.disabled[data-v-e0607fd0]{opacity:var(--disabled)}.tide-input-select.error .tide-input-border[data-v-e0607fd0]{outline-color:var(--error-border);background-color:var(--error-surface)}.tide-input-select.error:focus-within .tide-input-border[data-v-e0607fd0]{outline-color:var(--error-border)}.tide-input-select:focus-within .tide-input-border[data-v-e0607fd0]{--input-outline-width: var(--border-width-2);outline-color:var(--surface-border-high)}.tide-input-border[data-v-e0607fd0]{--input-outline-width: var(--border-width-1);outline:var(--input-outline-width) solid var(--border);outline-offset:calc(var(--input-outline-width) * -1)}.tide-input-select.error[data-v-e0607fd0]{color:var(--error-on-surface)}.tide-input-select.error option[data-v-e0607fd0]{color:var(--on-surface)}select[data-v-e0607fd0]{padding-top:27px}label[data-v-dcf0a5db]{height:1.1875rem;transition:font-size var(--animate),transform var(--animate)}label[data-v-dcf0a5db]:not(.minilabel),.tide-input-text-prefix[data-v-dcf0a5db]:not(.offset),.tide-input-text-suffix[data-v-dcf0a5db]:not(.offset){transform:translateY(.5625rem)}.tide-input-text-prefix[data-v-dcf0a5db],.tide-input-text-suffix[data-v-dcf0a5db]{transition:transform var(--animate)}.tide-input-text.disabled[data-v-dcf0a5db]{opacity:var(--disabled)}.tide-input-text.error[data-v-dcf0a5db]{color:var(--error-on-surface)}.tide-input-text.error .tide-input-border[data-v-dcf0a5db]{outline-color:var(--error-border);background-color:var(--error-surface)}.tide-input-text.error:focus-within .tide-input-border[data-v-dcf0a5db]{outline-color:var(--error-border)}.tide-input-text:focus-within .tide-input-border[data-v-dcf0a5db]{--input-outline-width: var(--border-width-2);outline-color:var(--surface-border-high)}.tide-input-text input[data-v-dcf0a5db]{outline:none}.tide-input-border[data-v-dcf0a5db]{--input-outline-width: var(--border-width-1);outline:var(--input-outline-width) solid var(--border);outline-offset:calc(var(--input-outline-width) * -1);color:var(--surface-foreground)}textarea[data-v-2b059682]{resize:vertical}label[data-v-2b059682]{height:1.1875rem;transition:font-size var(--animate),transform var(--animate)}label[data-v-2b059682]:not(.minilabel),.tide-input-textarea-prefix[data-v-2b059682]:not(.offset),.tide-input-textarea-suffix[data-v-2b059682]:not(.offset){transform:translateY(.5625rem)}.tide-input-textarea-prefix[data-v-2b059682],.tide-input-textarea-suffix[data-v-2b059682]{transition:transform var(--animate)}.tide-input-textarea.error[data-v-2b059682]{color:var(--error-on-surface)}.tide-input-textarea.error .tide-input-textarea-field[data-v-2b059682]{outline-color:var(--error-border);background-color:var(--error-surface)}.tide-input-textarea.error:focus-within .tide-input-textarea-field[data-v-2b059682]{outline-color:var(--error-border)}.tide-input-textarea:focus-within .tide-input-textarea-field[data-v-2b059682]{--input-outline-width: var(--border-width-2);outline-color:var(--surface-border-high)}.tide-input-textarea textarea[data-v-2b059682]{outline:none}.tide-input-textarea-field[data-v-2b059682]{--input-outline-width: var(--border-width-1);outline:var(--input-outline-width) solid var(--border);outline-offset:calc(var(--input-outline-width) * -1);color:var(--surface-foreground)}.tide-modal-bg[data-v-d2d2bea2]{transition:backdrop-filter .3s ease,background-color .3s ease;background:rgba(255,255,255,.3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.tide-modal[data-v-d2d2bea2]{width:var(--modal-width);max-width:calc(100% - 2rem);max-height:calc(100% - 2rem);box-shadow:0 10px 25px #122b3a33;animation:modalOpen .3s ease}.modal-header[data-v-d2d2bea2]{min-height:5rem}.modal-content[data-v-d2d2bea2]{display:grid;grid-template-columns:2rem 1fr 2rem}.modal-content[data-v-d2d2bea2]>*{grid-column:2}.v-enter-from[data-v-d2d2bea2],.v-leave-to[data-v-d2d2bea2]{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);background-color:#fff0}.v-enter-from .tide-modal[data-v-d2d2bea2],.v-leave-to .tide-modal[data-v-d2d2bea2]{transform:translateY(100vh)}.v-enter-active[data-v-d2d2bea2],.v-leave-active[data-v-d2d2bea2]{transition:backdrop-filter var(--animate),background-color var(--animate)}.v-enter-active .tide-modal[data-v-d2d2bea2],.v-leave-active .tide-modal[data-v-d2d2bea2]{transition:transform var(--animate)}.v-enter-to[data-v-d2d2bea2],.v-leave-from[data-v-d2d2bea2]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff4d}.v-enter-to .tide-modal[data-v-d2d2bea2],.v-leave-from .tide-modal[data-v-d2d2bea2]{transform:translateY(0)}.tide-seo-link[data-v-d62373f1]{width:100%}@media (min-width: 992px){.tide-seo-link[data-v-d62373f1]{width:calc((100% - 2rem)/2)}}@media (min-width: 1232px){.tide-seo-link[data-v-d62373f1]{width:calc((100% - 6rem)/4)}}.tide-tabs[data-v-c72bf26c]{max-width:23.3rem}.tide-tabs-tab[data-v-c72bf26c]{flex:1;transition:background-color var(--animate)}.tide-toggle[data-v-05213250]{width:64px;height:32px;transition:background-color var(--animate)}.tide-toggle[data-v-05213250]:disabled{opacity:.32}.tide-toggle-indicator[data-v-05213250]{left:4px;width:24px;height:24px;transition:left var(--animate)}.active[data-v-05213250]{left:36px}:root{--font-10: .625rem;--font-12: .75rem;--font-14: .875rem;--font-16: 1rem;--font-20: 1.25rem;--font-24: 1.5rem;--font-28: 1.75rem;--font-32: 2rem;--font-400: 400;--font-500: 500;--font-600: 600;--font-700: 700;--animate: .3s ease-in-out;--spacing-0: 0rem;--spacing-1\/4: .25rem;--spacing-1\/2: .5rem;--spacing-1: 1rem;--spacing-2: 2rem;--spacing-4: 4rem;--border-width-1: 1px;--border-width-2: 2px;--border-1: var(--border-width-1) solid var(--black);--border-2: var(--border-width-2) solid var(--black);--radius-1\/4: 4px;--radius-1\/2: 8px;--radius-1: 16px;--radius-full: 99999px;--black: var(--gray-900);--white: var(--gray-100);--disabled: .333;--shadow-bottom: 0px 2px 8px 2px rgba(0, 0, 0, .07);--shadow-top: 0px -2px 8px 2px rgba(0, 0, 0, .07);--transparent-100: rgba(255, 255, 255, .9);--transparent-200: rgba(255, 255, 255, .75);--transparent-300: rgba(0, 0, 0, .1);--transparent-400: rgba(0, 0, 0, .5);--blue-100: #D1E0EB;--blue-200: #A4C1D7;--blue-300: #76A3C4;--blue-400: #4984B0;--gray-100: #FFFFFF;--gray-200: #F5F5F5;--gray-300: #E4E4E4;--gray-400: #C9CACB;--gray-500: #AEAFB2;--gray-600: #939598;--gray-700: #6E7072;--gray-800: #494A4C;--gray-900: #252526;--gray-1000: #000000;--green-100: #E6EFCF;--green-200: #CDE09E;--green-300: #B4D06E;--green-400: #9BC13D;--red-100: #EFCFCF;--red-200: #E09E9E;--red-300: #D06E6E;--red-400: #C13D3D;--red-500: #912E2E;--yellow-100: #FEF2CC;--yellow-200: #FCE499;--yellow-300: #FBD766;--yellow-400: #FACA33;--error-primary: var(--red-400);--error-primary-border: var(--red-300);--error-surface: var(--red-100);--error-border: var(--red-400);--error-border-low: var(--red-200);--error-border-high: var(--red-500);--error-on-surface: var(--red-400);--error-on-surface-variant: var(--red-500 );--info-primary: var(--blue-400);--info-primary-border: var(--blue-300);--info-surface: var(--blue-100);--info-border: var(--blue-200);--success-primary: var(--green-400);--success-primary-border: var(--green-300);--success-surface: var(--green-100);--success-border: var(--green-200);--warning-primary: var(--yellow-400);--warning-primary-border: var(--yellow-300);--warning-surface: var(--yellow-100);--warning-border: var(--yellow-200)}html,body{color:var(--on-surface)}*,*:before,*:after{box-sizing:border-box;margin:0;border:0;padding:0;color:inherit;font-family:Montserrat;font-weight:var(--font-500);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1{font-size:var(--font-32)}h2{font-size:var(--font-24)}h3{font-size:var(--font-20)}h4,h5{font-size:var(--font-16)}h1,h2,h3,h4,h5{font-weight:var(--font-700)}img,label{display:block}img{max-width:100%}p{max-width:80ch;line-height:150%}button,input,option,select,textarea{background-color:unset;font-family:inherit;font-size:inherit}button:enabled,select{cursor:pointer}button:disabled{cursor:not-allowed}input::placeholder{color:var(--gray);opacity:1}input::-webkit-search-decoration,input::-webkit-search-cancel-button,input::-webkit-search-results-button,input::-webkit-search-results-decoration{display:none}.tide-position-absolute{position:absolute}.tide-position-fixed{position:fixed}.tide-position-relative{position:relative}.tide-position-sticky{position:sticky}.tide-top-0{top:0}.tide-right-0{right:0}.tide-bottom-0{bottom:0}.tide-left-0{left:0}.tide-display-block{display:block}.tide-display-contents{display:contents}.tide-display-flex{display:flex}.tide-display-grid{display:grid}.tide-display-initial{display:initial}.tide-display-inline{display:inline}.tide-display-inline-block{display:inline-block}.tide-display-inline-flex{display:inline-flex}.tide-display-none{display:none}.tide-flex-column{flex-direction:column}.tide-flex-column-reverse{flex-direction:column-reverse}.tide-flex-row{flex-direction:row}.tide-flex-row-reverse{flex-direction:row-reverse}.tide-grow{flex-grow:1}.tide-grow-none{flex-grow:0}.tide-shrink{flex-shrink:1}.tide-shrink-none{flex-shrink:0}.tide-flex-wrap{flex-wrap:wrap}.tide-axis1-around{justify-content:space-around}.tide-axis1-between{justify-content:space-between}.tide-axis1-center{justify-content:center}.tide-axis1-end{justify-content:end}.tide-axis2-around{align-items:space-around}.tide-axis2-center{align-items:center}.tide-axis2-end{align-items:flex-end}.tide-axis2-start{align-items:flex-start}.tide-axis2-stretch{align-items:stretch}.tide-gap-1\/4{gap:var(--spacing-1\/4)}.tide-gap-1\/2{gap:var(--spacing-1\/2)}.tide-gap-1{gap:var(--spacing-1)}.tide-gap-2{gap:var(--spacing-2)}.tide-gap-4{gap:var(--spacing-4)}.tide-box-border{box-sizing:border-box}.tide-box-content{box-sizing:content-box}.tide-margin-0{margin:0}.tide-margin-1\/4{margin:var(--spacing-1\/4)}.tide-margin-1\/2{margin:var(--spacing-1\/2)}.tide-margin-1{margin:var(--spacing-1)}.tide-margin-2{margin:var(--spacing-2)}.tide-margin-4{margin:var(--spacing-4)}.tide-margin-x-0{margin-left:0;margin-right:0}.tide-margin-x-1\/4{margin-left:var(--spacing-1\/4);margin-right:var(--spacing-1\/4)}.tide-margin-x-1\/2{margin-left:var(--spacing-1\/2);margin-right:var(--spacing-1\/2)}.tide-margin-x-1{margin-left:var(--spacing-1);margin-right:var(--spacing-1)}.tide-margin-x-2{margin-left:var(--spacing-2);margin-right:var(--spacing-2)}.tide-margin-x-4{margin-left:var(--spacing-4);margin-right:var(--spacing-4)}.tide-margin-x-auto{margin-left:auto;margin-right:auto}.tide-margin-y-0{margin-top:0;margin-bottom:0}.tide-margin-y-1\/4{margin-top:var(--spacing-1\/4);margin-bottom:var(--spacing-1\/4)}.tide-margin-y-1\/2{margin-top:var(--spacing-1\/2);margin-bottom:var(--spacing-1\/2)}.tide-margin-y-1{margin-top:var(--spacing-1);margin-bottom:var(--spacing-1)}.tide-margin-y-2{margin-top:var(--spacing-2);margin-bottom:var(--spacing-2)}.tide-margin-y-4{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}.tide-margin-top-0{margin-top:0}.tide-margin-top-1\/4{margin-top:var(--spacing-1\/4)}.tide-margin-top-1\/2{margin-top:var(--spacing-1\/2)}.tide-margin-top-1{margin-top:var(--spacing-1)}.tide-margin-top-2{margin-top:var(--spacing-2)}.tide-margin-top-4{margin-top:var(--spacing-4)}.tide-margin-right-0{margin-right:0}.tide-margin-right-1\/4{margin-right:var(--spacing-1\/4)}.tide-margin-right-1\/2{margin-right:var(--spacing-1\/2)}.tide-margin-right-1{margin-right:var(--spacing-1)}.tide-margin-right-2{margin-right:var(--spacing-2)}.tide-margin-right-4{margin-right:var(--spacing-4)}.tide-margin-right-auto{margin-right:auto}.tide-margin-bottom-0{margin-bottom:0}.tide-margin-bottom-1\/4{margin-bottom:var(--spacing-1\/4)}.tide-margin-bottom-1\/2{margin-bottom:var(--spacing-1\/2)}.tide-margin-bottom-1{margin-bottom:var(--spacing-1)}.tide-margin-bottom-2{margin-bottom:var(--spacing-2)}.tide-margin-bottom-4{margin-bottom:var(--spacing-4)}.tide-margin-left-0{margin-left:0}.tide-margin-left-1\/2{margin-left:var(--spacing-1\/2)}.tide-margin-left-1{margin-left:var(--spacing-1)}.tide-margin-left-2{margin-left:var(--spacing-2)}.tide-margin-left-4{margin-left:var(--spacing-4)}.tide-margin-left-auto{margin-left:auto}.tide-border-1,.tide-border-2,.tide-border-bottom-1,.tide-border-bottom-2,.tide-border-left-1,.tide-border-left-2,.tide-border-right-1,.tide-border-right-2,.tide-border-top-1,.tide-border-top-2{border-style:solid}.tide-border-1{border-width:var(--border-width-1)}.tide-border-2{border-width:var(--border-width-2)}.tide-border-top-1{border-top-width:var(--border-width-1)}.tide-border-right-1{border-right-width:var(--border-width-1)}.tide-border-bottom-1{border-bottom-width:var(--border-width-1)}.tide-border-left-1{border-left-width:var(--border-width-1)}.tide-border-top-2{border-top-width:var(--border-width-2)}.tide-border-right-2{border-right-width:var(--border-width-2)}.tide-border-bottom-2{border-bottom-width:var(--border-width-2)}.tide-border-left-2{border-left-width:var(--border-width-2)}.tide-radius-1\/4{border-radius:var(--radius-1\/4)}.tide-radius-1\/2{border-radius:var(--radius-1\/2)}.tide-radius-1{border-radius:var(--radius-1)}.tide-radius-full{border-radius:var(--radius-full)}.tide-padding-0{padding:0}.tide-padding-1\/4{padding:var(--spacing-1\/4)}.tide-padding-1\/2{padding:var(--spacing-1\/2)}.tide-padding-1{padding:var(--spacing-1)}.tide-padding-2{padding:var(--spacing-2)}.tide-padding-4{padding:var(--spacing-4)}.tide-padding-x-0{padding-left:0;padding-right:0}.tide-padding-x-1\/4{padding-left:var(--spacing-1\/4);padding-right:var(--spacing-1\/4)}.tide-padding-x-1\/2{padding-left:var(--spacing-1\/2);padding-right:var(--spacing-1\/2)}.tide-padding-x-1{padding-left:var(--spacing-1);padding-right:var(--spacing-1)}.tide-padding-x-2{padding-left:var(--spacing-2);padding-right:var(--spacing-2)}.tide-padding-x-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.tide-padding-y-0{padding-top:0;padding-bottom:0}.tide-padding-y-1\/4{padding-top:var(--spacing-1\/4);padding-bottom:var(--spacing-1\/4)}.tide-padding-y-1\/2{padding-top:var(--spacing-1\/2);padding-bottom:var(--spacing-1\/2)}.tide-padding-y-1{padding-top:var(--spacing-1);padding-bottom:var(--spacing-1)}.tide-padding-y-2{padding-top:var(--spacing-2);padding-bottom:var(--spacing-2)}.tide-padding-y-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.tide-padding-top-0{padding-top:0}.tide-padding-top-1\/4{padding-top:var(--spacing-1\/4)}.tide-padding-top-1\/2{padding-top:var(--spacing-1\/2)}.tide-padding-top-1{padding-top:var(--spacing-1)}.tide-padding-top-2{padding-top:var(--spacing-2)}.tide-padding-top-4{padding-top:var(--spacing-4)}.tide-padding-right-0{padding-right:0}.tide-padding-right-1\/4{padding-right:var(--spacing-1\/4)}.tide-padding-right-1\/2{padding-right:var(--spacing-1\/2)}.tide-padding-right-1{padding-right:var(--spacing-1)}.tide-padding-right-2{padding-right:var(--spacing-2)}.tide-padding-right-4{padding-right:var(--spacing-4)}.tide-padding-bottom-0{padding-bottom:0}.tide-padding-bottom-1\/4{padding-bottom:var(--spacing-1\/4)}.tide-padding-bottom-1\/2{padding-bottom:var(--spacing-1\/2)}.tide-padding-bottom-1{padding-bottom:var(--spacing-1)}.tide-padding-bottom-2{padding-bottom:var(--spacing-2)}.tide-padding-bottom-4{padding-bottom:var(--spacing-4)}.tide-padding-left-0{padding-left:0}.tide-padding-left-1\/4{padding-left:var(--spacing-1\/4)}.tide-padding-left-1\/2{padding-left:var(--spacing-1\/2)}.tide-padding-left-1{padding-left:var(--spacing-1)}.tide-padding-left-2{padding-left:var(--spacing-2)}.tide-padding-left-4{padding-left:var(--spacing-4)}.tide-max-width-full{max-width:100%}.tide-min-width-0{min-width:0}.tide-max-height-full{max-height:100%}.tide-min-height-0{min-height:0}.tide-width-container{max-width:1168px}.tide-width-full{width:100%}.tide-height-full{height:100%}.tide-transparent-100{background-color:var(--transparent-100)}.tide-transparent-200{background-color:var(--transparent-200)}.tide-transparent-300{background-color:var(--transparent-300)}.tide-transparent-400{background-color:var(--transparent-400)}.tide-font-10{font-size:var(--font-10)}.tide-font-12{font-size:var(--font-12)}.tide-font-14{font-size:var(--font-14)}.tide-font-16{font-size:var(--font-16)}.tide-font-20{font-size:var(--font-20)}.tide-font-24{font-size:var(--font-24)}.tide-font-32{font-size:var(--font-32)}.tide-font-400{font-weight:400}.tide-font-500{font-weight:500}.tide-font-600{font-weight:600}.tide-font-700{font-weight:700}.tide-align-middle{vertical-align:middle}.tide-break-word{overflow-wrap:break-word}.tide-cursor-not-allowed{cursor:not-allowed}.tide-cursor-pointer{cursor:pointer}.tide-cursor-text{cursor:text}.tide-leading-default{line-height:100%}.tide-leading-normal{line-height:normal}.tide-list-none{list-style-type:none}.tide-object-center{object-position:center}.tide-object-cover{object-fit:cover}.tide-object-contain{object-fit:contain}.tide-object-scale-down{object-fit:scale-down}.tide-pointer-events{pointer-events:auto}.tide-pointer-events-none{pointer-events:none}.tide-scrollbar-none::-webkit-scrollbar{display:none}.tide-scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.tide-scroll-snap{scroll-snap-stop:always;scroll-snap-type:both mandatory;scroll-behavior:smooth}.tide-scroll-snap-start{scroll-snap-align:start}.tide-shadow-bottom{box-shadow:var(--shadow-bottom)}.tide-shadow-top{box-shadow:var(--shadow-top)}.tide-text-center{text-align:center}.tide-text-left{text-align:left}.tide-text-right{text-align:right}.tide-text-transform-lower{text-transform:lowercase}.tide-text-transform-none{text-transform:none}.tide-text-transform-upper{text-transform:uppercase}.tide-underline,.tide-underline:hover,.tide-underline-hover:hover{text-decoration:underline}.tide-underline-none,.tide-underline-none:hover,.tide-underline-hover{text-decoration:none}.tide-visible{visibility:visible}.tide-visible-none{visibility:hidden}.tide-whitespace-nowrap{white-space:nowrap}.tide-x-auto{overflow-x:auto}.tide-x-hidden{overflow-x:hidden}.tide-x-scroll{overflow-x:scroll}.tide-xy-auto{overflow:auto}.tide-xy-hidden{overflow:hidden}.tide-y-auto{overflow-y:auto}.tide-y-hidden{overflow-y:hidden}.tide-link-as-button,.tide-button{padding-top:.75rem;padding-bottom:.75rem}.tide-link-as-button.quaternary,.tide-button.quaternary{padding-right:1rem;padding-left:1rem}.primary{background:var(--primary);border:2px solid var(--primary);color:var(--on-primary)}.secondary{background:2px solid var(--surface);border:2px solid var(--primary);color:var(--primary)}.tertiary{background:var(--white);border:1px solid var(--border);color:var(--secondary)}.quaternary{background:var(--white);color:var(--secondary)}.floating{background-color:var(--transparent-100);color:var(--secondary);box-shadow:var(--shadow-bottom)}a.primary:hover,button.primary:enabled:hover{border:2px solid var(--primary);background:2px solid var(--white);color:var(--primary)}a.secondary:hover,button.secondary:enabled:hover{background:var(--primary);color:var(--on-primary)}a.tertiary:hover,button.tertiary:enabled:hover{border:1px solid var(--border-high)}a.quaternary:hover,button.quaternary:enabled:hover{background:var(--surface-variant)}.floating:hover,button.floating:enabled:hover{background-color:var(--white)}button.primary:disabled,button.secondary:disabled,button.tertiary:disabled,button.quaternary:disabled,button.floating:disabled{opacity:.32}.tide-bg-primary{background:var(--primary)}.tide-bg-secondary{background:var(--secondary)}.tide-bg-surface{background:var(--surface)}.tide-bg-surface-variant{background:var(--surface-variant)}.tide-bg-surface-brand{background:var(--surface-brand)}.tide-bg-surface-accent{background:var(--surface-accent)}.tide-bg-surface-accent-variant{background:var(--surface-accent-variant)}.tide-bg-surface-gradient{background:var(--surface-gradient)}.tide-bg-surface-floating{background:var(--surface-floating)}.tide-border-primary{border-color:var(--primary)}.tide-border{border-color:var(--border)}.tide-border-low{border-color:var(--border-low)}.tide-border-high{border-color:var(--border-high)}.tide-border-floating{border-color:var(--border-floating)}.tide-font-on-primary{color:var(--on-primary)}.tide-font-on-secondary{color:var(--on-secondary)}.tide-font-on-surface{color:var(--on-surface)}.tide-font-on-surface-variant{color:var(--on-surface-variant)}.tide-font-on-surface-brand{color:var(--on-surface-brand)}.tide-font-on-surface-inverse{color:var(--on-surface-inverse)}.tide-font-on-surface-variant-inverse{color:var(--on-surface-inverse-variant)}.slide-down-from-top-enter-active,.slide-down-from-top-leave-active{transition:transform var(--animate)}.slide-down-from-top-enter-from,.slide-down-from-top-leave-to{transform:translateY(-100%)}.slide-down-from-top-enter-to,.slide-down-from-top-leave-from{transform:translateY(0)}.page-layout{--max-content-width: 1168px;--gap: 0px;--column-count: 12;--min-gutter-width: var(--spacing-1);--gutter-width: minmax(var(--min-gutter-width), 1fr);--max-column-size: calc((var(--max-content-width) - (var(--gap) * (var(--column-count) - 1))) / var(--column-count));--content-columns: repeat(var(--column-count), minmax(0px, var(--max-column-size)));display:grid;gap:0 var(--gap);grid-auto-rows:min-content;grid-template-columns:[start] var(--gutter-width) [content-start] var(--content-columns) [content-end] var(--gutter-width) [end]}.page-layout>*,.layout-item{--start: calc(var(--column-start) + 1);--end: calc(var(--column-end) + 2);--start-end: var(--start, content-start) / var(--end, content-end);grid-column:var(--column, var(--start-end))}.tide-fluid{grid-column:1 / -1}.tide-start-0{--column-start: 0}.tide-start-1{--column-start: 1}.tide-start-2{--column-start: 2}.tide-start-3{--column-start: 3}.tide-start-4{--column-start: 4}.tide-start-5{--column-start: 5}.tide-start-6{--column-start: 6}.tide-start-7{--column-start: 7}.tide-start-8{--column-start: 8}.tide-start-9{--column-start: 9}.tide-start-10{--column-start: 10}.tide-start-11{--column-start: 11}.tide-start-12{--column-start: 12}.tide-end-1{--column-end: 1}.tide-end-2{--column-end: 2}.tide-end-3{--column-end: 3}.tide-end-4{--column-end: 4}.tide-end-5{--column-end: 5}.tide-end-6{--column-end: 6}.tide-end-7{--column-end: 7}.tide-end-8{--column-end: 8}.tide-end-9{--column-end: 9}.tide-end-10{--column-end: 10}.tide-end-11{--column-end: 11}.tide-end-12{--column-end: 12}.tide-end-13{--column-end: 13}.site-main{isolation:isolate}

package/dist/tide-design-system.js

@@ -0,0 +1,48 @@
+import { A as s, B as T, a as d, b as t, C as n, E as o, c as r, I, P as E, R as u, S as B, T as g, d as C, e as p, f as A, g as c, h as m, i as R, j as S, k as l, l as M, m as L, n as P, o as D, p as G, q as N, r as _, s as h, t as x, u as b, v as k, w as v, x as O, y as f, z as F, D as U, F as j, G as q, H as w, J as y, K as z, L as H, M as J, N as K } from "./index-32686488.js";
+import "vue";
+export {
+  s as ALERT,
+  T as BADGE,
+  d as BADGE_PREMIUM,
+  t as BADGE_TRUSTED,
+  n as CSS,
+  o as ELEMENT,
+  r as ELEMENT_TEXT_AS_ICON,
+  I as ICON,
+  E as PRIORITY,
+  u as REALM,
+  B as SIZE,
+  g as TARGET,
+  C as TideAccordionItem,
+  p as TideAlert,
+  A as TideBadge,
+  c as TideBadgeCounter,
+  m as TideBadgeMisc,
+  R as TideBadgePremium,
+  S as TideBadgeTrustedPartner,
+  l as TideBreadCrumbs,
+  M as TideButton,
+  L as TideButtonIcon,
+  P as TideButtonPagination,
+  D as TideCard,
+  G as TideCarousel,
+  N as TideChipAction,
+  _ as TideChipFilter,
+  h as TideChipInput,
+  x as TideColumns,
+  b as TideDivider,
+  k as TideIcon,
+  v as TideImage,
+  O as TideIndicator,
+  f as TideInputRadio,
+  F as TideInputSelect,
+  U as TideInputText,
+  j as TideInputTextarea,
+  q as TideLink,
+  w as TideModal,
+  y as TidePagination,
+  z as TideSeoLinks,
+  H as TideSvgIcon,
+  J as TideTabs,
+  K as TideToggle
+};

package/dist/types/FacetRange.ts

@@ -0,0 +1,84 @@
+import type { SelectOption } from '@/types/Select';
+
+export const FACET_COMPONENT_ID_RANGE = {
+  GROSS_WEIGHT: 'grossWeight',
+  LENGTH: 'vehicleLength',
+  MILEAGE: 'mileage',
+  PRICE: 'price',
+  SLEEPING_CAPACITY: 'sleepingCapacity',
+  SLIDEOUTS: 'slideouts',
+  YEAR: 'vehicleYear',
+} as const;
+
+export type FacetComponentIdRange = (typeof FACET_COMPONENT_ID_RANGE)[keyof typeof FACET_COMPONENT_ID_RANGE];
+
+export type RangeData = {
+  min: number | null;
+  max: number | null;
+};
+
+const GROSS_WEIGHT_MIN = 1000;
+const GROSS_WEIGHT_MAX = 12000;
+export const GROSS_WEIGHT_OPTIONS: SelectOption[] = [
+  {
+    label: 'Any',
+    value: null,
+  },
+  ...Array.from({ length: Math.floor((GROSS_WEIGHT_MAX - GROSS_WEIGHT_MIN) / 1000) + 1 }, (_, index) => ({
+    label: (GROSS_WEIGHT_MAX - index * 1000).toString(),
+    value: (GROSS_WEIGHT_MAX - index * 1000).toString(),
+  })),
+];
+
+const SLEEP_CAP_MIN = 1;
+const SLEEP_CAP_MAX = 10;
+export const SLEEPING_CAPACITY_OPTIONS: SelectOption[] = [
+  {
+    label: 'Any',
+    value: null,
+  },
+  ...Array.from({ length: SLEEP_CAP_MAX - SLEEP_CAP_MIN + 1 }, (_, index) => ({
+    label: (SLEEP_CAP_MAX - index).toString(),
+    value: (SLEEP_CAP_MAX - index).toString(),
+  })),
+];
+
+const SLIDEOUT_MIN = 0;
+const SLIDEOUT_MAX = 5;
+export const SLIDEOUT_OPTIONS: SelectOption[] = [
+  {
+    label: 'Any',
+    value: null,
+  },
+  ...Array.from({ length: SLIDEOUT_MAX - SLIDEOUT_MIN + 1 }, (_, index) => ({
+    label: (SLIDEOUT_MAX - index).toString(),
+    value: (SLIDEOUT_MAX - index).toString(),
+  })),
+];
+
+const LENGTH_MIN = 10;
+const LENGTH_MAX = 50;
+export const LENGTH_OPTIONS: SelectOption[] = [
+  {
+    label: 'Any',
+    value: null,
+  },
+  ...Array.from({ length: LENGTH_MAX - LENGTH_MIN + 1 }, (_, index) => ({
+    label: (LENGTH_MAX - index).toString(),
+    value: (LENGTH_MAX - index).toString(),
+  })),
+];
+
+const YEAR_MIN = 1900;
+const today = new Date();
+const YEAR_MAX = today.getFullYear() + 2;
+export const YEAR_OPTIONS: SelectOption[] = [
+  {
+    label: 'Any',
+    value: null,
+  },
+  ...Array.from({ length: YEAR_MAX - YEAR_MIN + 1 }, (_, index) => ({
+    label: (YEAR_MAX - index).toString(),
+    value: (YEAR_MAX - index).toString(),
+  })),
+];

package/dist/types/Field.ts

@@ -26,7 +26,6 @@ interface GenericInput {
 
 interface SelectField extends GenericInput, StringValue {
   options: SelectOption[];
-  placeholder?: string;
 }
 
 interface StringValue {

package/dist/types/Form.ts

@@ -1 +1,58 @@
+import type { SelectOptGroup, SelectOption } from '@/types/Select';
+import type { TextInputType } from '@/types/TextInput';
+import type { ValidationError, Validator } from '@/types/Validation';
+
+interface GenericInput {
+  error?: ValidationError;
+  transformValue?: FormValueTransformer;
+  name: string;
+  validators?: Validator[];
+  required?: boolean;
+  label?: string;
+  disabled?: boolean;
+}
+
+interface StringValue {
+  value?: string;
+}
+
+interface BooleanValue {
+  value?: boolean;
+}
+
+export type SelectInput = GenericInput &
+  StringValue & {
+    options?: SelectOption[] | readonly SelectOption[];
+    placeholder?: string;
+    optgroups?: SelectOptGroup[];
+  };
+
+export type TextInput = GenericInput &
+  StringValue & {
+    autocomplete?: boolean;
+    maxlength?: number;
+    minlength?: number;
+    type?: TextInputType;
+    placeholder?: string;
+    value?: string;
+  };
+
+export type TextareaInput = GenericInput &
+  StringValue & {
+    maxlength?: number;
+    minlength?: number;
+    placeholder?: string;
+    value?: string;
+  };
+
+export type CheckboxInput = GenericInput &
+  BooleanValue & {
+    checked?: boolean;
+    indeterminate?: boolean;
+  };
+
+export type StringInput = SelectInput | TextInput | TextareaInput;
+export type BooleanInput = CheckboxInput;
+export type Input = SelectInput | TextInput | TextareaInput | CheckboxInput;
+
 export type FormValueTransformer = (value: string) => string;

package/dist/types/Realm.ts

@@ -1,6 +1,7 @@
 export const REALM = {
   AERO: 'aero',
   ATV: 'atv',
+  BOATMART: 'boatmart',
   CYCLE: 'cycle',
   EQUIP: 'equip',
   PWC: 'pwc',

package/dist/types/Select.ts

@@ -2,3 +2,9 @@ export type SelectOption = {
   label: string | number;
   value: any;
 };
+
+export type SelectOptGroup = {
+  label: string;
+  options?: SelectOption[];
+  value?: any;
+};

package/dist/types/Storybook.ts

@@ -1,7 +1,7 @@
 /* eslint vue/sort-keys: 0 */
 // ^ Storybook controls are based on iterating over object properties instead of array slots (bad form), so these can't be ordered alphabetically.
 
-// import { prependNoneAsEmpty } from '@/utilities/storybook';
+import { CSS } from '@/types/Styles';
 
 export const NoneAsEmpty = { None: '' };
 export const NoneAsUndefined = { None: undefined };
@@ -12,3 +12,208 @@ export const BOOLEAN_UNREQUIRED = {
   True: true,
   False: false,
 };
+
+export const BADGE_TRUSTED = {
+  YEARS_5: '5',
+  YEARS_10: '10',
+  YEARS_15: '15',
+};
+
+export const BORDER_RADIUS = {
+  '0.25 REM': CSS.BORDER.RADIUS.QUARTER,
+  '0.5 REM': CSS.BORDER.RADIUS.HALF,
+  '1 REM': CSS.BORDER.RADIUS.ONE,
+  'Full': CSS.BORDER.RADIUS.FULL,
+};
+
+export const BORDER_SIDE = {
+  Full: 'tide-border',
+  Top: 'tide-border-top',
+  Right: 'tide-border-right',
+  Bottom: 'tide-border-bottom',
+  Left: 'tide-border-left',
+};
+
+export const BORDER_WIDTH = {
+  '1px': '1',
+  '2px': '2',
+};
+
+export const DISPLAY = {
+  'Block': CSS.DISPLAY.BLOCK,
+  'Contents': CSS.DISPLAY.CONTENTS,
+  'Flex': CSS.DISPLAY.FLEX,
+  'Grid': CSS.DISPLAY.GRID,
+  'Inline Block': CSS.DISPLAY.INLINE_BLOCK,
+  'Inline Flex': CSS.DISPLAY.INLINE_FLEX,
+  'Inline': CSS.DISPLAY.INLINE,
+  'Hidden': CSS.DISPLAY.NONE,
+};
+
+export const FLEX_AXIS1 = {
+  Around: CSS.AXIS1.AROUND,
+  Between: CSS.AXIS1.BETWEEN,
+  Center: CSS.AXIS1.CENTER,
+  End: CSS.AXIS1.END,
+  Start: CSS.AXIS1.START,
+};
+
+export const FLEX_AXIS2 = {
+  Around: CSS.AXIS2.AROUND,
+  Center: CSS.AXIS2.CENTER,
+  End: CSS.AXIS2.END,
+  Start: CSS.AXIS2.START,
+};
+
+export const FLEX_DIRECTION = {
+  Column: CSS.FLEX.DIRECTION.COLUMN,
+  Row: CSS.FLEX.DIRECTION.ROW,
+};
+
+export const FONT_SIZE = {
+  '12px': CSS.FONT.SIZE.TWELVE,
+  '14px': CSS.FONT.SIZE.FOURTEEN,
+  '16px': CSS.FONT.SIZE.SIXTEEN,
+  '20px': CSS.FONT.SIZE.TWENTY,
+  '24px': CSS.FONT.SIZE.TWENTY_FOUR,
+  '32px': CSS.FONT.SIZE.THIRTY_TWO,
+};
+
+export const FONT_WEIGHT = {
+  '400 Regular': CSS.FONT.WEIGHT.FOUR_HUNDRED,
+  '500 Medium': CSS.FONT.WEIGHT.FIVE_HUNDRED,
+  '600 Semibold': CSS.FONT.WEIGHT.SIX_HUNDRED,
+  '700 Bold': CSS.FONT.WEIGHT.SEVEN_HUNDRED,
+};
+
+export const GAP = {
+  '4 REM': CSS.GAP.FOUR,
+  '2 REM': CSS.GAP.TWO,
+  '1 REM': CSS.GAP.ONE,
+  '0.5 REM': CSS.GAP.HALF,
+  '0.25 REM': CSS.GAP.QUARTER,
+};
+
+export const LINK_SIZE = {
+  TWELVE: CSS.FONT.SIZE.TWELVE,
+  FOURTEEN: CSS.FONT.SIZE.FOURTEEN,
+  SIXTEEN: CSS.FONT.SIZE.SIXTEEN,
+};
+
+export const MARGIN = {
+  'Full 4 REM': CSS.MARGIN.FULL.FOUR,
+  'Full 2 REM': CSS.MARGIN.FULL.TWO,
+  'Full 1 REM': CSS.MARGIN.FULL.ONE,
+  'Full 0.5 REM': CSS.MARGIN.FULL.HALF,
+  'Full 0.25 REM': CSS.MARGIN.FULL.QUARTER,
+
+  'X-axis Auto': CSS.MARGIN.X.AUTO,
+  'X-axis 4 REM': CSS.MARGIN.X.FOUR,
+  'X-axis 2 REM': CSS.MARGIN.X.TWO,
+  'X-axis 1 REM': CSS.MARGIN.X.ONE,
+  'X-axis 0.5 REM': CSS.MARGIN.X.HALF,
+  'X-axis 0.25 REM': CSS.MARGIN.X.QUARTER,
+
+  'Y-axis 4 REM': CSS.MARGIN.Y.FOUR,
+  'Y-axis 2 REM': CSS.MARGIN.Y.TWO,
+  'Y-axis 1 REM': CSS.MARGIN.Y.ONE,
+  'Y-axis 0.5 REM': CSS.MARGIN.Y.HALF,
+  'Y-axis 0.25 REM': CSS.MARGIN.Y.QUARTER,
+
+  'Top 4 REM': CSS.MARGIN.TOP.FOUR,
+  'Top 2 REM': CSS.MARGIN.TOP.TWO,
+  'Top 1 REM': CSS.MARGIN.TOP.ONE,
+  'Top 0.5 REM': CSS.MARGIN.TOP.HALF,
+  'Top 0.25 REM': CSS.MARGIN.TOP.QUARTER,
+
+  'Right Auto': CSS.MARGIN.RIGHT.AUTO,
+  'Right 4 REM': CSS.MARGIN.RIGHT.FOUR,
+  'Right 2 REM': CSS.MARGIN.RIGHT.TWO,
+  'Right 1 REM': CSS.MARGIN.RIGHT.ONE,
+  'Right 0.5 REM': CSS.MARGIN.RIGHT.HALF,
+  'Right 0.25 REM': CSS.MARGIN.RIGHT.QUARTER,
+
+  'Bottom 4 REM': CSS.MARGIN.BOTTOM.FOUR,
+  'Bottom 2 REM': CSS.MARGIN.BOTTOM.TWO,
+  'Bottom 1 REM': CSS.MARGIN.BOTTOM.ONE,
+  'Bottom 0.5 REM': CSS.MARGIN.BOTTOM.HALF,
+  'Bottom 0.25 REM': CSS.MARGIN.BOTTOM.QUARTER,
+
+  'Left Auto': CSS.MARGIN.LEFT.AUTO,
+  'Left 4 REM': CSS.MARGIN.LEFT.FOUR,
+  'Left 2 REM': CSS.MARGIN.LEFT.TWO,
+  'Left 1 REM': CSS.MARGIN.LEFT.ONE,
+  'Left 0.5 REM': CSS.MARGIN.LEFT.HALF,
+  'Left 0.25 REM': CSS.MARGIN.LEFT.QUARTER,
+};
+
+export const PADDING = {
+  'Full 4 REM': CSS.PADDING.FULL.FOUR,
+  'Full 2 REM': CSS.PADDING.FULL.TWO,
+  'Full 1 REM': CSS.PADDING.FULL.ONE,
+  'Full 0.5 REM': CSS.PADDING.FULL.HALF,
+  'Full 0.25 REM': CSS.PADDING.FULL.QUARTER,
+
+  'X-axis 4 REM': CSS.PADDING.X.FOUR,
+  'X-axis 2 REM': CSS.PADDING.X.TWO,
+  'X-axis 1 REM': CSS.PADDING.X.ONE,
+  'X-axis 0.5 REM': CSS.PADDING.X.HALF,
+  'X-axis 0.25 REM': CSS.PADDING.X.QUARTER,
+
+  'Y-axis 4 REM': CSS.PADDING.Y.FOUR,
+  'Y-axis 2 REM': CSS.PADDING.Y.TWO,
+  'Y-axis 1 REM': CSS.PADDING.Y.ONE,
+  'Y-axis 0.5 REM': CSS.PADDING.Y.HALF,
+  'Y-axis 0.25 REM': CSS.PADDING.Y.QUARTER,
+
+  'Top 4 REM': CSS.PADDING.TOP.FOUR,
+  'Top 2 REM': CSS.PADDING.TOP.TWO,
+  'Top 1 REM': CSS.PADDING.TOP.ONE,
+  'Top 0.5 REM': CSS.PADDING.TOP.HALF,
+  'Top 0.25 REM': CSS.PADDING.TOP.QUARTER,
+
+  'Right 4 REM': CSS.PADDING.RIGHT.FOUR,
+  'Right 2 REM': CSS.PADDING.RIGHT.TWO,
+  'Right 1 REM': CSS.PADDING.RIGHT.ONE,
+  'Right 0.5 REM': CSS.PADDING.RIGHT.HALF,
+  'Right 0.25 REM': CSS.PADDING.RIGHT.QUARTER,
+
+  'Bottom 4 REM': CSS.PADDING.BOTTOM.FOUR,
+  'Bottom 2 REM': CSS.PADDING.BOTTOM.TWO,
+  'Bottom 1 REM': CSS.PADDING.BOTTOM.ONE,
+  'Bottom 0.5 REM': CSS.PADDING.BOTTOM.HALF,
+  'Bottom 0.25 REM': CSS.PADDING.BOTTOM.QUARTER,
+
+  'Left 4 REM': CSS.PADDING.LEFT.FOUR,
+  'Left 2 REM': CSS.PADDING.LEFT.TWO,
+  'Left 1 REM': CSS.PADDING.LEFT.ONE,
+  'Left 0.5 REM': CSS.PADDING.LEFT.HALF,
+  'Left 0.25 REM': CSS.PADDING.LEFT.QUARTER,
+};
+
+export const SHADOW = {
+  Bottom: CSS.SHADOW.BOTTOM,
+  Top: CSS.SHADOW.TOP,
+};
+
+export const TYPOGRAPHY = {
+  DISPLAY_1: [CSS.FONT.SIZE.THIRTY_TWO, CSS.FONT.WEIGHT.SEVEN_HUNDRED],
+  HEADLINE_1: [CSS.FONT.SIZE.TWENTY_FOUR, CSS.FONT.WEIGHT.SEVEN_HUNDRED],
+  HEADLINE_2: [CSS.FONT.SIZE.TWENTY, CSS.FONT.WEIGHT.SEVEN_HUNDRED],
+  HEADLINE_3: [CSS.FONT.SIZE.SIXTEEN, CSS.FONT.WEIGHT.SEVEN_HUNDRED],
+  TITLE_1: [CSS.FONT.SIZE.TWENTY, CSS.FONT.WEIGHT.SIX_HUNDRED],
+  TITLE_2: [CSS.FONT.SIZE.SIXTEEN, CSS.FONT.WEIGHT.SIX_HUNDRED],
+  BODY_1: [CSS.FONT.SIZE.SIXTEEN, CSS.FONT.WEIGHT.FOUR_HUNDRED],
+  BODY_2: [CSS.FONT.SIZE.FOURTEEN, CSS.FONT.WEIGHT.FOUR_HUNDRED],
+  LABEL_1: [CSS.FONT.SIZE.SIXTEEN, CSS.FONT.WEIGHT.FIVE_HUNDRED],
+  LABEL_1_SEMIBOLD: [CSS.FONT.SIZE.SIXTEEN, CSS.FONT.WEIGHT.SIX_HUNDRED],
+  LABEL_2: [CSS.FONT.SIZE.FOURTEEN, CSS.FONT.WEIGHT.FIVE_HUNDRED],
+  LABEL_2_SEMIBOLD: [CSS.FONT.SIZE.FOURTEEN, CSS.FONT.WEIGHT.SIX_HUNDRED],
+  LABEL_3: [CSS.FONT.SIZE.TWELVE, CSS.FONT.WEIGHT.FIVE_HUNDRED],
+  LINK_1: [CSS.FONT.SIZE.SIXTEEN, CSS.FONT.WEIGHT.SEVEN_HUNDRED],
+  LINK_2: [CSS.FONT.SIZE.FOURTEEN, CSS.FONT.WEIGHT.SEVEN_HUNDRED],
+  LINK_3: [CSS.FONT.SIZE.TWELVE, CSS.FONT.WEIGHT.SEVEN_HUNDRED],
+  BUTTON_1: [CSS.FONT.SIZE.SIXTEEN, CSS.FONT.WEIGHT.SIX_HUNDRED],
+};
+
+export type Typography = (typeof TYPOGRAPHY)[keyof typeof TYPOGRAPHY];