tide-design-system 2.0.6 → 2.0.8

package/dist/style.css

@@ -1 +1 @@
-.tide-icon svg[data-v-30daad21]{width:1.5rem;height:1.5rem}.tide-icon.small svg[data-v-30daad21]{width:1.25rem;height:1.25rem}.tide-indicator[data-v-b3905972]{width:.5rem;height:.5rem}.tide-indicator-label[data-v-b3905972]{width:1rem;height:1rem}.border-white[data-v-b3905972]{border-color:#fff}.tide-accordion-body[data-v-ad283103]{transition:grid-template-rows var(--tide-animate)}.tide-alert[data-v-279a5605]{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-279a5605]{grid-area:icon}.tide-alert-heading[data-v-279a5605]{grid-area:heading}.tide-alert-close[data-v-279a5605]{grid-area:close}.tide-alert-body[data-v-279a5605]{grid-area:body}.tide-button-icon[data-v-0710b4ab],.tide-link-as-button-icon[data-v-0710b4ab]{border:1px solid var(--tide-white);background:var(--tide-white);color:var(--tide-secondary)}.tide-button-icon[data-v-0710b4ab]:not(:disabled):hover,.tide-link-as-button-icon[data-v-0710b4ab]:not(:disabled):hover{border:1px solid var(--tide-surface-variant);background:var(--tide-surface-variant)}.tide-button-icon[data-v-0710b4ab]:disabled,.tide-link-as-button-icon[data-v-0710b4ab]:disabled{border:1px solid var(--tide-border-high)}.tide-button-icon .label[data-v-0710b4ab],.tide-link-as-button-icon .label[data-v-0710b4ab]{width:1.5rem;height:1.5rem}.tide-chip-action[data-v-99f83e8d]:hover{background-color:var(--tide-surface-variant);border-color:var(--tide-border-high)}.tide-chip-filter[data-v-c07faf14]{border-color:var(--tide-surface-variant)}.tide-chip-filter.active[data-v-c07faf14]{border-color:var(--tide-secondary)}.tide-chip-filter[data-v-c07faf14]:hover{background-color:var(--tide-surface-variant);border-color:var(--tide-border);color:var(--tide-on-surface)}.tide-chip-input[data-v-62b9f1c0]{border-color:var(--tide-border)}.tide-chip-input[data-v-62b9f1c0]:hover{border-color:var(--tide-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-c820007d]{opacity:var(--tide-disabled)}.tide-input-radio-custom[data-v-c820007d]{width:var(--tide-font-28);height:var(--tide-font-28)}.tide-input-radio-check[data-v-c820007d]{width:1rem;height:1rem}select[data-v-c500c562]{-webkit-appearance:none;-moz-appearance:none;appearance:none}label[data-v-c500c562]{height:1.1875rem;transition:font-size var(--tide-animate),transform var(--tide-animate)}label[data-v-c500c562]:not(.minilabel){transform:translateY(.5625rem)}.tide-input-select.disabled[data-v-c500c562]{opacity:var(--tide-disabled)}.tide-input-select.error .tide-input-border[data-v-c500c562]{outline-color:var(--tide-error-border);background-color:var(--tide-error-surface)}.tide-input-select.error:focus-within .tide-input-border[data-v-c500c562]{outline-color:var(--tide-error-border)}.tide-input-select:focus-within .tide-input-border[data-v-c500c562]{--tide-input-outline-width: var(--tide-border-width-2);outline-color:var(--tide-surface-border-high)}.tide-input-border[data-v-c500c562]{--tide-input-outline-width: var(--tide-border-width-1);outline:var(--tide-input-outline-width) solid var(--tide-border);outline-offset:calc(var(--tide-input-outline-width) * -1)}.tide-input-select.error[data-v-c500c562]{color:var(--tide-error-on-surface)}.tide-input-select.error option[data-v-c500c562]{color:var(--tide-on-surface)}select[data-v-c500c562]{padding-top:27px}label[data-v-b8328f68]{height:1.1875rem;transition:font-size var(--tide-animate),transform var(--tide-animate)}label[data-v-b8328f68]:not(.minilabel),.tide-input-text-prefix[data-v-b8328f68]:not(.offset),.tide-input-text-suffix[data-v-b8328f68]:not(.offset){transform:translateY(.5625rem)}.tide-input-text-prefix[data-v-b8328f68],.tide-input-text-suffix[data-v-b8328f68]{transition:transform var(--tide-animate)}.tide-input-text.disabled[data-v-b8328f68]{opacity:var(--tide-disabled)}.tide-input-text.error[data-v-b8328f68]{color:var(--tide-error-on-surface)}.tide-input-text.error .tide-input-border[data-v-b8328f68]{outline-color:var(--tide-error-border);background-color:var(--tide-error-surface)}.tide-input-text.error:focus-within .tide-input-border[data-v-b8328f68]{outline-color:var(--tide-error-border)}.tide-input-text:focus-within .tide-input-border[data-v-b8328f68]{--tide-input-outline-width: var(--tide-border-width-2);outline-color:var(--tide-surface-border-high)}.tide-input-text input[data-v-b8328f68]{outline:none}.tide-input-border[data-v-b8328f68]{--tide-input-outline-width: var(--tide-border-width-1);outline:var(--tide-input-outline-width) solid var(--tide-border);outline-offset:calc(var(--tide-input-outline-width) * -1);color:var(--tide-surface-foreground)}textarea[data-v-022c8af4]{resize:vertical}label[data-v-022c8af4]{height:1.1875rem;transition:font-size var(--tide-animate),transform var(--tide-animate)}label[data-v-022c8af4]:not(.minilabel),.tide-input-textarea-prefix[data-v-022c8af4]:not(.offset),.tide-input-textarea-suffix[data-v-022c8af4]:not(.offset){transform:translateY(.5625rem)}.tide-input-textarea-prefix[data-v-022c8af4],.tide-input-textarea-suffix[data-v-022c8af4]{transition:transform var(--tide-animate)}.tide-input-textarea.error[data-v-022c8af4]{color:var(--tide-error-on-surface)}.tide-input-textarea.error .tide-input-textarea-field[data-v-022c8af4]{outline-color:var(--tide-error-border);background-color:var(--tide-error-surface)}.tide-input-textarea.error:focus-within .tide-input-textarea-field[data-v-022c8af4]{outline-color:var(--tide-error-border)}.tide-input-textarea:focus-within .tide-input-textarea-field[data-v-022c8af4]{--tide-input-outline-width: var(--tide-border-width-2);outline-color:var(--tide-surface-border-high)}.tide-input-textarea textarea[data-v-022c8af4]{outline:none}.tide-input-textarea-field[data-v-022c8af4]{--tide-input-outline-width: var(--tide-border-width-1);outline:var(--tide-input-outline-width) solid var(--tide-border);outline-offset:calc(var(--tide-input-outline-width) * -1);color:var(--tide-surface-foreground)}.tide-modal-bg[data-v-44481316]{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-44481316]{width:var(--tide-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-44481316]{min-height:5rem}.modal-content[data-v-44481316]{display:grid;grid-template-columns:2rem 1fr 2rem}.modal-content[data-v-44481316]>*{grid-column:2}.v-enter-from[data-v-44481316],.v-leave-to[data-v-44481316]{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);background-color:#fff0}.v-enter-from .tide-modal[data-v-44481316],.v-leave-to .tide-modal[data-v-44481316]{transform:translateY(100vh)}.v-enter-active[data-v-44481316],.v-leave-active[data-v-44481316]{transition:backdrop-filter var(--tide-animate),background-color var(--tide-animate)}.v-enter-active .tide-modal[data-v-44481316],.v-leave-active .tide-modal[data-v-44481316]{transition:transform var(--tide-animate)}.v-enter-to[data-v-44481316],.v-leave-from[data-v-44481316]{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#ffffff4d}.v-enter-to .tide-modal[data-v-44481316],.v-leave-from .tide-modal[data-v-44481316]{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-894fc638]{max-width:23.3rem}.tide-tabs-tab[data-v-894fc638]{flex:1;transition:background-color var(--tide-animate)}.inactive[data-v-894fc638]:not(:hover){border:1px solid var(--tide-surface-variant)}.inactive[data-v-894fc638]:hover{border:1px solid var(--tide-border)}.tide-toggle[data-v-2c5da028]{width:64px;height:32px;transition:background-color var(--tide-animate)}.tide-toggle[data-v-2c5da028]:disabled{opacity:.32}.tide-toggle-indicator[data-v-2c5da028]{left:4px;width:24px;height:24px;transition:left var(--tide-animate)}.active[data-v-2c5da028]{left:36px}:root{--tide-font-10: .625rem;--tide-font-12: .75rem;--tide-font-14: .875rem;--tide-font-16: 1rem;--tide-font-20: 1.25rem;--tide-font-24: 1.5rem;--tide-font-28: 1.75rem;--tide-font-32: 2rem;--tide-font-400: 400;--tide-font-500: 500;--tide-font-600: 600;--tide-font-700: 700;--tide-animate: .3s ease-in-out;--tide-spacing-0: 0rem;--tide-spacing-1\/4: .25rem;--tide-spacing-1\/2: .5rem;--tide-spacing-1: 1rem;--tide-spacing-2: 2rem;--tide-spacing-4: 4rem;--tide-border-width-1: 1px;--tide-border-width-2: 2px;--tide-border-1: var(--tide-border-width-1) solid var(--tide-black);--tide-border-2: var(--tide-border-width-2) solid var(--tide-black);--tide-radius-1\/4: 4px;--tide-radius-1\/2: 8px;--tide-radius-1: 16px;--tide-radius-full: 99999px;--tide-black: var(--tide-gray-900);--tide-white: var(--tide-gray-100);--tide-disabled: .333;--tide-shadow-bottom: 0px 2px 8px 2px rgba(0, 0, 0, .07);--tide-shadow-top: 0px -2px 8px 2px rgba(0, 0, 0, .07);--tide-transparent-100: rgba(255, 255, 255, .9);--tide-transparent-200: rgba(255, 255, 255, .75);--tide-transparent-300: rgba(0, 0, 0, .1);--tide-transparent-400: rgba(0, 0, 0, .5);--tide-blue-100: #D1E0EB;--tide-blue-200: #A4C1D7;--tide-blue-300: #76A3C4;--tide-blue-400: #4984B0;--tide-gray-100: #FFFFFF;--tide-gray-200: #F5F5F5;--tide-gray-300: #E4E4E4;--tide-gray-400: #C9CACB;--tide-gray-500: #AEAFB2;--tide-gray-600: #939598;--tide-gray-700: #6E7072;--tide-gray-800: #494A4C;--tide-gray-900: #252526;--tide-gray-1000: #000000;--tide-green-100: #E6EFCF;--tide-green-200: #CDE09E;--tide-green-300: #B4D06E;--tide-green-400: #9BC13D;--tide-red-100: #EFCFCF;--tide-red-200: #E09E9E;--tide-red-300: #D06E6E;--tide-red-400: #C13D3D;--tide-red-500: #912E2E;--tide-yellow-100: #FEF2CC;--tide-yellow-200: #FCE499;--tide-yellow-300: #FBD766;--tide-yellow-400: #FACA33;--tide-error-primary: var(--tide-red-400);--tide-error-primary-border: var(--tide-red-300);--tide-error-surface: var(--tide-red-100);--tide-error-border: var(--tide-red-400);--tide-error-border-low: var(--tide-red-200);--tide-error-border-high: var(--tide-red-500);--tide-error-on-surface: var(--tide-red-400);--tide-error-on-surface-variant: var(--tide-red-500 );--tide-info-primary: var(--tide-blue-400);--tide-info-primary-border: var(--tide-blue-300);--tide-info-surface: var(--tide-blue-100);--tide-info-border: var(--tide-blue-200);--tide-success-primary: var(--tide-green-400);--tide-success-primary-border: var(--tide-green-300);--tide-success-surface: var(--tide-green-100);--tide-success-border: var(--tide-green-200);--tide-warning-primary: var(--tide-yellow-400);--tide-warning-primary-border: var(--tide-yellow-300);--tide-warning-surface: var(--tide-yellow-100);--tide-warning-border: var(--tide-yellow-200)}.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(--tide-spacing-1\/4)}.tide-gap-1\/2{gap:var(--tide-spacing-1\/2)}.tide-gap-1{gap:var(--tide-spacing-1)}.tide-gap-2{gap:var(--tide-spacing-2)}.tide-gap-4{gap:var(--tide-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(--tide-spacing-1\/4)}.tide-margin-1\/2{margin:var(--tide-spacing-1\/2)}.tide-margin-1{margin:var(--tide-spacing-1)}.tide-margin-2{margin:var(--tide-spacing-2)}.tide-margin-4{margin:var(--tide-spacing-4)}.tide-margin-x-0{margin-left:0;margin-right:0}.tide-margin-x-1\/4{margin-left:var(--tide-spacing-1\/4);margin-right:var(--tide-spacing-1\/4)}.tide-margin-x-1\/2{margin-left:var(--tide-spacing-1\/2);margin-right:var(--tide-spacing-1\/2)}.tide-margin-x-1{margin-left:var(--tide-spacing-1);margin-right:var(--tide-spacing-1)}.tide-margin-x-2{margin-left:var(--tide-spacing-2);margin-right:var(--tide-spacing-2)}.tide-margin-x-4{margin-left:var(--tide-spacing-4);margin-right:var(--tide-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(--tide-spacing-1\/4);margin-bottom:var(--tide-spacing-1\/4)}.tide-margin-y-1\/2{margin-top:var(--tide-spacing-1\/2);margin-bottom:var(--tide-spacing-1\/2)}.tide-margin-y-1{margin-top:var(--tide-spacing-1);margin-bottom:var(--tide-spacing-1)}.tide-margin-y-2{margin-top:var(--tide-spacing-2);margin-bottom:var(--tide-spacing-2)}.tide-margin-y-4{margin-top:var(--tide-spacing-4);margin-bottom:var(--tide-spacing-4)}.tide-margin-top-0{margin-top:0}.tide-margin-top-1\/4{margin-top:var(--tide-spacing-1\/4)}.tide-margin-top-1\/2{margin-top:var(--tide-spacing-1\/2)}.tide-margin-top-1{margin-top:var(--tide-spacing-1)}.tide-margin-top-2{margin-top:var(--tide-spacing-2)}.tide-margin-top-4{margin-top:var(--tide-spacing-4)}.tide-margin-right-0{margin-right:0}.tide-margin-right-1\/4{margin-right:var(--tide-spacing-1\/4)}.tide-margin-right-1\/2{margin-right:var(--tide-spacing-1\/2)}.tide-margin-right-1{margin-right:var(--tide-spacing-1)}.tide-margin-right-2{margin-right:var(--tide-spacing-2)}.tide-margin-right-4{margin-right:var(--tide-spacing-4)}.tide-margin-right-auto{margin-right:auto}.tide-margin-bottom-0{margin-bottom:0}.tide-margin-bottom-1\/4{margin-bottom:var(--tide-spacing-1\/4)}.tide-margin-bottom-1\/2{margin-bottom:var(--tide-spacing-1\/2)}.tide-margin-bottom-1{margin-bottom:var(--tide-spacing-1)}.tide-margin-bottom-2{margin-bottom:var(--tide-spacing-2)}.tide-margin-bottom-4{margin-bottom:var(--tide-spacing-4)}.tide-margin-left-0{margin-left:0}.tide-margin-left-1\/2{margin-left:var(--tide-spacing-1\/2)}.tide-margin-left-1{margin-left:var(--tide-spacing-1)}.tide-margin-left-2{margin-left:var(--tide-spacing-2)}.tide-margin-left-4{margin-left:var(--tide-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(--tide-border-width-1)}.tide-border-2{border-width:var(--tide-border-width-2)}.tide-border-top-1{border-top-width:var(--tide-border-width-1)}.tide-border-right-1{border-right-width:var(--tide-border-width-1)}.tide-border-bottom-1{border-bottom-width:var(--tide-border-width-1)}.tide-border-left-1{border-left-width:var(--tide-border-width-1)}.tide-border-top-2{border-top-width:var(--tide-border-width-2)}.tide-border-right-2{border-right-width:var(--tide-border-width-2)}.tide-border-bottom-2{border-bottom-width:var(--tide-border-width-2)}.tide-border-left-2{border-left-width:var(--tide-border-width-2)}.tide-radius-1\/4{border-radius:var(--tide-radius-1\/4)}.tide-radius-1\/2{border-radius:var(--tide-radius-1\/2)}.tide-radius-1{border-radius:var(--tide-radius-1)}.tide-radius-full{border-radius:var(--tide-radius-full)}.tide-padding-0{padding:0}.tide-padding-1\/4{padding:var(--tide-spacing-1\/4)}.tide-padding-1\/2{padding:var(--tide-spacing-1\/2)}.tide-padding-1{padding:var(--tide-spacing-1)}.tide-padding-2{padding:var(--tide-spacing-2)}.tide-padding-4{padding:var(--tide-spacing-4)}.tide-padding-x-0{padding-left:0;padding-right:0}.tide-padding-x-1\/4{padding-left:var(--tide-spacing-1\/4);padding-right:var(--tide-spacing-1\/4)}.tide-padding-x-1\/2{padding-left:var(--tide-spacing-1\/2);padding-right:var(--tide-spacing-1\/2)}.tide-padding-x-1{padding-left:var(--tide-spacing-1);padding-right:var(--tide-spacing-1)}.tide-padding-x-2{padding-left:var(--tide-spacing-2);padding-right:var(--tide-spacing-2)}.tide-padding-x-4{padding-left:var(--tide-spacing-4);padding-right:var(--tide-spacing-4)}.tide-padding-y-0{padding-top:0;padding-bottom:0}.tide-padding-y-1\/4{padding-top:var(--tide-spacing-1\/4);padding-bottom:var(--tide-spacing-1\/4)}.tide-padding-y-1\/2{padding-top:var(--tide-spacing-1\/2);padding-bottom:var(--tide-spacing-1\/2)}.tide-padding-y-1{padding-top:var(--tide-spacing-1);padding-bottom:var(--tide-spacing-1)}.tide-padding-y-2{padding-top:var(--tide-spacing-2);padding-bottom:var(--tide-spacing-2)}.tide-padding-y-4{padding-top:var(--tide-spacing-4);padding-bottom:var(--tide-spacing-4)}.tide-padding-top-0{padding-top:0}.tide-padding-top-1\/4{padding-top:var(--tide-spacing-1\/4)}.tide-padding-top-1\/2{padding-top:var(--tide-spacing-1\/2)}.tide-padding-top-1{padding-top:var(--tide-spacing-1)}.tide-padding-top-2{padding-top:var(--tide-spacing-2)}.tide-padding-top-4{padding-top:var(--tide-spacing-4)}.tide-padding-right-0{padding-right:0}.tide-padding-right-1\/4{padding-right:var(--tide-spacing-1\/4)}.tide-padding-right-1\/2{padding-right:var(--tide-spacing-1\/2)}.tide-padding-right-1{padding-right:var(--tide-spacing-1)}.tide-padding-right-2{padding-right:var(--tide-spacing-2)}.tide-padding-right-4{padding-right:var(--tide-spacing-4)}.tide-padding-bottom-0{padding-bottom:0}.tide-padding-bottom-1\/4{padding-bottom:var(--tide-spacing-1\/4)}.tide-padding-bottom-1\/2{padding-bottom:var(--tide-spacing-1\/2)}.tide-padding-bottom-1{padding-bottom:var(--tide-spacing-1)}.tide-padding-bottom-2{padding-bottom:var(--tide-spacing-2)}.tide-padding-bottom-4{padding-bottom:var(--tide-spacing-4)}.tide-padding-left-0{padding-left:0}.tide-padding-left-1\/4{padding-left:var(--tide-spacing-1\/4)}.tide-padding-left-1\/2{padding-left:var(--tide-spacing-1\/2)}.tide-padding-left-1{padding-left:var(--tide-spacing-1)}.tide-padding-left-2{padding-left:var(--tide-spacing-2)}.tide-padding-left-4{padding-left:var(--tide-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(--tide-transparent-100)}.tide-transparent-200{background-color:var(--tide-transparent-200)}.tide-transparent-300{background-color:var(--tide-transparent-300)}.tide-transparent-400{background-color:var(--tide-transparent-400)}.tide-font-10{font-size:var(--tide-font-10)}.tide-font-12{font-size:var(--tide-font-12)}.tide-font-14{font-size:var(--tide-font-14)}.tide-font-16{font-size:var(--tide-font-16)}.tide-font-20{font-size:var(--tide-font-20)}.tide-font-24{font-size:var(--tide-font-24)}.tide-font-32{font-size:var(--tide-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-isolate{isolation:isolate}.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(--tide-shadow-bottom)}.tide-shadow-top{box-shadow:var(--tide-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(--tide-primary);border:2px solid var(--tide-primary);color:var(--tide-on-primary)}.secondary{background:2px solid var(--tide-surface);border:2px solid var(--tide-primary);color:var(--tide-primary)}.tertiary{background:var(--tide-white);border:1px solid var(--tide-border);color:var(--tide-secondary)}.quaternary{background:var(--tide-white);color:var(--tide-secondary)}.floating{background-color:var(--tide-transparent-100);color:var(--tide-secondary);box-shadow:var(--tide-shadow-bottom)}a.primary:hover,button.primary:enabled:hover{border:2px solid var(--tide-primary);background:2px solid var(--tide-white);color:var(--tide-primary)}a.secondary:hover,button.secondary:enabled:hover{background:var(--tide-primary);color:var(--tide-on-primary)}a.tertiary:hover,button.tertiary:enabled:hover{border:1px solid var(--tide-border-high)}a.quaternary:hover,button.quaternary:enabled:hover{background:var(--tide-surface-variant)}.floating:hover,button.floating:enabled:hover{background-color:var(--tide-white)}button.primary:disabled,button.secondary:disabled,button.tertiary:disabled,button.quaternary:disabled,button.floating:disabled{opacity:.32}.tide-bg-primary{background:var(--tide-primary)}.tide-bg-secondary{background:var(--tide-secondary)}.tide-bg-surface{background:var(--tide-surface)}.tide-bg-surface-variant{background:var(--tide-surface-variant)}.tide-bg-surface-brand{background:var(--tide-surface-brand)}.tide-bg-surface-accent{background:var(--tide-surface-accent)}.tide-bg-surface-accent-variant{background:var(--tide-surface-accent-variant)}.tide-bg-surface-gradient{background:var(--tide-surface-gradient)}.tide-bg-surface-floating{background:var(--tide-surface-floating)}.tide-bg-surface-error{background-color:var(--tide-error-surface)}.tide-bg-surface-info{background-color:var(--tide-info-surface)}.tide-bg-surface-success{background-color:var(--tide-success-surface)}.tide-bg-surface-warning{background-color:var(--tide-warning-surface)}.tide-bg-error{background-color:var(--tide-error-primary)}.tide-bg-info{background-color:var(--tide-info-primary)}.tide-bg-success{background-color:var(--tide-success-primary)}.tide-bg-warning{background-color:var(--tide-warning-primary)}.tide-border-primary{border-color:var(--tide-primary)}.tide-border{border-color:var(--tide-border)}.tide-border-low{border-color:var(--tide-border-low)}.tide-border-high{border-color:var(--tide-border-high)}.tide-border-floating{border-color:var(--tide-border-floating)}.tide-font-on-primary{color:var(--tide-on-primary)}.tide-font-on-secondary{color:var(--tide-on-secondary)}.tide-font-on-surface{color:var(--tide-on-surface)}.tide-font-on-surface-variant{color:var(--tide-on-surface-variant)}.tide-font-on-surface-brand{color:var(--tide-on-surface-brand)}.tide-font-on-surface-inverse{color:var(--tide-on-surface-inverse)}.tide-font-on-surface-variant-inverse{color:var(--tide-on-surface-inverse-variant)}.tide-page-layout{--tide-max-content-width: 1168px;--tide-gap: 0px;--tide-column-count: 12;--tide-min-gutter-width: var(--tide-spacing-1);--tide-gutter-width: minmax(var(--tide-min-gutter-width), 1fr);--tide-max-column-size: calc((var(--tide-max-content-width) - (var(--tide-gap) * (var(--tide-column-count) - 1))) / var(--tide-column-count));--tide-content-columns: repeat(var(--tide-column-count), minmax(0px, var(--tide-max-column-size)));display:grid;gap:0 var(--tide-gap);grid-auto-rows:min-content;grid-template-columns:[start] var(--tide-gutter-width) [content-start] var(--tide-content-columns) [content-end] var(--tide-gutter-width) [end]}.tide-page-layout>*,.tide-layout-item{--tide-start: calc(var(--tide-column-start) + 1);--tide-end: calc(var(--tide-column-end) + 2);--tide-start-end: var(--tide-start, content-start) / var(--tide-end, content-end);grid-column:var(--tide-column, var(--tide-start-end))}.tide-fluid{grid-column:1 / -1}.tide-start-0{--tide-column-start: 0}.tide-start-1{--tide-column-start: 1}.tide-start-2{--tide-column-start: 2}.tide-start-3{--tide-column-start: 3}.tide-start-4{--tide-column-start: 4}.tide-start-5{--tide-column-start: 5}.tide-start-6{--tide-column-start: 6}.tide-start-7{--tide-column-start: 7}.tide-start-8{--tide-column-start: 8}.tide-start-9{--tide-column-start: 9}.tide-start-10{--tide-column-start: 10}.tide-start-11{--tide-column-start: 11}.tide-start-12{--tide-column-start: 12}.tide-end-1{--tide-column-end: 1}.tide-end-2{--tide-column-end: 2}.tide-end-3{--tide-column-end: 3}.tide-end-4{--tide-column-end: 4}.tide-end-5{--tide-column-end: 5}.tide-end-6{--tide-column-end: 6}.tide-end-7{--tide-column-end: 7}.tide-end-8{--tide-column-end: 8}.tide-end-9{--tide-column-end: 9}.tide-end-10{--tide-column-end: 10}.tide-end-11{--tide-column-end: 11}.tide-end-12{--tide-column-end: 12}.tide-end-13{--tide-column-end: 13}
+.tide-icon svg[data-v-30daad21]{width:1.5rem;height:1.5rem}.tide-icon.small svg[data-v-30daad21]{width:1.25rem;height:1.25rem}.tide-indicator[data-v-b3905972]{width:.5rem;height:.5rem}.tide-indicator-label[data-v-b3905972]{width:1rem;height:1rem}.border-white[data-v-b3905972]{border-color:#fff}.tide-accordion-body[data-v-ad283103]{transition:grid-template-rows var(--tide-animate)}.tide-alert[data-v-279a5605]{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-279a5605]{grid-area:icon}.tide-alert-heading[data-v-279a5605]{grid-area:heading}.tide-alert-close[data-v-279a5605]{grid-area:close}.tide-alert-body[data-v-279a5605]{grid-area:body}.tide-button-icon[data-v-0710b4ab],.tide-link-as-button-icon[data-v-0710b4ab]{border:1px solid var(--tide-white);background:var(--tide-white);color:var(--tide-secondary)}.tide-button-icon[data-v-0710b4ab]:not(:disabled):hover,.tide-link-as-button-icon[data-v-0710b4ab]:not(:disabled):hover{border:1px solid var(--tide-surface-variant);background:var(--tide-surface-variant)}.tide-button-icon[data-v-0710b4ab]:disabled,.tide-link-as-button-icon[data-v-0710b4ab]:disabled{border:1px solid var(--tide-border-high)}.tide-button-icon .label[data-v-0710b4ab],.tide-link-as-button-icon .label[data-v-0710b4ab]{width:1.5rem;height:1.5rem}.tide-chip-action[data-v-99f83e8d]:hover{background-color:var(--tide-surface-variant);border-color:var(--tide-border-high)}.tide-chip-filter[data-v-c07faf14]{border-color:var(--tide-surface-variant)}.tide-chip-filter.active[data-v-c07faf14]{border-color:var(--tide-secondary)}.tide-chip-filter[data-v-c07faf14]:hover{background-color:var(--tide-surface-variant);border-color:var(--tide-border);color:var(--tide-on-surface)}.tide-chip-input[data-v-62b9f1c0]{border-color:var(--tide-border)}.tide-chip-input[data-v-62b9f1c0]:hover{border-color:var(--tide-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-c820007d]{opacity:var(--tide-disabled)}.tide-input-radio-custom[data-v-c820007d]{width:var(--tide-font-28);height:var(--tide-font-28)}.tide-input-radio-check[data-v-c820007d]{width:1rem;height:1rem}select[data-v-c500c562]{-webkit-appearance:none;-moz-appearance:none;appearance:none}label[data-v-c500c562]{height:1.1875rem;transition:font-size var(--tide-animate),transform var(--tide-animate)}label[data-v-c500c562]:not(.minilabel){transform:translateY(.5625rem)}.tide-input-select.disabled[data-v-c500c562]{opacity:var(--tide-disabled)}.tide-input-select.error .tide-input-border[data-v-c500c562]{outline-color:var(--tide-error-border);background-color:var(--tide-error-surface)}.tide-input-select.error:focus-within .tide-input-border[data-v-c500c562]{outline-color:var(--tide-error-border)}.tide-input-select:focus-within .tide-input-border[data-v-c500c562]{--tide-input-outline-width: var(--tide-border-width-2);outline-color:var(--tide-surface-border-high)}.tide-input-border[data-v-c500c562]{--tide-input-outline-width: var(--tide-border-width-1);outline:var(--tide-input-outline-width) solid var(--tide-border);outline-offset:calc(var(--tide-input-outline-width) * -1)}.tide-input-select.error[data-v-c500c562]{color:var(--tide-error-on-surface)}.tide-input-select.error option[data-v-c500c562]{color:var(--tide-on-surface)}select[data-v-c500c562]{padding-top:27px}label[data-v-b8328f68]{height:1.1875rem;transition:font-size var(--tide-animate),transform var(--tide-animate)}label[data-v-b8328f68]:not(.minilabel),.tide-input-text-prefix[data-v-b8328f68]:not(.offset),.tide-input-text-suffix[data-v-b8328f68]:not(.offset){transform:translateY(.5625rem)}.tide-input-text-prefix[data-v-b8328f68],.tide-input-text-suffix[data-v-b8328f68]{transition:transform var(--tide-animate)}.tide-input-text.disabled[data-v-b8328f68]{opacity:var(--tide-disabled)}.tide-input-text.error[data-v-b8328f68]{color:var(--tide-error-on-surface)}.tide-input-text.error .tide-input-border[data-v-b8328f68]{outline-color:var(--tide-error-border);background-color:var(--tide-error-surface)}.tide-input-text.error:focus-within .tide-input-border[data-v-b8328f68]{outline-color:var(--tide-error-border)}.tide-input-text:focus-within .tide-input-border[data-v-b8328f68]{--tide-input-outline-width: var(--tide-border-width-2);outline-color:var(--tide-surface-border-high)}.tide-input-text input[data-v-b8328f68]{outline:none}.tide-input-border[data-v-b8328f68]{--tide-input-outline-width: var(--tide-border-width-1);outline:var(--tide-input-outline-width) solid var(--tide-border);outline-offset:calc(var(--tide-input-outline-width) * -1);color:var(--tide-surface-foreground)}textarea[data-v-022c8af4]{resize:vertical}label[data-v-022c8af4]{height:1.1875rem;transition:font-size var(--tide-animate),transform var(--tide-animate)}label[data-v-022c8af4]:not(.minilabel),.tide-input-textarea-prefix[data-v-022c8af4]:not(.offset),.tide-input-textarea-suffix[data-v-022c8af4]:not(.offset){transform:translateY(.5625rem)}.tide-input-textarea-prefix[data-v-022c8af4],.tide-input-textarea-suffix[data-v-022c8af4]{transition:transform var(--tide-animate)}.tide-input-textarea.error[data-v-022c8af4]{color:var(--tide-error-on-surface)}.tide-input-textarea.error .tide-input-textarea-field[data-v-022c8af4]{outline-color:var(--tide-error-border);background-color:var(--tide-error-surface)}.tide-input-textarea.error:focus-within .tide-input-textarea-field[data-v-022c8af4]{outline-color:var(--tide-error-border)}.tide-input-textarea:focus-within .tide-input-textarea-field[data-v-022c8af4]{--tide-input-outline-width: var(--tide-border-width-2);outline-color:var(--tide-surface-border-high)}.tide-input-textarea textarea[data-v-022c8af4]{outline:none}.tide-input-textarea-field[data-v-022c8af4]{--tide-input-outline-width: var(--tide-border-width-1);outline:var(--tide-input-outline-width) solid var(--tide-border);outline-offset:calc(var(--tide-input-outline-width) * -1);color:var(--tide-surface-foreground)}.tide-modal[data-v-30035972]{width:var(--tide-modal-width);max-width:calc(100% - 2rem);max-height:calc(100% - 2rem);box-shadow:0 10px 25px #122b3a33;transform:translateY(100vh);transition:var(--tide-animate);transition-property:transform}.tide-modal-bg[data-v-30035972]{-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);background-color:#fff0;transition:var(--tide-animate);transition-property:backdrop-filter,background-color}.active .tide-modal[data-v-30035972]{transform:translateY(0)}.active .tide-modal-bg[data-v-30035972]{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:var(--tide-transparent-400)}.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-894fc638]{max-width:23.3rem}.tide-tabs-tab[data-v-894fc638]{flex:1;transition:background-color var(--tide-animate)}.inactive[data-v-894fc638]:not(:hover){border:1px solid var(--tide-surface-variant)}.inactive[data-v-894fc638]:hover{border:1px solid var(--tide-border)}.tide-toggle[data-v-59d06131]{width:64px;height:32px;transition:var(--tide-animate);transition-property:background-color}.tide-toggle[data-v-59d06131]:disabled{opacity:.32}.tide-toggle.active[data-v-59d06131]{border-color:var(--tide-secondary)}.tide-toggle.active .tide-toggle-indicator[data-v-59d06131]{left:36px}.tide-toggle-indicator[data-v-59d06131]{left:4px;transition:var(--tide-animate);transition-property:left,border-color,background-color}:root{--tide-font-10: .625rem;--tide-font-12: .75rem;--tide-font-14: .875rem;--tide-font-16: 1rem;--tide-font-20: 1.25rem;--tide-font-24: 1.5rem;--tide-font-28: 1.75rem;--tide-font-32: 2rem;--tide-font-400: 400;--tide-font-500: 500;--tide-font-600: 600;--tide-font-700: 700;--tide-animate: .3s ease-in-out;--tide-spacing-0: 0rem;--tide-spacing-1\/4: .25rem;--tide-spacing-1\/2: .5rem;--tide-spacing-1: 1rem;--tide-spacing-2: 2rem;--tide-spacing-4: 4rem;--tide-border-width-1: 1px;--tide-border-width-2: 2px;--tide-border-1: var(--tide-border-width-1) solid var(--tide-black);--tide-border-2: var(--tide-border-width-2) solid var(--tide-black);--tide-radius-1\/4: 4px;--tide-radius-1\/2: 8px;--tide-radius-1: 16px;--tide-radius-full: 99999px;--tide-black: var(--tide-gray-900);--tide-white: var(--tide-gray-100);--tide-disabled: .333;--tide-shadow-bottom: 0px 2px 8px 2px rgba(0, 0, 0, .07);--tide-shadow-top: 0px -2px 8px 2px rgba(0, 0, 0, .07);--tide-transparent-100: rgba(255, 255, 255, .9);--tide-transparent-200: rgba(255, 255, 255, .75);--tide-transparent-300: rgba(0, 0, 0, .1);--tide-transparent-400: rgba(0, 0, 0, .5);--tide-blue-100: #D1E0EB;--tide-blue-200: #A4C1D7;--tide-blue-300: #76A3C4;--tide-blue-400: #4984B0;--tide-gray-100: #FFFFFF;--tide-gray-200: #F5F5F5;--tide-gray-300: #E4E4E4;--tide-gray-400: #C9CACB;--tide-gray-500: #AEAFB2;--tide-gray-600: #939598;--tide-gray-700: #6E7072;--tide-gray-800: #494A4C;--tide-gray-900: #252526;--tide-gray-1000: #000000;--tide-green-100: #E6EFCF;--tide-green-200: #CDE09E;--tide-green-300: #B4D06E;--tide-green-400: #9BC13D;--tide-red-100: #EFCFCF;--tide-red-200: #E09E9E;--tide-red-300: #D06E6E;--tide-red-400: #C13D3D;--tide-red-500: #912E2E;--tide-yellow-100: #FEF2CC;--tide-yellow-200: #FCE499;--tide-yellow-300: #FBD766;--tide-yellow-400: #FACA33;--tide-error-primary: var(--tide-red-400);--tide-error-primary-border: var(--tide-red-300);--tide-error-surface: var(--tide-red-100);--tide-error-border: var(--tide-red-400);--tide-error-border-low: var(--tide-red-200);--tide-error-border-high: var(--tide-red-500);--tide-error-on-surface: var(--tide-red-400);--tide-error-on-surface-variant: var(--tide-red-500 );--tide-info-primary: var(--tide-blue-400);--tide-info-primary-border: var(--tide-blue-300);--tide-info-surface: var(--tide-blue-100);--tide-info-border: var(--tide-blue-200);--tide-success-primary: var(--tide-green-400);--tide-success-primary-border: var(--tide-green-300);--tide-success-surface: var(--tide-green-100);--tide-success-border: var(--tide-green-200);--tide-warning-primary: var(--tide-yellow-400);--tide-warning-primary-border: var(--tide-yellow-300);--tide-warning-surface: var(--tide-yellow-100);--tide-warning-border: var(--tide-yellow-200)}.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(--tide-spacing-1\/4)}.tide-gap-1\/2{gap:var(--tide-spacing-1\/2)}.tide-gap-1{gap:var(--tide-spacing-1)}.tide-gap-2{gap:var(--tide-spacing-2)}.tide-gap-4{gap:var(--tide-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(--tide-spacing-1\/4)}.tide-margin-1\/2{margin:var(--tide-spacing-1\/2)}.tide-margin-1{margin:var(--tide-spacing-1)}.tide-margin-2{margin:var(--tide-spacing-2)}.tide-margin-4{margin:var(--tide-spacing-4)}.tide-margin-x-0{margin-left:0;margin-right:0}.tide-margin-x-1\/4{margin-left:var(--tide-spacing-1\/4);margin-right:var(--tide-spacing-1\/4)}.tide-margin-x-1\/2{margin-left:var(--tide-spacing-1\/2);margin-right:var(--tide-spacing-1\/2)}.tide-margin-x-1{margin-left:var(--tide-spacing-1);margin-right:var(--tide-spacing-1)}.tide-margin-x-2{margin-left:var(--tide-spacing-2);margin-right:var(--tide-spacing-2)}.tide-margin-x-4{margin-left:var(--tide-spacing-4);margin-right:var(--tide-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(--tide-spacing-1\/4);margin-bottom:var(--tide-spacing-1\/4)}.tide-margin-y-1\/2{margin-top:var(--tide-spacing-1\/2);margin-bottom:var(--tide-spacing-1\/2)}.tide-margin-y-1{margin-top:var(--tide-spacing-1);margin-bottom:var(--tide-spacing-1)}.tide-margin-y-2{margin-top:var(--tide-spacing-2);margin-bottom:var(--tide-spacing-2)}.tide-margin-y-4{margin-top:var(--tide-spacing-4);margin-bottom:var(--tide-spacing-4)}.tide-margin-top-0{margin-top:0}.tide-margin-top-1\/4{margin-top:var(--tide-spacing-1\/4)}.tide-margin-top-1\/2{margin-top:var(--tide-spacing-1\/2)}.tide-margin-top-1{margin-top:var(--tide-spacing-1)}.tide-margin-top-2{margin-top:var(--tide-spacing-2)}.tide-margin-top-4{margin-top:var(--tide-spacing-4)}.tide-margin-right-0{margin-right:0}.tide-margin-right-1\/4{margin-right:var(--tide-spacing-1\/4)}.tide-margin-right-1\/2{margin-right:var(--tide-spacing-1\/2)}.tide-margin-right-1{margin-right:var(--tide-spacing-1)}.tide-margin-right-2{margin-right:var(--tide-spacing-2)}.tide-margin-right-4{margin-right:var(--tide-spacing-4)}.tide-margin-right-auto{margin-right:auto}.tide-margin-bottom-0{margin-bottom:0}.tide-margin-bottom-1\/4{margin-bottom:var(--tide-spacing-1\/4)}.tide-margin-bottom-1\/2{margin-bottom:var(--tide-spacing-1\/2)}.tide-margin-bottom-1{margin-bottom:var(--tide-spacing-1)}.tide-margin-bottom-2{margin-bottom:var(--tide-spacing-2)}.tide-margin-bottom-4{margin-bottom:var(--tide-spacing-4)}.tide-margin-left-0{margin-left:0}.tide-margin-left-1\/2{margin-left:var(--tide-spacing-1\/2)}.tide-margin-left-1{margin-left:var(--tide-spacing-1)}.tide-margin-left-2{margin-left:var(--tide-spacing-2)}.tide-margin-left-4{margin-left:var(--tide-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(--tide-border-width-1)}.tide-border-2{border-width:var(--tide-border-width-2)}.tide-border-top-1{border-top-width:var(--tide-border-width-1)}.tide-border-right-1{border-right-width:var(--tide-border-width-1)}.tide-border-bottom-1{border-bottom-width:var(--tide-border-width-1)}.tide-border-left-1{border-left-width:var(--tide-border-width-1)}.tide-border-top-2{border-top-width:var(--tide-border-width-2)}.tide-border-right-2{border-right-width:var(--tide-border-width-2)}.tide-border-bottom-2{border-bottom-width:var(--tide-border-width-2)}.tide-border-left-2{border-left-width:var(--tide-border-width-2)}.tide-radius-1\/4{border-radius:var(--tide-radius-1\/4)}.tide-radius-1\/2{border-radius:var(--tide-radius-1\/2)}.tide-radius-1{border-radius:var(--tide-radius-1)}.tide-radius-full{border-radius:var(--tide-radius-full)}.tide-padding-0{padding:0}.tide-padding-1\/4{padding:var(--tide-spacing-1\/4)}.tide-padding-1\/2{padding:var(--tide-spacing-1\/2)}.tide-padding-1{padding:var(--tide-spacing-1)}.tide-padding-2{padding:var(--tide-spacing-2)}.tide-padding-4{padding:var(--tide-spacing-4)}.tide-padding-x-0{padding-left:0;padding-right:0}.tide-padding-x-1\/4{padding-left:var(--tide-spacing-1\/4);padding-right:var(--tide-spacing-1\/4)}.tide-padding-x-1\/2{padding-left:var(--tide-spacing-1\/2);padding-right:var(--tide-spacing-1\/2)}.tide-padding-x-1{padding-left:var(--tide-spacing-1);padding-right:var(--tide-spacing-1)}.tide-padding-x-2{padding-left:var(--tide-spacing-2);padding-right:var(--tide-spacing-2)}.tide-padding-x-4{padding-left:var(--tide-spacing-4);padding-right:var(--tide-spacing-4)}.tide-padding-y-0{padding-top:0;padding-bottom:0}.tide-padding-y-1\/4{padding-top:var(--tide-spacing-1\/4);padding-bottom:var(--tide-spacing-1\/4)}.tide-padding-y-1\/2{padding-top:var(--tide-spacing-1\/2);padding-bottom:var(--tide-spacing-1\/2)}.tide-padding-y-1{padding-top:var(--tide-spacing-1);padding-bottom:var(--tide-spacing-1)}.tide-padding-y-2{padding-top:var(--tide-spacing-2);padding-bottom:var(--tide-spacing-2)}.tide-padding-y-4{padding-top:var(--tide-spacing-4);padding-bottom:var(--tide-spacing-4)}.tide-padding-top-0{padding-top:0}.tide-padding-top-1\/4{padding-top:var(--tide-spacing-1\/4)}.tide-padding-top-1\/2{padding-top:var(--tide-spacing-1\/2)}.tide-padding-top-1{padding-top:var(--tide-spacing-1)}.tide-padding-top-2{padding-top:var(--tide-spacing-2)}.tide-padding-top-4{padding-top:var(--tide-spacing-4)}.tide-padding-right-0{padding-right:0}.tide-padding-right-1\/4{padding-right:var(--tide-spacing-1\/4)}.tide-padding-right-1\/2{padding-right:var(--tide-spacing-1\/2)}.tide-padding-right-1{padding-right:var(--tide-spacing-1)}.tide-padding-right-2{padding-right:var(--tide-spacing-2)}.tide-padding-right-4{padding-right:var(--tide-spacing-4)}.tide-padding-bottom-0{padding-bottom:0}.tide-padding-bottom-1\/4{padding-bottom:var(--tide-spacing-1\/4)}.tide-padding-bottom-1\/2{padding-bottom:var(--tide-spacing-1\/2)}.tide-padding-bottom-1{padding-bottom:var(--tide-spacing-1)}.tide-padding-bottom-2{padding-bottom:var(--tide-spacing-2)}.tide-padding-bottom-4{padding-bottom:var(--tide-spacing-4)}.tide-padding-left-0{padding-left:0}.tide-padding-left-1\/4{padding-left:var(--tide-spacing-1\/4)}.tide-padding-left-1\/2{padding-left:var(--tide-spacing-1\/2)}.tide-padding-left-1{padding-left:var(--tide-spacing-1)}.tide-padding-left-2{padding-left:var(--tide-spacing-2)}.tide-padding-left-4{padding-left:var(--tide-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(--tide-transparent-100)}.tide-transparent-200{background-color:var(--tide-transparent-200)}.tide-transparent-300{background-color:var(--tide-transparent-300)}.tide-transparent-400{background-color:var(--tide-transparent-400)}.tide-font-10{font-size:var(--tide-font-10)}.tide-font-12{font-size:var(--tide-font-12)}.tide-font-14{font-size:var(--tide-font-14)}.tide-font-16{font-size:var(--tide-font-16)}.tide-font-20{font-size:var(--tide-font-20)}.tide-font-24{font-size:var(--tide-font-24)}.tide-font-32{font-size:var(--tide-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-isolate{isolation:isolate}.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-opacity{opacity:1}.tide-opacity-none{opacity:0}.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(--tide-shadow-bottom)}.tide-shadow-top{box-shadow:var(--tide-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(--tide-primary);border:2px solid var(--tide-primary);color:var(--tide-on-primary)}.secondary{background:2px solid var(--tide-surface);border:2px solid var(--tide-primary);color:var(--tide-primary)}.tertiary{background:var(--tide-white);border:1px solid var(--tide-border);color:var(--tide-secondary)}.quaternary{background:var(--tide-white);color:var(--tide-secondary)}.floating{background-color:var(--tide-transparent-100);color:var(--tide-secondary);box-shadow:var(--tide-shadow-bottom)}a.primary:hover,button.primary:enabled:hover{border:2px solid var(--tide-primary);background:2px solid var(--tide-white);color:var(--tide-primary)}a.secondary:hover,button.secondary:enabled:hover{background:var(--tide-primary);color:var(--tide-on-primary)}a.tertiary:hover,button.tertiary:enabled:hover{border:1px solid var(--tide-border-high)}a.quaternary:hover,button.quaternary:enabled:hover{background:var(--tide-surface-variant)}.floating:hover,button.floating:enabled:hover{background-color:var(--tide-white)}button.primary:disabled,button.secondary:disabled,button.tertiary:disabled,button.quaternary:disabled,button.floating:disabled{opacity:.32}.tide-bg-primary{background:var(--tide-primary)}.tide-bg-secondary{background:var(--tide-secondary)}.tide-bg-surface{background:var(--tide-surface)}.tide-bg-surface-variant{background:var(--tide-surface-variant)}.tide-bg-surface-brand{background:var(--tide-surface-brand)}.tide-bg-surface-accent{background:var(--tide-surface-accent)}.tide-bg-surface-accent-variant{background:var(--tide-surface-accent-variant)}.tide-bg-surface-gradient{background:var(--tide-surface-gradient)}.tide-bg-surface-floating{background:var(--tide-surface-floating)}.tide-bg-surface-error{background-color:var(--tide-error-surface)}.tide-bg-surface-info{background-color:var(--tide-info-surface)}.tide-bg-surface-success{background-color:var(--tide-success-surface)}.tide-bg-surface-warning{background-color:var(--tide-warning-surface)}.tide-bg-error{background-color:var(--tide-error-primary)}.tide-bg-info{background-color:var(--tide-info-primary)}.tide-bg-success{background-color:var(--tide-success-primary)}.tide-bg-warning{background-color:var(--tide-warning-primary)}.tide-border-primary{border-color:var(--tide-primary)}.tide-border{border-color:var(--tide-border)}.tide-border-low{border-color:var(--tide-border-low)}.tide-border-high{border-color:var(--tide-border-high)}.tide-border-floating{border-color:var(--tide-border-floating)}.tide-font-on-primary{color:var(--tide-on-primary)}.tide-font-on-secondary{color:var(--tide-on-secondary)}.tide-font-on-surface{color:var(--tide-on-surface)}.tide-font-on-surface-variant{color:var(--tide-on-surface-variant)}.tide-font-on-surface-brand{color:var(--tide-on-surface-brand)}.tide-font-on-surface-inverse{color:var(--tide-on-surface-inverse)}.tide-font-on-surface-variant-inverse{color:var(--tide-on-surface-inverse-variant)}:root{--tide-1232px: 73rem;--tide-1920px: 120rem;--tide-column-count: 12;--tide-column-width: minmax(0, calc((var(--tide-1232px) - var(--tide-gap-count) * var(--tide-gap-width)) / var(--tide-column-count)));--tide-gap-count: calc(var(--tide-column-count) - 1);--tide-gap-width: var(--tide-spacing-1);--tide-gutter-width: var(--tide-spacing-1);--tide-gutter-width-offset: calc(var(--tide-gutter-width) - var(--tide-gap-width))}@media (min-width: 768px){:root{--tide-gutter-width: var(--tide-spacing-2)}}@media (min-width: 992px){:root{--tide-gap-width: var(--tide-spacing-2)}}.tide-grid-layout{display:grid;grid-auto-rows:min-content;grid-template-columns:minmax(var(--tide-gutter-width-offset),1fr) repeat(12,var(--tide-column-width)) minmax(var(--tide-gutter-width-offset),1fr);gap:var(--tide-spacing-1) var(--tide-gap-width)}.tide-grid-layout>*{grid-column:2 / -2}.tide-fluid{grid-column:1 / -1}.tide-max-1920px{max-width:var(--tide-1920px)}.tide-start-0{grid-column-start:1}.tide-start-1{grid-column-start:2}.tide-start-2{grid-column-start:3}.tide-start-3{grid-column-start:4}.tide-start-4{grid-column-start:5}.tide-start-5{grid-column-start:6}.tide-start-6{grid-column-start:7}.tide-start-7{grid-column-start:8}.tide-start-8{grid-column-start:9}.tide-start-9{grid-column-start:10}.tide-start-10{grid-column-start:11}.tide-start-11{grid-column-start:12}.tide-start-12{grid-column-start:13}.tide-end-1{grid-column-end:3}.tide-end-2{grid-column-end:4}.tide-end-3{grid-column-end:5}.tide-end-4{grid-column-end:6}.tide-end-5{grid-column-end:7}.tide-end-6{grid-column-end:8}.tide-end-7{grid-column-end:9}.tide-end-8{grid-column-end:10}.tide-end-9{grid-column-end:11}.tide-end-10{grid-column-end:12}.tide-end-11{grid-column-end:13}.tide-end-12{grid-column-end:14}.tide-end-13{grid-column-end:15}

package/dist/tide-design-system.js

@@ -1,4 +1,4 @@
-import { A as s, B as T, a as d, b as t, C as n, E as o, c as r, I as E, P as I, R as u, S as p, T as A, d as B, e as C, f as g, g as m, h as R, i as c, j as l, k as S, l as P, m as D, n as L, o as M, p as G, q as _, r as h, s as x, t as N, u as b, v as k, w as O, x as f, y as v, z as F, D as U, F as j, G as q, H as w, J as y, K as z } from "./index-1042d93b.js";
+import { A as s, B as T, a as d, b as t, C as n, E as o, c as r, I as E, P as I, R as u, S as p, T as A, d as B, e as C, f as g, g as m, h as R, i as c, j as l, k as S, l as P, m as D, n as L, o as M, p as G, q as _, r as h, s as x, t as N, u as b, v as k, w as O, x as f, y as v, z as F, D as U, F as j, G as q, H as w, J as y, K as z } from "./index-76cfd397.js";
 import "vue";
 export {
   s as ALERT,

package/dist/types/Orientation.ts

@@ -0,0 +1,6 @@
+export const ORIENTATION = {
+  HORIZONTAL: 'horizontal',
+  VERTICAL: 'vertical',
+} as const;
+
+export type Orientation = (typeof ORIENTATION)[keyof typeof ORIENTATION];

package/dist/types/Styles.ts

@@ -152,6 +152,41 @@ export const CSS = {
     QUARTER: 'tide-gap-1/4',
     TWO: 'tide-gap-2',
   },
+  GRID: {
+    END: {
+      END_1: 'tide-start-1',
+      END_10: 'tide-start-10',
+      END_11: 'tide-start-11',
+      END_12: 'tide-start-12',
+      END_13: 'tide-start-13',
+      END_2: 'tide-start-2',
+      END_3: 'tide-start-3',
+      END_4: 'tide-start-4',
+      END_5: 'tide-start-5',
+      END_6: 'tide-start-6',
+      END_7: 'tide-start-7',
+      END_8: 'tide-start-8',
+      END_9: 'tide-start-9',
+    },
+    FLUID: 'tide-fluid',
+    LAYOUT: 'tide-grid-layout',
+    MAX_1920: 'tide-grid-layout',
+    START: {
+      START_0: 'tide-start-0',
+      START_1: 'tide-start-1',
+      START_10: 'tide-start-10',
+      START_11: 'tide-start-11',
+      START_12: 'tide-start-12',
+      START_2: 'tide-start-2',
+      START_3: 'tide-start-3',
+      START_4: 'tide-start-4',
+      START_5: 'tide-start-5',
+      START_6: 'tide-start-6',
+      START_7: 'tide-start-7',
+      START_8: 'tide-start-8',
+      START_9: 'tide-start-9',
+    },
+  },
   HEIGHT: {
     FULL: 'tide-height-full',
   },
@@ -218,6 +253,10 @@ export const CSS = {
     COVER: 'tide-object-cover',
     SCALE_DOWN: 'tide-object-scale-down',
   },
+  OPACITY: {
+    OFF: 'tide-opacity-none',
+    ON: 'tide-opacity',
+  },
   OVERFLOW: {
     X: {
       AUTO: 'tide-x-auto',

package/package.json

@@ -1,6 +1,5 @@
 {
   "author": "Trader Interactive",
-  "dependencies": {},
   "description": "TIDE Design System",
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.2.0",
@@ -58,5 +57,5 @@
     "type-check": "vue-tsc --noEmit"
   },
   "type": "module",
-  "version": "2.0.6"
+  "version": "2.0.8"
 }

package/dist/css/page-layout.css

@@ -1,53 +0,0 @@
-.tide-page-layout {
-  --tide-max-content-width: 1168px;
-  --tide-gap:               0px;
-  --tide-column-count:      12;
-  --tide-min-gutter-width:  var(--tide-spacing-1);
-  --tide-gutter-width:      minmax(var(--tide-min-gutter-width), 1fr);
-  --tide-max-column-size:   calc((var(--tide-max-content-width) - (var(--tide-gap) * (var(--tide-column-count) - 1))) / var(--tide-column-count));
-  --tide-content-columns:   repeat(var(--tide-column-count), minmax(0px, var(--tide-max-column-size)));
-
-  display:               grid;
-  gap:                   0 var(--tide-gap);
-  grid-auto-rows:        min-content;
-  grid-template-columns: [start] var(--tide-gutter-width) [content-start] var(--tide-content-columns) [content-end] var(--tide-gutter-width) [end];
-}
-
-.tide-page-layout > *,
-.tide-layout-item {
-  --tide-start:     calc(var(--tide-column-start) + 1);
-  --tide-end:       calc(var(--tide-column-end) + 2);
-  --tide-start-end: var(--tide-start, content-start) / var(--tide-end, content-end);
-
-  grid-column: var(--tide-column, var(--tide-start-end));
-}
-
-.tide-fluid {grid-column: 1 / -1;}
-
-.tide-start-0 {--tide-column-start: 0;}
-.tide-start-1 {--tide-column-start: 1;}
-.tide-start-2 {--tide-column-start: 2;}
-.tide-start-3 {--tide-column-start: 3;}
-.tide-start-4 {--tide-column-start: 4;}
-.tide-start-5 {--tide-column-start: 5;}
-.tide-start-6 {--tide-column-start: 6;}
-.tide-start-7 {--tide-column-start: 7;}
-.tide-start-8 {--tide-column-start: 8;}
-.tide-start-9 {--tide-column-start: 9;}
-.tide-start-10 {--tide-column-start: 10;}
-.tide-start-11 {--tide-column-start: 11;}
-.tide-start-12 {--tide-column-start: 12;}
-
-.tide-end-1 {--tide-column-end: 1;}
-.tide-end-2 {--tide-column-end: 2;}
-.tide-end-3 {--tide-column-end: 3;}
-.tide-end-4 {--tide-column-end: 4;}
-.tide-end-5 {--tide-column-end: 5;}
-.tide-end-6 {--tide-column-end: 6;}
-.tide-end-7 {--tide-column-end: 7;}
-.tide-end-8 {--tide-column-end: 8;}
-.tide-end-9 {--tide-column-end: 9;}
-.tide-end-10 {--tide-column-end: 10;}
-.tide-end-11 {--tide-column-end: 11;}
-.tide-end-12 {--tide-column-end: 12;}
-.tide-end-13 {--tide-column-end: 13;}