ragusa-it/nixos
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
a3ccd8602d217977079c66269eb04d66aae46d21
nixos/.config/chromium-backup/Default/Extensions/nngceckbapebfimnlniiiahkandclblb/2025.12.1_0/popup/main.css
Melvin Ragusa d3d7242351 add: .config 
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-02-02 14:58:13 +01:00

7634 lines
192 KiB
CSS
Raw Blame History

.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) / <alpha-value>);
alt: rgb(var(--color-background-alt) / <alpha-value>);
alt2: rgb(var(--color-background-alt2) / <alpha-value>);
alt3: rgb(var(--color-background-alt3) / <alpha-value>);
alt4: rgb(var(--color-background-alt4) / <alpha-value>);
}
*, ::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) / <alpha-value>);
alt: rgb(var(--color-background-alt) / <alpha-value>);
alt2: rgb(var(--color-background-alt2) / <alpha-value>);
alt3: rgb(var(--color-background-alt3) / <alpha-value>);
alt4: rgb(var(--color-background-alt4) / <alpha-value>);
}
::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*/
Reference in New Issue View Git Blame Copy Permalink