.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;display:flex;max-width:100%;max-height:100%;z-index:1000}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);opacity:0;touch-action:manipulation;z-index:1000;transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1)}@media(prefers-reduced-motion){.cdk-overlay-backdrop{transition-duration:1ms}}.cdk-overlay-backdrop-showing{opacity:1}@media(forced-colors: active){.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.32)}.cdk-overlay-transparent-backdrop{transition:visibility 1ms linear,opacity 1ms linear;visibility:hidden;opacity:1}.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing,.cdk-high-contrast-active .cdk-overlay-transparent-backdrop{opacity:0;visibility:visible}.cdk-overlay-backdrop-noop-animation{transition:none}.cdk-overlay-connected-position-bounding-box{position:absolute;display:flex;flex-direction:column;min-width:1px;min-height:1px;z-index:1000}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll} @font-face{font-family:"bwi-font";src:url(../popup/fonts/bwi-font.170752841debf23ca352.svg) format("svg"),url(../popup/fonts/bwi-font.0ee50304b93ab65e19a0.ttf) format("truetype"),url(../popup/fonts/bwi-font.a23cfd6b2201e4a91b6d.woff) format("woff"),url(../popup/fonts/bwi-font.92ce2a50b08479e5f78f.woff2) format("woff2");font-weight:normal;font-style:normal;font-display:block}.bwi{font-family:"bwi-font" !important;speak:never;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.bwi-fw{width:1.2857142857em;text-align:center}.bwi-sm{font-size:.875em}.bwi-lg{font-size:1.3333333333em;line-height:.75em;vertical-align:-15%}.bwi-2x{font-size:2em}.bwi-3x{font-size:3em}.bwi-4x{font-size:4em}.bwi-spin{animation:bwi-spin 2s infinite linear}@keyframes bwi-spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.bwi-ul{padding-left:0;margin-left:2.1428571429em;list-style-type:none}.bwi-ul>li{position:relative}.bwi-li{position:absolute;left:-2.1428571429em;width:2.1428571429em;top:.1428571429em;text-align:center}.bwi-li.bwi-lg{left:-1.8571428571em}.bwi-rotate-270{transform:rotate(270deg)}.bwi-angle-down:before{content:""}.bwi-angle-left:before{content:""}.bwi-angle-right:before{content:""}.bwi-angle-up:before{content:""}.bwi-bell:before{content:""}.bwi-billing:before{content:""}.bwi-bitcoin:before{content:""}.bwi-browser-alt:before{content:""}.bwi-browser:before{content:""}.bwi-brush:before{content:""}.bwi-bug:before{content:""}.bwi-business:before{content:""}.bwi-camera:before{content:""}.bwi-check-circle:before{content:""}.bwi-check:before{content:""}.bwi-cli:before{content:""}.bwi-clock:before{content:""}.bwi-close:before{content:""}.bwi-cog-f:before{content:""}.bwi-cog:before{content:""}.bwi-collection:before{content:""}.bwi-collection-shared:before{content:""}.bwi-clone:before{content:""}.bwi-dashboard:before{content:""}.bwi-dollar:before{content:""}.bwi-down-solid:before{content:""}.bwi-download:before{content:""}.bwi-drag-and-drop:before{content:""}.bwi-ellipsis-h:before{content:""}.bwi-ellipsis-v:before{content:""}.bwi-envelope:before{content:""}.bwi-error:before{content:""}.bwi-exclamation-triangle:before{content:""}.bwi-external-link:before{content:""}.bwi-eye-slash:before{content:""}.bwi-eye:before{content:""}.bwi-family:before{content:""}.bwi-file-text:before{content:""}.bwi-file:before{content:""}.bwi-files:before{content:""}.bwi-filter:before{content:""}.bwi-folder:before{content:""}.bwi-generate:before{content:""}.bwi-globe:before{content:""}.bwi-hashtag:before{content:""}.bwi-id-card:before{content:""}.bwi-info-circle:before{content:""}.bwi-import:before{content:""}.bwi-key:before{content:""}.bwi-list-alt:before{content:""}.bwi-list:before{content:""}.bwi-lock-encrypted:before{content:""}.bwi-lock-f:before{content:""}.bwi-lock:before{content:""}.bwi-shield:before{content:""}.bwi-minus-circle:before{content:""}.bwi-mobile:before{content:""}.bwi-msp:before{content:""}.bwi-sticky-note:before{content:""}.bwi-numbered-list:before{content:""}.bwi-paperclip:before{content:""}.bwi-passkey:before{content:""}.bwi-pencil-square:before{content:""}.bwi-pencil:before{content:""}.bwi-plus-circle:before{content:""}.bwi-plus:before{content:""}.bwi-popout:before{content:""}.bwi-premium:before{content:""}.bwi-provider:before{content:""}.bwi-puzzle:before{content:""}.bwi-question-circle:before{content:""}.bwi-refresh:before{content:""}.bwi-search:before{content:""}.bwi-send:before{content:""}.bwi-share:before{content:""}.bwi-sign-in:before{content:""}.bwi-sign-out:before{content:""}.bwi-sliders:before{content:""}.bwi-spinner:before{content:""}.bwi-star-f:before{content:""}.bwi-star:before{content:""}.bwi-tag:before{content:""}.bwi-trash:before{content:""}.bwi-undo:before{content:""}.bwi-universal-access:before{content:""}.bwi-unlock:before{content:""}.bwi-up-down-btn:before{content:""}.bwi-up-solid:before{content:""}.bwi-user-monitor:before{content:""}.bwi-user:before{content:""}.bwi-users:before{content:""}.bwi-vault:before{content:""}.bwi-wireless:before{content:""}.bwi-wrench:before{content:""}.bwi-paypal:before{content:""}.bwi-credit-card:before{content:""}.bwi-desktop:before{content:""}.bwi-archive:before{content:""}.bwi-unarchive:before{content:""}.credit-card-icon{display:block;height:19px;width:24px;background-size:contain;background-repeat:no-repeat}.card-visa{background-image:url(../popup/images/visa-light.png)}.card-amex{background-image:url(../popup/images/amex-light.png)}.card-diners-club{background-image:url(../popup/images/diners_club-light.png)}.card-discover{background-image:url(../popup/images/discover-light.png)}.card-jcb{background-image:url(../popup/images/jcb-light.png)}.card-maestro{background-image:url(../popup/images/maestro-light.png)}.card-mastercard{background-image:url(../popup/images/mastercard-light.png)}.card-union-pay{background-image:url(../popup/images/union_pay-light.png)}.card-ru-pay{background-image:url(../popup/images/ru_pay-light.png)}.theme_dark .card-visa{background-image:url(../popup/images/visa-dark.png)}.theme_dark .card-amex{background-image:url(../popup/images/amex-dark.png)}.theme_dark .card-diners-club{background-image:url(../popup/images/diners_club-dark.png)}.theme_dark .card-discover{background-image:url(../popup/images/discover-dark.png)}.theme_dark .card-jcb{background-image:url(../popup/images/jcb-dark.png)}.theme_dark .card-maestro{background-image:url(../popup/images/maestro-dark.png)}.theme_dark .card-mastercard{background-image:url(../popup/images/mastercard-dark.png)}.theme_dark .card-union-pay{background-image:url(../popup/images/union_pay-dark.png)}.theme_dark .card-ru-pay{background-image:url(../popup/images/ru_pay-dark.png)}.ng-select{height:100%}.ng-select.ng-select-opened>.ng-select-container{background:rgba(0,0,0,0)}.ng-select.ng-select-opened>.ng-select-container:hover{box-shadow:none}.ng-select.ng-select-opened>.ng-select-container .ng-arrow{top:-2px;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgb(var(--color-secondary-700));border-width:0 5px 5px}.ng-select.ng-select-opened>.ng-select-container .ng-arrow:hover{border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgb(var(--color-secondary-700))}.ng-select.ng-select-opened.ng-select-top>.ng-select-container{border-top-right-radius:0;border-top-left-radius:0}.ng-select.ng-select-opened.ng-select-right>.ng-select-container{border-top-right-radius:0;border-bottom-right-radius:0}.ng-select.ng-select-opened.ng-select-bottom>.ng-select-container{border-bottom-right-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-opened.ng-select-left>.ng-select-container{border-top-left-radius:0;border-bottom-left-radius:0}.ng-select.ng-select-focused:not(.ng-select-opened)>.ng-select-container{border-color:rgb(var(--color-primary-700));box-shadow:none}.ng-select.ng-select-disabled>.ng-select-container{background-color:rgb(var(--color-secondary-100))}.ng-select .ng-has-value .ng-placeholder{display:none}.ng-select .ng-select-container{color:rgb(var(--color-text-main));background-color:rgb(var(--color-background));border-radius:.5rem;border:none;height:100%;align-items:center}.ng-select .ng-select-container:hover{box-shadow:none}.ng-select .ng-select-container .ng-value-container{align-items:center;padding:6px 0px 5px 1rem}[dir=rtl] .ng-select .ng-select-container .ng-value-container{padding-right:1rem;padding-left:0}.ng-select .ng-select-container .ng-value-container .ng-placeholder{color:rgb(var(--color-text-muted))}.ng-select .ng-select-container .ng-value-container .ng-input{padding-top:2px}.ng-select .ng-select-container .ng-value-container .ng-input>input{color:rgb(var(--color-text-main))}.ng-select.ng-select-single .ng-select-container{height:100%}.ng-select.ng-select-single .ng-select-container .ng-value-container{display:flex;height:100%}.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{left:0;padding-left:1rem;padding-right:50px}[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input{padding-right:1rem;padding-left:50px}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value{background-color:rgb(var(--color-secondary-100));border:0px solid rgb(var(--color-secondary-100))}.ng-select.ng-select-multiple.ng-select-disabled>.ng-select-container .ng-value-container .ng-value .ng-value-label{padding:0 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container{height:100%}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container{padding-left:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{font-size:.9em;color:rgb(var(--color-text-main));background-color:rgba(0,0,0,0);border-radius:2px;margin:4px 5px 4px 0px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin-right:0;margin-left:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:rgb(var(--color-secondary-100))}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label{padding-left:0;padding-right:5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{display:inline-block;padding:1px 5px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{background-color:rgb(var(--color-secondary-700))}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-right:1px solid rgba(0,0,0,0)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left{border-left:1px solid rgba(0,0,0,0);border-right:none}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:1px solid rgba(0,0,0,0)}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right{border-left:0;border-right:1px solid rgba(0,0,0,0)}.ng-select .ng-clear-wrapper{color:rgb(var(--color-text-muted));padding-top:2.5px}.ng-select .ng-clear-wrapper:hover .ng-clear{color:rgb(var(--color-text-main))}.ng-select .ng-clear-wrapper{border-radius:.5rem;text-align:center}.ng-select .ng-spinner-zone{padding:5px 5px 0 0}[dir=rtl] .ng-select .ng-spinner-zone{padding:5px 0 0 5px}.ng-select .ng-arrow-wrapper{width:25px;padding-right:5px}[dir=rtl] .ng-select .ng-arrow-wrapper{padding-left:5px;padding-right:0}.ng-select .ng-arrow-wrapper:hover .ng-arrow{border-top-color:rgb(var(--color-secondary-700))}.ng-select .ng-arrow-wrapper .ng-arrow{border-color:rgb(var(--color-text-muted)) rgba(0,0,0,0) rgba(0,0,0,0);border-style:solid;border-width:5px 5px 2.5px}.ng-dropdown-panel{z-index:2050 !important;background-color:rgb(var(--color-background));border:1px solid rgb(var(--color-secondary-100));border-radius:.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);left:0}.ng-dropdown-panel.ng-select-top{bottom:100%;border-top-right-radius:.5rem;border-top-left-radius:.5rem;border-bottom-color:rgb(var(--color-secondary-100));margin-bottom:-1px}.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:.5rem;border-top-left-radius:.5rem}.ng-dropdown-panel.ng-select-right{left:100%;top:0;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem;border-bottom-color:rgb(var(--color-secondary-100));margin-bottom:-1px}.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child{border-top-right-radius:.5rem}.ng-dropdown-panel.ng-select-bottom{top:100%;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem;border-top-color:rgb(var(--color-secondary-100));margin-top:-1px}.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child{border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem}.ng-dropdown-panel.ng-select-left{left:-100%;top:0;border-top-left-radius:.5rem;border-bottom-right-radius:.5rem;border-bottom-left-radius:.5rem;border-bottom-color:rgb(var(--color-secondary-100));margin-bottom:-1px}.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child{border-top-left-radius:.5rem}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid rgb(var(--color-secondary-100));padding:5px 7px}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid rgb(var(--color-secondary-100));padding:5px 7px}.ng-dropdown-panel .ng-dropdown-panel-items{border-radius:.5rem;background:rgb(var(--color-background))}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{user-select:none;padding:8px 10px;font-weight:500;color:rgb(var(--color-text-muted));cursor:pointer}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled{cursor:default}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background-color:var(--color-hover-default)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked{color:rgb(var(--color-text-muted));background-color:rgba(0,0,0,0);font-weight:500}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{background-color:rgb(var(--color-background));color:rgb(var(--color-text-main));padding:.375rem .75rem}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{background-color:var(--color-hover-default)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked{color:rgb(var(--color-text-main))}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label{font-weight:500}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background-color:var(--color-hover-default);color:rgb(var(--color-text-main))}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:rgb(var(--color-secondary-300))}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:22px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:22px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{font-size:80%;font-weight:400;padding-right:5px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}[dir=rtl] .ng-dropdown-panel{direction:rtl;text-align:right}.cdk-virtual-scroll-content-wrapper{width:100%}.mfaType0{content:url(../popup/images/0.png);max-width:100px}.mfaType2{content:url(../popup/images/2.png);max-width:100px}.mfaType3{content:url(../popup/images/3.png);max-width:100px}.mfaType4{content:url(../popup/images/4.png);max-width:100px}.mfaType6{content:url(../popup/images/6.png);max-width:100px}.mfaType0{content:url(../popup/images/0.png);max-width:100px;max-height:45px}.mfaType1{max-width:100px;max-height:45px}.mfaType1:is(.theme_light *){content:url(../popup/images/1.png)}.mfaType1:is(.theme_dark *){content:url(../popup/images/1-w.png)}.mfaType7{max-width:100px}.mfaType7:is(.theme_light *){content:url(../popup/images/7.png)}.mfaType7:is(.theme_dark *){content:url(../popup/images/7-w.png)} /** * Bitwarden Tailwind configuration to use with preflight enabled */ /** * This file contains CSS variables that can be used across frontend systems. * This allows us to share styling between Angular, content scripts and more. */ /** * Font faces */ @font-face { font-family: Inter; src: url(../popup/fonts/inter.c504db5c06caaf7cdfba.woff2) format("woff2 supports variations"), url(../popup/fonts/inter.c504db5c06caaf7cdfba.woff2) format("woff2-variations"); font-display: swap; font-weight: 100 900; } /** * CSS variables */ :root { --font-sans: Inter, "Helvetica Neue", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; --font-mono: Menlo, SFMono-Regular, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .cdk-visually-hidden{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap;outline:0;-webkit-appearance:none;-moz-appearance:none;left:0} [dir=rtl] .cdk-visually-hidden{left:auto;right:0} textarea.cdk-textarea-autosize{resize:none} textarea.cdk-textarea-autosize-measuring{padding:2px 0 !important;box-sizing:content-box !important;height:auto !important;overflow:hidden !important} textarea.cdk-textarea-autosize-measuring-firefox{padding:2px 0 !important;box-sizing:content-box !important;height:0 !important} @keyframes cdk-text-field-autofill-start{/*!*/} @keyframes cdk-text-field-autofill-end{/*!*/} .cdk-text-field-autofill-monitored:-webkit-autofill{animation:cdk-text-field-autofill-start 0s 1ms} .cdk-text-field-autofill-monitored:not(:-webkit-autofill){animation:cdk-text-field-autofill-end 0s 1ms} /** * Reset styles to be consistent with Bootstrap reset * Reassess when Bootstrap is removed and Tailwind preflight is added */ fieldset { min-width: 0; padding: 0; margin: 0; border: 0; } th { text-align: inherit; text-align: -webkit-match-parent; } .bit-popover-arrow { position: absolute; z-index: 10; width: 1rem; height: 1rem; --tw-rotate: 45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-100) / var(--tw-bg-opacity, 1)); --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .bit-popover-right .bit-popover-arrow { left: 0.25rem; --tw-translate-x: -75%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-bottom-left-radius: 0.125rem; } .bit-popover-left .bit-popover-arrow { right: 0.25rem; --tw-translate-x: 75%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-top-right-radius: 0.125rem; } .bit-popover-right-start .bit-popover-arrow, .bit-popover-left-start .bit-popover-arrow { top: 1.5rem; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .bit-popover-right-center .bit-popover-arrow, .bit-popover-left-center .bit-popover-arrow { top: 50%; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .bit-popover-right-end .bit-popover-arrow, .bit-popover-left-end .bit-popover-arrow { bottom: 1.5rem; --tw-translate-y: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .bit-popover-below .bit-popover-arrow { top: 0.25rem; --tw-translate-y: -75%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-top-left-radius: 0.125rem; } .bit-popover-above .bit-popover-arrow { bottom: 0.25rem; --tw-translate-y: 75%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); border-bottom-right-radius: 0.125rem; } .bit-popover-below-start .bit-popover-arrow, .bit-popover-above-start .bit-popover-arrow { left: 1.5rem; --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .bit-popover-below-center .bit-popover-arrow, .bit-popover-above-center .bit-popover-arrow { left: 50%; --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .bit-popover-below-end .bit-popover-arrow, .bit-popover-above-end .bit-popover-arrow { right: 1.5rem; --tw-translate-x: 50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } :root { --bit-toast-width: 19rem; --bit-toast-width-full: 96%; --bit-toast-top: 4.3rem; } /* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */ /* position */ .toast-center-center { top: 50%; left: 50%; transform: translate(-50%, -50%); } .toast-top-center { top: 0; right: 0; width: 100%; } .toast-bottom-center { bottom: 0; right: 0; width: 100%; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } /* toast styles */ .toast-title { font-weight: bold; } .toast-message { word-wrap: break-word; } .toast-message a, .toast-message label { color: #FFFFFF; } .toast-message a:hover { color: #CCCCCC; text-decoration: none; } .toast-close-button { position: relative; right: -0.3em; top: -0.3em; float: right; font-size: 20px; font-weight: bold; color: #FFFFFF; text-shadow: 0 1px 0 #ffffff; /* opacity: 0.8; */ } .toast-close-button:hover, .toast-close-button:focus { color: #000000; text-decoration: none; cursor: pointer; opacity: 0.4; } /*Additional properties for button version iOS requires the button element instead of an anchor tag. If you want the anchor version, it requires `href="#"`.*/ button.toast-close-button { padding: 0; cursor: pointer; background: transparent; border: 0; } .toast-container { pointer-events: none; position: fixed; z-index: 999999; } .toast-container * { box-sizing: border-box; } .toast-container .ngx-toastr { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; background-size: 24px; box-shadow: 0 0 12px #999999; color: #FFFFFF; } .toast-container .ngx-toastr:hover { box-shadow: 0 0 12px #000000; opacity: 1; cursor: pointer; } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */ .toast-info { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */ .toast-error { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */ .toast-success { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==); } /* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */ .toast-warning { background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==); } .toast-container.toast-top-center .ngx-toastr, .toast-container.toast-bottom-center .ngx-toastr { width: 300px; margin-left: auto; margin-right: auto; } .toast-container.toast-top-full-width .ngx-toastr, .toast-container.toast-bottom-full-width .ngx-toastr { width: 96%; margin-left: auto; margin-right: auto; } .ngx-toastr { background-color: #030303; pointer-events: auto; } .toast-success { background-color: #51A351; } .toast-error { background-color: #BD362F; } .toast-info { background-color: #2F96B4; } .toast-warning { background-color: #F89406; } .toast-progress { position: absolute; left: 0; bottom: 0; height: 4px; background-color: #000000; opacity: 0.4; } /* Responsive Design */ @media all and (max-width: 240px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 11em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 241px) and (max-width: 480px) { .toast-container .ngx-toastr.div { padding: 8px 8px 8px 50px; width: 18em; } .toast-container .toast-close-button { right: -0.2em; top: -0.2em; } } @media all and (min-width: 481px) and (max-width: 768px) { .toast-container .ngx-toastr.div { padding: 15px 15px 15px 50px; width: 25em; } } /* Override all default styles from `ngx-toaster` */ .toast-container .ngx-toastr { all: unset; display: block; width: var(--bit-toast-width); /* Needed to make hover states work in Electron, since the toast appears in the draggable region. */ -webkit-app-region: no-drag; } /* Disable hover styles */ .toast-container .ngx-toastr:hover { box-shadow: none; } .toast-container.toast-bottom-full-width .ngx-toastr { width: var(--bit-toast-width-full); margin-left: auto; margin-right: auto; } .toast-container.toast-top-full-width { top: var(--bit-toast-top); } :root { --tooltip-shadow: rgb(0 0 0 / 0.1); } .cdk-overlay-pane:has(.bit-tooltip[data-visible="false"]) { pointer-events: none; } .bit-tooltip-container { position: relative; max-width: 12rem; opacity: 0; width: -moz-max-content; width: max-content; box-shadow: 0 4px 6px -1px var(--tooltip-shadow), 0 2px 4px -2px var(--tooltip-shadow); border-radius: 0.75rem; transition: transform 100ms ease-in-out, opacity 100ms ease-in-out; transform: scale(0.95); z-index: 1; } .bit-tooltip-container::before, .bit-tooltip-container::after { content: ""; position: absolute; width: 1rem; height: 1rem; z-index: 1; rotate: 45deg; border-radius: 3px; } .bit-tooltip-container::before { background: linear-gradient(135deg, transparent 50%, rgb(var(--color-text-main)) 50%); z-index: -1; } .bit-tooltip-container::after { background: rgb(var(--color-text-main)); z-index: -1; } .bit-tooltip-container[data-visible="true"] { opacity: 1; transform: scale(1); z-index: 1000; } .bit-tooltip-above-center .bit-tooltip-container::before, .bit-tooltip-above-center .bit-tooltip-container::after, .bit-tooltip-below-center .bit-tooltip-container::before, .bit-tooltip-below-center .bit-tooltip-container::after { inset-inline-start: 50%; transform: translateX(-50%); transform-origin: left; } .bit-tooltip-above-center .bit-tooltip-container::after { filter: drop-shadow(0 3px 5px var(--tooltip-shadow)) drop-shadow(0 1px 3px var(--tooltip-shadow)); } .bit-tooltip-above-center .bit-tooltip-container::before, .bit-tooltip-above-center .bit-tooltip-container::after { inset-block-end: -0.25rem; } .bit-tooltip-below-center .bit-tooltip-container::after { display: none; } .bit-tooltip-below-center .bit-tooltip-container::after, .bit-tooltip-below-center .bit-tooltip-container::before { inset-block-start: -0.25rem; rotate: -135deg; } .bit-tooltip-left-center .bit-tooltip-container::after, .bit-tooltip-left-center .bit-tooltip-container::before, .bit-tooltip-right-center .bit-tooltip-container::after, .bit-tooltip-right-center .bit-tooltip-container::before { inset-block-start: 50%; transform: translateY(-50%); transform-origin: top; } .bit-tooltip-left-center .bit-tooltip-container::after { filter: drop-shadow(-3px 1px 3px var(--tooltip-shadow)) drop-shadow(-1px 2px 3px var(--tooltip-shadow)); } .bit-tooltip-left-center .bit-tooltip-container::after, .bit-tooltip-left-center .bit-tooltip-container::before { inset-inline-end: -0.25rem; rotate: -45deg; } .bit-tooltip-right-center .bit-tooltip-container::after { filter: drop-shadow(2px -4px 2px var(--tooltip-shadow)) drop-shadow(0 -1px 3px var(--tooltip-shadow)); } .bit-tooltip-right-center .bit-tooltip-container::after, .bit-tooltip-right-center .bit-tooltip-container::before { inset-inline-start: -0.25rem; rotate: 135deg; } .bit-tooltip { width: -moz-max-content; width: max-content; max-width: 12rem; background-color: rgb(var(--color-text-main)); color: rgb(var(--color-text-contrast)); padding: 0.5rem 0.75rem; border-radius: 0.75rem; font-size: 0.875rem; line-height: 1.25rem; z-index: 2; } /** * Tailwind doesn't have a good way to style search-cancel-button. * Hide the default reset button that only appears in some browsers. */ bit-search input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; appearance: none; } /** * Style our custom reset button that works in all common browsers. * Tailwind CSS does not natively support mask-image or -webkit-mask-image utilities (but can be extended if needed). */ .bw-reset-btn { mask-image: url(../popup/images/close-button.svg); -webkit-mask-image: url(../popup/images/close-button.svg); } @tailwind base; @tailwind components; @tailwind utilities; :root { /* ======================================== * LEGACY COLORS (RGB format) * These are the original colors used throughout the app. * Use these for existing components until migration is complete. * ======================================== */ --color-transparent-hover: rgb(0 0 0 / 0.02); --color-shadow: 168 179 200; --color-background: 255 255 255; --color-background-alt: 243 246 249; --color-background-alt2: 23 92 219; --color-background-alt3: 22 55 146; --color-background-alt4: 2 15 102; --color-primary-100: 219 229 246; --color-primary-300: 121 161 233; --color-primary-600: 23 93 220; --color-primary-700: 26 65 172; --color-secondary-100: 230 233 239; --color-secondary-300: 168 179 200; --color-secondary-500: 90 109 145; --color-secondary-600: 83 99 131; --color-secondary-700: 63 75 99; --color-info-100: 219 229 246; --color-info-600: 121 161 233; --color-info-700: 13 36 123; --color-warning-100: 255 244 212; --color-warning-600: 255 191 0; --color-warning-700: 142 64 0; --color-danger-100: 255 236 239; --color-danger-600: 203 38 58; --color-danger-700: 149 27 42; --color-success-100: 213 243 216; --color-success-600: 12 128 24; --color-success-700: 8 81 15; --color-notification-100: 255 225 247; --color-notification-600: 192 17 118; --color-text-main: 27 32 41; --color-text-muted: 96 109 145; --color-text-contrast: 255 255 255; --color-text-alt2: 255 255 255; --color-text-code: 192 17 118; --color-hover-default: rgb(26 65 172 / 0.1); --color-hover-contrast: rgb(255 255 255 / 0.15); --color-marketing-logo: 23 93 220; --color-bw-blue: 23 93 220; --tw-ring-offset-color: #ffffff; --tw-sm-breakpoint: 640px; --color-illustration-outline: 2 15 102; --color-illustration-bg-primary: 219 229 246; --color-illustration-bg-secondary: 170 195 239; --color-illustration-bg-tertiary: 255 255 255; --color-illustration-tertiary: 255 191 0; --color-illustration-logo: 23 93 220; /* ======================================== * NEW COLOR PALETTE (Hex format) * These colors are from the new Figma design system. * Use these for new components and features. * Format: --color-{family}-{shade} where shade ranges from 050 to 950 * ======================================== */ /* Brand Colors */ --color-brand-050: #eef6ff; --color-brand-100: #dbeafe; --color-brand-200: #bedbff; --color-brand-300: #8ec5ff; --color-brand-400: #6baefa; --color-brand-500: #418bfb; --color-brand-600: #2a70f4; --color-brand-700: #175ddc; --color-brand-800: #0d43af; --color-brand-900: #0c3276; --color-brand-950: #162455; /* Gray Colors */ --color-gray-050: #f9fafb; --color-gray-100: #f3f4f6; --color-gray-200: #e5e7eb; --color-gray-300: #d1d5dc; --color-gray-400: #99a1af; --color-gray-500: #6a7282; --color-gray-600: #4a5565; --color-gray-700: #333e4f; --color-gray-800: #1e2939; --color-gray-900: #101828; --color-gray-950: #070b18; --color-gray-950-rgb: 7, 11, 24; /* Red Colors */ --color-red-050: #fef2f2; --color-red-100: #ffe2e2; --color-red-200: #ffc9c9; --color-red-300: #ffa2a2; --color-red-400: #ff6467; --color-red-500: #fb2c36; --color-red-600: #e7000b; --color-red-700: #c10007; --color-red-800: #9f0712; --color-red-900: #791112; --color-red-950: #460809; /* Orange Colors */ --color-orange-050: #fff8f1; --color-orange-100: #feecdc; --color-orange-200: #fcd9bd; --color-orange-300: #fdba8c; --color-orange-400: #ff8a4c; --color-orange-500: #ff5a1f; --color-orange-600: #d03801; --color-orange-700: #b43403; --color-orange-800: #8a2c0d; --color-orange-900: #70240b; --color-orange-950: #441306; /* Yellow Colors */ --color-yellow-050: #fefce8; --color-yellow-100: #fef9c2; --color-yellow-200: #fff085; --color-yellow-300: #ffdf20; --color-yellow-400: #fdc700; --color-yellow-500: #f0b100; --color-yellow-600: #d08700; --color-yellow-700: #a65f00; --color-yellow-800: #894b00; --color-yellow-900: #733e0a; --color-yellow-950: #432004; /* Green Colors */ --color-green-050: #f0fdf4; --color-green-100: #dcfce7; --color-green-200: #b9f8cf; --color-green-300: #7bf1a8; --color-green-400: #18dc7a; --color-green-500: #0abf52; --color-green-600: #00a63e; --color-green-700: #008236; --color-green-800: #016630; --color-green-900: #0d542b; --color-green-950: #032e15; /* Pink Colors */ --color-pink-050: #fdf2f8; --color-pink-100: #fce7f3; --color-pink-200: #fccee8; --color-pink-300: #fda5d5; --color-pink-400: #fb64b6; --color-pink-500: #f6339a; --color-pink-600: #e60076; --color-pink-700: #c6005c; --color-pink-800: #a3004c; --color-pink-900: #861043; --color-pink-950: #510424; /* Coral Colors */ --color-coral-050: #fff2f0; --color-coral-100: #ffe0dc; --color-coral-200: #ffc1b9; --color-coral-300: #ff9585; --color-coral-400: #ff6550; --color-coral-500: #ff4026; --color-coral-600: #e11f05; --color-coral-700: #c71800; --color-coral-800: #a81400; --color-coral-900: #7e0f00; --color-coral-950: #4d0900; /* Teal Colors */ --color-teal-050: #ecfeff; --color-teal-100: #cefafe; --color-teal-200: #a2f4fd; --color-teal-300: #70ecf5; --color-teal-400: #2cdde9; --color-teal-500: #00c5db; --color-teal-600: #009cb8; --color-teal-700: #007c95; --color-teal-800: #006278; --color-teal-900: #0f495c; --color-teal-950: #042e3e; /* Purple Colors */ --color-purple-050: #faf5ff; --color-purple-100: #f3e8ff; --color-purple-200: #e9d4ff; --color-purple-300: #dab2ff; --color-purple-400: #c27aff; --color-purple-500: #ad46ff; --color-purple-600: #9810fa; --color-purple-700: #8200db; --color-purple-800: #6e11b0; --color-purple-900: #59168b; --color-purple-950: #3c0366; /* White and Black */ --color-white: #ffffff; --color-white-rgb: 255, 255, 255; --color-black: #000000; /* ======================================== * SEMANTIC FOREGROUND COLORS (Light Mode) * These are the tokens that should be exposed to Tailwind * They reference the primitive colors above * ======================================== */ /* Neutral Foreground */ --color-fg-white: var(--color-white); --color-fg-dark: var(--color-gray-900); --color-fg-contrast: var(--color-white); --color-fg-heading: var(--color-gray-900); --color-fg-body: var(--color-gray-600); --color-fg-body-subtle: var(--color-gray-500); --color-fg-disabled: var(--color-gray-400); /* Brand Foreground */ --color-fg-brand-soft: var(--color-brand-200); --color-fg-brand: var(--color-brand-700); --color-fg-brand-strong: var(--color-brand-900); /* Status Foreground */ --color-fg-success: var(--color-green-700); --color-fg-success-strong: var(--color-green-900); --color-fg-danger: var(--color-red-700); --color-fg-danger-strong: var(--color-red-900); --color-fg-warning: var(--color-orange-600); --color-fg-warning-strong: var(--color-orange-900); --color-fg-sensitive: var(--color-pink-600); /* Accent Foreground */ --color-fg-accent-primary-soft: var(--color-teal-200); --color-fg-accent-primary: var(--color-teal-400); --color-fg-accent-primary-strong: var(--color-teal-800); --color-fg-accent-secondary-soft: var(--color-coral-200); --color-fg-accent-secondary: var(--color-coral-400); --color-fg-accent-secondary-strong: var(--color-coral-900); --color-fg-accent-tertiary-soft: var(--color-purple-200); --color-fg-accent-tertiary: var(--color-purple-700); --color-fg-accent-tertiary-strong: var(--color-purple-900); /* ======================================== * SEMANTIC BACKGROUND COLORS (Light Mode) * ======================================== */ /* Neutral Background */ --color-bg-white: var(--color-white); --color-bg-dark: var(--color-gray-800); --color-bg-contrast: var(--color-gray-800); --color-bg-contrast-strong: var(--color-gray-950); --color-bg-primary: var(--color-white); --color-bg-secondary: var(--color-gray-050); --color-bg-tertiary: var(--color-gray-050); --color-bg-quaternary: var(--color-gray-200); --color-bg-gray: var(--color-gray-300); --color-bg-disabled: var(--color-gray-100); /* Brand Background */ --color-bg-brand-softer: var(--color-brand-050); --color-bg-brand-soft: var(--color-brand-100); --color-bg-brand-medium: var(--color-brand-200); --color-bg-brand: var(--color-brand-700); --color-bg-brand-strong: var(--color-brand-800); /* Status Background */ --color-bg-success-soft: var(--color-green-050); --color-bg-success-medium: var(--color-green-100); --color-bg-success: var(--color-green-700); --color-bg-success-strong: var(--color-green-800); --color-bg-danger-soft: var(--color-red-050); --color-bg-danger-medium: var(--color-red-100); --color-bg-danger: var(--color-red-700); --color-bg-danger-strong: var(--color-red-800); --color-bg-warning-soft: var(--color-orange-050); --color-bg-warning-medium: var(--color-orange-100); --color-bg-warning: var(--color-orange-600); --color-bg-warning-strong: var(--color-orange-700); /* Accent Background */ --color-bg-accent-primary-soft: var(--color-teal-050); --color-bg-accent-primary-medium: var(--color-teal-100); --color-bg-accent-primary: var(--color-teal-400); --color-bg-accent-secondary-soft: var(--color-coral-050); --color-bg-accent-secondary-medium: var(--color-coral-100); --color-bg-accent-secondary: var(--color-coral-400); --color-bg-accent-tertiary-soft: var(--color-purple-050); --color-bg-accent-tertiary-medium: var(--color-purple-100); --color-bg-accent-tertiary: var(--color-purple-600); /* Hover & Overlay */ --color-bg-hover: rgba(var(--color-gray-950-rgb), 0.05); --color-bg-overlay: rgba(var(--color-gray-950-rgb), 0.3); /* ======================================== * SEMANTIC BORDER COLORS (Light Mode) * ======================================== */ /* Neutral Border */ --color-border-muted: var(--color-gray-050); --color-border-light: var(--color-gray-100); --color-border-base: var(--color-gray-200); --color-border-strong: var(--color-gray-800); --color-border-buffer: var(--color-white); /* Brand Border */ --color-border-brand-soft: var(--color-brand-200); --color-border-brand: var(--color-brand-700); --color-border-brand-strong: var(--color-brand-900); /* Status Border */ --color-border-success-soft: var(--color-green-200); --color-border-success: var(--color-green-700); --color-border-success-strong: var(--color-green-900); --color-border-danger-soft: var(--color-red-200); --color-border-danger: var(--color-red-700); --color-border-danger-strong: var(--color-red-900); --color-border-warning-soft: var(--color-orange-200); --color-border-warning: var(--color-orange-600); --color-border-warning-strong: var(--color-orange-900); /* Accent Border */ --color-border-accent-primary-soft: var(--color-teal-200); --color-border-accent-primary: var(--color-teal-600); --color-border-accent-secondary-soft: var(--color-coral-200); --color-border-accent-secondary: var(--color-coral-600); --color-border-accent-tertiary-soft: var(--color-purple-200); --color-border-accent-tertiary: var(--color-purple-600); /* Focus Border */ --color-border-focus: var(--color-black); } .theme_light { /* should be left empty as white is the default */ } .theme_dark { --color-transparent-hover: rgb(255 255 255 / 0.02); --color-shadow: 0 0 0; --color-background: 32 39 51; --color-background-alt: 18 26 39; --color-background-alt2: 47 52 61; --color-background-alt3: 48 57 70; --color-background-alt4: 18 26 39; --color-primary-100: 29 46 99; --color-primary-300: 26 65 172; --color-primary-600: 101 171 255; --color-primary-700: 170 195 239; --color-secondary-100: 48 57 70; --color-secondary-300: 82 91 106; --color-secondary-500: 121 128 142; --color-secondary-600: 143 152 166; --color-secondary-700: 158 167 181; --color-success-100: 8 81 15; --color-success-600: 107 241 120; --color-success-700: 213 243 216; --color-danger-100: 149 27 42; --color-danger-600: 255 78 99; --color-danger-700: 255 236 239; --color-warning-100: 142 64 0; --color-warning-600: 255 191 0; --color-warning-700: 255 244 212; --color-info-100: 13 36 123; --color-info-600: 121 161 233; --color-info-700: 219 229 246; --color-notification-100: 117 37 83; --color-notification-600: 255 143 208; --color-text-main: 243 246 249; --color-text-muted: 136 152 181; --color-text-contrast: 18 26 39; --color-text-alt2: 255 255 255; --color-text-code: 255 143 208; --color-hover-default: rgb(170 195 239 / 0.1); --color-hover-contrast: rgb(0 0 0 / 0.15); --color-marketing-logo: 255 255 255; --color-bw-blue: 23 93 220; --tw-ring-offset-color: #1f242e; --color-illustration-outline: 23 93 220; --color-illustration-bg-primary: 170 195 239; --color-illustration-bg-secondary: 121 161 233; --color-illustration-bg-tertiary: 243 246 249; --color-illustration-tertiary: 255 191 0; --color-illustration-logo: 255 255 255; /* ======================================== * SEMANTIC FOREGROUND COLORS (Dark Mode Overrides) * ======================================== */ /* Neutral Foreground */ --color-fg-contrast: var(--color-gray-900); --color-fg-heading: var(--color-gray-050); --color-fg-body: var(--color-gray-200); --color-fg-body-subtle: var(--color-gray-400); --color-fg-disabled: var(--color-gray-600); /* Brand Foreground */ --color-fg-brand-soft: var(--color-brand-500); --color-fg-brand: var(--color-brand-400); --color-fg-brand-strong: var(--color-brand-200); /* Status Foreground */ --color-fg-success: var(--color-green-400); --color-fg-success-strong: var(--color-green-100); --color-fg-danger: var(--color-red-400); --color-fg-danger-strong: var(--color-red-100); --color-fg-warning: var(--color-orange-400); --color-fg-warning-strong: var(--color-orange-100); --color-fg-sensitive: var(--color-pink-300); /* Accent Foreground */ --color-fg-accent-primary-soft: var(--color-teal-400); --color-fg-accent-primary: var(--color-teal-300); --color-fg-accent-primary-strong: var(--color-teal-100); --color-fg-accent-secondary-soft: var(--color-coral-500); --color-fg-accent-secondary: var(--color-coral-400); --color-fg-accent-secondary-strong: var(--color-coral-100); --color-fg-accent-tertiary-soft: var(--color-purple-500); --color-fg-accent-tertiary: var(--color-purple-400); --color-fg-accent-tertiary-strong: var(--color-purple-100); /* ======================================== * SEMANTIC BACKGROUND COLORS (Dark Mode Overrides) * ======================================== */ /* Neutral Background */ --color-bg-contrast: var(--color-gray-050); --color-bg-contrast-strong: var(--color-gray-050); --color-bg-primary: var(--color-gray-900); --color-bg-secondary: var(--color-gray-800); --color-bg-tertiary: var(--color-gray-950); --color-bg-quaternary: var(--color-gray-700); --color-bg-gray: var(--color-gray-600); --color-bg-disabled: var(--color-gray-950); /* Brand Background */ --color-bg-brand-softer: var(--color-brand-950); --color-bg-brand-soft: var(--color-brand-900); --color-bg-brand-medium: var(--color-brand-800); --color-bg-brand: var(--color-brand-400); --color-bg-brand-strong: var(--color-brand-300); /* Status Background */ --color-bg-success-soft: var(--color-green-950); --color-bg-success-medium: var(--color-green-900); --color-bg-success: var(--color-green-400); --color-bg-success-strong: var(--color-green-300); --color-bg-danger-soft: var(--color-red-950); --color-bg-danger-medium: var(--color-red-900); --color-bg-danger: var(--color-red-400); --color-bg-danger-strong: var(--color-red-300); --color-bg-warning-soft: var(--color-orange-950); --color-bg-warning-medium: var(--color-orange-900); --color-bg-warning: var(--color-orange-400); --color-bg-warning-strong: var(--color-orange-300); /* Accent Background */ --color-bg-accent-primary-soft: var(--color-teal-950); --color-bg-accent-primary-medium: var(--color-teal-900); --color-bg-accent-primary: var(--color-teal-400); --color-bg-accent-secondary-soft: var(--color-coral-950); --color-bg-accent-secondary-medium: var(--color-coral-900); --color-bg-accent-secondary: var(--color-coral-400); --color-bg-accent-tertiary-soft: var(--color-purple-950); --color-bg-accent-tertiary-medium: var(--color-purple-900); --color-bg-accent-tertiary: var(--color-purple-600); /* Hover & Overlay */ --color-bg-hover: rgba(var(--color-white-rgb), 0.05); --color-bg-overlay: rgba(var(--color-gray-950-rgb), 0.85); /* ======================================== * SEMANTIC BORDER COLORS (Dark Mode Overrides) * ======================================== */ /* Neutral Border */ --color-border-muted: var(--color-gray-900); --color-border-light: var(--color-gray-800); --color-border-base: var(--color-gray-700); --color-border-strong: var(--color-gray-400); --color-border-buffer: var(--color-gray-950); /* Brand Border */ --color-border-brand-soft: var(--color-brand-800); --color-border-brand: var(--color-brand-400); --color-border-brand-strong: var(--color-brand-200); /* Status Border */ --color-border-success-soft: var(--color-green-800); --color-border-success: var(--color-green-400); --color-border-success-strong: var(--color-green-200); --color-border-danger-soft: var(--color-red-800); --color-border-danger: var(--color-red-400); --color-border-danger-strong: var(--color-red-200); --color-border-warning-soft: var(--color-orange-800); --color-border-warning: var(--color-orange-400); --color-border-warning-strong: var(--color-orange-200); /* Accent Border */ --color-border-accent-primary-soft: var(--color-teal-800); --color-border-accent-secondary-soft: var(--color-coral-800); --color-border-accent-secondary: var(--color-coral-500); --color-border-accent-tertiary-soft: var(--color-purple-800); --color-border-accent-tertiary: var(--color-purple-500); /* Focus Border */ --color-border-focus: var(--color-white); } *, ::before, ::after { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; } * --tw-ring-offset-color, ::before --tw-ring-offset-color, ::after --tw-ring-offset-color { -d-e-f-a-u-l-t: rgb(var(--color-background) / ); alt: rgb(var(--color-background-alt) / ); alt2: rgb(var(--color-background-alt2) / ); alt3: rgb(var(--color-background-alt3) / ); alt4: rgb(var(--color-background-alt4) / ); } *, ::before, ::after { --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } ::backdrop { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; } ::backdrop --tw-ring-offset-color { -d-e-f-a-u-l-t: rgb(var(--color-background) / ); alt: rgb(var(--color-background-alt) / ); alt2: rgb(var(--color-background-alt2) / ); alt3: rgb(var(--color-background-alt3) / ); alt4: rgb(var(--color-background-alt4) / ); } ::backdrop { --tw-ring-color: rgb(59 130 246 / 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; --tw-contain-size: ; --tw-contain-layout: ; --tw-contain-paint: ; --tw-contain-style: ; } /*! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com */ /* 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4) 2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116) */ *, ::before, ::after { box-sizing: border-box; /* 1 */ border-width: 0; /* 2 */ border-style: solid; /* 2 */ border-color: currentColor; /* 2 */ } ::before, ::after { --tw-content: ''; } /* 1. Use a consistent sensible line-height in all browsers. 2. Prevent adjustments of font size after orientation changes in iOS. 3. Use a more readable tab size. 4. Use the user's configured `sans` font-family by default. 5. Use the user's configured `sans` font-feature-settings by default. 6. Use the user's configured `sans` font-variation-settings by default. 7. Disable tap highlights on iOS */ html, :host { line-height: 1.5; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -moz-tab-size: 4; /* 3 */ -o-tab-size: 4; tab-size: 4; /* 3 */ font-family: var(--font-sans); /* 4 */ font-feature-settings: normal; /* 5 */ font-variation-settings: normal; /* 6 */ -webkit-tap-highlight-color: transparent; /* 7 */ } /* 1. Remove the margin in all browsers. 2. Inherit line-height from `html` so users can set them as a class directly on the `html` element. */ body { margin: 0; /* 1 */ line-height: inherit; /* 2 */ } /* 1. Add the correct height in Firefox. 2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655) 3. Ensure horizontal rules are visible by default. */ hr { height: 0; /* 1 */ color: inherit; /* 2 */ border-top-width: 1px; /* 3 */ } /* Add the correct text decoration in Chrome, Edge, and Safari. */ abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } /* Remove the default font size and weight for headings. */ h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } /* Reset links to optimize for opt-in styling instead of opt-out. */ a { color: inherit; text-decoration: inherit; } /* Add the correct font weight in Edge and Safari. */ b, strong { font-weight: bolder; } /* 1. Use the user's configured `mono` font-family by default. 2. Use the user's configured `mono` font-feature-settings by default. 3. Use the user's configured `mono` font-variation-settings by default. 4. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp, pre { font-family: var(--font-mono); /* 1 */ font-feature-settings: normal; /* 2 */ font-variation-settings: normal; /* 3 */ font-size: 1em; /* 4 */ } /* Add the correct font size in all browsers. */ small { font-size: 80%; } /* Prevent `sub` and `sup` elements from affecting the line height in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* 1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297) 2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016) 3. Remove gaps between table borders by default. */ table { text-indent: 0; /* 1 */ border-color: inherit; /* 2 */ border-collapse: collapse; /* 3 */ } /* 1. Change the font styles in all browsers. 2. Remove the margin in Firefox and Safari. 3. Remove default padding in all browsers. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-feature-settings: inherit; /* 1 */ font-variation-settings: inherit; /* 1 */ font-size: 100%; /* 1 */ font-weight: inherit; /* 1 */ line-height: inherit; /* 1 */ letter-spacing: inherit; /* 1 */ color: inherit; /* 1 */ margin: 0; /* 2 */ padding: 0; /* 3 */ } /* Remove the inheritance of text transform in Edge and Firefox. */ button, select { text-transform: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Remove default button styles. */ button, input:where([type='button']), input:where([type='reset']), input:where([type='submit']) { -webkit-appearance: button; /* 1 */ background-color: transparent; /* 2 */ background-image: none; /* 2 */ } /* Use the modern Firefox focus style for all focusable elements. */ :-moz-focusring { outline: auto; } /* Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737) */ :-moz-ui-invalid { box-shadow: none; } /* Add the correct vertical alignment in Chrome and Firefox. */ progress { vertical-align: baseline; } /* Correct the cursor style of increment and decrement buttons in Safari. */ ::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; } /* 1. Correct the odd appearance in Chrome and Safari. 2. Correct the outline style in Safari. */ [type='search'] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /* Remove the inner padding in Chrome and Safari on macOS. */ ::-webkit-search-decoration { -webkit-appearance: none; } /* 1. Correct the inability to style clickable types in iOS and Safari. 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Add the correct display in Chrome and Safari. */ summary { display: list-item; } /* Removes the default spacing and border for appropriate elements. */ blockquote, dl, dd, h1, h2, h3, h4, h5, h6, hr, figure, p, pre { margin: 0; } fieldset { margin: 0; padding: 0; } legend { padding: 0; } ol, ul, menu { list-style: none; margin: 0; padding: 0; } /* Reset default styling for dialogs. */ dialog { padding: 0; } /* Prevent resizing textareas horizontally by default. */ textarea { resize: vertical; } /* 1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300) 2. Set the default placeholder color to the user's configured gray 400 color. */ input::-moz-placeholder, textarea::-moz-placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } input::placeholder, textarea::placeholder { opacity: 1; /* 1 */ color: #9ca3af; /* 2 */ } /* Set the default cursor for buttons. */ button, [role="button"] { cursor: pointer; } /* Make sure disabled buttons don't get the pointer cursor. */ :disabled { cursor: default; } /* 1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14) 2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210) This can trigger a poorly considered lint error in some tools but is included by design. */ img, svg, video, canvas, audio, iframe, embed, object { display: block; /* 1 */ vertical-align: middle; /* 2 */ } /* Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14) */ img, video { max-width: 100%; height: auto; } /* Make elements with the HTML hidden attribute stay hidden by default */ [hidden]:where(:not([hidden="until-found"])) { display: none; } body { font-size: 1rem; line-height: 150%; --tw-text-opacity: 1; color: rgb(var(--color-text-main) / var(--tw-text-opacity, 1)); } h1 { margin-bottom: 0.5rem; font-size: 1.875rem; line-height: 150%; font-weight: 500; --tw-text-opacity: 1; color: rgb(var(--color-text-main) / var(--tw-text-opacity, 1)); } h2 { margin-bottom: 0.5rem; font-size: 1.5rem; line-height: 150%; font-weight: 500; --tw-text-opacity: 1; color: rgb(var(--color-text-main) / var(--tw-text-opacity, 1)); } h3 { margin-bottom: 0.5rem; font-size: 1.25rem; line-height: 150%; font-weight: 500; --tw-text-opacity: 1; color: rgb(var(--color-text-main) / var(--tw-text-opacity, 1)); } h4 { margin-bottom: 0.5rem; font-size: 1.125rem; line-height: 150%; font-weight: 500; --tw-text-opacity: 1; color: rgb(var(--color-text-main) / var(--tw-text-opacity, 1)); } h5 { margin-bottom: 0.375rem; font-size: 1rem; line-height: 150%; font-weight: 500; --tw-text-opacity: 1; color: rgb(var(--color-text-main) / var(--tw-text-opacity, 1)); } h6 { margin-bottom: 0.375rem; font-size: 0.875rem; line-height: 150%; font-weight: 500; --tw-text-opacity: 1; color: rgb(var(--color-text-main) / var(--tw-text-opacity, 1)); } code { --tw-text-opacity: 1; color: rgb(var(--color-text-code) / var(--tw-text-opacity, 1)); } p { margin-bottom: 1rem; } ul { margin-bottom: 1rem; list-style-type: disc; padding-inline-start: 2.5rem; } ul ul, ul ol { margin-bottom: 0px; } /* Bootstrap considered this to have higher priority than classes */ [hidden]:where(:not([hidden="until-found"])) { display: none !important; } dl { margin-bottom: 1rem; } dt { font-weight: 500; } hr { border-color: rgba(0, 0, 0, 0.1); } select { -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* overriding preflight since the apps were built assuming svgs are inline */ svg { display: inline; } th { font-weight: 500; } b { font-weight: 500; } strong { font-weight: 500; } html { overflow: hidden; min-height: 600px; height: 100%; } html.body-sm { min-height: 500px; } html.body-xs { min-height: 400px; } html.body-xxs { min-height: 300px; } html.body-3xs { min-height: 240px; } html.body-full { min-height: unset; width: 100%; height: 100%; } html.body-full body { width: 100%; } body { width: 380px; height: 100%; position: relative; min-height: inherit; overflow: hidden; --tw-bg-opacity: 1; background-color: rgb(var(--color-background-alt) / var(--tw-bg-opacity, 1)); } /** * Workaround for slow performance on external monitors on Chrome + MacOS * See: https://bugs.chromium.org/p/chromium/issues/detail?id=971701#c64 */ @keyframes redraw { 0% { opacity: 0.99; } 100% { opacity: 1; } } html.force_redraw { animation: redraw 1s linear infinite; } /** * Text selection style: * suppress user selection for most elements (to make it more app-like) */ h1, h2, h3, label, a, button, p, img { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .tw-container { width: 100%; } @media (min-width: 640px) { .tw-container { max-width: 640px; } } @media (min-width: 768px) { .tw-container { max-width: 768px; } } @media (min-width: 1024px) { .tw-container { max-width: 1024px; } } @media (min-width: 1280px) { .tw-container { max-width: 1280px; } } @media (min-width: 1536px) { .tw-container { max-width: 1536px; } } /** * tw-break-words does not work with table cells: * https://github.com/tailwindlabs/tailwindcss/issues/835 */ td.tw-break-words { overflow-wrap: anywhere; } /** * tw-list-none hides summary arrow in Firefox & Chrome but not Safari: * https://github.com/tailwindlabs/tailwindcss/issues/924#issuecomment-915509785 */ summary.tw-list-none::marker, summary.tw-list-none::-webkit-details-marker { display: none; } /** * Arbitrary values can't be used with `text-align`: * https://github.com/tailwindlabs/tailwindcss/issues/802#issuecomment-849013311 */ .tw-text-unset { text-align: unset; } /** * tw-app-region-drag and tw-app-region-no-drag are used for Electron window dragging behavior * These will replace direct -webkit-app-region usage as part of the migration to Tailwind CSS */ /** * Bootstrap uses z-index: 1050 for modals, dialogs and drag-and-drop previews should appear above them. * When bootstrap is removed, test if these styles are still needed and that overlays display properly over other content. * CL-483 */ .cdk-drag-preview, .cdk-overlay-container, .cdk-global-overlay-wrapper, .cdk-overlay-connected-position-bounding-box, .cdk-overlay-backdrop, .cdk-overlay-pane { z-index: 2000 !important; } /** Safari Support */ html.browser_safari .tw-styled-scrollbar::-webkit-scrollbar { overflow: auto; } html.browser_safari .tw-styled-scrollbar::-webkit-scrollbar-thumb { border-radius: 0.5rem; border-width: 4px; border-style: solid; border-color: transparent; --tw-bg-opacity: 1; background-color: rgb(var(--color-secondary-500) / var(--tw-bg-opacity, 1)); background-clip: content-box; } html.browser_safari .tw-styled-scrollbar::-webkit-scrollbar-track { --tw-bg-opacity: 1; background-color: rgb(var(--color-background-alt) / var(--tw-bg-opacity, 1)); } html.browser_safari .tw-styled-scrollbar::-webkit-scrollbar-thumb:hover { --tw-bg-opacity: 1; background-color: rgb(var(--color-secondary-600) / var(--tw-bg-opacity, 1)); } /* FireFox & Chrome support */ html:not(.browser_safari) .tw-styled-scrollbar { scrollbar-color: rgb(var(--color-secondary-500)) rgb(var(--color-background-alt)); } #duo-frame { background: url(../popup/images/loading.svg) 0 0 no-repeat; width: 100%; height: 470px; margin-bottom: -10px; } #duo-frame iframe { width: 100%; height: 100%; border: none; } #web-authn-frame { width: 100%; height: 40px; } #web-authn-frame iframe { border: none; height: 100%; width: 100%; } body.linux-webauthn { width: 485px !important; } body.linux-webauthn #web-authn-frame iframe { width: 375px; margin: 0 55px; } app-root > #loading { display: flex; text-align: center; justify-content: center; align-items: center; height: 100%; width: 100%; --tw-text-opacity: 1; color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1)); } /** * Text selection style: * Set explicit selection styles (assumes primary accent color has sufficient * contrast against the background, so its inversion is also still readable) */ :not(bit-form-field input)::-moz-selection { --tw-text-opacity: 1; color: rgb(var(--color-text-contrast) / var(--tw-text-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-700) / var(--tw-bg-opacity, 1)); } :not(bit-form-field input)::selection { --tw-text-opacity: 1; color: rgb(var(--color-text-contrast) / var(--tw-text-opacity, 1)); --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-700) / var(--tw-bg-opacity, 1)); } .tw-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .tw-pointer-events-none { pointer-events: none; } .tw-pointer-events-auto { pointer-events: auto; } .tw-invisible { visibility: hidden; } .tw-fixed { position: fixed; } .tw-absolute { position: absolute; } .tw-relative { position: relative; } .tw-sticky { position: sticky; } .tw-inset-0 { inset: 0px; } .tw-inset-y-0 { top: 0px; bottom: 0px; } .tw-bottom-0 { bottom: 0px; } .tw-bottom-\[-1px\] { bottom: -1px; } .tw-end-2 { inset-inline-end: 0.5rem; } .tw-left-0 { left: 0px; } .tw-left-1\/2 { left: 50%; } .tw-left-\[0px\] { left: 0px; } .tw-left-\[calc\(50\%\+5px\)\] { left: calc(50% + 5px); } .tw-right-3 { right: 0.75rem; } .tw-right-\[1px\] { right: 1px; } .tw-start-2 { inset-inline-start: 0.5rem; } .tw-start-\[2px\] { inset-inline-start: 2px; } .tw-top-0 { top: 0px; } .tw-top-1\.5 { top: 0.375rem; } .tw-top-1\/2 { top: 50%; } .tw-top-\[1px\] { top: 1px; } .tw-top-\[2px\] { top: 2px; } .tw-top-\[3px\] { top: 3px; } .tw-top-\[6px\] { top: 6px; } .tw-z-10 { z-index: 10; } .tw-z-20 { z-index: 20; } .tw-z-30 { z-index: 30; } .tw-z-50 { z-index: 50; } .tw-z-\[1\] { z-index: 1; } .tw-col-span-6 { grid-column: span 6 / span 6; } .\!tw-m-0 { margin: 0px !important; } .-tw-m-5 { margin: -1.25rem; } .tw-m-0 { margin: 0px; } .tw-m-auto { margin: auto; } .-tw-mx-0\.5 { margin-left: -0.125rem; margin-right: -0.125rem; } .-tw-mx-3 { margin-left: -0.75rem; margin-right: -0.75rem; } .-tw-mx-4 { margin-left: -1rem; margin-right: -1rem; } .-tw-mx-8 { margin-left: -2rem; margin-right: -2rem; } .tw-mx-0\.5 { margin-left: 0.125rem; margin-right: 0.125rem; } .tw-mx-1 { margin-left: 0.25rem; margin-right: 0.25rem; } .tw-mx-1\.5 { margin-left: 0.375rem; margin-right: 0.375rem; } .tw-mx-2 { margin-left: 0.5rem; margin-right: 0.5rem; } .tw-mx-6 { margin-left: 1.5rem; margin-right: 1.5rem; } .tw-mx-auto { margin-left: auto; margin-right: auto; } .tw-my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem; } .tw-my-4 { margin-top: 1rem; margin-bottom: 1rem; } .tw-my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem; } .tw-my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; } .\!-tw-mb-1 { margin-bottom: -0.25rem !important; } .\!-tw-ms-1 { margin-inline-start: -0.25rem !important; } .\!-tw-mt-1 { margin-top: -0.25rem !important; } .\!tw-mb-0 { margin-bottom: 0px !important; } .\!tw-mb-0\.5 { margin-bottom: 0.125rem !important; } .\!tw-mb-1 { margin-bottom: 0.25rem !important; } .\!tw-mb-4 { margin-bottom: 1rem !important; } .\!tw-mb-5 { margin-bottom: 1.25rem !important; } .\!tw-me-2 { margin-inline-end: 0.5rem !important; } .\!tw-mt-6 { margin-top: 1.5rem !important; } .-tw-mb-0\.5 { margin-bottom: -0.125rem; } .-tw-mb-px { margin-bottom: -1px; } .-tw-me-2 { margin-inline-end: -0.5rem; } .-tw-mr-3 { margin-right: -0.75rem; } .-tw-mt-2 { margin-top: -0.5rem; } .-tw-mt-6 { margin-top: -1.5rem; } .tw--mb-px { margin-bottom: -1px; } .tw-mb-0 { margin-bottom: 0px; } .tw-mb-1 { margin-bottom: 0.25rem; } .tw-mb-1\.5 { margin-bottom: 0.375rem; } .tw-mb-12 { margin-bottom: 3rem; } .tw-mb-2 { margin-bottom: 0.5rem; } .tw-mb-2\.5 { margin-bottom: 0.625rem; } .tw-mb-3 { margin-bottom: 0.75rem; } .tw-mb-4 { margin-bottom: 1rem; } .tw-mb-5 { margin-bottom: 1.25rem; } .tw-mb-6 { margin-bottom: 1.5rem; } .tw-me-0 { margin-inline-end: 0px; } .tw-me-1 { margin-inline-end: 0.25rem; } .tw-me-2 { margin-inline-end: 0.5rem; } .tw-me-3\.5 { margin-inline-end: 0.875rem; } .tw-me-4 { margin-inline-end: 1rem; } .tw-ml-1 { margin-left: 0.25rem; } .tw-ml-1\.5 { margin-left: 0.375rem; } .tw-ml-2 { margin-left: 0.5rem; } .tw-ml-3 { margin-left: 0.75rem; } .tw-ml-5 { margin-left: 1.25rem; } .tw-ml-8 { margin-left: 2rem; } .tw-ml-auto { margin-left: auto; } .tw-mr-1 { margin-right: 0.25rem; } .tw-mr-2 { margin-right: 0.5rem; } .tw-mr-4 { margin-right: 1rem; } .tw-ms-0\.5 { margin-inline-start: 0.125rem; } .tw-ms-2 { margin-inline-start: 0.5rem; } .tw-ms-7 { margin-inline-start: 1.75rem; } .tw-ms-auto { margin-inline-start: auto; } .tw-mt-0\.5 { margin-top: 0.125rem; } .tw-mt-1 { margin-top: 0.25rem; } .tw-mt-1\.5 { margin-top: 0.375rem; } .tw-mt-10 { margin-top: 2.5rem; } .tw-mt-2 { margin-top: 0.5rem; } .tw-mt-3 { margin-top: 0.75rem; } .tw-mt-4 { margin-top: 1rem; } .tw-mt-44 { margin-top: 11rem; } .tw-mt-5 { margin-top: 1.25rem; } .tw-mt-6 { margin-top: 1.5rem; } .tw-mt-8 { margin-top: 2rem; } .tw-mt-auto { margin-top: auto; } .tw-mt-px { margin-top: 1px; } .tw-box-border { box-sizing: border-box; } .tw-box-content { box-sizing: content-box; } .tw-line-clamp-1 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; } .tw-line-clamp-2 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .tw-block { display: block; } .tw-inline-block { display: inline-block; } .tw-inline { display: inline; } .tw-flex { display: flex; } .tw-inline-flex { display: inline-flex; } .tw-grid { display: grid; } .tw-hidden { display: none; } .tw-size-12 { width: 3rem; height: 3rem; } .tw-size-16 { width: 4rem; height: 4rem; } .tw-size-2\.5 { width: 0.625rem; height: 0.625rem; } .tw-size-20 { width: 5rem; height: 5rem; } .tw-size-24 { width: 6rem; height: 6rem; } .tw-size-32 { width: 8rem; height: 8rem; } .tw-size-4 { width: 1rem; height: 1rem; } .tw-size-52 { width: 13rem; height: 13rem; } .tw-size-56 { width: 14rem; height: 14rem; } .tw-size-6 { width: 1.5rem; height: 1.5rem; } .tw-size-7 { width: 1.75rem; height: 1.75rem; } .tw-size-8 { width: 2rem; height: 2rem; } .tw-size-9 { width: 2.25rem; height: 2.25rem; } .tw-size-\[1\.125rem\] { width: 1.125rem; height: 1.125rem; } .tw-size-\[15px\] { width: 15px; height: 15px; } .tw-size-\[70px\] { width: 70px; height: 70px; } .tw-size-\[95px\] { width: 95px; height: 95px; } .tw-size-full { width: 100%; height: 100%; } .\!tw-h-\[55px\] { height: 55px !important; } .tw-h-1 { height: 0.25rem; } .tw-h-10 { height: 2.5rem; } .tw-h-12 { height: 3rem; } .tw-h-16 { height: 4rem; } .tw-h-2\.5 { height: 0.625rem; } .tw-h-24 { height: 6rem; } .tw-h-3 { height: 0.75rem; } .tw-h-4 { height: 1rem; } .tw-h-40 { height: 10rem; } .tw-h-5 { height: 1.25rem; } .tw-h-6 { height: 1.5rem; } .tw-h-7 { height: 1.75rem; } .tw-h-8 { height: 2rem; } .tw-h-9 { height: 2.25rem; } .tw-h-\[1\.12rem\] { height: 1.12rem; } .tw-h-\[1\.375rem\] { height: 1.375rem; } .tw-h-\[1px\] { height: 1px; } .tw-h-\[400px\] { height: 400px; } .tw-h-\[500px\] { height: 500px; } .tw-h-\[52px\] { height: 52px; } .tw-h-\[640px\] { height: 640px; } .tw-h-\[73px\] { height: 73px; } .tw-h-\[calc\(1\.12rem_\+_theme\(spacing\.2\)\)\] { height: calc(1.12rem + 0.5rem); } .tw-h-auto { height: auto; } .tw-h-full { height: 100%; } .tw-h-px { height: 1px; } .tw-h-screen { height: 100vh; } .tw-max-h-24 { max-height: 6rem; } .tw-max-h-40 { max-height: 10rem; } .tw-max-h-80 { max-height: 20rem; } .tw-max-h-\[90vh\] { max-height: 90vh; } .tw-max-h-full { max-height: 100%; } .tw-max-h-screen { max-height: 100vh; } .tw-min-h-11 { min-height: 2.75rem; } .tw-min-h-6 { min-height: 1.5rem; } .tw-min-h-60 { min-height: 15rem; } .tw-min-h-9 { min-height: 2.25rem; } .tw-min-h-\[1\.85rem\] { min-height: 1.85rem; } .tw-min-h-full { min-height: 100%; } .tw-min-h-screen { min-height: 100vh; } .tw-w-1\/2 { width: 50%; } .tw-w-1\/3 { width: 33.333333%; } .tw-w-1\/4 { width: 25%; } .tw-w-10 { width: 2.5rem; } .tw-w-16 { width: 4rem; } .tw-w-24 { width: 6rem; } .tw-w-32 { width: 8rem; } .tw-w-4 { width: 1rem; } .tw-w-40 { width: 10rem; } .tw-w-56 { width: 14rem; } .tw-w-6 { width: 1.5rem; } .tw-w-60 { width: 15rem; } .tw-w-7 { width: 1.75rem; } .tw-w-72 { width: 18rem; } .tw-w-8 { width: 2rem; } .tw-w-80 { width: 20rem; } .tw-w-9 { width: 2.25rem; } .tw-w-96 { width: 24rem; } .tw-w-\[1\.12rem\] { width: 1.12rem; } .tw-w-\[23rem\] { width: 23rem; } .tw-w-\[3\.75rem\] { width: 3.75rem; } .tw-w-\[380px\] { width: 380px; } .tw-w-\[43\%\] { width: 43%; } .tw-w-\[480px\] { width: 480px; } .tw-w-\[600px\] { width: 600px; } .tw-w-\[8\.625rem\] { width: 8.625rem; } .tw-w-\[900px\] { width: 900px; } .tw-w-\[calc\(1\.12rem_\+_theme\(spacing\.2\)\)\] { width: calc(1.12rem + 0.5rem); } .tw-w-fit { width: -moz-fit-content; width: fit-content; } .tw-w-full { width: 100%; } .tw-w-screen { width: 100vw; } .tw-min-w-0 { min-width: 0px; } .tw-min-w-10 { min-width: 2.5rem; } .tw-min-w-16 { min-width: 4rem; } .tw-min-w-24 { min-width: 6rem; } .tw-min-w-3 { min-width: 0.75rem; } .tw-min-w-32 { min-width: 8rem; } .tw-min-w-6 { min-width: 1.5rem; } .tw-min-w-7 { min-width: 1.75rem; } .tw-min-w-\[--bit-toast-width\] { min-width: var(--bit-toast-width); } .tw-min-w-\[332px\] { min-width: 332px; } .tw-min-w-max { min-width: -moz-max-content; min-width: max-content; } .tw-max-w-2xl { max-width: 42rem; } .tw-max-w-32 { max-width: 8rem; } .tw-max-w-3xl { max-width: 48rem; } .tw-max-w-40 { max-width: 10rem; } .tw-max-w-4xl { max-width: 56rem; } .tw-max-w-52 { max-width: 13rem; } .tw-max-w-64 { max-width: 16rem; } .tw-max-w-80 { max-width: 20rem; } .tw-max-w-90vw { max-width: 90vw; } .tw-max-w-\[--bit-toast-width\] { max-width: var(--bit-toast-width); } .tw-max-w-\[500px\] { max-width: 500px; } .tw-max-w-\[600px\] { max-width: 600px; } .tw-max-w-\[60ch\] { max-width: 60ch; } .tw-max-w-fit { max-width: -moz-fit-content; max-width: fit-content; } .tw-max-w-full { max-width: 100%; } .tw-max-w-lg { max-width: 32rem; } .tw-max-w-md { max-width: 28rem; } .tw-max-w-screen-sm { max-width: 640px; } .tw-max-w-sm { max-width: 24rem; } .tw-max-w-xl { max-width: 36rem; } .tw-max-w-xs { max-width: 20rem; } .tw-flex-1 { flex: 1 1 0%; } .tw-flex-initial { flex: 0 1 auto; } .tw-flex-none { flex: none; } .tw-flex-shrink-0 { flex-shrink: 0; } .tw-shrink { flex-shrink: 1; } .tw-shrink-0 { flex-shrink: 0; } .tw-flex-grow { flex-grow: 1; } .tw-grow { flex-grow: 1; } .tw-table-auto { table-layout: auto; } .tw-table-fixed { table-layout: fixed; } .tw-border-collapse { border-collapse: collapse; } .-tw-translate-y-\[0\.675rem\] { --tw-translate-y: -0.675rem; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .tw--translate-x-1\/2 { --tw-translate-x: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .tw--translate-x-\[calc\(100\%_\+_4px\)\] { --tw-translate-x: calc(calc(100% + 4px) * -1); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .tw--translate-y-1\/2 { --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .tw-translate-x-\[calc\(theme\(spacing\.9\)_-_\(1\.125rem_\+_4px\)\)\] { --tw-translate-x: calc(2.25rem - (1.125rem + 4px)); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .tw-rotate-\[90deg\] { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .tw-scale-100 { --tw-scale-x: 1; --tw-scale-y: 1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .tw-transform { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } @keyframes tw-pulse { 50% { opacity: .5; } } .tw-animate-pulse { animation: tw-pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; } @keyframes tw-slideDown { 0% { opacity: 0; transform: translateY(-50px); } 100% { opacity: 1; transform: translateY(0); } } .tw-animate-slide-down { animation: tw-slideDown 0.3s ease-out; } @keyframes tw-slideUp { 0% { opacity: 0; transform: translateY(50px); } 100% { opacity: 1; transform: translateY(0); } } .tw-animate-slide-up { animation: tw-slideUp 0.3s ease-out; } @keyframes tw-spin { to { transform: rotate(360deg); } } .tw-animate-spin { animation: tw-spin 1s linear infinite; } .tw-cursor-auto { cursor: auto; } .tw-cursor-default { cursor: default; } .tw-cursor-move { cursor: move; } .tw-cursor-not-allowed { cursor: not-allowed; } .tw-cursor-pointer { cursor: pointer; } .tw-cursor-text { cursor: text; } .tw-select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .tw-select-all { -webkit-user-select: all; -moz-user-select: all; user-select: all; } .tw-select-auto { -webkit-user-select: auto; -moz-user-select: auto; user-select: auto; } .tw-resize-none { resize: none; } .tw-list-disc { list-style-type: disc; } .tw-list-none { list-style-type: none; } .tw-appearance-none { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .tw-grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .tw-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .tw-grid-cols-\[repeat\(auto-fit\,minmax\(224px\,1fr\)\)\] { grid-template-columns: repeat(auto-fit,minmax(224px,1fr)); } .tw-flex-row { flex-direction: row; } .tw-flex-col { flex-direction: column; } .tw-flex-wrap { flex-wrap: wrap; } .tw-flex-nowrap { flex-wrap: nowrap; } .tw-place-items-center { place-items: center; } .tw-content-center { align-content: center; } .tw-items-start { align-items: flex-start; } .tw-items-end { align-items: flex-end; } .tw-items-center { align-items: center; } .tw-items-baseline { align-items: baseline; } .tw-items-stretch { align-items: stretch; } .tw-justify-start { justify-content: flex-start; } .tw-justify-end { justify-content: flex-end; } .tw-justify-center { justify-content: center; } .tw-justify-between { justify-content: space-between; } .tw-justify-around { justify-content: space-around; } .tw-gap-0\.5 { gap: 0.125rem; } .tw-gap-1 { gap: 0.25rem; } .tw-gap-1\.5 { gap: 0.375rem; } .tw-gap-2 { gap: 0.5rem; } .tw-gap-3 { gap: 0.75rem; } .tw-gap-4 { gap: 1rem; } .tw-gap-6 { gap: 1.5rem; } .tw-gap-8 { gap: 2rem; } .tw-space-x-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-x-reverse: 0; margin-right: calc(0.5rem * var(--tw-space-x-reverse)); margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))); } .tw-space-y-2 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.5rem * var(--tw-space-y-reverse)); } .tw-space-y-3 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(0.75rem * var(--tw-space-y-reverse)); } .tw-space-y-4 > :not([hidden]) ~ :not([hidden]) { --tw-space-y-reverse: 0; margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))); margin-bottom: calc(1rem * var(--tw-space-y-reverse)); } .tw-divide-y > :not([hidden]) ~ :not([hidden]) { --tw-divide-y-reverse: 0; border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse))); border-bottom-width: calc(1px * var(--tw-divide-y-reverse)); } .tw-divide-secondary-300 > :not([hidden]) ~ :not([hidden]) { --tw-divide-opacity: 1; border-color: rgb(var(--color-secondary-300) / var(--tw-divide-opacity, 1)); } .tw-self-start { align-self: flex-start; } .tw-self-end { align-self: flex-end; } .tw-self-center { align-self: center; } .tw-overflow-auto { overflow: auto; } .\!tw-overflow-hidden { overflow: hidden !important; } .tw-overflow-hidden { overflow: hidden; } .tw-overflow-y-auto { overflow-y: auto; } .tw-overflow-y-hidden { overflow-y: hidden; } .tw-overscroll-none { overscroll-behavior: none; } .tw-truncate { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tw-text-ellipsis { text-overflow: ellipsis; } .tw-hyphens-none { hyphens: none; } .tw-hyphens-auto { hyphens: auto; } .tw-whitespace-normal { white-space: normal; } .tw-whitespace-nowrap { white-space: nowrap; } .tw-whitespace-pre-wrap { white-space: pre-wrap; } .tw-text-wrap { text-wrap: wrap; } .tw-break-words { overflow-wrap: break-word; } .tw-break-all { word-break: break-all; } .\!tw-rounded-2xl { border-radius: 1rem !important; } .tw-rounded { border-radius: 0.25rem; } .tw-rounded-2xl { border-radius: 1rem; } .tw-rounded-3xl { border-radius: 1.5rem; } .tw-rounded-full { border-radius: 9999px; } .tw-rounded-lg { border-radius: 0.5rem; } .tw-rounded-md { border-radius: 0.375rem; } .tw-rounded-xl { border-radius: 0.75rem; } .\!tw-rounded-e-lg { border-start-end-radius: 0.5rem !important; border-end-end-radius: 0.5rem !important; } .\!tw-rounded-s-lg { border-start-start-radius: 0.5rem !important; border-end-start-radius: 0.5rem !important; } .tw-rounded-b-md { border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } .tw-rounded-b-none { border-bottom-right-radius: 0px; border-bottom-left-radius: 0px; } .tw-rounded-e-lg { border-start-end-radius: 0.5rem; border-end-end-radius: 0.5rem; } .tw-rounded-s-lg { border-start-start-radius: 0.5rem; border-end-start-radius: 0.5rem; } .tw-rounded-t-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .tw-rounded-t-none { border-top-left-radius: 0px; border-top-right-radius: 0px; } .tw-rounded-t-xl { border-top-left-radius: 0.75rem; border-top-right-radius: 0.75rem; } .tw-border { border-width: 1px; } .tw-border-0 { border-width: 0px; } .tw-border-2 { border-width: 2px; } .tw-border-\[0\.5px\] { border-width: 0.5px; } .tw-border-x { border-left-width: 1px; border-right-width: 1px; } .tw-border-x-0 { border-left-width: 0px; border-right-width: 0px; } .tw-border-y { border-top-width: 1px; border-bottom-width: 1px; } .tw-border-b { border-bottom-width: 1px; } .tw-border-b-2 { border-bottom-width: 2px; } .tw-border-l { border-left-width: 1px; } .tw-border-l-0 { border-left-width: 0px; } .tw-border-r { border-right-width: 1px; } .tw-border-r-0 { border-right-width: 0px; } .tw-border-s { border-inline-start-width: 1px; } .tw-border-t { border-top-width: 1px; } .tw-border-t-0 { border-top-width: 0px; } .tw-border-t-4 { border-top-width: 4px; } .\!tw-border-solid { border-style: solid !important; } .tw-border-solid { border-style: solid; } .\!tw-border-none { border-style: none !important; } .tw-border-none { border-style: none; } .\!tw-border-primary-600 { --tw-border-opacity: 1 !important; border-color: rgb(var(--color-primary-600) / var(--tw-border-opacity, 1)) !important; } .\!tw-border-secondary-100 { --tw-border-opacity: 1 !important; border-color: rgb(var(--color-secondary-100) / var(--tw-border-opacity, 1)) !important; } .\!tw-border-secondary-700 { --tw-border-opacity: 1 !important; border-color: rgb(var(--color-secondary-700) / var(--tw-border-opacity, 1)) !important; } .tw-border-black { --tw-border-opacity: 1; border-color: rgb(0 0 0 / var(--tw-border-opacity, 1)); } .tw-border-danger-600 { --tw-border-opacity: 1; border-color: rgb(var(--color-danger-600) / var(--tw-border-opacity, 1)); } .tw-border-danger-700 { --tw-border-opacity: 1; border-color: rgb(var(--color-danger-700) / var(--tw-border-opacity, 1)); } .tw-border-info-700 { --tw-border-opacity: 1; border-color: rgb(var(--color-info-700) / var(--tw-border-opacity, 1)); } .tw-border-notification-600 { --tw-border-opacity: 1; border-color: rgb(var(--color-notification-600) / var(--tw-border-opacity, 1)); } .tw-border-primary-600 { --tw-border-opacity: 1; border-color: rgb(var(--color-primary-600) / var(--tw-border-opacity, 1)); } .tw-border-primary-700 { --tw-border-opacity: 1; border-color: rgb(var(--color-primary-700) / var(--tw-border-opacity, 1)); } .tw-border-secondary-100 { --tw-border-opacity: 1; border-color: rgb(var(--color-secondary-100) / var(--tw-border-opacity, 1)); } .tw-border-secondary-300 { --tw-border-opacity: 1; border-color: rgb(var(--color-secondary-300) / var(--tw-border-opacity, 1)); } .tw-border-secondary-300\/50 { border-color: rgb(var(--color-secondary-300) / 0.5); } .tw-border-secondary-500 { --tw-border-opacity: 1; border-color: rgb(var(--color-secondary-500) / var(--tw-border-opacity, 1)); } .tw-border-secondary-600 { --tw-border-opacity: 1; border-color: rgb(var(--color-secondary-600) / var(--tw-border-opacity, 1)); } .tw-border-secondary-700 { --tw-border-opacity: 1; border-color: rgb(var(--color-secondary-700) / var(--tw-border-opacity, 1)); } .tw-border-success-700 { --tw-border-opacity: 1; border-color: rgb(var(--color-success-700) / var(--tw-border-opacity, 1)); } .tw-border-text-muted { --tw-border-opacity: 1; border-color: rgb(var(--color-text-muted) / var(--tw-border-opacity, 1)); } .tw-border-transparent { border-color: transparent; } .tw-border-warning-700 { --tw-border-opacity: 1; border-color: rgb(var(--color-warning-700) / var(--tw-border-opacity, 1)); } .tw-border-x-secondary-100 { --tw-border-opacity: 1; border-left-color: rgb(var(--color-secondary-100) / var(--tw-border-opacity, 1)); border-right-color: rgb(var(--color-secondary-100) / var(--tw-border-opacity, 1)); } .tw-border-b-background { --tw-border-opacity: 1; border-bottom-color: rgb(var(--color-background) / var(--tw-border-opacity, 1)); } .tw-border-b-danger-700 { --tw-border-opacity: 1; border-bottom-color: rgb(var(--color-danger-700) / var(--tw-border-opacity, 1)); } .tw-border-b-info-700 { --tw-border-opacity: 1; border-bottom-color: rgb(var(--color-info-700) / var(--tw-border-opacity, 1)); } .tw-border-b-secondary-300 { --tw-border-opacity: 1; border-bottom-color: rgb(var(--color-secondary-300) / var(--tw-border-opacity, 1)); } .tw-border-b-shadow { --tw-border-opacity: 1; border-bottom-color: rgb(var(--color-shadow) / var(--tw-border-opacity, 1)); } .tw-border-b-success-700 { --tw-border-opacity: 1; border-bottom-color: rgb(var(--color-success-700) / var(--tw-border-opacity, 1)); } .tw-border-b-transparent { border-bottom-color: transparent; } .tw-border-b-warning-700 { --tw-border-opacity: 1; border-bottom-color: rgb(var(--color-warning-700) / var(--tw-border-opacity, 1)); } .tw-border-t-primary-600 { --tw-border-opacity: 1; border-top-color: rgb(var(--color-primary-600) / var(--tw-border-opacity, 1)); } .tw-border-t-secondary-100 { --tw-border-opacity: 1; border-top-color: rgb(var(--color-secondary-100) / var(--tw-border-opacity, 1)); } .tw-border-t-secondary-300 { --tw-border-opacity: 1; border-top-color: rgb(var(--color-secondary-300) / var(--tw-border-opacity, 1)); } .\!tw-bg-background { --tw-bg-opacity: 1 !important; background-color: rgb(var(--color-background) / var(--tw-bg-opacity, 1)) !important; } .tw-bg-background { --tw-bg-opacity: 1; background-color: rgb(var(--color-background) / var(--tw-bg-opacity, 1)); } .tw-bg-background-alt { --tw-bg-opacity: 1; background-color: rgb(var(--color-background-alt) / var(--tw-bg-opacity, 1)); } .tw-bg-background-alt3 { --tw-bg-opacity: 1; background-color: rgb(var(--color-background-alt3) / var(--tw-bg-opacity, 1)); } .tw-bg-background-alt4 { --tw-bg-opacity: 1; background-color: rgb(var(--color-background-alt4) / var(--tw-bg-opacity, 1)); } .tw-bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity, 1)); } .tw-bg-danger-100 { --tw-bg-opacity: 1; background-color: rgb(var(--color-danger-100) / var(--tw-bg-opacity, 1)); } .tw-bg-danger-600 { --tw-bg-opacity: 1; background-color: rgb(var(--color-danger-600) / var(--tw-bg-opacity, 1)); } .tw-bg-illustration-bg-primary { --tw-bg-opacity: 1; background-color: rgb(var(--color-illustration-bg-primary) / var(--tw-bg-opacity, 1)); } .tw-bg-info-100 { --tw-bg-opacity: 1; background-color: rgb(var(--color-info-100) / var(--tw-bg-opacity, 1)); } .tw-bg-notification-100 { --tw-bg-opacity: 1; background-color: rgb(var(--color-notification-100) / var(--tw-bg-opacity, 1)); } .tw-bg-notification-600 { --tw-bg-opacity: 1; background-color: rgb(var(--color-notification-600) / var(--tw-bg-opacity, 1)); } .tw-bg-primary-100 { --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-100) / var(--tw-bg-opacity, 1)); } .tw-bg-primary-600 { --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-600) / var(--tw-bg-opacity, 1)); } .tw-bg-secondary-100 { --tw-bg-opacity: 1; background-color: rgb(var(--color-secondary-100) / var(--tw-bg-opacity, 1)); } .tw-bg-secondary-300 { --tw-bg-opacity: 1; background-color: rgb(var(--color-secondary-300) / var(--tw-bg-opacity, 1)); } .tw-bg-success-100 { --tw-bg-opacity: 1; background-color: rgb(var(--color-success-100) / var(--tw-bg-opacity, 1)); } .tw-bg-success-600 { --tw-bg-opacity: 1; background-color: rgb(var(--color-success-600) / var(--tw-bg-opacity, 1)); } .tw-bg-text-alt2 { --tw-bg-opacity: 1; background-color: rgb(var(--color-text-alt2) / var(--tw-bg-opacity, 1)); } .tw-bg-text-contrast { --tw-bg-opacity: 1; background-color: rgb(var(--color-text-contrast) / var(--tw-bg-opacity, 1)); } .tw-bg-text-main\/30 { background-color: rgb(var(--color-text-main) / 0.3); } .tw-bg-text-muted { --tw-bg-opacity: 1; background-color: rgb(var(--color-text-muted) / var(--tw-bg-opacity, 1)); } .tw-bg-transparent { background-color: transparent; } .tw-bg-warning-100 { --tw-bg-opacity: 1; background-color: rgb(var(--color-warning-100) / var(--tw-bg-opacity, 1)); } .tw-bg-warning-600 { --tw-bg-opacity: 1; background-color: rgb(var(--color-warning-600) / var(--tw-bg-opacity, 1)); } .tw-bg-opacity-0 { --tw-bg-opacity: 0; } .tw-bg-opacity-30 { --tw-bg-opacity: 0.3; } .tw-bg-opacity-80 { --tw-bg-opacity: 0.8; } .tw-bg-clip-padding { background-clip: padding-box; } .tw-fill-background { fill: rgb(var(--color-background) / 1); } .tw-fill-background-alt { fill: rgb(var(--color-background-alt) / 1); } .tw-fill-bg-tertiary { fill: var(--color-bg-tertiary); } .tw-fill-bw-blue { fill: rgb(var(--color-bw-blue) / 1); } .tw-fill-illustration-bg-primary { fill: rgb(var(--color-illustration-bg-primary) / 1); } .tw-fill-illustration-bg-secondary { fill: rgb(var(--color-illustration-bg-secondary) / 1); } .tw-fill-illustration-bg-tertiary { fill: rgb(var(--color-illustration-bg-tertiary) / 1); } .tw-fill-illustration-logo { fill: rgb(var(--color-illustration-logo) / 1); } .tw-fill-illustration-outline { fill: rgb(var(--color-illustration-outline) / 1); } .tw-fill-illustration-tertiary { fill: rgb(var(--color-illustration-tertiary) / 1); } .tw-fill-marketing-logo { fill: rgb(var(--color-marketing-logo) / 1); } .tw-fill-none { fill: none; } .tw-fill-primary-100 { fill: rgb(var(--color-primary-100) / 1); } .tw-fill-primary-600 { fill: rgb(var(--color-primary-600) / 1); } .tw-fill-primary-700 { fill: rgb(var(--color-primary-700) / 1); } .tw-fill-secondary-100 { fill: rgb(var(--color-secondary-100) / 1); } .tw-fill-secondary-300 { fill: rgb(var(--color-secondary-300) / 1); } .tw-fill-secondary-500 { fill: rgb(var(--color-secondary-500) / 1); } .tw-fill-secondary-600 { fill: rgb(var(--color-secondary-600) / 1); } .tw-fill-secondary-700 { fill: rgb(var(--color-secondary-700) / 1); } .tw-fill-text-alt2 { fill: rgb(var(--color-text-alt2) / 1); } .tw-fill-text-main { fill: rgb(var(--color-text-main) / 1); } .tw-stroke-current { stroke: currentColor; } .tw-stroke-danger-600 { stroke: rgb(var(--color-danger-600) / 1); } .tw-stroke-illustration-outline { stroke: rgb(var(--color-illustration-outline) / 1); } .tw-stroke-illustration-tertiary { stroke: rgb(var(--color-illustration-tertiary) / 1); } .tw-stroke-primary-600 { stroke: rgb(var(--color-primary-600) / 1); } .tw-stroke-primary-700 { stroke: rgb(var(--color-primary-700) / 1); } .tw-stroke-secondary-100 { stroke: rgb(var(--color-secondary-100) / 1); } .tw-stroke-secondary-500 { stroke: rgb(var(--color-secondary-500) / 1); } .tw-stroke-text-main { stroke: rgb(var(--color-text-main) / 1); } .\!tw-p-0 { padding: 0px !important; } .\!tw-p-1 { padding: 0.25rem !important; } .\!tw-p-\[\.125rem\] { padding: .125rem !important; } .tw-p-0 { padding: 0px; } .tw-p-0\.5 { padding: 0.125rem; } .tw-p-10 { padding: 2.5rem; } .tw-p-16 { padding: 4rem; } .tw-p-2 { padding: 0.5rem; } .tw-p-2\.5 { padding: 0.625rem; } .tw-p-3 { padding: 0.75rem; } .tw-p-4 { padding: 1rem; } .tw-p-5 { padding: 1.25rem; } .tw-p-6 { padding: 1.5rem; } .tw-p-8 { padding: 2rem; } .\!tw-px-1 { padding-left: 0.25rem !important; padding-right: 0.25rem !important; } .\!tw-py-0 { padding-top: 0px !important; padding-bottom: 0px !important; } .tw-px-0 { padding-left: 0px; padding-right: 0px; } .tw-px-0\.5 { padding-left: 0.125rem; padding-right: 0.125rem; } .tw-px-1 { padding-left: 0.25rem; padding-right: 0.25rem; } .tw-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .tw-px-2\.5 { padding-left: 0.625rem; padding-right: 0.625rem; } .tw-px-3 { padding-left: 0.75rem; padding-right: 0.75rem; } .tw-px-4 { padding-left: 1rem; padding-right: 1rem; } .tw-px-5 { padding-left: 1.25rem; padding-right: 1.25rem; } .tw-px-6 { padding-left: 1.5rem; padding-right: 1.5rem; } .tw-px-8 { padding-left: 2rem; padding-right: 2rem; } .tw-px-\[max\(0\.75rem\,calc\(\(100\%-\(var\(--tw-sm-breakpoint\)\)\)\/2\)\)\] { padding-left: max(0.75rem,calc((100% - (var(--tw-sm-breakpoint))) / 2)); padding-right: max(0.75rem,calc((100% - (var(--tw-sm-breakpoint))) / 2)); } .tw-py-0 { padding-top: 0px; padding-bottom: 0px; } .tw-py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; } .tw-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .tw-py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; } .tw-py-10 { padding-top: 2.5rem; padding-bottom: 2.5rem; } .tw-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .tw-py-3 { padding-top: 0.75rem; padding-bottom: 0.75rem; } .tw-py-4 { padding-top: 1rem; padding-bottom: 1rem; } .tw-py-5 { padding-top: 1.25rem; padding-bottom: 1.25rem; } .tw-py-6 { padding-top: 1.5rem; padding-bottom: 1.5rem; } .\!tw-ps-0 { padding-inline-start: 0px !important; } .\!tw-pt-0 { padding-top: 0px !important; } .tw-pb-0 { padding-bottom: 0px; } .tw-pb-0\.5 { padding-bottom: 0.125rem; } .tw-pb-1 { padding-bottom: 0.25rem; } .tw-pb-1\.5 { padding-bottom: 0.375rem; } .tw-pb-2 { padding-bottom: 0.5rem; } .tw-pb-2\.5 { padding-bottom: 0.625rem; } .tw-pb-4 { padding-bottom: 1rem; } .tw-pb-6 { padding-bottom: 1.5rem; } .tw-pb-\[2px\] { padding-bottom: 2px; } .tw-pb-\[3px\] { padding-bottom: 3px; } .tw-pb-\[calc\(theme\(spacing\.8\)_\+_2px\)\] { padding-bottom: calc(2rem + 2px); } .tw-pe-1 { padding-inline-end: 0.25rem; } .tw-pe-2 { padding-inline-end: 0.5rem; } .tw-pe-3 { padding-inline-end: 0.75rem; } .tw-pe-4 { padding-inline-end: 1rem; } .tw-pe-6 { padding-inline-end: 1.5rem; } .tw-pl-0 { padding-left: 0px; } .tw-pl-1 { padding-left: 0.25rem; } .tw-pl-1\.5 { padding-left: 0.375rem; } .tw-pl-3 { padding-left: 0.75rem; } .tw-pl-4 { padding-left: 1rem; } .tw-pl-5 { padding-left: 1.25rem; } .tw-pl-6 { padding-left: 1.5rem; } .tw-pr-1 { padding-right: 0.25rem; } .tw-pr-2 { padding-right: 0.5rem; } .tw-ps-0 { padding-inline-start: 0px; } .tw-ps-1 { padding-inline-start: 0.25rem; } .tw-ps-2 { padding-inline-start: 0.5rem; } .tw-ps-3 { padding-inline-start: 0.75rem; } .tw-ps-4 { padding-inline-start: 1rem; } .tw-ps-6 { padding-inline-start: 1.5rem; } .tw-ps-8 { padding-inline-start: 2rem; } .tw-ps-9 { padding-inline-start: 2.25rem; } .tw-pt-0 { padding-top: 0px; } .tw-pt-1 { padding-top: 0.25rem; } .tw-pt-12 { padding-top: 3rem; } .tw-pt-2 { padding-top: 0.5rem; } .tw-pt-3 { padding-top: 0.75rem; } .tw-pt-4 { padding-top: 1rem; } .tw-pt-5 { padding-top: 1.25rem; } .tw-pt-6 { padding-top: 1.5rem; } .tw-pt-8 { padding-top: 2rem; } .tw-text-left { text-align: left; } .tw-text-center { text-align: center; } .tw-text-start { text-align: start; } .tw-align-baseline { vertical-align: baseline; } .tw-align-top { vertical-align: top; } .tw-align-middle { vertical-align: middle; } .tw-align-bottom { vertical-align: bottom; } .tw-align-text-top { vertical-align: text-top; } .tw-align-sub { vertical-align: sub; } .tw-font-mono { font-family: var(--font-mono); } .\!tw-text-2xl { font-size: 1.5rem !important; line-height: 150% !important; } .\!tw-text-3xl { font-size: 1.875rem !important; line-height: 150% !important; } .\!tw-text-base { font-size: 1rem !important; line-height: 150% !important; } .\!tw-text-lg { font-size: 1.125rem !important; line-height: 150% !important; } .\!tw-text-sm { font-size: 0.875rem !important; line-height: 150% !important; } .\!tw-text-xl { font-size: 1.25rem !important; line-height: 150% !important; } .\!tw-text-xs { font-size: .75rem !important; line-height: 150% !important; } .tw-text-2xl { font-size: 1.5rem; line-height: 150%; } .tw-text-3xl { font-size: 1.875rem; line-height: 150%; } .tw-text-\[0\.625rem\] { font-size: 0.625rem; } .tw-text-\[8px\] { font-size: 8px; } .tw-text-\[length\:inherit\] { font-size: inherit; } .tw-text-base { font-size: 1rem; line-height: 150%; } .tw-text-lg { font-size: 1.125rem; line-height: 150%; } .tw-text-sm { font-size: 0.875rem; line-height: 150%; } .tw-text-xl { font-size: 1.25rem; line-height: 150%; } .tw-text-xs { font-size: .75rem; line-height: 150%; } .\!tw-font-medium { font-weight: 500 !important; } .tw-font-bold { font-weight: 700; } .tw-font-medium { font-weight: 500; } .tw-font-normal { font-weight: 400; } .tw-font-semibold { font-weight: 600; } .tw-uppercase { text-transform: uppercase; } .tw-capitalize { text-transform: capitalize; } .tw-italic { font-style: italic; } .tw-leading-10 { line-height: 2.5rem; } .tw-leading-3 { line-height: .75rem; } .tw-leading-5 { line-height: 1.25rem; } .tw-leading-9 { line-height: 2.25rem; } .tw-leading-\[0px\] { line-height: 0px; } .tw-leading-none { line-height: 1; } .tw-leading-normal { line-height: 1.5; } .tw-leading-relaxed { line-height: 1.625; } .tw-leading-snug { line-height: 1.375; } .\!tw-text-\[inherit\] { color: inherit !important; } .\!tw-text-alt2 { --tw-text-opacity: 1 !important; color: rgb(var(--color-text-alt2) / var(--tw-text-opacity, 1)) !important; } .\!tw-text-contrast { --tw-text-opacity: 1 !important; color: rgb(var(--color-text-contrast) / var(--tw-text-opacity, 1)) !important; } .\!tw-text-danger { --tw-text-opacity: 1 !important; color: rgb(var(--color-danger-600) / var(--tw-text-opacity, 1)) !important; } .\!tw-text-danger-600 { --tw-text-opacity: 1 !important; color: rgb(var(--color-danger-600) / var(--tw-text-opacity, 1)) !important; } .\!tw-text-danger-700 { --tw-text-opacity: 1 !important; color: rgb(var(--color-danger-700) / var(--tw-text-opacity, 1)) !important; } .\!tw-text-info-700 { --tw-text-opacity: 1 !important; color: rgb(var(--color-info-700) / var(--tw-text-opacity, 1)) !important; } .\!tw-text-main { --tw-text-opacity: 1 !important; color: rgb(var(--color-text-main) / var(--tw-text-opacity, 1)) !important; } .\!tw-text-muted { --tw-text-opacity: 1 !important; color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1)) !important; } .\!tw-text-notification-600 { --tw-text-opacity: 1 !important; color: rgb(var(--color-notification-600) / var(--tw-text-opacity, 1)) !important; } .\!tw-text-primary-600 { --tw-text-opacity: 1 !important; color: rgb(var(--color-primary-600) / var(--tw-text-opacity, 1)) !important; } .\!tw-text-primary-700 { --tw-text-opacity: 1 !important; color: rgb(var(--color-primary-700) / var(--tw-text-opacity, 1)) !important; } .\!tw-text-secondary-300 { --tw-text-opacity: 1 !important; color: rgb(var(--color-secondary-300) / var(--tw-text-opacity, 1)) !important; } .\!tw-text-secondary-700 { --tw-text-opacity: 1 !important; color: rgb(var(--color-secondary-700) / var(--tw-text-opacity, 1)) !important; } .\!tw-text-success-700 { --tw-text-opacity: 1 !important; color: rgb(var(--color-success-700) / var(--tw-text-opacity, 1)) !important; } .\!tw-text-warning-700 { --tw-text-opacity: 1 !important; color: rgb(var(--color-warning-700) / var(--tw-text-opacity, 1)) !important; } .tw-text-\[color\:inherit\] { color: inherit; } .tw-text-alt2 { --tw-text-opacity: 1; color: rgb(var(--color-text-alt2) / var(--tw-text-opacity, 1)); } .tw-text-code { --tw-text-opacity: 1; color: rgb(var(--color-text-code) / var(--tw-text-opacity, 1)); } .tw-text-contrast { --tw-text-opacity: 1; color: rgb(var(--color-text-contrast) / var(--tw-text-opacity, 1)); } .tw-text-danger { --tw-text-opacity: 1; color: rgb(var(--color-danger-600) / var(--tw-text-opacity, 1)); } .tw-text-danger-700 { --tw-text-opacity: 1; color: rgb(var(--color-danger-700) / var(--tw-text-opacity, 1)); } .tw-text-info { --tw-text-opacity: 1; color: rgb(var(--color-info-600) / var(--tw-text-opacity, 1)); } .tw-text-info-700 { --tw-text-opacity: 1; color: rgb(var(--color-info-700) / var(--tw-text-opacity, 1)); } .tw-text-main { --tw-text-opacity: 1; color: rgb(var(--color-text-main) / var(--tw-text-opacity, 1)); } .tw-text-muted { --tw-text-opacity: 1; color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1)); } .tw-text-notification-600 { --tw-text-opacity: 1; color: rgb(var(--color-notification-600) / var(--tw-text-opacity, 1)); } .tw-text-primary-600 { --tw-text-opacity: 1; color: rgb(var(--color-primary-600) / var(--tw-text-opacity, 1)); } .tw-text-primary-700 { --tw-text-opacity: 1; color: rgb(var(--color-primary-700) / var(--tw-text-opacity, 1)); } .tw-text-secondary-700 { --tw-text-opacity: 1; color: rgb(var(--color-secondary-700) / var(--tw-text-opacity, 1)); } .tw-text-success { --tw-text-opacity: 1; color: rgb(var(--color-success-600) / var(--tw-text-opacity, 1)); } .tw-text-success-700 { --tw-text-opacity: 1; color: rgb(var(--color-success-700) / var(--tw-text-opacity, 1)); } .tw-text-warning { --tw-text-opacity: 1; color: rgb(var(--color-warning-600) / var(--tw-text-opacity, 1)); } .tw-text-warning-700 { --tw-text-opacity: 1; color: rgb(var(--color-warning-700) / var(--tw-text-opacity, 1)); } .tw-underline { text-decoration-line: underline; } .\!tw-no-underline { text-decoration-line: none !important; } .tw-no-underline { text-decoration-line: none; } .tw-placeholder-text-muted::-moz-placeholder { --tw-placeholder-opacity: 1; color: rgb(var(--color-text-muted) / var(--tw-placeholder-opacity, 1)); } .tw-placeholder-text-muted::placeholder { --tw-placeholder-opacity: 1; color: rgb(var(--color-text-muted) / var(--tw-placeholder-opacity, 1)); } .tw-opacity-0 { opacity: 0; } .tw-opacity-\[\.11\] { opacity: .11; } .tw-shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .tw-shadow-lg { --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .tw-shadow-md { --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .tw-shadow-none { --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .tw-outline-none { outline: 2px solid transparent; outline-offset: 2px; } .tw-ring { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .tw-ring-2 { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .tw-ring-inset { --tw-ring-inset: inset; } .tw-ring-primary-600 { --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--color-primary-600) / var(--tw-ring-opacity, 1)); } .tw-ring-text-alt2 { --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--color-text-alt2) / var(--tw-ring-opacity, 1)); } .tw-ring-text-contrast { --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--color-text-contrast) / var(--tw-ring-opacity, 1)); } .tw-ring-offset-1 { --tw-ring-offset-width: 1px; } .tw-ring-offset { --tw-ring-offset-color: rgb(var(--color-background) / 1); } .tw-transition { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .tw-transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .tw-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .tw-transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .tw-duration-200 { transition-duration: 200ms; } .tw-\@container { container-type: inline-size; } .before\:tw-absolute::before { content: var(--tw-content); position: absolute; } .before\:-tw-inset-\[1px\]::before { content: var(--tw-content); inset: -1px; } .before\:-tw-inset-\[3px\]::before { content: var(--tw-content); inset: -3px; } .before\:tw-inset-0::before { content: var(--tw-content); inset: 0px; } .before\:-tw-inset-x-\[0\.1em\]::before { content: var(--tw-content); left: -0.1em; right: -0.1em; } .before\:-tw-inset-y-\[0\.125rem\]::before { content: var(--tw-content); top: -0.125rem; bottom: -0.125rem; } .before\:-tw-inset-y-\[0\.25rem\]::before { content: var(--tw-content); top: -0.25rem; bottom: -0.25rem; } .before\:tw-box-border::before { content: var(--tw-content); box-sizing: border-box; } .before\:tw-block::before { content: var(--tw-content); display: block; } .before\:tw-size-full::before { content: var(--tw-content); width: 100%; height: 100%; } .before\:tw-h-\[1\.12rem\]::before { content: var(--tw-content); height: 1.12rem; } .before\:tw-w-\[1\.12rem\]::before { content: var(--tw-content); width: 1.12rem; } .before\:tw-rounded::before { content: var(--tw-content); border-radius: 0.25rem; } .before\:tw-rounded-full::before { content: var(--tw-content); border-radius: 9999px; } .before\:tw-rounded-lg::before { content: var(--tw-content); border-radius: 0.5rem; } .before\:tw-rounded-md::before { content: var(--tw-content); border-radius: 0.375rem; } .before\:tw-border::before { content: var(--tw-content); border-width: 1px; } .before\:tw-border-solid::before { content: var(--tw-content); border-style: solid; } .before\:tw-border-secondary-500::before { content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(var(--color-secondary-500) / var(--tw-border-opacity, 1)); } .before\:tw-ring::before { content: var(--tw-content); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .before\:tw-ring-2::before { content: var(--tw-content); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .before\:tw-ring-transparent::before { content: var(--tw-content); --tw-ring-color: transparent; } .before\:tw-transition::before { content: var(--tw-content); transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .before\:tw-content-\[\'\'\]::before { --tw-content: ''; content: var(--tw-content); } .after\:tw-pointer-events-none::after { content: var(--tw-content); pointer-events: none; } .after\:tw-absolute::after { content: var(--tw-content); position: absolute; } .after\:tw-inset-0::after { content: var(--tw-content); inset: 0px; } .after\:tw-inset-1::after { content: var(--tw-content); inset: 0.25rem; } .after\:tw-inset-x-0::after { content: var(--tw-content); left: 0px; right: 0px; } .after\:tw-bottom-0::after { content: var(--tw-content); bottom: 0px; } .after\:tw-left-0::after { content: var(--tw-content); left: 0px; } .after\:tw-top-\[50\%\]::after { content: var(--tw-content); top: 50%; } .after\:tw-box-border::after { content: var(--tw-content); box-sizing: border-box; } .after\:tw-block::after { content: var(--tw-content); display: block; } .after\:tw-size-full::after { content: var(--tw-content); width: 100%; height: 100%; } .after\:tw-h-8::after { content: var(--tw-content); height: 2rem; } .after\:tw-h-\[1\.12rem\]::after { content: var(--tw-content); height: 1.12rem; } .after\:tw-h-\[2px\]::after { content: var(--tw-content); height: 2px; } .after\:tw-w-\[1\.12rem\]::after { content: var(--tw-content); width: 1.12rem; } .after\:tw-w-full::after { content: var(--tw-content); width: 100%; } .after\:-tw-translate-y-\[50\%\]::after { content: var(--tw-content); --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .after\:tw-rounded-full::after { content: var(--tw-content); border-radius: 9999px; } .after\:tw-bg-secondary-300::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-secondary-300) / var(--tw-bg-opacity, 1)); } .after\:tw-bg-gradient-to-t::after { content: var(--tw-content); background-image: linear-gradient(to top, var(--tw-gradient-stops)); } .after\:tw-from-background::after { content: var(--tw-content); --tw-gradient-from: rgb(var(--color-background) / 1) var(--tw-gradient-from-position); --tw-gradient-to: rgb(var(--color-background) / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .after\:tw-to-transparent::after { content: var(--tw-content); --tw-gradient-to: transparent var(--tw-gradient-to-position); } .after\:tw-transition-\[background-color\]::after { content: var(--tw-content); transition-property: background-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } .after\:tw-content-\[\'\'\]::after { --tw-content: ''; content: var(--tw-content); } .first\:-tw-mt-3:first-child { margin-top: -0.75rem; } .last\:tw-mb-0:last-child { margin-bottom: 0px; } .last\:tw-border-0:last-child { border-width: 0px; } .last\:tw-pe-3:last-child { padding-inline-end: 0.75rem; } .odd\:tw-bg-secondary-100:nth-child(odd) { --tw-bg-opacity: 1; background-color: rgb(var(--color-secondary-100) / var(--tw-bg-opacity, 1)); } .even\:tw-bg-background:nth-child(even) { --tw-bg-opacity: 1; background-color: rgb(var(--color-background) / var(--tw-bg-opacity, 1)); } .last-of-type\:tw-mb-0:last-of-type { margin-bottom: 0px; } .checked\:tw-border-2:checked { border-width: 2px; } .checked\:tw-border-primary-600:checked { --tw-border-opacity: 1; border-color: rgb(var(--color-primary-600) / var(--tw-border-opacity, 1)); } .checked\:tw-bg-text-contrast:checked { --tw-bg-opacity: 1; background-color: rgb(var(--color-text-contrast) / var(--tw-bg-opacity, 1)); } .checked\:before\:tw-border-primary-600:checked::before { content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(var(--color-primary-600) / var(--tw-border-opacity, 1)); } .checked\:before\:tw-bg-primary-600:checked::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-600) / var(--tw-bg-opacity, 1)); } .checked\:after\:tw-bg-text-contrast:checked::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-text-contrast) / var(--tw-bg-opacity, 1)); } .checked\:after\:tw-mask-position-\[center\]:checked::after { content: var(--tw-content); -webkit-mask-position: center; mask-position: center; } .checked\:after\:tw-mask-repeat-\[no-repeat\]:checked::after { content: var(--tw-content); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .indeterminate\:before\:tw-border-primary-600:indeterminate::before { content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(var(--color-primary-600) / var(--tw-border-opacity, 1)); } .indeterminate\:before\:tw-bg-primary-600:indeterminate::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-600) / var(--tw-bg-opacity, 1)); } .indeterminate\:after\:tw-bg-text-contrast:indeterminate::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-text-contrast) / var(--tw-bg-opacity, 1)); } .indeterminate\:after\:tw-mask-image-\[var\(--indeterminate-mask-image\)\]:indeterminate::after { content: var(--tw-content); -webkit-mask-image: var(--indeterminate-mask-image); mask-image: var(--indeterminate-mask-image); } .indeterminate\:after\:tw-mask-position-\[center\]:indeterminate::after { content: var(--tw-content); -webkit-mask-position: center; mask-position: center; } .indeterminate\:after\:tw-mask-repeat-\[no-repeat\]:indeterminate::after { content: var(--tw-content); -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; } .empty\:tw-ms-0:empty { margin-inline-start: 0px; } .empty\:tw-hidden:empty { display: none; } .disabled\:tw-cursor-auto:disabled { cursor: auto; } .disabled\:tw-cursor-default:disabled { cursor: default; } .disabled\:tw-cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:tw-border-0:disabled { border-width: 0px; } .disabled\:tw-border-secondary-300:disabled { --tw-border-opacity: 1; border-color: rgb(var(--color-secondary-300) / var(--tw-border-opacity, 1)); } .disabled\:tw-bg-secondary-100:disabled { --tw-bg-opacity: 1; background-color: rgb(var(--color-secondary-100) / var(--tw-bg-opacity, 1)); } .disabled\:tw-bg-secondary-300:disabled { --tw-bg-opacity: 1; background-color: rgb(var(--color-secondary-300) / var(--tw-bg-opacity, 1)); } .disabled\:\!tw-text-muted:disabled { --tw-text-opacity: 1 !important; color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1)) !important; } .disabled\:\!tw-text-secondary-300:disabled { --tw-text-opacity: 1 !important; color: rgb(var(--color-secondary-300) / var(--tw-text-opacity, 1)) !important; } .disabled\:tw-no-underline:disabled { text-decoration-line: none; } .disabled\:tw-opacity-60:disabled { opacity: 0.6; } .disabled\:before\:tw-cursor-default:disabled::before { content: var(--tw-content); cursor: default; } .disabled\:before\:tw-border:disabled::before { content: var(--tw-content); border-width: 1px; } .disabled\:before\:tw-bg-secondary-100:disabled::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-secondary-100) / var(--tw-bg-opacity, 1)); } .checked\:disabled\:tw-border-secondary-600:disabled:checked { --tw-border-opacity: 1; border-color: rgb(var(--color-secondary-600) / var(--tw-border-opacity, 1)); } .checked\:disabled\:tw-bg-background:disabled:checked { --tw-bg-opacity: 1; background-color: rgb(var(--color-background) / var(--tw-bg-opacity, 1)); } .checked\:disabled\:before\:tw-border-secondary-100:disabled:checked::before { content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(var(--color-secondary-100) / var(--tw-border-opacity, 1)); } .checked\:disabled\:before\:tw-bg-secondary-100:disabled:checked::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-secondary-100) / var(--tw-bg-opacity, 1)); } .checked\:disabled\:before\:tw-bg-secondary-600:disabled:checked::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-secondary-600) / var(--tw-bg-opacity, 1)); } .checked\:disabled\:after\:tw-bg-text-muted:disabled:checked::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-text-muted) / var(--tw-bg-opacity, 1)); } .indeterminate\:disabled\:tw-border-secondary-100:disabled:indeterminate { --tw-border-opacity: 1; border-color: rgb(var(--color-secondary-100) / var(--tw-border-opacity, 1)); } .indeterminate\:disabled\:tw-bg-secondary-100:disabled:indeterminate { --tw-bg-opacity: 1; background-color: rgb(var(--color-secondary-100) / var(--tw-bg-opacity, 1)); } .indeterminate\:disabled\:after\:tw-bg-text-muted:disabled:indeterminate::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-text-muted) / var(--tw-bg-opacity, 1)); } .tw-group\/toggle:first-of-type .group-first-of-type\/toggle\:tw-rounded-s-full { border-start-start-radius: 9999px; border-end-start-radius: 9999px; } .tw-group\/toggle:first-of-type .group-first-of-type\/toggle\:tw-border-l { border-left-width: 1px; } .tw-group\/toggle:last-of-type .group-last-of-type\/toggle\:tw-rounded-e-full { border-start-end-radius: 9999px; border-end-end-radius: 9999px; } .tw-group\/bit-form-field:focus-within .group-focus-within\/bit-form-field\:tw-border-2 { border-width: 2px; } .tw-group\/bit-form-field:focus-within .group-focus-within\/bit-form-field\:tw-border-x-0 { border-left-width: 0px; border-right-width: 0px; } .tw-group\/bit-form-field:focus-within .group-focus-within\/bit-form-field\:tw-border-l-0 { border-left-width: 0px; } .tw-group\/bit-form-field:focus-within .group-focus-within\/bit-form-field\:tw-border-r-0 { border-right-width: 0px; } .tw-group\/bit-form-field:focus-within .group-focus-within\/bit-form-field\:tw-border-t-0 { border-top-width: 0px; } .tw-group\/bit-form-field:focus-within .group-focus-within\/bit-form-field\:tw-border-primary-600 { --tw-border-opacity: 1; border-color: rgb(var(--color-primary-600) / var(--tw-border-opacity, 1)); } .tw-group\/bit-form-field:focus-within .group-focus-within\/bit-form-field\:tw-outline-none { outline: 2px solid transparent; outline-offset: 2px; } .tw-group\/vault-section-header:hover .group-hover\/vault-section-header\:tw-inline-block { display: inline-block; } .tw-group\/vault-section-header:hover .group-hover\/vault-section-header\:tw-hidden { display: none; } .tw-group\/bit-form-field:hover .group-hover\/bit-form-field\:tw-border-danger-700 { --tw-border-opacity: 1; border-color: rgb(var(--color-danger-700) / var(--tw-border-opacity, 1)); } .tw-group\/bit-form-field:hover .group-hover\/bit-form-field\:tw-border-primary-600 { --tw-border-opacity: 1; border-color: rgb(var(--color-primary-600) / var(--tw-border-opacity, 1)); } .tw-group\/tab-nav-btn:hover .group-hover\/tab-nav-btn\:tw-fill-primary-600 { fill: rgb(var(--color-primary-600) / 1); } .tw-group\/chip-select:hover .group-hover\/chip-select\:tw-text-secondary-700 { --tw-text-opacity: 1; color: rgb(var(--color-secondary-700) / var(--tw-text-opacity, 1)); } .tw-group\/tab:hover .group-hover\/tab\:tw-underline { text-decoration-line: underline; } .tw-group\/switch-label:hover .group-hover\/switch-label\:after\:tw-bg-hover-default::after { content: var(--tw-content); background-color: var(--color-hover-default); } .tw-group\/switch-label:hover .group-hover\/switch-label\:after\:tw-bg-primary-700::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-700) / var(--tw-bg-opacity, 1)); } .tw-group\/bit-form-field:focus-within:hover .group-focus-within\/bit-form-field\:group-hover\/bit-form-field\:tw-border-primary-600 { --tw-border-opacity: 1; border-color: rgb(var(--color-primary-600) / var(--tw-border-opacity, 1)); } .tw-group\/vault-section-header:focus-visible .group-focus-visible\/vault-section-header\:tw-inline-block { display: inline-block; } .tw-group\/vault-section-header:focus-visible .group-focus-visible\/vault-section-header\:tw-hidden { display: none; } .tw-peer\/toggle-input:checked ~ .peer-checked\/toggle-input\:tw-border-primary-600 { --tw-border-opacity: 1; border-color: rgb(var(--color-primary-600) / var(--tw-border-opacity, 1)); } .tw-peer\/toggle-input:checked ~ .peer-checked\/toggle-input\:tw-bg-primary-600 { --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-600) / var(--tw-bg-opacity, 1)); } .tw-peer\/toggle-input:checked ~ .peer-checked\/toggle-input\:\!tw-text-contrast { --tw-text-opacity: 1 !important; color: rgb(var(--color-text-contrast) / var(--tw-text-opacity, 1)) !important; } .tw-peer\/toggle-input:focus-visible ~ .peer-focus-visible\/toggle-input\:tw-z-10 { z-index: 10; } .tw-peer\/toggle-input:focus-visible ~ .peer-focus-visible\/toggle-input\:tw-border-primary-600 { --tw-border-opacity: 1; border-color: rgb(var(--color-primary-600) / var(--tw-border-opacity, 1)); } .tw-peer\/toggle-input:focus-visible ~ .peer-focus-visible\/toggle-input\:tw-bg-primary-600 { --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-600) / var(--tw-bg-opacity, 1)); } .tw-peer\/toggle-input:focus-visible ~ .peer-focus-visible\/toggle-input\:\!tw-text-contrast { --tw-text-opacity: 1 !important; color: rgb(var(--color-text-contrast) / var(--tw-text-opacity, 1)) !important; } .tw-peer\/toggle-input:focus-visible ~ .peer-focus-visible\/toggle-input\:tw-outline-none { outline: 2px solid transparent; outline-offset: 2px; } .tw-peer\/toggle-input:focus-visible ~ .peer-focus-visible\/toggle-input\:tw-ring { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .tw-peer\/toggle-input:focus-visible ~ .peer-focus-visible\/toggle-input\:tw-ring-primary-600 { --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--color-primary-600) / var(--tw-ring-opacity, 1)); } .tw-peer\/toggle-input:focus-visible ~ .peer-focus-visible\/toggle-input\:tw-ring-offset-2 { --tw-ring-offset-width: 2px; } .has-\[textarea\]\:tw-my-1:has(textarea) { margin-top: 0.25rem; margin-bottom: 0.25rem; } .has-\[\[data-tabs\]\:not\(\:empty\)\]\:tw-border-0:has([data-tabs]:not(:empty)) { border-width: 0px; } .has-\[\[data-tabs\]\:not\(\:empty\)\]\:tw-border-b:has([data-tabs]:not(:empty)) { border-bottom-width: 1px; } .has-\[\[data-tabs\]\:not\(\:empty\)\]\:tw-border-solid:has([data-tabs]:not(:empty)) { border-style: solid; } .has-\[\[data-tabs\]\:not\(\:empty\)\]\:tw-border-secondary-100:has([data-tabs]:not(:empty)) { --tw-border-opacity: 1; border-color: rgb(var(--color-secondary-100) / var(--tw-border-opacity, 1)); } .has-\[\[data-tabs\]\:not\(\:empty\)\]\:tw-bg-background-alt:has([data-tabs]:not(:empty)) { --tw-bg-opacity: 1; background-color: rgb(var(--color-background-alt) / var(--tw-bg-opacity, 1)); } .has-\[input\:-moz-read-only\:not\(\[hidden\]\)\]\:tw-bg-secondary-100:has(input:-moz-read-only:not([hidden])) { --tw-bg-opacity: 1; background-color: rgb(var(--color-secondary-100) / var(--tw-bg-opacity, 1)); } .has-\[input\:read-only\:not\(\[hidden\]\)\]\:tw-bg-secondary-100:has(input:read-only:not([hidden])) { --tw-bg-opacity: 1; background-color: rgb(var(--color-secondary-100) / var(--tw-bg-opacity, 1)); } .has-\[textarea\:-moz-read-only\:not\(\[hidden\]\)\]\:tw-bg-secondary-100:has(textarea:-moz-read-only:not([hidden])) { --tw-bg-opacity: 1; background-color: rgb(var(--color-secondary-100) / var(--tw-bg-opacity, 1)); } .has-\[textarea\:read-only\:not\(\[hidden\]\)\]\:tw-bg-secondary-100:has(textarea:read-only:not([hidden])) { --tw-bg-opacity: 1; background-color: rgb(var(--color-secondary-100) / var(--tw-bg-opacity, 1)); } .has-\[bit-multi-select\]\:tw-p-0:has(bit-multi-select) { padding: 0px; } .has-\[bit-select\]\:tw-p-0:has(bit-select) { padding: 0px; } .has-\[\+_\*_bit-card\]\:tw-px-1:has(+ * bit-card) { padding-left: 0.25rem; padding-right: 0.25rem; } .has-\[\+_\*_bit-item\]\:tw-px-1:has(+ * bit-item) { padding-left: 0.25rem; padding-right: 0.25rem; } .has-\[\+_bit-card\]\:tw-px-1:has(+ bit-card) { padding-left: 0.25rem; padding-right: 0.25rem; } .has-\[\+_bit-item\]\:tw-px-1:has(+ bit-item) { padding-left: 0.25rem; padding-right: 0.25rem; } .has-\[\[biticonbutton\]\]\:tw-py-1:has([biticonbutton]) { padding-top: 0.25rem; padding-bottom: 0.25rem; } .has-\[\+_\*_bit-card\]\:tw-pb-1:has(+ * bit-card) { padding-bottom: 0.25rem; } .has-\[\+_\*_bit-item\]\:tw-pb-1:has(+ * bit-item) { padding-bottom: 0.25rem; } .has-\[\+_bit-card\]\:tw-pb-1:has(+ bit-card) { padding-bottom: 0.25rem; } .has-\[\+_bit-item\]\:tw-pb-1:has(+ bit-item) { padding-bottom: 0.25rem; } .has-\[\[biticonbutton\]\]\:tw-pe-1:has([biticonbutton]) { padding-inline-end: 0.25rem; } .has-\[\[biticonbutton\]\]\:tw-pe-2:has([biticonbutton]) { padding-inline-end: 0.5rem; } .has-\[\[biticonbutton\]\]\:tw-pe-4:has([biticonbutton]) { padding-inline-end: 1rem; } .has-\[\[biticonbutton\]\]\:tw-ps-1:has([biticonbutton]) { padding-inline-start: 0.25rem; } .has-\[\[data-tabs\]\:not\(\:empty\)\]\:tw-pb-0:has([data-tabs]:not(:empty)) { padding-bottom: 0px; } .has-\[\:focus-visible\]\:tw-ring:has(:focus-visible) { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .has-\[\:focus-visible\]\:tw-ring-primary-600:has(:focus-visible) { --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--color-primary-600) / var(--tw-ring-opacity, 1)); } .has-\[select\]\:after\:tw-absolute:has(select)::after { content: var(--tw-content); position: absolute; } .has-\[select\]\:after\:tw-end-4:has(select)::after { content: var(--tw-content); inset-inline-end: 1rem; } .has-\[select\]\:after\:tw-top-\[calc\(50\%_-_2px\)\]:has(select)::after { content: var(--tw-content); top: calc(50% - 2px); } .has-\[select\]\:after\:tw-size-2:has(select)::after { content: var(--tw-content); width: 0.5rem; height: 0.5rem; } .has-\[select\]\:after\:-tw-translate-y-1\/2:has(select)::after { content: var(--tw-content); --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .has-\[select\]\:after\:tw-rotate-\[45deg\]:has(select)::after { content: var(--tw-content); --tw-rotate: 45deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .has-\[select\]\:after\:tw-border-b-\[2px\]:has(select)::after { content: var(--tw-content); border-bottom-width: 2px; } .has-\[select\]\:after\:tw-border-r-\[2px\]:has(select)::after { content: var(--tw-content); border-right-width: 2px; } .has-\[select\]\:after\:tw-border-text-main:has(select)::after { content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(var(--color-text-main) / var(--tw-border-opacity, 1)); } .tw-group\/bit-form-field:has(bit-label) .group-has-\[bit-label\]\/bit-form-field\:tw-block { display: block; } .tw-group\/bit-form-field:has(input:-moz-read-only):hover .group-has-\[input\:-moz-read-only\]\/bit-form-field\:group-hover\/bit-form-field\:tw-border-secondary-500 { --tw-border-opacity: 1; border-color: rgb(var(--color-secondary-500) / var(--tw-border-opacity, 1)); } .tw-group\/bit-form-field:has(input:read-only):hover .group-has-\[input\:read-only\]\/bit-form-field\:group-hover\/bit-form-field\:tw-border-secondary-500 { --tw-border-opacity: 1; border-color: rgb(var(--color-secondary-500) / var(--tw-border-opacity, 1)); } .tw-group\/bit-form-field:has(textarea:-moz-read-only):hover .group-has-\[textarea\:-moz-read-only\]\/bit-form-field\:group-hover\/bit-form-field\:tw-border-secondary-500 { --tw-border-opacity: 1; border-color: rgb(var(--color-secondary-500) / var(--tw-border-opacity, 1)); } .tw-group\/bit-form-field:has(textarea:read-only):hover .group-has-\[textarea\:read-only\]\/bit-form-field\:group-hover\/bit-form-field\:tw-border-secondary-500 { --tw-border-opacity: 1; border-color: rgb(var(--color-secondary-500) / var(--tw-border-opacity, 1)); } .aria-disabled\:tw-pointer-events-none[aria-disabled="true"] { pointer-events: none; } .aria-disabled\:tw-cursor-not-allowed[aria-disabled="true"] { cursor: not-allowed; } .aria-disabled\:tw-border-secondary-300[aria-disabled="true"] { --tw-border-opacity: 1; border-color: rgb(var(--color-secondary-300) / var(--tw-border-opacity, 1)); } .aria-disabled\:\!tw-bg-secondary-300[aria-disabled="true"] { --tw-bg-opacity: 1 !important; background-color: rgb(var(--color-secondary-300) / var(--tw-bg-opacity, 1)) !important; } .aria-disabled\:\!tw-text-muted[aria-disabled="true"] { --tw-text-opacity: 1 !important; color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1)) !important; } .aria-disabled\:\!tw-text-secondary-300[aria-disabled="true"] { --tw-text-opacity: 1 !important; color: rgb(var(--color-secondary-300) / var(--tw-text-opacity, 1)) !important; } .aria-disabled\:tw-no-underline[aria-disabled="true"] { text-decoration-line: none; } .aria-disabled\:tw-opacity-60[aria-disabled="true"] { opacity: 0.6; } .aria-expanded\:tw-bg-text-muted[aria-expanded="true"] { --tw-bg-opacity: 1; background-color: rgb(var(--color-text-muted) / var(--tw-bg-opacity, 1)); } .aria-expanded\:\!tw-text-contrast[aria-expanded="true"] { --tw-text-opacity: 1 !important; color: rgb(var(--color-text-contrast) / var(--tw-text-opacity, 1)) !important; } .active\:\!tw-ring-0:active { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; } .active\:\!tw-ring-offset-0:active { --tw-ring-offset-width: 0px !important; } .active\:\!tw-ring-0.tw-test-active { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; } .active\:\!tw-ring-offset-0.tw-test-active { --tw-ring-offset-width: 0px !important; } .hover\:tw-border-2:hover { border-width: 2px; } .hover\:\!tw-border-secondary-700:hover { --tw-border-opacity: 1 !important; border-color: rgb(var(--color-secondary-700) / var(--tw-border-opacity, 1)) !important; } .hover\:tw-border-danger-600:hover { --tw-border-opacity: 1; border-color: rgb(var(--color-danger-600) / var(--tw-border-opacity, 1)); } .hover\:tw-border-danger-700:hover { --tw-border-opacity: 1; border-color: rgb(var(--color-danger-700) / var(--tw-border-opacity, 1)); } .hover\:tw-border-info-600:hover { --tw-border-opacity: 1; border-color: rgb(var(--color-info-600) / var(--tw-border-opacity, 1)); } .hover\:tw-border-notification-600:hover { --tw-border-opacity: 1; border-color: rgb(var(--color-notification-600) / var(--tw-border-opacity, 1)); } .hover\:tw-border-primary-600:hover { --tw-border-opacity: 1; border-color: rgb(var(--color-primary-600) / var(--tw-border-opacity, 1)); } .hover\:tw-border-primary-700:hover { --tw-border-opacity: 1; border-color: rgb(var(--color-primary-700) / var(--tw-border-opacity, 1)); } .hover\:tw-border-secondary-300:hover { --tw-border-opacity: 1; border-color: rgb(var(--color-secondary-300) / var(--tw-border-opacity, 1)); } .hover\:tw-border-secondary-600:hover { --tw-border-opacity: 1; border-color: rgb(var(--color-secondary-600) / var(--tw-border-opacity, 1)); } .hover\:tw-border-secondary-700:hover { --tw-border-opacity: 1; border-color: rgb(var(--color-secondary-700) / var(--tw-border-opacity, 1)); } .hover\:tw-border-success-600:hover { --tw-border-opacity: 1; border-color: rgb(var(--color-success-600) / var(--tw-border-opacity, 1)); } .hover\:tw-border-text-main:hover { --tw-border-opacity: 1; border-color: rgb(var(--color-text-main) / var(--tw-border-opacity, 1)); } .hover\:tw-border-warning-600:hover { --tw-border-opacity: 1; border-color: rgb(var(--color-warning-600) / var(--tw-border-opacity, 1)); } .hover\:tw-border-t-primary-700:hover { --tw-border-opacity: 1; border-top-color: rgb(var(--color-primary-700) / var(--tw-border-opacity, 1)); } .hover\:\!tw-bg-hover-contrast:hover { background-color: var(--color-hover-contrast) !important; } .hover\:tw-bg-danger-600:hover { --tw-bg-opacity: 1; background-color: rgb(var(--color-danger-600) / var(--tw-bg-opacity, 1)); } .hover\:tw-bg-danger-700:hover { --tw-bg-opacity: 1; background-color: rgb(var(--color-danger-700) / var(--tw-bg-opacity, 1)); } .hover\:tw-bg-hover-contrast:hover { background-color: var(--color-hover-contrast); } .hover\:tw-bg-hover-default:hover { background-color: var(--color-hover-default); } .hover\:tw-bg-info-600:hover { --tw-bg-opacity: 1; background-color: rgb(var(--color-info-600) / var(--tw-bg-opacity, 1)); } .hover\:tw-bg-notification-600:hover { --tw-bg-opacity: 1; background-color: rgb(var(--color-notification-600) / var(--tw-bg-opacity, 1)); } .hover\:tw-bg-primary-100:hover { --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-100) / var(--tw-bg-opacity, 1)); } .hover\:tw-bg-primary-600:hover { --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-600) / var(--tw-bg-opacity, 1)); } .hover\:tw-bg-primary-700:hover { --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-700) / var(--tw-bg-opacity, 1)); } .hover\:tw-bg-secondary-100:hover { --tw-bg-opacity: 1; background-color: rgb(var(--color-secondary-100) / var(--tw-bg-opacity, 1)); } .hover\:tw-bg-secondary-300:hover { --tw-bg-opacity: 1; background-color: rgb(var(--color-secondary-300) / var(--tw-bg-opacity, 1)); } .hover\:tw-bg-secondary-600:hover { --tw-bg-opacity: 1; background-color: rgb(var(--color-secondary-600) / var(--tw-bg-opacity, 1)); } .hover\:tw-bg-secondary-700:hover { --tw-bg-opacity: 1; background-color: rgb(var(--color-secondary-700) / var(--tw-bg-opacity, 1)); } .hover\:tw-bg-success-600:hover { --tw-bg-opacity: 1; background-color: rgb(var(--color-success-600) / var(--tw-bg-opacity, 1)); } .hover\:tw-bg-text-main:hover { --tw-bg-opacity: 1; background-color: rgb(var(--color-text-main) / var(--tw-bg-opacity, 1)); } .hover\:tw-bg-transparent:hover { background-color: transparent; } .hover\:tw-bg-transparent-hover:hover { background-color: var(--color-transparent-hover); } .hover\:tw-bg-warning-600:hover { --tw-bg-opacity: 1; background-color: rgb(var(--color-warning-600) / var(--tw-bg-opacity, 1)); } .hover\:\!tw-text-alt2:hover { --tw-text-opacity: 1 !important; color: rgb(var(--color-text-alt2) / var(--tw-text-opacity, 1)) !important; } .hover\:\!tw-text-black:hover { --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important; } .hover\:\!tw-text-contrast:hover { --tw-text-opacity: 1 !important; color: rgb(var(--color-text-contrast) / var(--tw-text-opacity, 1)) !important; } .hover\:\!tw-text-main:hover { --tw-text-opacity: 1 !important; color: rgb(var(--color-text-main) / var(--tw-text-opacity, 1)) !important; } .hover\:\!tw-text-muted:hover { --tw-text-opacity: 1 !important; color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1)) !important; } .hover\:\!tw-text-primary-700:hover { --tw-text-opacity: 1 !important; color: rgb(var(--color-primary-700) / var(--tw-text-opacity, 1)) !important; } .hover\:\!tw-text-secondary-300:hover { --tw-text-opacity: 1 !important; color: rgb(var(--color-secondary-300) / var(--tw-text-opacity, 1)) !important; } .hover\:tw-text-alt2:hover { --tw-text-opacity: 1; color: rgb(var(--color-text-alt2) / var(--tw-text-opacity, 1)); } .hover\:tw-text-main:hover { --tw-text-opacity: 1; color: rgb(var(--color-text-main) / var(--tw-text-opacity, 1)); } .hover\:tw-text-primary-600:hover { --tw-text-opacity: 1; color: rgb(var(--color-primary-600) / var(--tw-text-opacity, 1)); } .hover\:tw-underline:hover { text-decoration-line: underline; } .hover\:tw-no-underline:hover { text-decoration-line: none; } .hover\:tw-decoration-1:hover { text-decoration-thickness: 1px; } .hover\:tw-outline:hover { outline-style: solid; } .hover\:tw-outline-1:hover { outline-width: 1px; } .hover\:tw-outline-offset-1:hover { outline-offset: 1px; } .hover\:tw-outline-primary-600:hover { outline-color: rgb(var(--color-primary-600) / 1); } .hover\:before\:tw-border-2:hover::before { content: var(--tw-content); border-width: 2px; } .checked\:hover\:tw-border-2:hover:checked { border-width: 2px; } .checked\:hover\:tw-border-primary-700:hover:checked { --tw-border-opacity: 1; border-color: rgb(var(--color-primary-700) / var(--tw-border-opacity, 1)); } .checked\:before\:hover\:tw-border-primary-700:hover:checked::before { content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(var(--color-primary-700) / var(--tw-border-opacity, 1)); } .checked\:before\:hover\:tw-bg-primary-700:hover:checked::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-700) / var(--tw-bg-opacity, 1)); } .checked\:hover\:before\:tw-bg-primary-700:hover:checked::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-700) / var(--tw-bg-opacity, 1)); } .indeterminate\:hover\:before\:tw-border-primary-700:hover:indeterminate::before { content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(var(--color-primary-700) / var(--tw-border-opacity, 1)); } .indeterminate\:hover\:before\:tw-bg-primary-700:hover:indeterminate::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-700) / var(--tw-bg-opacity, 1)); } .disabled\:hover\:tw-border:hover:disabled { border-width: 1px; } .disabled\:hover\:tw-border-secondary-300:hover:disabled { --tw-border-opacity: 1; border-color: rgb(var(--color-secondary-300) / var(--tw-border-opacity, 1)); } .disabled\:hover\:tw-border-secondary-500:hover:disabled { --tw-border-opacity: 1; border-color: rgb(var(--color-secondary-500) / var(--tw-border-opacity, 1)); } .disabled\:hover\:tw-border-transparent:hover:disabled { border-color: transparent; } .disabled\:hover\:tw-bg-background:hover:disabled { --tw-bg-opacity: 1; background-color: rgb(var(--color-background) / var(--tw-bg-opacity, 1)); } .disabled\:hover\:tw-bg-secondary-300:hover:disabled { --tw-bg-opacity: 1; background-color: rgb(var(--color-secondary-300) / var(--tw-bg-opacity, 1)); } .disabled\:hover\:tw-bg-transparent:hover:disabled { background-color: transparent; } .hover\:disabled\:tw-bg-transparent:disabled:hover { background-color: transparent; } .disabled\:hover\:\!tw-text-muted:hover:disabled { --tw-text-opacity: 1 !important; color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1)) !important; } .disabled\:hover\:\!tw-text-secondary-300:hover:disabled { --tw-text-opacity: 1 !important; color: rgb(var(--color-secondary-300) / var(--tw-text-opacity, 1)) !important; } .disabled\:hover\:tw-no-underline:hover:disabled { text-decoration-line: none; } .disabled\:before\:hover\:tw-border:hover:disabled::before { content: var(--tw-content); border-width: 1px; } .disabled\:hover\:before\:tw-bg-secondary-100:hover:disabled::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-secondary-100) / var(--tw-bg-opacity, 1)); } .checked\:disabled\:hover\:tw-border-2:hover:disabled:checked { border-width: 2px; } .checked\:disabled\:hover\:tw-border-secondary-600:hover:disabled:checked { --tw-border-opacity: 1; border-color: rgb(var(--color-secondary-600) / var(--tw-border-opacity, 1)); } .checked\:disabled\:hover\:before\:tw-border-secondary-100:hover:disabled:checked::before { content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(var(--color-secondary-100) / var(--tw-border-opacity, 1)); } .checked\:disabled\:hover\:before\:tw-bg-secondary-600:hover:disabled:checked::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-secondary-600) / var(--tw-bg-opacity, 1)); } .aria-disabled\:hover\:\!tw-bg-transparent:hover[aria-disabled="true"] { background-color: transparent !important; } .aria-disabled\:hover\:\!tw-text-secondary-300:hover[aria-disabled="true"] { --tw-text-opacity: 1 !important; color: rgb(var(--color-secondary-300) / var(--tw-text-opacity, 1)) !important; } .aria-disabled\:hover\:tw-no-underline:hover[aria-disabled="true"] { text-decoration-line: none; } .aria-expanded\:hover\:tw-border-secondary-700:hover[aria-expanded="true"] { --tw-border-opacity: 1; border-color: rgb(var(--color-secondary-700) / var(--tw-border-opacity, 1)); } .aria-expanded\:hover\:tw-bg-secondary-700:hover[aria-expanded="true"] { --tw-bg-opacity: 1; background-color: rgb(var(--color-secondary-700) / var(--tw-bg-opacity, 1)); } .hover\:tw-border-2.tw-test-hover { border-width: 2px; } .hover\:\!tw-border-secondary-700.tw-test-hover { --tw-border-opacity: 1 !important; border-color: rgb(var(--color-secondary-700) / var(--tw-border-opacity, 1)) !important; } .hover\:tw-border-danger-600.tw-test-hover { --tw-border-opacity: 1; border-color: rgb(var(--color-danger-600) / var(--tw-border-opacity, 1)); } .hover\:tw-border-danger-700.tw-test-hover { --tw-border-opacity: 1; border-color: rgb(var(--color-danger-700) / var(--tw-border-opacity, 1)); } .hover\:tw-border-info-600.tw-test-hover { --tw-border-opacity: 1; border-color: rgb(var(--color-info-600) / var(--tw-border-opacity, 1)); } .hover\:tw-border-notification-600.tw-test-hover { --tw-border-opacity: 1; border-color: rgb(var(--color-notification-600) / var(--tw-border-opacity, 1)); } .hover\:tw-border-primary-600.tw-test-hover { --tw-border-opacity: 1; border-color: rgb(var(--color-primary-600) / var(--tw-border-opacity, 1)); } .hover\:tw-border-primary-700.tw-test-hover { --tw-border-opacity: 1; border-color: rgb(var(--color-primary-700) / var(--tw-border-opacity, 1)); } .hover\:tw-border-secondary-300.tw-test-hover { --tw-border-opacity: 1; border-color: rgb(var(--color-secondary-300) / var(--tw-border-opacity, 1)); } .hover\:tw-border-secondary-600.tw-test-hover { --tw-border-opacity: 1; border-color: rgb(var(--color-secondary-600) / var(--tw-border-opacity, 1)); } .hover\:tw-border-secondary-700.tw-test-hover { --tw-border-opacity: 1; border-color: rgb(var(--color-secondary-700) / var(--tw-border-opacity, 1)); } .hover\:tw-border-success-600.tw-test-hover { --tw-border-opacity: 1; border-color: rgb(var(--color-success-600) / var(--tw-border-opacity, 1)); } .hover\:tw-border-text-main.tw-test-hover { --tw-border-opacity: 1; border-color: rgb(var(--color-text-main) / var(--tw-border-opacity, 1)); } .hover\:tw-border-warning-600.tw-test-hover { --tw-border-opacity: 1; border-color: rgb(var(--color-warning-600) / var(--tw-border-opacity, 1)); } .hover\:tw-border-t-primary-700.tw-test-hover { --tw-border-opacity: 1; border-top-color: rgb(var(--color-primary-700) / var(--tw-border-opacity, 1)); } .hover\:\!tw-bg-hover-contrast.tw-test-hover { background-color: var(--color-hover-contrast) !important; } .hover\:tw-bg-danger-600.tw-test-hover { --tw-bg-opacity: 1; background-color: rgb(var(--color-danger-600) / var(--tw-bg-opacity, 1)); } .hover\:tw-bg-danger-700.tw-test-hover { --tw-bg-opacity: 1; background-color: rgb(var(--color-danger-700) / var(--tw-bg-opacity, 1)); } .hover\:tw-bg-hover-contrast.tw-test-hover { background-color: var(--color-hover-contrast); } .hover\:tw-bg-hover-default.tw-test-hover { background-color: var(--color-hover-default); } .hover\:tw-bg-info-600.tw-test-hover { --tw-bg-opacity: 1; background-color: rgb(var(--color-info-600) / var(--tw-bg-opacity, 1)); } .hover\:tw-bg-notification-600.tw-test-hover { --tw-bg-opacity: 1; background-color: rgb(var(--color-notification-600) / var(--tw-bg-opacity, 1)); } .hover\:tw-bg-primary-100.tw-test-hover { --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-100) / var(--tw-bg-opacity, 1)); } .hover\:tw-bg-primary-600.tw-test-hover { --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-600) / var(--tw-bg-opacity, 1)); } .hover\:tw-bg-primary-700.tw-test-hover { --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-700) / var(--tw-bg-opacity, 1)); } .hover\:tw-bg-secondary-100.tw-test-hover { --tw-bg-opacity: 1; background-color: rgb(var(--color-secondary-100) / var(--tw-bg-opacity, 1)); } .hover\:tw-bg-secondary-300.tw-test-hover { --tw-bg-opacity: 1; background-color: rgb(var(--color-secondary-300) / var(--tw-bg-opacity, 1)); } .hover\:tw-bg-secondary-600.tw-test-hover { --tw-bg-opacity: 1; background-color: rgb(var(--color-secondary-600) / var(--tw-bg-opacity, 1)); } .hover\:tw-bg-secondary-700.tw-test-hover { --tw-bg-opacity: 1; background-color: rgb(var(--color-secondary-700) / var(--tw-bg-opacity, 1)); } .hover\:tw-bg-success-600.tw-test-hover { --tw-bg-opacity: 1; background-color: rgb(var(--color-success-600) / var(--tw-bg-opacity, 1)); } .hover\:tw-bg-text-main.tw-test-hover { --tw-bg-opacity: 1; background-color: rgb(var(--color-text-main) / var(--tw-bg-opacity, 1)); } .hover\:tw-bg-transparent.tw-test-hover { background-color: transparent; } .hover\:tw-bg-transparent-hover.tw-test-hover { background-color: var(--color-transparent-hover); } .hover\:tw-bg-warning-600.tw-test-hover { --tw-bg-opacity: 1; background-color: rgb(var(--color-warning-600) / var(--tw-bg-opacity, 1)); } .hover\:\!tw-text-alt2.tw-test-hover { --tw-text-opacity: 1 !important; color: rgb(var(--color-text-alt2) / var(--tw-text-opacity, 1)) !important; } .hover\:\!tw-text-black.tw-test-hover { --tw-text-opacity: 1 !important; color: rgb(0 0 0 / var(--tw-text-opacity, 1)) !important; } .hover\:\!tw-text-contrast.tw-test-hover { --tw-text-opacity: 1 !important; color: rgb(var(--color-text-contrast) / var(--tw-text-opacity, 1)) !important; } .hover\:\!tw-text-main.tw-test-hover { --tw-text-opacity: 1 !important; color: rgb(var(--color-text-main) / var(--tw-text-opacity, 1)) !important; } .hover\:\!tw-text-muted.tw-test-hover { --tw-text-opacity: 1 !important; color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1)) !important; } .hover\:\!tw-text-primary-700.tw-test-hover { --tw-text-opacity: 1 !important; color: rgb(var(--color-primary-700) / var(--tw-text-opacity, 1)) !important; } .hover\:\!tw-text-secondary-300.tw-test-hover { --tw-text-opacity: 1 !important; color: rgb(var(--color-secondary-300) / var(--tw-text-opacity, 1)) !important; } .hover\:tw-text-alt2.tw-test-hover { --tw-text-opacity: 1; color: rgb(var(--color-text-alt2) / var(--tw-text-opacity, 1)); } .hover\:tw-text-main.tw-test-hover { --tw-text-opacity: 1; color: rgb(var(--color-text-main) / var(--tw-text-opacity, 1)); } .hover\:tw-text-primary-600.tw-test-hover { --tw-text-opacity: 1; color: rgb(var(--color-primary-600) / var(--tw-text-opacity, 1)); } .hover\:tw-underline.tw-test-hover { text-decoration-line: underline; } .hover\:tw-no-underline.tw-test-hover { text-decoration-line: none; } .hover\:tw-decoration-1.tw-test-hover { text-decoration-thickness: 1px; } .hover\:tw-outline.tw-test-hover { outline-style: solid; } .hover\:tw-outline-1.tw-test-hover { outline-width: 1px; } .hover\:tw-outline-offset-1.tw-test-hover { outline-offset: 1px; } .hover\:tw-outline-primary-600.tw-test-hover { outline-color: rgb(var(--color-primary-600) / 1); } .hover\:before\:tw-border-2.tw-test-hover::before { content: var(--tw-content); border-width: 2px; } .checked\:hover\:tw-border-2.tw-test-hover:checked { border-width: 2px; } .checked\:hover\:tw-border-primary-700.tw-test-hover:checked { --tw-border-opacity: 1; border-color: rgb(var(--color-primary-700) / var(--tw-border-opacity, 1)); } .checked\:before\:hover\:tw-border-primary-700.tw-test-hover:checked::before { content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(var(--color-primary-700) / var(--tw-border-opacity, 1)); } .checked\:before\:hover\:tw-bg-primary-700.tw-test-hover:checked::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-700) / var(--tw-bg-opacity, 1)); } .checked\:hover\:before\:tw-bg-primary-700.tw-test-hover:checked::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-700) / var(--tw-bg-opacity, 1)); } .indeterminate\:hover\:before\:tw-border-primary-700.tw-test-hover:indeterminate::before { content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(var(--color-primary-700) / var(--tw-border-opacity, 1)); } .indeterminate\:hover\:before\:tw-bg-primary-700.tw-test-hover:indeterminate::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-700) / var(--tw-bg-opacity, 1)); } .disabled\:hover\:tw-border.tw-test-hover:disabled { border-width: 1px; } .disabled\:hover\:tw-border-secondary-300.tw-test-hover:disabled { --tw-border-opacity: 1; border-color: rgb(var(--color-secondary-300) / var(--tw-border-opacity, 1)); } .disabled\:hover\:tw-border-secondary-500.tw-test-hover:disabled { --tw-border-opacity: 1; border-color: rgb(var(--color-secondary-500) / var(--tw-border-opacity, 1)); } .disabled\:hover\:tw-border-transparent.tw-test-hover:disabled { border-color: transparent; } .disabled\:hover\:tw-bg-background.tw-test-hover:disabled { --tw-bg-opacity: 1; background-color: rgb(var(--color-background) / var(--tw-bg-opacity, 1)); } .disabled\:hover\:tw-bg-secondary-300.tw-test-hover:disabled { --tw-bg-opacity: 1; background-color: rgb(var(--color-secondary-300) / var(--tw-bg-opacity, 1)); } .disabled\:hover\:tw-bg-transparent.tw-test-hover:disabled { background-color: transparent; } .hover\:disabled\:tw-bg-transparent:disabled.tw-test-hover { background-color: transparent; } .disabled\:hover\:\!tw-text-muted.tw-test-hover:disabled { --tw-text-opacity: 1 !important; color: rgb(var(--color-text-muted) / var(--tw-text-opacity, 1)) !important; } .disabled\:hover\:\!tw-text-secondary-300.tw-test-hover:disabled { --tw-text-opacity: 1 !important; color: rgb(var(--color-secondary-300) / var(--tw-text-opacity, 1)) !important; } .disabled\:hover\:tw-no-underline.tw-test-hover:disabled { text-decoration-line: none; } .disabled\:before\:hover\:tw-border.tw-test-hover:disabled::before { content: var(--tw-content); border-width: 1px; } .disabled\:hover\:before\:tw-bg-secondary-100.tw-test-hover:disabled::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-secondary-100) / var(--tw-bg-opacity, 1)); } .checked\:disabled\:hover\:tw-border-2.tw-test-hover:disabled:checked { border-width: 2px; } .checked\:disabled\:hover\:tw-border-secondary-600.tw-test-hover:disabled:checked { --tw-border-opacity: 1; border-color: rgb(var(--color-secondary-600) / var(--tw-border-opacity, 1)); } .checked\:disabled\:hover\:before\:tw-border-secondary-100.tw-test-hover:disabled:checked::before { content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(var(--color-secondary-100) / var(--tw-border-opacity, 1)); } .checked\:disabled\:hover\:before\:tw-bg-secondary-600.tw-test-hover:disabled:checked::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-secondary-600) / var(--tw-bg-opacity, 1)); } .aria-disabled\:hover\:\!tw-bg-transparent.tw-test-hover[aria-disabled="true"] { background-color: transparent !important; } .aria-disabled\:hover\:\!tw-text-secondary-300.tw-test-hover[aria-disabled="true"] { --tw-text-opacity: 1 !important; color: rgb(var(--color-secondary-300) / var(--tw-text-opacity, 1)) !important; } .aria-disabled\:hover\:tw-no-underline.tw-test-hover[aria-disabled="true"] { text-decoration-line: none; } .aria-expanded\:hover\:tw-border-secondary-700.tw-test-hover[aria-expanded="true"] { --tw-border-opacity: 1; border-color: rgb(var(--color-secondary-700) / var(--tw-border-opacity, 1)); } .aria-expanded\:hover\:tw-bg-secondary-700.tw-test-hover[aria-expanded="true"] { --tw-bg-opacity: 1; background-color: rgb(var(--color-secondary-700) / var(--tw-bg-opacity, 1)); } .focus\:tw-z-10:focus { z-index: 10; } .focus\:tw-border-primary-600:focus { --tw-border-opacity: 1; border-color: rgb(var(--color-primary-600) / var(--tw-border-opacity, 1)); } .focus\:tw-outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; } .focus\:tw-ring-1:focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:tw-ring-inset:focus { --tw-ring-inset: inset; } .focus\:tw-ring-primary-600:focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--color-primary-600) / var(--tw-ring-opacity, 1)); } .focus\:hover\:tw-border-primary-600:hover:focus { --tw-border-opacity: 1; border-color: rgb(var(--color-primary-600) / var(--tw-border-opacity, 1)); } .focus\:hover\:tw-border-primary-600.tw-test-hover:focus { --tw-border-opacity: 1; border-color: rgb(var(--color-primary-600) / var(--tw-border-opacity, 1)); } .focus\:tw-z-10.tw-test-focus { z-index: 10; } .focus\:tw-border-primary-600.tw-test-focus { --tw-border-opacity: 1; border-color: rgb(var(--color-primary-600) / var(--tw-border-opacity, 1)); } .focus\:tw-outline-none.tw-test-focus { outline: 2px solid transparent; outline-offset: 2px; } .focus\:tw-ring-1.tw-test-focus { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus\:tw-ring-inset.tw-test-focus { --tw-ring-inset: inset; } .focus\:tw-ring-primary-600.tw-test-focus { --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--color-primary-600) / var(--tw-ring-opacity, 1)); } .focus\:hover\:tw-border-primary-600:hover.tw-test-focus { --tw-border-opacity: 1; border-color: rgb(var(--color-primary-600) / var(--tw-border-opacity, 1)); } .focus\:hover\:tw-border-primary-600.tw-test-hover.tw-test-focus { --tw-border-opacity: 1; border-color: rgb(var(--color-primary-600) / var(--tw-border-opacity, 1)); } .focus-within\:tw-pointer-events-auto:focus-within { pointer-events: auto; } .focus-within\:tw-opacity-100:focus-within { opacity: 1; } .focus-within\:tw-pointer-events-auto.tw-test-focus-within { pointer-events: auto; } .focus-within\:tw-opacity-100.tw-test-focus-within { opacity: 1; } .focus-visible\:tw-z-10:focus-visible { z-index: 10; } .focus-visible\:tw-z-50:focus-visible { z-index: 50; } .focus-visible\:tw-rounded-lg:focus-visible { border-radius: 0.5rem; } .focus-visible\:tw-border-primary-600:focus-visible { --tw-border-opacity: 1; border-color: rgb(var(--color-primary-600) / var(--tw-border-opacity, 1)); } .focus-visible\:tw-border-t-primary-700:focus-visible { --tw-border-opacity: 1; border-top-color: rgb(var(--color-primary-700) / var(--tw-border-opacity, 1)); } .focus-visible\:\!tw-text-primary-700:focus-visible { --tw-text-opacity: 1 !important; color: rgb(var(--color-primary-700) / var(--tw-text-opacity, 1)) !important; } .focus-visible\:tw-text-info-700:focus-visible { --tw-text-opacity: 1; color: rgb(var(--color-info-700) / var(--tw-text-opacity, 1)); } .focus-visible\:tw-underline:focus-visible { text-decoration-line: underline; } .focus-visible\:tw-decoration-1:focus-visible { text-decoration-thickness: 1px; } .focus-visible\:tw-outline-none:focus-visible { outline: 2px solid transparent; outline-offset: 2px; } .focus-visible\:tw-ring:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:tw-ring-2:focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:tw-ring-inset:focus-visible { --tw-ring-inset: inset; } .focus-visible\:tw-ring-primary-600:focus-visible { --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--color-primary-600) / var(--tw-ring-opacity, 1)); } .focus-visible\:tw-ring-text-alt2:focus-visible { --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--color-text-alt2) / var(--tw-ring-opacity, 1)); } .focus-visible\:tw-ring-offset-2:focus-visible { --tw-ring-offset-width: 2px; } .focus-visible\:tw-ring-offset-secondary-300:focus-visible { --tw-ring-offset-color: rgb(var(--color-secondary-300) / 1); } .focus-visible\:before\:\!tw-ring-0:focus-visible::before { content: var(--tw-content); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; } .focus-visible\:before\:tw-ring-2:focus-visible::before { content: var(--tw-content); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:before\:tw-ring-primary-600:focus-visible::before { content: var(--tw-content); --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--color-primary-600) / var(--tw-ring-opacity, 1)); } .focus-visible\:before\:tw-ring-primary-700:focus-visible::before { content: var(--tw-content); --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--color-primary-700) / var(--tw-ring-opacity, 1)); } .focus-visible\:before\:tw-ring-text-alt2:focus-visible::before { content: var(--tw-content); --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--color-text-alt2) / var(--tw-ring-opacity, 1)); } .focus-visible\:before\:tw-ring-text-contrast:focus-visible::before { content: var(--tw-content); --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--color-text-contrast) / var(--tw-ring-opacity, 1)); } .focus-visible\:before\:tw-ring-text-main:focus-visible::before { content: var(--tw-content); --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--color-text-main) / var(--tw-ring-opacity, 1)); } .focus-visible\:tw-z-10.tw-test-focus-visible { z-index: 10; } .focus-visible\:tw-z-50.tw-test-focus-visible { z-index: 50; } .focus-visible\:tw-rounded-lg.tw-test-focus-visible { border-radius: 0.5rem; } .focus-visible\:tw-border-primary-600.tw-test-focus-visible { --tw-border-opacity: 1; border-color: rgb(var(--color-primary-600) / var(--tw-border-opacity, 1)); } .focus-visible\:tw-border-t-primary-700.tw-test-focus-visible { --tw-border-opacity: 1; border-top-color: rgb(var(--color-primary-700) / var(--tw-border-opacity, 1)); } .focus-visible\:\!tw-text-primary-700.tw-test-focus-visible { --tw-text-opacity: 1 !important; color: rgb(var(--color-primary-700) / var(--tw-text-opacity, 1)) !important; } .focus-visible\:tw-text-info-700.tw-test-focus-visible { --tw-text-opacity: 1; color: rgb(var(--color-info-700) / var(--tw-text-opacity, 1)); } .focus-visible\:tw-underline.tw-test-focus-visible { text-decoration-line: underline; } .focus-visible\:tw-decoration-1.tw-test-focus-visible { text-decoration-thickness: 1px; } .focus-visible\:tw-outline-none.tw-test-focus-visible { outline: 2px solid transparent; outline-offset: 2px; } .focus-visible\:tw-ring.tw-test-focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:tw-ring-2.tw-test-focus-visible { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:tw-ring-inset.tw-test-focus-visible { --tw-ring-inset: inset; } .focus-visible\:tw-ring-primary-600.tw-test-focus-visible { --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--color-primary-600) / var(--tw-ring-opacity, 1)); } .focus-visible\:tw-ring-text-alt2.tw-test-focus-visible { --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--color-text-alt2) / var(--tw-ring-opacity, 1)); } .focus-visible\:tw-ring-offset-2.tw-test-focus-visible { --tw-ring-offset-width: 2px; } .focus-visible\:tw-ring-offset-secondary-300.tw-test-focus-visible { --tw-ring-offset-color: rgb(var(--color-secondary-300) / 1); } .focus-visible\:before\:\!tw-ring-0.tw-test-focus-visible::before { content: var(--tw-content); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important; } .focus-visible\:before\:tw-ring-2.tw-test-focus-visible::before { content: var(--tw-content); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .focus-visible\:before\:tw-ring-primary-600.tw-test-focus-visible::before { content: var(--tw-content); --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--color-primary-600) / var(--tw-ring-opacity, 1)); } .focus-visible\:before\:tw-ring-primary-700.tw-test-focus-visible::before { content: var(--tw-content); --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--color-primary-700) / var(--tw-ring-opacity, 1)); } .focus-visible\:before\:tw-ring-text-alt2.tw-test-focus-visible::before { content: var(--tw-content); --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--color-text-alt2) / var(--tw-ring-opacity, 1)); } .focus-visible\:before\:tw-ring-text-contrast.tw-test-focus-visible::before { content: var(--tw-content); --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--color-text-contrast) / var(--tw-ring-opacity, 1)); } .focus-visible\:before\:tw-ring-text-main.tw-test-focus-visible::before { content: var(--tw-content); --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--color-text-main) / var(--tw-ring-opacity, 1)); } .tw-bit-compact .bit-compact\:tw-m-0 { margin: 0px; } .tw-bit-compact .bit-compact\:tw-mb-0 { margin-bottom: 0px; } .tw-bit-compact .bit-compact\:tw-mb-3 { margin-bottom: 0.75rem; } .tw-bit-compact .bit-compact\:tw-mb-4 { margin-bottom: 1rem; } .tw-bit-compact .bit-compact\:tw-p-2 { padding: 0.5rem; } .tw-bit-compact .bit-compact\:tw-px-2 { padding-left: 0.5rem; padding-right: 0.5rem; } .tw-bit-compact .bit-compact\:tw-px-\[max\(0\.5rem\2c calc\(\(100\%-\(var\(--tw-sm-breakpoint\)\)\)\/2\)\)\] { padding-left: max(0.5rem,calc((100% - (var(--tw-sm-breakpoint))) / 2)); padding-right: max(0.5rem,calc((100% - (var(--tw-sm-breakpoint))) / 2)); } .tw-bit-compact .bit-compact\:tw-py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; } .tw-bit-compact .bit-compact\:tw-py-1\.5 { padding-top: 0.375rem; padding-bottom: 0.375rem; } .tw-bit-compact .bit-compact\:tw-py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; } .tw-bit-compact .bit-compact\:tw-pe-0\.5 { padding-inline-end: 0.125rem; } .tw-bit-compact .bit-compact\:tw-ps-0 { padding-inline-start: 0px; } .tw-bit-compact .bit-compact\:tw-ps-3 { padding-inline-start: 0.75rem; } .tw-bit-compact .bit-compact\:tw-ring-inset { --tw-ring-inset: inset; } @media (prefers-reduced-motion: no-preference) { .motion-safe\:tw-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } } @media (min-width: 640px) { .sm\:tw-mb-10 { margin-bottom: 2.5rem; } .sm\:tw-mb-6 { margin-bottom: 1.5rem; } .sm\:tw-mr-4 { margin-right: 1rem; } .sm\:tw-mt-6 { margin-top: 1.5rem; } .sm\:tw-block { display: block; } .sm\:tw-hidden { display: none; } .sm\:tw-size-24 { width: 6rem; height: 6rem; } .sm\:tw-w-\[200px\] { width: 200px; } .sm\:tw-min-w-\[28rem\] { min-width: 28rem; } .sm\:tw-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:tw-self-start { align-self: flex-start; } .sm\:tw-border { border-width: 1px; } .sm\:tw-border-solid { border-style: solid; } .sm\:tw-border-secondary-100 { --tw-border-opacity: 1; border-color: rgb(var(--color-secondary-100) / var(--tw-border-opacity, 1)); } .sm\:tw-bg-background { --tw-bg-opacity: 1; background-color: rgb(var(--color-background) / var(--tw-bg-opacity, 1)); } .sm\:tw-p-8 { padding: 2rem; } .sm\:tw-text-base { font-size: 1rem; line-height: 150%; } .sm\:tw-shadow { --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color); box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } } @media (min-width: 768px) { .md\:tw-sticky { position: sticky; } .md\:tw-block { display: block; } .md\:tw-hidden { display: none; } .md\:tw-h-20 { height: 5rem; } .md\:tw-w-20 { width: 5rem; } .md\:tw-w-\[23rem\] { width: 23rem; } .md\:tw-w-auto { width: auto; } .md\:tw-max-w-3xl { max-width: 48rem; } .md\:tw-max-w-sm { max-width: 24rem; } .md\:tw-max-w-xl { max-width: 36rem; } @keyframes tw-slideDown { 0% { opacity: 0; transform: translateY(-50px); } 100% { opacity: 1; transform: translateY(0); } } .md\:tw-animate-slide-down { animation: tw-slideDown 0.3s ease-out; } .md\:tw-flex-row { flex-direction: row; } .md\:tw-flex-wrap { flex-wrap: wrap; } .md\:tw-rounded-xl { border-radius: 0.75rem; } .md\:tw-bg-opacity-0 { --tw-bg-opacity: 0; } .md\:tw-p-4 { padding: 1rem; } } @media (min-width: 1024px) { .lg\:tw-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } } .rtl\:-tw-translate-x-\[calc\(theme\(spacing\.9\)_-_\(1\.125rem_\+_4px\)\)\]:where([dir="rtl"], [dir="rtl"] *) { --tw-translate-x: calc(calc(2.25rem - (1.125rem + 4px)) * -1); transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .\[\&\:has\(\[data-item-main-content\]_button\:enabled\:hover\2c \[data-item-main-content\]_a\:hover\)\]\:tw-bg-hover-default:has([data-item-main-content] button:enabled:hover,[data-item-main-content] a:hover) { background-color: var(--color-hover-default); } .\[\&\:has\(\[data-item-main-content\]_button\:hover\2c \[data-item-main-content\]_a\:hover\)\]\:tw-cursor-pointer:has([data-item-main-content] button:hover,[data-item-main-content] a:hover) { cursor: pointer; } .\[\&\:has\(input\:focus-visible\)\]\:tw-ring-2:has(input:focus-visible) { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .\[\&\:has\(input\:focus-visible\)\]\:tw-ring-primary-600:has(input:focus-visible) { --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--color-primary-600) / var(--tw-ring-opacity, 1)); } .\[\&\:has\(input\:focus-visible\)\]\:tw-ring-offset-2:has(input:focus-visible) { --tw-ring-offset-width: 2px; } .\[\&\:has\(input\:focus-visible\)\]\:after\:tw-bg-hover-default:has(input:focus-visible)::after { content: var(--tw-content); background-color: var(--color-hover-default); } .\[\&\:has\(input\:focus-visible\)\]\:after\:tw-bg-primary-700:has(input:focus-visible)::after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-700) / var(--tw-bg-opacity, 1)); } .\[\&\:has\(input\:-moz-read-only\2c textarea\:-moz-read-only\)\:not\(\:has\(button\:not\(\[aria-disabled\=\'true\'\]\)\)\)\]\:tw-bg-secondary-100:has(input:-moz-read-only,textarea:-moz-read-only):not(:has(button:not([aria-disabled='true']))) { --tw-bg-opacity: 1; background-color: rgb(var(--color-secondary-100) / var(--tw-bg-opacity, 1)); } .\[\&\:has\(input\:read-only\2c textarea\:read-only\)\:not\(\:has\(button\:not\(\[aria-disabled\=\'true\'\]\)\)\)\]\:tw-bg-secondary-100:has(input:read-only,textarea:read-only):not(:has(button:not([aria-disabled='true']))) { --tw-bg-opacity: 1; background-color: rgb(var(--color-secondary-100) / var(--tw-bg-opacity, 1)); } .\[\&\:has\(input\[type\=\'checkbox\'\]\)\]\:tw-gap-1:has(input[type='checkbox']) { gap: 0.25rem; } .\[\&\:has\(input\[type\=\'radio\'\]\)\]\:tw-gap-1\.5:has(input[type='radio']) { gap: 0.375rem; } .\[\&\:has\(select\)_select\]\:tw-pe-6:has(select) select { padding-inline-end: 1.5rem; } .\[\&\:is\(\:hover\2c \:focus-visible\)\]\:tw-rounded-b-md:is(:hover,:focus-visible) { border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem; } .\[\&\:is\(\:hover\2c \:focus-visible\)\]\:tw-border-b-transparent:is(:hover,:focus-visible) { border-bottom-color: transparent; } .\[\&\:is\(input\2c textarea\)\:disabled\]\:tw-bg-secondary-100:is(input,textarea):disabled { --tw-bg-opacity: 1; background-color: rgb(var(--color-secondary-100) / var(--tw-bg-opacity, 1)); } .\[\&\:not\(\:indeterminate\)\]\:checked\:after\:tw-mask-image-\[var\(--mask-image\)\]:checked:not(:indeterminate)::after { content: var(--tw-content); -webkit-mask-image: var(--mask-image); mask-image: var(--mask-image); } .\[\&\:not\(\:last-child\)\]\:tw-pe-0:not(:last-child) { padding-inline-end: 0px; } @media (min-width: 768px) { .\[\&\:not\(bit-dialog_\*\)\:not\(popup-page_\*\)\]\:md\:tw-mb-12:not(bit-dialog *):not(popup-page *) { margin-bottom: 3rem; } } .\[\&\:not\(bit-form-control_\*\)\]\:focus-visible\:tw-ring-2:focus-visible:not(bit-form-control *) { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .\[\&\:not\(bit-form-control_\*\)\]\:focus-visible\:tw-ring-primary-600:focus-visible:not(bit-form-control *) { --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--color-primary-600) / var(--tw-ring-opacity, 1)); } .\[\&\:not\(bit-form-control_\*\)\]\:focus-visible\:tw-ring-offset-2:focus-visible:not(bit-form-control *) { --tw-ring-offset-width: 2px; } .\[\&\:not\(bit-form-control_\*\)\]\:focus-visible\:before\:tw-ring-2:focus-visible:not(bit-form-control *)::before { content: var(--tw-content); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .\[\&\:not\(bit-form-control_\*\)\]\:focus-visible\:before\:tw-ring-primary-600:focus-visible:not(bit-form-control *)::before { content: var(--tw-content); --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--color-primary-600) / var(--tw-ring-opacity, 1)); } .\[\&\:not\(bit-form-control_\*\)\]\:focus-visible\:before\:tw-ring-offset-2:focus-visible:not(bit-form-control *)::before { content: var(--tw-content); --tw-ring-offset-width: 2px; } .\[\&\:not\(bit-form-control_\*\)\]\:focus-visible\:tw-ring-2.tw-test-focus-visible:not(bit-form-control *) { --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .\[\&\:not\(bit-form-control_\*\)\]\:focus-visible\:tw-ring-primary-600.tw-test-focus-visible:not(bit-form-control *) { --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--color-primary-600) / var(--tw-ring-opacity, 1)); } .\[\&\:not\(bit-form-control_\*\)\]\:focus-visible\:tw-ring-offset-2.tw-test-focus-visible:not(bit-form-control *) { --tw-ring-offset-width: 2px; } .\[\&\:not\(bit-form-control_\*\)\]\:focus-visible\:before\:tw-ring-2.tw-test-focus-visible:not(bit-form-control *)::before { content: var(--tw-content); --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color); --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color); box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000); } .\[\&\:not\(bit-form-control_\*\)\]\:focus-visible\:before\:tw-ring-primary-600.tw-test-focus-visible:not(bit-form-control *)::before { content: var(--tw-content); --tw-ring-opacity: 1; --tw-ring-color: rgb(var(--color-primary-600) / var(--tw-ring-opacity, 1)); } .\[\&\:not\(bit-form-control_\*\)\]\:focus-visible\:before\:tw-ring-offset-2.tw-test-focus-visible:not(bit-form-control *)::before { content: var(--tw-content); --tw-ring-offset-width: 2px; } .\[\&\:not\(bit-layout_\*\)\]\:tw-rounded-lg:not(bit-layout *) { border-radius: 0.5rem; } .tw-bit-compact .bit-compact\:\[\&\:not\(bit-layout_\*\)\]\:tw-rounded-none:not(bit-layout *) { border-radius: 0px; } .tw-bit-compact .bit-compact\:\[\&\:not\(bit-layout_\*\)\]\:first-of-type\:tw-rounded-t-lg:first-of-type:not(bit-layout *) { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem; } .tw-bit-compact .bit-compact\:\[\&\:not\(bit-layout_\*\)\]\:last-of-type\:tw-rounded-b-lg:last-of-type:not(bit-layout *) { border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem; } .\[\&\>\*\:\:selection\]\:tw-bg-primary-700>*::-moz-selection { --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-700) / var(--tw-bg-opacity, 1)); } .\[\&\>\*\:\:selection\]\:tw-bg-primary-700>*::selection { --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-700) / var(--tw-bg-opacity, 1)); } .\[\&\>\*\:\:selection\]\:tw-text-contrast>*::-moz-selection { --tw-text-opacity: 1; color: rgb(var(--color-text-contrast) / var(--tw-text-opacity, 1)); } .\[\&\>\*\:\:selection\]\:tw-text-contrast>*::selection { --tw-text-opacity: 1; color: rgb(var(--color-text-contrast) / var(--tw-text-opacity, 1)); } .\[\&\>\*\:focus-visible\:\:before\]\:\!tw-ring-text-alt2>*:focus-visible::before { --tw-ring-opacity: 1 !important; --tw-ring-color: rgb(var(--color-text-alt2) / var(--tw-ring-opacity, 1)) !important; } .\[\&\>\*\:hover\]\:\!tw-border-text-alt2>*:hover { --tw-border-opacity: 1 !important; border-color: rgb(var(--color-text-alt2) / var(--tw-border-opacity, 1)) !important; } .\[\&\>\*\]\:tw-mb-0>* { margin-bottom: 0px; } .\[\&\>\*\]\:tw-h-full>* { height: 100%; } .\[\&\>\*\]\:tw-flex-1>* { flex: 1 1 0%; } .\[\&\>\*\]\:tw-overflow-y-auto>* { overflow-y: auto; } .\[\&\>\*\]\:tw-p-0>* { padding: 0px; } .\[\&\>\*\]\:tw-align-top>* { vertical-align: top; } .\[\&\>\*\]\:tw-text-alt2>* { --tw-text-opacity: 1; color: rgb(var(--color-text-alt2) / var(--tw-text-opacity, 1)); } .\[\&\>\*\]\:tw-text-main>* { --tw-text-opacity: 1; color: rgb(var(--color-text-main) / var(--tw-text-opacity, 1)); } .\[\&\>button\:not\(\[bit-item-content\]\)\]\:after\:tw-content-\[\'\'\]>button:not([bit-item-content])::after { --tw-content: ''; content: var(--tw-content); } .\[\&\>button\[bitlink\]\:focus-visible\:before\]\:\!tw-ring-text-main>button[bitlink]:focus-visible:before { --tw-ring-opacity: 1 !important; --tw-ring-color: rgb(var(--color-text-main) / var(--tw-ring-opacity, 1)) !important; } .\[\&\>button\]\:tw-relative>button { position: relative; } .\[\&\>button\]\:after\:tw-absolute>button::after { content: var(--tw-content); position: absolute; } .\[\&\>button\]\:after\:tw-bottom-\[-0\.80rem\]>button::after { content: var(--tw-content); bottom: -0.80rem; } .\[\&\>button\]\:after\:tw-left-0>button::after { content: var(--tw-content); left: 0px; } .\[\&\>button\]\:after\:tw-right-0>button::after { content: var(--tw-content); right: 0px; } .\[\&\>button\]\:after\:tw-top-\[-0\.8rem\]>button::after { content: var(--tw-content); top: -0.8rem; } .\[\&\>button\]\:after\:tw-block>button::after { content: var(--tw-content); display: block; } .tw-bit-compact .bit-compact\:\[\&\>button\]\:after\:tw-bottom-\[-0\.7rem\]>button::after { content: var(--tw-content); bottom: -0.7rem; } .tw-bit-compact .bit-compact\:\[\&\>button\]\:after\:tw-top-\[-0\.7rem\]>button::after { content: var(--tw-content); top: -0.7rem; } .\[\&\>img\]\:tw-block>img { display: block; } .\[\&\>label\:hover\]\:tw-border-2>label:hover { border-width: 2px; } .\[\&\>label\:hover\]\:checked\:tw-border-primary-700:checked>label:hover { --tw-border-opacity: 1; border-color: rgb(var(--color-primary-700) / var(--tw-border-opacity, 1)); } .\[\&\>label\:hover\]\:checked\:tw-bg-primary-700:checked>label:hover { --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-700) / var(--tw-bg-opacity, 1)); } .\[\&\>label\:hover\]\:checked\:before\:tw-border-primary-700:checked>label:hover::before { content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(var(--color-primary-700) / var(--tw-border-opacity, 1)); } .\[\&\>label\:hover\]\:checked\:before\:tw-bg-primary-700:checked>label:hover::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-700) / var(--tw-bg-opacity, 1)); } .\[\&\>label\:hover\]\:indeterminate\:before\:tw-border-primary-700:indeterminate>label:hover::before { content: var(--tw-content); --tw-border-opacity: 1; border-color: rgb(var(--color-primary-700) / var(--tw-border-opacity, 1)); } .\[\&\>label\:hover\]\:indeterminate\:before\:tw-bg-primary-700:indeterminate>label:hover::before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(var(--color-primary-700) / var(--tw-bg-opacity, 1)); } .\[\&\>label\]\:before\:tw-border-2>label::before { content: var(--tw-content); border-width: 2px; } .\[\&\[disabled\]_\[bittypography\]\]\:\!tw-text-secondary-300[disabled] [bittypography] { --tw-text-opacity: 1 !important; color: rgb(var(--color-secondary-300) / var(--tw-text-opacity, 1)) !important; } .\[\&\[disabled\]_i\]\:\!tw-text-secondary-300[disabled] i { --tw-text-opacity: 1 !important; color: rgb(var(--color-secondary-300) / var(--tw-text-opacity, 1)) !important; } .\[\&_\*\]\:tw-whitespace-normal * { white-space: normal; } .\[\&_bit-form-field\:last-of-type\]\:tw-mb-0 bit-form-field:last-of-type { margin-bottom: 0px; } .\[\&_bit-hint\]\:tw-mt-0 bit-hint { margin-top: 0px; } .\[\&_button\[biticonbutton\]\]\:-tw-mx-1 button[biticonbutton] { margin-left: -0.25rem; margin-right: -0.25rem; } .\[\&_i\]\:tw-leading-\[1\.5rem\] i { line-height: 1.5rem; } .\[\&_p\]\:tw-mb-0 p { margin-bottom: 0px; } .\[\&_rect\]\:tw-fill-primary-600 rect { fill: rgb(var(--color-primary-600) / 1); } .\[\&_rect\]\:hover\:tw-fill-text-muted:hover rect { fill: rgb(var(--color-text-muted) / 1); } .\[\&_rect\]\:hover\:tw-fill-text-muted.tw-test-hover rect { fill: rgb(var(--color-text-muted) / 1); } .\[\&_svg\]\:tw-absolute svg { position: absolute; } .\[\&_svg\]\:tw-inset-\[theme\(spacing\.3\)\] svg { inset: 0.75rem; } .\[\&_svg\]\:tw-inset-y-\[theme\(spacing\.3\)\] svg { top: 0.75rem; bottom: 0.75rem; } .\[\&_svg\]\:tw-bottom-0 svg { bottom: 0px; } .\[\&_svg\]\:tw-end-0 svg { inset-inline-end: 0px; } .\[\&_svg\]\:tw-start-0 svg { inset-inline-start: 0px; } .\[\&_svg\]\:\!tw-w-\[26px\] svg { width: 26px !important; } .\[\&_svg\]\:tw-w-\[35\%\] svg { width: 35%; } .\[\&_svg\]\:tw-w-\[calc\(100\%_-_theme\(spacing\.6\)\)\] svg { width: calc(100% - 1.5rem); } .\[\&_svg\]\:tw-w-full svg { width: 100%; } .\[\&_svg\]\:tw-max-w-24 svg { max-width: 6rem; } .\[\&_svg\]\:tw-max-w-\[450px\] svg { max-width: 450px; } .\[\&_svg\]\:tw-transition-\[inline-start-inset\] svg { transition-property: inline-start-inset; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; } @media(min-height:53rem) { .\[\@media\(min-height\:53rem\)\]\:tw-sticky { position: sticky; } } @media(min-width:650px) { .\[\@media\(min-width\:650px\)\]\:tw-p-6 { padding: 1.5rem; } } bit-layout .\[bit-layout_\&\]\:-tw-mx-8 { margin-left: -2rem; margin-right: -2rem; } bit-layout .\[bit-layout_\&\]\:-tw-my-6 { margin-top: -1.5rem; margin-bottom: -1.5rem; } bit-layout .\[bit-layout_\&\]\:tw-pb-6 { padding-bottom: 1.5rem; } /*# sourceMappingURL=main.css.map*/